diff --git a/.gitignore b/.gitignore
index f703fc02e9..53dea88899 100644
--- a/.gitignore
+++ b/.gitignore
@@ -212,7 +212,7 @@ api/.vscode
 
 # pnpm
 /.pnpm-store
-/node_modules
+node_modules
 .vite-hooks/_
 
 # plugin migrate
diff --git a/.vite-hooks/pre-commit b/.vite-hooks/pre-commit
index 54e09f80d6..a4b5531ab1 100755
--- a/.vite-hooks/pre-commit
+++ b/.vite-hooks/pre-commit
@@ -89,6 +89,12 @@ if $web_modified; then
         echo "No staged TypeScript changes detected, skipping type-check:tsgo"
     fi
 
+    echo "Running knip"
+    if ! pnpm run knip; then
+        echo "Knip check failed. Please run 'pnpm run knip' to fix the errors."
+        exit 1
+    fi
+
     echo "Running unit tests check"
     modified_files=$(git diff --cached --name-only -- utils | grep -v '\.spec\.ts$' || true)
 
diff --git a/api/controllers/console/app/app_import.py b/api/controllers/console/app/app_import.py
index 16e1fa3245..c2805f765b 100644
--- a/api/controllers/console/app/app_import.py
+++ b/api/controllers/console/app/app_import.py
@@ -1,6 +1,6 @@
 from flask_restx import Resource, fields, marshal_with
 from pydantic import BaseModel, Field
-from sqlalchemy.orm import sessionmaker
+from sqlalchemy.orm import Session, sessionmaker
 
 from controllers.console.app.wraps import get_app_model
 from controllers.console.wraps import (
@@ -71,7 +71,7 @@ class AppImportApi(Resource):
         args = AppImportPayload.model_validate(console_ns.payload)
 
         # Create service with session
-        with sessionmaker(db.engine).begin() as session:
+        with Session(db.engine) as session:
             import_service = AppDslService(session)
             # Import app
             account = current_user
diff --git a/api/controllers/console/app/workflow_draft_variable.py b/api/controllers/console/app/workflow_draft_variable.py
index 366f145360..f6d076320c 100644
--- a/api/controllers/console/app/workflow_draft_variable.py
+++ b/api/controllers/console/app/workflow_draft_variable.py
@@ -193,7 +193,7 @@ workflow_draft_variable_list_model = console_ns.model(
 )
 
 
-def _api_prerequisite(f: Callable[..., Any]) -> Callable[..., Any]:
+def _api_prerequisite[**P, R](f: Callable[P, R]) -> Callable[P, R | Response]:
     """Common prerequisites for all draft workflow variable APIs.
 
     It ensures the following conditions are satisfied:
@@ -210,7 +210,7 @@ def _api_prerequisite(f: Callable[..., Any]) -> Callable[..., Any]:
     @edit_permission_required
     @get_app_model(mode=[AppMode.ADVANCED_CHAT, AppMode.WORKFLOW])
     @wraps(f)
-    def wrapper(*args: Any, **kwargs: Any):
+    def wrapper(*args: P.args, **kwargs: P.kwargs) -> R | Response:
         return f(*args, **kwargs)
 
     return wrapper
diff --git a/api/controllers/console/app/wraps.py b/api/controllers/console/app/wraps.py
index bd6f019eac..c9cf08072a 100644
--- a/api/controllers/console/app/wraps.py
+++ b/api/controllers/console/app/wraps.py
@@ -1,6 +1,6 @@
 from collections.abc import Callable
 from functools import wraps
-from typing import Any
+from typing import overload
 
 from sqlalchemy import select
 
@@ -23,14 +23,30 @@ def _load_app_model_with_trial(app_id: str) -> App | None:
     return app_model
 
 
-def get_app_model(
-    view: Callable[..., Any] | None = None,
+@overload
+def get_app_model[**P, R](
+    view: Callable[P, R],
     *,
     mode: AppMode | list[AppMode] | None = None,
-) -> Callable[..., Any] | Callable[[Callable[..., Any]], Callable[..., Any]]:
-    def decorator(view_func: Callable[..., Any]) -> Callable[..., Any]:
+) -> Callable[P, R]: ...
+
+
+@overload
+def get_app_model[**P, R](
+    view: None = None,
+    *,
+    mode: AppMode | list[AppMode] | None = None,
+) -> Callable[[Callable[P, R]], Callable[P, R]]: ...
+
+
+def get_app_model[**P, R](
+    view: Callable[P, R] | None = None,
+    *,
+    mode: AppMode | list[AppMode] | None = None,
+) -> Callable[P, R] | Callable[[Callable[P, R]], Callable[P, R]]:
+    def decorator(view_func: Callable[P, R]) -> Callable[P, R]:
         @wraps(view_func)
-        def decorated_view(*args: Any, **kwargs: Any):
+        def decorated_view(*args: P.args, **kwargs: P.kwargs) -> R:
             if not kwargs.get("app_id"):
                 raise ValueError("missing app_id in path parameters")
 
@@ -68,14 +84,30 @@ def get_app_model(
         return decorator(view)
 
 
-def get_app_model_with_trial(
-    view: Callable[..., Any] | None = None,
+@overload
+def get_app_model_with_trial[**P, R](
+    view: Callable[P, R],
     *,
     mode: AppMode | list[AppMode] | None = None,
-) -> Callable[..., Any] | Callable[[Callable[..., Any]], Callable[..., Any]]:
-    def decorator(view_func: Callable[..., Any]) -> Callable[..., Any]:
+) -> Callable[P, R]: ...
+
+
+@overload
+def get_app_model_with_trial[**P, R](
+    view: None = None,
+    *,
+    mode: AppMode | list[AppMode] | None = None,
+) -> Callable[[Callable[P, R]], Callable[P, R]]: ...
+
+
+def get_app_model_with_trial[**P, R](
+    view: Callable[P, R] | None = None,
+    *,
+    mode: AppMode | list[AppMode] | None = None,
+) -> Callable[P, R] | Callable[[Callable[P, R]], Callable[P, R]]:
+    def decorator(view_func: Callable[P, R]) -> Callable[P, R]:
         @wraps(view_func)
-        def decorated_view(*args: Any, **kwargs: Any):
+        def decorated_view(*args: P.args, **kwargs: P.kwargs) -> R:
             if not kwargs.get("app_id"):
                 raise ValueError("missing app_id in path parameters")
 
diff --git a/api/controllers/console/datasets/data_source.py b/api/controllers/console/datasets/data_source.py
index ac14349045..e623722b23 100644
--- a/api/controllers/console/datasets/data_source.py
+++ b/api/controllers/console/datasets/data_source.py
@@ -158,10 +158,11 @@ class DataSourceApi(Resource):
     @login_required
     @account_initialization_required
     def patch(self, binding_id, action: Literal["enable", "disable"]):
+        _, current_tenant_id = current_account_with_tenant()
         binding_id = str(binding_id)
         with sessionmaker(db.engine, expire_on_commit=False).begin() as session:
             data_source_binding = session.execute(
-                select(DataSourceOauthBinding).filter_by(id=binding_id)
+                select(DataSourceOauthBinding).filter_by(id=binding_id, tenant_id=current_tenant_id)
             ).scalar_one_or_none()
         if data_source_binding is None:
             raise NotFound("Data source binding not found.")
diff --git a/api/controllers/console/datasets/rag_pipeline/rag_pipeline_draft_variable.py b/api/controllers/console/datasets/rag_pipeline/rag_pipeline_draft_variable.py
index d635dcb530..93feec0019 100644
--- a/api/controllers/console/datasets/rag_pipeline/rag_pipeline_draft_variable.py
+++ b/api/controllers/console/datasets/rag_pipeline/rag_pipeline_draft_variable.py
@@ -1,4 +1,5 @@
 import logging
+from collections.abc import Callable
 from typing import Any, NoReturn
 
 from flask import Response, request
@@ -55,7 +56,7 @@ class WorkflowDraftVariablePatchPayload(BaseModel):
 register_schema_models(console_ns, WorkflowDraftVariablePatchPayload)
 
 
-def _api_prerequisite(f):
+def _api_prerequisite[**P, R](f: Callable[P, R]) -> Callable[P, R | Response]:
     """Common prerequisites for all draft workflow variable APIs.
 
     It ensures the following conditions are satisfied:
@@ -70,7 +71,7 @@ def _api_prerequisite(f):
     @login_required
     @account_initialization_required
     @get_rag_pipeline
-    def wrapper(*args, **kwargs):
+    def wrapper(*args: P.args, **kwargs: P.kwargs) -> R | Response:
         if not isinstance(current_user, Account) or not current_user.has_edit_permission:
             raise Forbidden()
         return f(*args, **kwargs)
diff --git a/api/controllers/service_api/wraps.py b/api/controllers/service_api/wraps.py
index 2dd916bb31..b9389ccc47 100644
--- a/api/controllers/service_api/wraps.py
+++ b/api/controllers/service_api/wraps.py
@@ -1,9 +1,10 @@
+import inspect
 import logging
 import time
 from collections.abc import Callable
 from enum import StrEnum, auto
 from functools import wraps
-from typing import Any, cast, overload
+from typing import cast, overload
 
 from flask import current_app, request
 from flask_login import user_logged_in
@@ -230,94 +231,73 @@ def cloud_edition_billing_rate_limit_check[**P, R](
     return interceptor
 
 
-def validate_dataset_token(
-    view: Callable[..., Any] | None = None,
-) -> Callable[..., Any] | Callable[[Callable[..., Any]], Callable[..., Any]]:
-    def decorator(view_func: Callable[..., Any]) -> Callable[..., Any]:
-        @wraps(view_func)
-        def decorated(*args: Any, **kwargs: Any) -> Any:
-            api_token = validate_and_get_api_token("dataset")
+def validate_dataset_token[R](view: Callable[..., R]) -> Callable[..., R]:
+    positional_parameters = [
+        parameter
+        for parameter in inspect.signature(view).parameters.values()
+        if parameter.kind in (inspect.Parameter.POSITIONAL_ONLY, inspect.Parameter.POSITIONAL_OR_KEYWORD)
+    ]
+    expects_bound_instance = bool(positional_parameters and positional_parameters[0].name in {"self", "cls"})
 
-            # get url path dataset_id from positional args or kwargs
-            # Flask passes URL path parameters as positional arguments
-            dataset_id = None
+    @wraps(view)
+    def decorated(*args: object, **kwargs: object) -> R:
+        api_token = validate_and_get_api_token("dataset")
 
-            # First try to get from kwargs (explicit parameter)
-            dataset_id = kwargs.get("dataset_id")
+        # Flask may pass URL path parameters positionally, so inspect both kwargs and args.
+        dataset_id = kwargs.get("dataset_id")
 
-            # If not in kwargs, try to extract from positional args
-            if not dataset_id and args:
-                # For class methods: args[0] is self, args[1] is dataset_id (if exists)
-                # Check if first arg is likely a class instance (has __dict__ or __class__)
-                if len(args) > 1 and hasattr(args[0], "__dict__"):
-                    # This is a class method, dataset_id should be in args[1]
-                    potential_id = args[1]
-                    # Validate it's a string-like UUID, not another object
-                    try:
-                        # Try to convert to string and check if it's a valid UUID format
-                        str_id = str(potential_id)
-                        # Basic check: UUIDs are 36 chars with hyphens
-                        if len(str_id) == 36 and str_id.count("-") == 4:
-                            dataset_id = str_id
-                    except Exception:
-                        logger.exception("Failed to parse dataset_id from class method args")
-                elif len(args) > 0:
-                    # Not a class method, check if args[0] looks like a UUID
-                    potential_id = args[0]
-                    try:
-                        str_id = str(potential_id)
-                        if len(str_id) == 36 and str_id.count("-") == 4:
-                            dataset_id = str_id
-                    except Exception:
-                        logger.exception("Failed to parse dataset_id from positional args")
+        if not dataset_id and args:
+            potential_id = args[0]
+            try:
+                str_id = str(potential_id)
+                if len(str_id) == 36 and str_id.count("-") == 4:
+                    dataset_id = str_id
+            except Exception:
+                logger.exception("Failed to parse dataset_id from positional args")
 
-            # Validate dataset if dataset_id is provided
-            if dataset_id:
-                dataset_id = str(dataset_id)
-                dataset = db.session.scalar(
-                    select(Dataset)
-                    .where(
-                        Dataset.id == dataset_id,
-                        Dataset.tenant_id == api_token.tenant_id,
-                    )
-                    .limit(1)
+        if dataset_id:
+            dataset_id = str(dataset_id)
+            dataset = db.session.scalar(
+                select(Dataset)
+                .where(
+                    Dataset.id == dataset_id,
+                    Dataset.tenant_id == api_token.tenant_id,
                 )
-                if not dataset:
-                    raise NotFound("Dataset not found.")
-                if not dataset.enable_api:
-                    raise Forbidden("Dataset api access is not enabled.")
-            tenant_account_join = db.session.execute(
-                select(Tenant, TenantAccountJoin)
-                .where(Tenant.id == api_token.tenant_id)
-                .where(TenantAccountJoin.tenant_id == Tenant.id)
-                .where(TenantAccountJoin.role.in_(["owner"]))
-                .where(Tenant.status == TenantStatus.NORMAL)
-            ).one_or_none()  # TODO: only owner information is required, so only one is returned.
-            if tenant_account_join:
-                tenant, ta = tenant_account_join
-                account = db.session.get(Account, ta.account_id)
-                # Login admin
-                if account:
-                    account.current_tenant = tenant
-                    current_app.login_manager._update_request_context_with_user(account)  # type: ignore
-                    user_logged_in.send(current_app._get_current_object(), user=current_user)  # type: ignore
-                else:
-                    raise Unauthorized("Tenant owner account does not exist.")
+                .limit(1)
+            )
+            if not dataset:
+                raise NotFound("Dataset not found.")
+            if not dataset.enable_api:
+                raise Forbidden("Dataset api access is not enabled.")
+
+        tenant_account_join = db.session.execute(
+            select(Tenant, TenantAccountJoin)
+            .where(Tenant.id == api_token.tenant_id)
+            .where(TenantAccountJoin.tenant_id == Tenant.id)
+            .where(TenantAccountJoin.role.in_(["owner"]))
+            .where(Tenant.status == TenantStatus.NORMAL)
+        ).one_or_none()  # TODO: only owner information is required, so only one is returned.
+        if tenant_account_join:
+            tenant, ta = tenant_account_join
+            account = db.session.get(Account, ta.account_id)
+            # Login admin
+            if account:
+                account.current_tenant = tenant
+                current_app.login_manager._update_request_context_with_user(account)  # type: ignore
+                user_logged_in.send(current_app._get_current_object(), user=current_user)  # type: ignore
             else:
-                raise Unauthorized("Tenant does not exist.")
-            if args and isinstance(args[0], Resource):
-                return view_func(args[0], api_token.tenant_id, *args[1:], **kwargs)
+                raise Unauthorized("Tenant owner account does not exist.")
+        else:
+            raise Unauthorized("Tenant does not exist.")
 
-            return view_func(api_token.tenant_id, *args, **kwargs)
+        if expects_bound_instance:
+            if not args:
+                raise TypeError("validate_dataset_token expected a bound resource instance.")
+            return view(args[0], api_token.tenant_id, *args[1:], **kwargs)
 
-        return decorated
+        return view(api_token.tenant_id, *args, **kwargs)
 
-    if view:
-        return decorator(view)
-
-    # if view is None, it means that the decorator is used without parentheses
-    # use the decorator as a function for method_decorators
-    return decorator
+    return decorated
 
 
 def validate_and_get_api_token(scope: str | None = None):
diff --git a/api/controllers/trigger/webhook.py b/api/controllers/trigger/webhook.py
index eb579da5d4..213704383c 100644
--- a/api/controllers/trigger/webhook.py
+++ b/api/controllers/trigger/webhook.py
@@ -7,7 +7,7 @@ from werkzeug.exceptions import NotFound, RequestEntityTooLarge
 from controllers.trigger import bp
 from core.trigger.debug.event_bus import TriggerDebugEventBus
 from core.trigger.debug.events import WebhookDebugEvent, build_webhook_pool_key
-from services.trigger.webhook_service import WebhookService
+from services.trigger.webhook_service import RawWebhookDataDict, WebhookService
 
 logger = logging.getLogger(__name__)
 
@@ -23,6 +23,7 @@ def _prepare_webhook_execution(webhook_id: str, is_debug: bool = False):
         webhook_id, is_debug=is_debug
     )
 
+    webhook_data: RawWebhookDataDict
     try:
         # Use new unified extraction and validation
         webhook_data = WebhookService.extract_and_validate_webhook_data(webhook_trigger, node_config)
diff --git a/api/core/logging/structured_formatter.py b/api/core/logging/structured_formatter.py
index 4295d2dd34..9baf6c4682 100644
--- a/api/core/logging/structured_formatter.py
+++ b/api/core/logging/structured_formatter.py
@@ -3,13 +3,19 @@
 import logging
 import traceback
 from datetime import UTC, datetime
-from typing import Any
+from typing import Any, TypedDict
 
 import orjson
 
 from configs import dify_config
 
 
+class IdentityDict(TypedDict, total=False):
+    tenant_id: str
+    user_id: str
+    user_type: str
+
+
 class StructuredJSONFormatter(logging.Formatter):
     """
     JSON log formatter following the specified schema:
@@ -84,7 +90,7 @@ class StructuredJSONFormatter(logging.Formatter):
 
         return log_dict
 
-    def _extract_identity(self, record: logging.LogRecord) -> dict[str, str] | None:
+    def _extract_identity(self, record: logging.LogRecord) -> IdentityDict | None:
         tenant_id = getattr(record, "tenant_id", None)
         user_id = getattr(record, "user_id", None)
         user_type = getattr(record, "user_type", None)
@@ -92,7 +98,7 @@ class StructuredJSONFormatter(logging.Formatter):
         if not any([tenant_id, user_id, user_type]):
             return None
 
-        identity: dict[str, str] = {}
+        identity: IdentityDict = {}
         if tenant_id:
             identity["tenant_id"] = tenant_id
         if user_id:
diff --git a/api/core/mcp/session/base_session.py b/api/core/mcp/session/base_session.py
index e50fd42198..0b3aa79838 100644
--- a/api/core/mcp/session/base_session.py
+++ b/api/core/mcp/session/base_session.py
@@ -4,7 +4,7 @@ from collections.abc import Callable
 from concurrent.futures import Future, ThreadPoolExecutor, TimeoutError
 from datetime import timedelta
 from types import TracebackType
-from typing import Any, Self, cast
+from typing import Any, Self
 
 from httpx import HTTPStatusError
 from pydantic import BaseModel
@@ -338,12 +338,11 @@ class BaseSession[
                     validated_request = self._receive_request_type.model_validate(
                         message.message.root.model_dump(by_alias=True, mode="json", exclude_none=True)
                     )
-                    validated_request = cast(ReceiveRequestT, validated_request)
 
                     responder = RequestResponder[ReceiveRequestT, SendResultT](
                         request_id=message.message.root.id,
                         request_meta=validated_request.root.params.meta if validated_request.root.params else None,
-                        request=validated_request,
+                        request=validated_request,  # type: ignore[arg-type]  # mypy can't narrow constrained TypeVar from model_validate
                         session=self,
                         on_complete=lambda r: self._in_flight.pop(r.request_id, None),
                     )
@@ -359,15 +358,14 @@ class BaseSession[
                         notification = self._receive_notification_type.model_validate(
                             message.message.root.model_dump(by_alias=True, mode="json", exclude_none=True)
                         )
-                        notification = cast(ReceiveNotificationT, notification)
                         # Handle cancellation notifications
                         if isinstance(notification.root, CancelledNotification):
                             cancelled_id = notification.root.params.requestId
                             if cancelled_id in self._in_flight:
                                 self._in_flight[cancelled_id].cancel()
                         else:
-                            self._received_notification(notification)
-                            self._handle_incoming(notification)
+                            self._received_notification(notification)  # type: ignore[arg-type]
+                            self._handle_incoming(notification)  # type: ignore[arg-type]
                     except Exception as e:
                         # For other validation errors, log and continue
                         logger.warning("Failed to validate notification: %s. Message was: %s", e, message.message.root)
diff --git a/api/dify_app.py b/api/dify_app.py
index d6deb8e007..bbe3f33787 100644
--- a/api/dify_app.py
+++ b/api/dify_app.py
@@ -1,5 +1,14 @@
+from __future__ import annotations
+
+from typing import TYPE_CHECKING
+
 from flask import Flask
 
+if TYPE_CHECKING:
+    from extensions.ext_login import DifyLoginManager
+
 
 class DifyApp(Flask):
-    pass
+    """Flask application type with Dify-specific extension attributes."""
+
+    login_manager: DifyLoginManager
diff --git a/api/extensions/ext_login.py b/api/extensions/ext_login.py
index 02e50a90fc..bc59eaca63 100644
--- a/api/extensions/ext_login.py
+++ b/api/extensions/ext_login.py
@@ -1,7 +1,8 @@
 import json
+from typing import cast
 
 import flask_login
-from flask import Response, request
+from flask import Request, Response, request
 from flask_login import user_loaded_from_request, user_logged_in
 from sqlalchemy import select
 from werkzeug.exceptions import NotFound, Unauthorized
@@ -16,13 +17,35 @@ from models import Account, Tenant, TenantAccountJoin
 from models.model import AppMCPServer, EndUser
 from services.account_service import AccountService
 
-login_manager = flask_login.LoginManager()
+type LoginUser = Account | EndUser
+
+
+class DifyLoginManager(flask_login.LoginManager):
+    """Project-specific Flask-Login manager with a stable unauthorized contract.
+
+    Dify registers `unauthorized_handler` below to always return a JSON `Response`.
+    Overriding this method lets callers rely on that narrower return type instead of
+    Flask-Login's broader callback contract.
+    """
+
+    def unauthorized(self) -> Response:
+        """Return the registered unauthorized handler result as a Flask `Response`."""
+        return cast(Response, super().unauthorized())
+
+    def load_user_from_request_context(self) -> None:
+        """Populate Flask-Login's request-local user cache for the current request."""
+        self._load_user()
+
+
+login_manager = DifyLoginManager()
 
 
 # Flask-Login configuration
 @login_manager.request_loader
-def load_user_from_request(request_from_flask_login):
+def load_user_from_request(request_from_flask_login: Request) -> LoginUser | None:
     """Load user based on the request."""
+    del request_from_flask_login
+
     # Skip authentication for documentation endpoints
     if dify_config.SWAGGER_UI_ENABLED and request.path.endswith((dify_config.SWAGGER_UI_PATH, "/swagger.json")):
         return None
@@ -100,10 +123,12 @@ def load_user_from_request(request_from_flask_login):
             raise NotFound("End user not found.")
         return end_user
 
+    return None
+
 
 @user_logged_in.connect
 @user_loaded_from_request.connect
-def on_user_logged_in(_sender, user):
+def on_user_logged_in(_sender: object, user: LoginUser) -> None:
     """Called when a user logged in.
 
     Note: AccountService.load_logged_in_account will populate user.current_tenant_id
@@ -114,8 +139,10 @@ def on_user_logged_in(_sender, user):
 
 
 @login_manager.unauthorized_handler
-def unauthorized_handler():
+def unauthorized_handler() -> Response:
     """Handle unauthorized requests."""
+    # Keep this as a concrete `Response`; `DifyLoginManager.unauthorized()` narrows
+    # Flask-Login's callback contract based on this override.
     return Response(
         json.dumps({"code": "unauthorized", "message": "Unauthorized."}),
         status=401,
@@ -123,5 +150,5 @@ def unauthorized_handler():
     )
 
 
-def init_app(app: DifyApp):
+def init_app(app: DifyApp) -> None:
     login_manager.init_app(app)
diff --git a/api/libs/login.py b/api/libs/login.py
index 68a2050747..067597cb3c 100644
--- a/api/libs/login.py
+++ b/api/libs/login.py
@@ -2,19 +2,19 @@ from __future__ import annotations
 
 from collections.abc import Callable
 from functools import wraps
-from typing import TYPE_CHECKING, Any
+from typing import TYPE_CHECKING, Any, cast
 
-from flask import current_app, g, has_request_context, request
+from flask import Response, current_app, g, has_request_context, request
 from flask_login.config import EXEMPT_METHODS
 from werkzeug.local import LocalProxy
 
 from configs import dify_config
+from dify_app import DifyApp
+from extensions.ext_login import DifyLoginManager
 from libs.token import check_csrf_token
 from models import Account
 
 if TYPE_CHECKING:
-    from flask.typing import ResponseReturnValue
-
     from models.model import EndUser
 
 
@@ -29,7 +29,13 @@ def _resolve_current_user() -> EndUser | Account | None:
     return get_current_object() if callable(get_current_object) else user_proxy  # type: ignore
 
 
-def current_account_with_tenant():
+def _get_login_manager() -> DifyLoginManager:
+    """Return the project login manager with Dify's narrowed unauthorized contract."""
+    app = cast(DifyApp, current_app)
+    return app.login_manager
+
+
+def current_account_with_tenant() -> tuple[Account, str]:
     """
     Resolve the underlying account for the current user proxy and ensure tenant context exists.
     Allows tests to supply plain Account mocks without the LocalProxy helper.
@@ -42,7 +48,7 @@ def current_account_with_tenant():
     return user, user.current_tenant_id
 
 
-def login_required[**P, R](func: Callable[P, R]) -> Callable[P, R | ResponseReturnValue]:
+def login_required[**P, R](func: Callable[P, R]) -> Callable[P, R | Response]:
     """
     If you decorate a view with this, it will ensure that the current user is
     logged in and authenticated before calling the actual view. (If they are
@@ -77,13 +83,16 @@ def login_required[**P, R](func: Callable[P, R]) -> Callable[P, R | ResponseRetu
     """
 
     @wraps(func)
-    def decorated_view(*args: P.args, **kwargs: P.kwargs) -> R | ResponseReturnValue:
+    def decorated_view(*args: P.args, **kwargs: P.kwargs) -> R | Response:
         if request.method in EXEMPT_METHODS or dify_config.LOGIN_DISABLED:
             return current_app.ensure_sync(func)(*args, **kwargs)
 
         user = _resolve_current_user()
         if user is None or not user.is_authenticated:
-            return current_app.login_manager.unauthorized()  # type: ignore
+            # `DifyLoginManager` guarantees that the registered unauthorized handler
+            # is surfaced here as a concrete Flask `Response`.
+            unauthorized_response: Response = _get_login_manager().unauthorized()
+            return unauthorized_response
         g._login_user = user
         # we put csrf validation here for less conflicts
         # TODO: maybe find a better place for it.
@@ -96,7 +105,7 @@ def login_required[**P, R](func: Callable[P, R]) -> Callable[P, R | ResponseRetu
 def _get_user() -> EndUser | Account | None:
     if has_request_context():
         if "_login_user" not in g:
-            current_app.login_manager._load_user()  # type: ignore
+            _get_login_manager().load_user_from_request_context()
 
         return g._login_user
 
diff --git a/api/pyproject.toml b/api/pyproject.toml
index 863b61cad1..cbd9af151b 100644
--- a/api/pyproject.toml
+++ b/api/pyproject.toml
@@ -171,7 +171,7 @@ dev = [
     "sseclient-py>=1.8.0",
     "pytest-timeout>=2.4.0",
     "pytest-xdist>=3.8.0",
-    "pyrefly>=0.57.1",
+    "pyrefly>=0.59.1",
 ]
 
 ############################################################
diff --git a/api/services/account_service.py b/api/services/account_service.py
index 29b1444730..d02f244428 100644
--- a/api/services/account_service.py
+++ b/api/services/account_service.py
@@ -8,7 +8,7 @@ from hashlib import sha256
 from typing import Any, TypedDict, cast
 
 from pydantic import BaseModel, TypeAdapter
-from sqlalchemy import func, select
+from sqlalchemy import delete, func, select
 from sqlalchemy.orm import Session
 
 
@@ -144,22 +144,26 @@ class AccountService:
 
     @staticmethod
     def load_user(user_id: str) -> None | Account:
-        account = db.session.query(Account).filter_by(id=user_id).first()
+        account = db.session.get(Account, user_id)
         if not account:
             return None
 
         if account.status == AccountStatus.BANNED:
             raise Unauthorized("Account is banned.")
 
-        current_tenant = db.session.query(TenantAccountJoin).filter_by(account_id=account.id, current=True).first()
+        current_tenant = db.session.scalar(
+            select(TenantAccountJoin)
+            .where(TenantAccountJoin.account_id == account.id, TenantAccountJoin.current == True)
+            .limit(1)
+        )
         if current_tenant:
             account.set_tenant_id(current_tenant.tenant_id)
         else:
-            available_ta = (
-                db.session.query(TenantAccountJoin)
-                .filter_by(account_id=account.id)
+            available_ta = db.session.scalar(
+                select(TenantAccountJoin)
+                .where(TenantAccountJoin.account_id == account.id)
                 .order_by(TenantAccountJoin.id.asc())
-                .first()
+                .limit(1)
             )
             if not available_ta:
                 return None
@@ -195,7 +199,7 @@ class AccountService:
     def authenticate(email: str, password: str, invite_token: str | None = None) -> Account:
         """authenticate account with email and password"""
 
-        account = db.session.query(Account).filter_by(email=email).first()
+        account = db.session.scalar(select(Account).where(Account.email == email).limit(1))
         if not account:
             raise AccountPasswordError("Invalid email or password.")
 
@@ -371,8 +375,10 @@ class AccountService:
         """Link account integrate"""
         try:
             # Query whether there is an existing binding record for the same provider
-            account_integrate: AccountIntegrate | None = (
-                db.session.query(AccountIntegrate).filter_by(account_id=account.id, provider=provider).first()
+            account_integrate: AccountIntegrate | None = db.session.scalar(
+                select(AccountIntegrate)
+                .where(AccountIntegrate.account_id == account.id, AccountIntegrate.provider == provider)
+                .limit(1)
             )
 
             if account_integrate:
@@ -416,7 +422,9 @@ class AccountService:
     def update_account_email(account: Account, email: str) -> Account:
         """Update account email"""
         account.email = email
-        account_integrate = db.session.query(AccountIntegrate).filter_by(account_id=account.id).first()
+        account_integrate = db.session.scalar(
+            select(AccountIntegrate).where(AccountIntegrate.account_id == account.id).limit(1)
+        )
         if account_integrate:
             db.session.delete(account_integrate)
         db.session.add(account)
@@ -818,7 +826,7 @@ class AccountService:
                 )
             )
 
-        account = db.session.query(Account).where(Account.email == email).first()
+        account = db.session.scalar(select(Account).where(Account.email == email).limit(1))
         if not account:
             return None
 
@@ -1018,7 +1026,7 @@ class AccountService:
 
     @staticmethod
     def check_email_unique(email: str) -> bool:
-        return db.session.query(Account).filter_by(email=email).first() is None
+        return db.session.scalar(select(Account).where(Account.email == email).limit(1)) is None
 
 
 class TenantService:
@@ -1384,10 +1392,10 @@ class RegisterService:
             db.session.add(dify_setup)
             db.session.commit()
         except Exception as e:
-            db.session.query(DifySetup).delete()
-            db.session.query(TenantAccountJoin).delete()
-            db.session.query(Account).delete()
-            db.session.query(Tenant).delete()
+            db.session.execute(delete(DifySetup))
+            db.session.execute(delete(TenantAccountJoin))
+            db.session.execute(delete(Account))
+            db.session.execute(delete(Tenant))
             db.session.commit()
 
             logger.exception("Setup account failed, email: %s, name: %s", email, name)
@@ -1488,7 +1496,11 @@ class RegisterService:
             TenantService.switch_tenant(account, tenant.id)
         else:
             TenantService.check_member_permission(tenant, inviter, account, "add")
-            ta = db.session.query(TenantAccountJoin).filter_by(tenant_id=tenant.id, account_id=account.id).first()
+            ta = db.session.scalar(
+                select(TenantAccountJoin)
+                .where(TenantAccountJoin.tenant_id == tenant.id, TenantAccountJoin.account_id == account.id)
+                .limit(1)
+            )
 
             if not ta:
                 TenantService.create_tenant_member(tenant, account, role)
@@ -1545,21 +1557,18 @@ class RegisterService:
         if not invitation_data:
             return None
 
-        tenant = (
-            db.session.query(Tenant)
-            .where(Tenant.id == invitation_data["workspace_id"], Tenant.status == "normal")
-            .first()
+        tenant = db.session.scalar(
+            select(Tenant).where(Tenant.id == invitation_data["workspace_id"], Tenant.status == "normal").limit(1)
         )
 
         if not tenant:
             return None
 
-        tenant_account = (
-            db.session.query(Account, TenantAccountJoin.role)
+        tenant_account = db.session.execute(
+            select(Account, TenantAccountJoin.role)
             .join(TenantAccountJoin, Account.id == TenantAccountJoin.account_id)
             .where(Account.email == invitation_data["email"], TenantAccountJoin.tenant_id == tenant.id)
-            .first()
-        )
+        ).first()
 
         if not tenant_account:
             return None
diff --git a/api/services/annotation_service.py b/api/services/annotation_service.py
index 8ebc87a670..b472a26950 100644
--- a/api/services/annotation_service.py
+++ b/api/services/annotation_service.py
@@ -4,6 +4,8 @@ import uuid
 import pandas as pd
 
 logger = logging.getLogger(__name__)
+from typing import TypedDict
+
 from sqlalchemy import or_, select
 from werkzeug.datastructures import FileStorage
 from werkzeug.exceptions import NotFound
@@ -23,6 +25,27 @@ from tasks.annotation.enable_annotation_reply_task import enable_annotation_repl
 from tasks.annotation.update_annotation_to_index_task import update_annotation_to_index_task
 
 
+class AnnotationJobStatusDict(TypedDict):
+    job_id: str
+    job_status: str
+
+
+class EmbeddingModelDict(TypedDict):
+    embedding_provider_name: str
+    embedding_model_name: str
+
+
+class AnnotationSettingDict(TypedDict):
+    id: str
+    enabled: bool
+    score_threshold: float
+    embedding_model: EmbeddingModelDict | dict
+
+
+class AnnotationSettingDisabledDict(TypedDict):
+    enabled: bool
+
+
 class AppAnnotationService:
     @classmethod
     def up_insert_app_annotation_from_message(cls, args: dict, app_id: str) -> MessageAnnotation:
@@ -85,7 +108,7 @@ class AppAnnotationService:
         return annotation
 
     @classmethod
-    def enable_app_annotation(cls, args: dict, app_id: str):
+    def enable_app_annotation(cls, args: dict, app_id: str) -> AnnotationJobStatusDict:
         enable_app_annotation_key = f"enable_app_annotation_{str(app_id)}"
         cache_result = redis_client.get(enable_app_annotation_key)
         if cache_result is not None:
@@ -109,7 +132,7 @@ class AppAnnotationService:
         return {"job_id": job_id, "job_status": "waiting"}
 
     @classmethod
-    def disable_app_annotation(cls, app_id: str):
+    def disable_app_annotation(cls, app_id: str) -> AnnotationJobStatusDict:
         _, current_tenant_id = current_account_with_tenant()
         disable_app_annotation_key = f"disable_app_annotation_{str(app_id)}"
         cache_result = redis_client.get(disable_app_annotation_key)
@@ -567,7 +590,7 @@ class AppAnnotationService:
         db.session.commit()
 
     @classmethod
-    def get_app_annotation_setting_by_app_id(cls, app_id: str):
+    def get_app_annotation_setting_by_app_id(cls, app_id: str) -> AnnotationSettingDict | AnnotationSettingDisabledDict:
         _, current_tenant_id = current_account_with_tenant()
         # get app info
         app = (
@@ -602,7 +625,9 @@ class AppAnnotationService:
         return {"enabled": False}
 
     @classmethod
-    def update_app_annotation_setting(cls, app_id: str, annotation_setting_id: str, args: dict):
+    def update_app_annotation_setting(
+        cls, app_id: str, annotation_setting_id: str, args: dict
+    ) -> AnnotationSettingDict:
         current_user, current_tenant_id = current_account_with_tenant()
         # get app info
         app = (
diff --git a/api/services/billing_service.py b/api/services/billing_service.py
index 3c3e4aa6d2..c3ce48b6bc 100644
--- a/api/services/billing_service.py
+++ b/api/services/billing_service.py
@@ -32,6 +32,11 @@ class SubscriptionPlan(TypedDict):
     expiration_date: int
 
 
+class KnowledgeRateLimitDict(TypedDict):
+    limit: int
+    subscription_plan: str
+
+
 class BillingService:
     base_url = os.environ.get("BILLING_API_URL", "BILLING_API_URL")
     secret_key = os.environ.get("BILLING_API_SECRET_KEY", "BILLING_API_SECRET_KEY")
@@ -58,7 +63,7 @@ class BillingService:
         return usage_info
 
     @classmethod
-    def get_knowledge_rate_limit(cls, tenant_id: str):
+    def get_knowledge_rate_limit(cls, tenant_id: str) -> KnowledgeRateLimitDict:
         params = {"tenant_id": tenant_id}
 
         knowledge_rate_limit = cls._send_request("GET", "/subscription/knowledge-rate-limit", params=params)
diff --git a/api/services/external_knowledge_service.py b/api/services/external_knowledge_service.py
index 9a522ece52..b178718baa 100644
--- a/api/services/external_knowledge_service.py
+++ b/api/services/external_knowledge_service.py
@@ -5,7 +5,7 @@ from urllib.parse import urlparse
 
 import httpx
 from graphon.nodes.http_request.exc import InvalidHttpMethodError
-from sqlalchemy import select
+from sqlalchemy import func, select
 
 from constants import HIDDEN_VALUE
 from core.helper import ssrf_proxy
@@ -103,8 +103,10 @@ class ExternalDatasetService:
 
     @staticmethod
     def get_external_knowledge_api(external_knowledge_api_id: str, tenant_id: str) -> ExternalKnowledgeApis:
-        external_knowledge_api: ExternalKnowledgeApis | None = (
-            db.session.query(ExternalKnowledgeApis).filter_by(id=external_knowledge_api_id, tenant_id=tenant_id).first()
+        external_knowledge_api: ExternalKnowledgeApis | None = db.session.scalar(
+            select(ExternalKnowledgeApis)
+            .where(ExternalKnowledgeApis.id == external_knowledge_api_id, ExternalKnowledgeApis.tenant_id == tenant_id)
+            .limit(1)
         )
         if external_knowledge_api is None:
             raise ValueError("api template not found")
@@ -112,8 +114,10 @@ class ExternalDatasetService:
 
     @staticmethod
     def update_external_knowledge_api(tenant_id, user_id, external_knowledge_api_id, args) -> ExternalKnowledgeApis:
-        external_knowledge_api: ExternalKnowledgeApis | None = (
-            db.session.query(ExternalKnowledgeApis).filter_by(id=external_knowledge_api_id, tenant_id=tenant_id).first()
+        external_knowledge_api: ExternalKnowledgeApis | None = db.session.scalar(
+            select(ExternalKnowledgeApis)
+            .where(ExternalKnowledgeApis.id == external_knowledge_api_id, ExternalKnowledgeApis.tenant_id == tenant_id)
+            .limit(1)
         )
         if external_knowledge_api is None:
             raise ValueError("api template not found")
@@ -132,8 +136,10 @@ class ExternalDatasetService:
 
     @staticmethod
     def delete_external_knowledge_api(tenant_id: str, external_knowledge_api_id: str):
-        external_knowledge_api = (
-            db.session.query(ExternalKnowledgeApis).filter_by(id=external_knowledge_api_id, tenant_id=tenant_id).first()
+        external_knowledge_api = db.session.scalar(
+            select(ExternalKnowledgeApis)
+            .where(ExternalKnowledgeApis.id == external_knowledge_api_id, ExternalKnowledgeApis.tenant_id == tenant_id)
+            .limit(1)
         )
         if external_knowledge_api is None:
             raise ValueError("api template not found")
@@ -144,9 +150,12 @@ class ExternalDatasetService:
     @staticmethod
     def external_knowledge_api_use_check(external_knowledge_api_id: str) -> tuple[bool, int]:
         count = (
-            db.session.query(ExternalKnowledgeBindings)
-            .filter_by(external_knowledge_api_id=external_knowledge_api_id)
-            .count()
+            db.session.scalar(
+                select(func.count(ExternalKnowledgeBindings.id)).where(
+                    ExternalKnowledgeBindings.external_knowledge_api_id == external_knowledge_api_id
+                )
+            )
+            or 0
         )
         if count > 0:
             return True, count
@@ -154,8 +163,10 @@ class ExternalDatasetService:
 
     @staticmethod
     def get_external_knowledge_binding_with_dataset_id(tenant_id: str, dataset_id: str) -> ExternalKnowledgeBindings:
-        external_knowledge_binding: ExternalKnowledgeBindings | None = (
-            db.session.query(ExternalKnowledgeBindings).filter_by(dataset_id=dataset_id, tenant_id=tenant_id).first()
+        external_knowledge_binding: ExternalKnowledgeBindings | None = db.session.scalar(
+            select(ExternalKnowledgeBindings)
+            .where(ExternalKnowledgeBindings.dataset_id == dataset_id, ExternalKnowledgeBindings.tenant_id == tenant_id)
+            .limit(1)
         )
         if not external_knowledge_binding:
             raise ValueError("external knowledge binding not found")
@@ -163,8 +174,10 @@ class ExternalDatasetService:
 
     @staticmethod
     def document_create_args_validate(tenant_id: str, external_knowledge_api_id: str, process_parameter: dict):
-        external_knowledge_api = (
-            db.session.query(ExternalKnowledgeApis).filter_by(id=external_knowledge_api_id, tenant_id=tenant_id).first()
+        external_knowledge_api = db.session.scalar(
+            select(ExternalKnowledgeApis)
+            .where(ExternalKnowledgeApis.id == external_knowledge_api_id, ExternalKnowledgeApis.tenant_id == tenant_id)
+            .limit(1)
         )
         if external_knowledge_api is None or external_knowledge_api.settings is None:
             raise ValueError("api template not found")
@@ -238,12 +251,17 @@ class ExternalDatasetService:
     @staticmethod
     def create_external_dataset(tenant_id: str, user_id: str, args: dict) -> Dataset:
         # check if dataset name already exists
-        if db.session.query(Dataset).filter_by(name=args.get("name"), tenant_id=tenant_id).first():
+        if db.session.scalar(
+            select(Dataset).where(Dataset.name == args.get("name"), Dataset.tenant_id == tenant_id).limit(1)
+        ):
             raise DatasetNameDuplicateError(f"Dataset with name {args.get('name')} already exists.")
-        external_knowledge_api = (
-            db.session.query(ExternalKnowledgeApis)
-            .filter_by(id=args.get("external_knowledge_api_id"), tenant_id=tenant_id)
-            .first()
+        external_knowledge_api = db.session.scalar(
+            select(ExternalKnowledgeApis)
+            .where(
+                ExternalKnowledgeApis.id == args.get("external_knowledge_api_id"),
+                ExternalKnowledgeApis.tenant_id == tenant_id,
+            )
+            .limit(1)
         )
 
         if external_knowledge_api is None:
@@ -286,16 +304,18 @@ class ExternalDatasetService:
         external_retrieval_parameters: dict,
         metadata_condition: MetadataCondition | None = None,
     ):
-        external_knowledge_binding = (
-            db.session.query(ExternalKnowledgeBindings).filter_by(dataset_id=dataset_id, tenant_id=tenant_id).first()
+        external_knowledge_binding = db.session.scalar(
+            select(ExternalKnowledgeBindings)
+            .where(ExternalKnowledgeBindings.dataset_id == dataset_id, ExternalKnowledgeBindings.tenant_id == tenant_id)
+            .limit(1)
         )
         if not external_knowledge_binding:
             raise ValueError("external knowledge binding not found")
 
-        external_knowledge_api = (
-            db.session.query(ExternalKnowledgeApis)
-            .filter_by(id=external_knowledge_binding.external_knowledge_api_id)
-            .first()
+        external_knowledge_api = db.session.scalar(
+            select(ExternalKnowledgeApis)
+            .where(ExternalKnowledgeApis.id == external_knowledge_binding.external_knowledge_api_id)
+            .limit(1)
         )
         if external_knowledge_api is None or external_knowledge_api.settings is None:
             raise ValueError("external api template not found")
diff --git a/api/services/hit_testing_service.py b/api/services/hit_testing_service.py
index 82e0b0f8b1..7900f6da26 100644
--- a/api/services/hit_testing_service.py
+++ b/api/services/hit_testing_service.py
@@ -1,7 +1,7 @@
 import json
 import logging
 import time
-from typing import Any
+from typing import Any, TypedDict
 
 from graphon.model_runtime.entities import LLMMode
 
@@ -18,6 +18,16 @@ from models.enums import CreatorUserRole, DatasetQuerySource
 
 logger = logging.getLogger(__name__)
 
+
+class QueryDict(TypedDict):
+    content: str
+
+
+class RetrieveResponseDict(TypedDict):
+    query: QueryDict
+    records: list[dict[str, Any]]
+
+
 default_retrieval_model = {
     "search_method": RetrievalMethod.SEMANTIC_SEARCH,
     "reranking_enable": False,
@@ -150,7 +160,7 @@ class HitTestingService:
         return dict(cls.compact_external_retrieve_response(dataset, query, all_documents))
 
     @classmethod
-    def compact_retrieve_response(cls, query: str, documents: list[Document]) -> dict[Any, Any]:
+    def compact_retrieve_response(cls, query: str, documents: list[Document]) -> RetrieveResponseDict:
         records = RetrievalService.format_retrieval_documents(documents)
 
         return {
@@ -161,7 +171,7 @@ class HitTestingService:
         }
 
     @classmethod
-    def compact_external_retrieve_response(cls, dataset: Dataset, query: str, documents: list) -> dict[Any, Any]:
+    def compact_external_retrieve_response(cls, dataset: Dataset, query: str, documents: list) -> RetrieveResponseDict:
         records = []
         if dataset.provider == "external":
             for document in documents:
diff --git a/api/services/metadata_service.py b/api/services/metadata_service.py
index 12729278cc..672f309bac 100644
--- a/api/services/metadata_service.py
+++ b/api/services/metadata_service.py
@@ -1,6 +1,8 @@
 import copy
 import logging
 
+from sqlalchemy import delete, func, select
+
 from core.rag.index_processor.constant.built_in_field import BuiltInField, MetadataDataSource
 from extensions.ext_database import db
 from extensions.ext_redis import redis_client
@@ -25,10 +27,14 @@ class MetadataService:
             raise ValueError("Metadata name cannot exceed 255 characters.")
         current_user, current_tenant_id = current_account_with_tenant()
         # check if metadata name already exists
-        if (
-            db.session.query(DatasetMetadata)
-            .filter_by(tenant_id=current_tenant_id, dataset_id=dataset_id, name=metadata_args.name)
-            .first()
+        if db.session.scalar(
+            select(DatasetMetadata)
+            .where(
+                DatasetMetadata.tenant_id == current_tenant_id,
+                DatasetMetadata.dataset_id == dataset_id,
+                DatasetMetadata.name == metadata_args.name,
+            )
+            .limit(1)
         ):
             raise ValueError("Metadata name already exists.")
         for field in BuiltInField:
@@ -54,10 +60,14 @@ class MetadataService:
         lock_key = f"dataset_metadata_lock_{dataset_id}"
         # check if metadata name already exists
         current_user, current_tenant_id = current_account_with_tenant()
-        if (
-            db.session.query(DatasetMetadata)
-            .filter_by(tenant_id=current_tenant_id, dataset_id=dataset_id, name=name)
-            .first()
+        if db.session.scalar(
+            select(DatasetMetadata)
+            .where(
+                DatasetMetadata.tenant_id == current_tenant_id,
+                DatasetMetadata.dataset_id == dataset_id,
+                DatasetMetadata.name == name,
+            )
+            .limit(1)
         ):
             raise ValueError("Metadata name already exists.")
         for field in BuiltInField:
@@ -65,7 +75,11 @@ class MetadataService:
                 raise ValueError("Metadata name already exists in Built-in fields.")
         try:
             MetadataService.knowledge_base_metadata_lock_check(dataset_id, None)
-            metadata = db.session.query(DatasetMetadata).filter_by(id=metadata_id, dataset_id=dataset_id).first()
+            metadata = db.session.scalar(
+                select(DatasetMetadata)
+                .where(DatasetMetadata.id == metadata_id, DatasetMetadata.dataset_id == dataset_id)
+                .limit(1)
+            )
             if metadata is None:
                 raise ValueError("Metadata not found.")
             old_name = metadata.name
@@ -74,9 +88,9 @@ class MetadataService:
             metadata.updated_at = naive_utc_now()
 
             # update related documents
-            dataset_metadata_bindings = (
-                db.session.query(DatasetMetadataBinding).filter_by(metadata_id=metadata_id).all()
-            )
+            dataset_metadata_bindings = db.session.scalars(
+                select(DatasetMetadataBinding).where(DatasetMetadataBinding.metadata_id == metadata_id)
+            ).all()
             if dataset_metadata_bindings:
                 document_ids = [binding.document_id for binding in dataset_metadata_bindings]
                 documents = DocumentService.get_document_by_ids(document_ids)
@@ -101,15 +115,19 @@ class MetadataService:
         lock_key = f"dataset_metadata_lock_{dataset_id}"
         try:
             MetadataService.knowledge_base_metadata_lock_check(dataset_id, None)
-            metadata = db.session.query(DatasetMetadata).filter_by(id=metadata_id, dataset_id=dataset_id).first()
+            metadata = db.session.scalar(
+                select(DatasetMetadata)
+                .where(DatasetMetadata.id == metadata_id, DatasetMetadata.dataset_id == dataset_id)
+                .limit(1)
+            )
             if metadata is None:
                 raise ValueError("Metadata not found.")
             db.session.delete(metadata)
 
             # deal related documents
-            dataset_metadata_bindings = (
-                db.session.query(DatasetMetadataBinding).filter_by(metadata_id=metadata_id).all()
-            )
+            dataset_metadata_bindings = db.session.scalars(
+                select(DatasetMetadataBinding).where(DatasetMetadataBinding.metadata_id == metadata_id)
+            ).all()
             if dataset_metadata_bindings:
                 document_ids = [binding.document_id for binding in dataset_metadata_bindings]
                 documents = DocumentService.get_document_by_ids(document_ids)
@@ -224,16 +242,23 @@ class MetadataService:
 
                 # deal metadata binding (in the same transaction as the doc_metadata update)
                 if not operation.partial_update:
-                    db.session.query(DatasetMetadataBinding).filter_by(document_id=operation.document_id).delete()
+                    db.session.execute(
+                        delete(DatasetMetadataBinding).where(
+                            DatasetMetadataBinding.document_id == operation.document_id
+                        )
+                    )
 
                 current_user, current_tenant_id = current_account_with_tenant()
                 for metadata_value in operation.metadata_list:
                     # check if binding already exists
                     if operation.partial_update:
-                        existing_binding = (
-                            db.session.query(DatasetMetadataBinding)
-                            .filter_by(document_id=operation.document_id, metadata_id=metadata_value.id)
-                            .first()
+                        existing_binding = db.session.scalar(
+                            select(DatasetMetadataBinding)
+                            .where(
+                                DatasetMetadataBinding.document_id == operation.document_id,
+                                DatasetMetadataBinding.metadata_id == metadata_value.id,
+                            )
+                            .limit(1)
                         )
                         if existing_binding:
                             continue
@@ -275,9 +300,13 @@ class MetadataService:
                     "id": item.get("id"),
                     "name": item.get("name"),
                     "type": item.get("type"),
-                    "count": db.session.query(DatasetMetadataBinding)
-                    .filter_by(metadata_id=item.get("id"), dataset_id=dataset.id)
-                    .count(),
+                    "count": db.session.scalar(
+                        select(func.count(DatasetMetadataBinding.id)).where(
+                            DatasetMetadataBinding.metadata_id == item.get("id"),
+                            DatasetMetadataBinding.dataset_id == dataset.id,
+                        )
+                    )
+                    or 0,
                 }
                 for item in dataset.doc_metadata or []
                 if item.get("id") != "built-in"
diff --git a/api/services/rag_pipeline/rag_pipeline.py b/api/services/rag_pipeline/rag_pipeline.py
index 50f34d5a8a..5b3668aebb 100644
--- a/api/services/rag_pipeline/rag_pipeline.py
+++ b/api/services/rag_pipeline/rag_pipeline.py
@@ -156,27 +156,27 @@ class RagPipelineService:
         :param template_id: template id
         :param template_info: template info
         """
-        customized_template: PipelineCustomizedTemplate | None = (
-            db.session.query(PipelineCustomizedTemplate)
+        customized_template: PipelineCustomizedTemplate | None = db.session.scalar(
+            select(PipelineCustomizedTemplate)
             .where(
                 PipelineCustomizedTemplate.id == template_id,
                 PipelineCustomizedTemplate.tenant_id == current_user.current_tenant_id,
             )
-            .first()
+            .limit(1)
         )
         if not customized_template:
             raise ValueError("Customized pipeline template not found.")
         # check template name is exist
         template_name = template_info.name
         if template_name:
-            template = (
-                db.session.query(PipelineCustomizedTemplate)
+            template = db.session.scalar(
+                select(PipelineCustomizedTemplate)
                 .where(
                     PipelineCustomizedTemplate.name == template_name,
                     PipelineCustomizedTemplate.tenant_id == current_user.current_tenant_id,
                     PipelineCustomizedTemplate.id != template_id,
                 )
-                .first()
+                .limit(1)
             )
             if template:
                 raise ValueError("Template name is already exists")
@@ -192,13 +192,13 @@ class RagPipelineService:
         """
         Delete customized pipeline template.
         """
-        customized_template: PipelineCustomizedTemplate | None = (
-            db.session.query(PipelineCustomizedTemplate)
+        customized_template: PipelineCustomizedTemplate | None = db.session.scalar(
+            select(PipelineCustomizedTemplate)
             .where(
                 PipelineCustomizedTemplate.id == template_id,
                 PipelineCustomizedTemplate.tenant_id == current_user.current_tenant_id,
             )
-            .first()
+            .limit(1)
         )
         if not customized_template:
             raise ValueError("Customized pipeline template not found.")
@@ -210,14 +210,14 @@ class RagPipelineService:
         Get draft workflow
         """
         # fetch draft workflow by rag pipeline
-        workflow = (
-            db.session.query(Workflow)
+        workflow = db.session.scalar(
+            select(Workflow)
             .where(
                 Workflow.tenant_id == pipeline.tenant_id,
                 Workflow.app_id == pipeline.id,
                 Workflow.version == "draft",
             )
-            .first()
+            .limit(1)
         )
 
         # return draft workflow
@@ -232,28 +232,28 @@ class RagPipelineService:
             return None
 
         # fetch published workflow by workflow_id
-        workflow = (
-            db.session.query(Workflow)
+        workflow = db.session.scalar(
+            select(Workflow)
             .where(
                 Workflow.tenant_id == pipeline.tenant_id,
                 Workflow.app_id == pipeline.id,
                 Workflow.id == pipeline.workflow_id,
             )
-            .first()
+            .limit(1)
         )
 
         return workflow
 
     def get_published_workflow_by_id(self, pipeline: Pipeline, workflow_id: str) -> Workflow | None:
         """Fetch a published workflow snapshot by ID for restore operations."""
-        workflow = (
-            db.session.query(Workflow)
+        workflow = db.session.scalar(
+            select(Workflow)
             .where(
                 Workflow.tenant_id == pipeline.tenant_id,
                 Workflow.app_id == pipeline.id,
                 Workflow.id == workflow_id,
             )
-            .first()
+            .limit(1)
         )
         if workflow and workflow.version == Workflow.VERSION_DRAFT:
             raise IsDraftWorkflowError("source workflow must be published")
@@ -974,7 +974,7 @@ class RagPipelineService:
                 if invoke_from.value == InvokeFrom.PUBLISHED_PIPELINE:
                     document_id = get_system_segment(variable_pool, SystemVariableKey.DOCUMENT_ID)
                     if document_id:
-                        document = db.session.query(Document).where(Document.id == document_id.value).first()
+                        document = db.session.get(Document, document_id.value)
                         if document:
                             document.indexing_status = IndexingStatus.ERROR
                             document.error = error
@@ -1178,12 +1178,12 @@ class RagPipelineService:
         """
         Publish customized pipeline template
         """
-        pipeline = db.session.query(Pipeline).where(Pipeline.id == pipeline_id).first()
+        pipeline = db.session.get(Pipeline, pipeline_id)
         if not pipeline:
             raise ValueError("Pipeline not found")
         if not pipeline.workflow_id:
             raise ValueError("Pipeline workflow not found")
-        workflow = db.session.query(Workflow).where(Workflow.id == pipeline.workflow_id).first()
+        workflow = db.session.get(Workflow, pipeline.workflow_id)
         if not workflow:
             raise ValueError("Workflow not found")
         with Session(db.engine) as session:
@@ -1194,21 +1194,21 @@ class RagPipelineService:
         # check template name is exist
         template_name = args.get("name")
         if template_name:
-            template = (
-                db.session.query(PipelineCustomizedTemplate)
+            template = db.session.scalar(
+                select(PipelineCustomizedTemplate)
                 .where(
                     PipelineCustomizedTemplate.name == template_name,
                     PipelineCustomizedTemplate.tenant_id == pipeline.tenant_id,
                 )
-                .first()
+                .limit(1)
             )
             if template:
                 raise ValueError("Template name is already exists")
 
-        max_position = (
-            db.session.query(func.max(PipelineCustomizedTemplate.position))
-            .where(PipelineCustomizedTemplate.tenant_id == pipeline.tenant_id)
-            .scalar()
+        max_position = db.session.scalar(
+            select(func.max(PipelineCustomizedTemplate.position)).where(
+                PipelineCustomizedTemplate.tenant_id == pipeline.tenant_id
+            )
         )
 
         from services.rag_pipeline.rag_pipeline_dsl_service import RagPipelineDslService
@@ -1239,13 +1239,14 @@ class RagPipelineService:
 
     def is_workflow_exist(self, pipeline: Pipeline) -> bool:
         return (
-            db.session.query(Workflow)
-            .where(
-                Workflow.tenant_id == pipeline.tenant_id,
-                Workflow.app_id == pipeline.id,
-                Workflow.version == Workflow.VERSION_DRAFT,
+            db.session.scalar(
+                select(func.count(Workflow.id)).where(
+                    Workflow.tenant_id == pipeline.tenant_id,
+                    Workflow.app_id == pipeline.id,
+                    Workflow.version == Workflow.VERSION_DRAFT,
+                )
             )
-            .count()
+            or 0
         ) > 0
 
     def get_node_last_run(
@@ -1353,11 +1354,11 @@ class RagPipelineService:
 
     def get_recommended_plugins(self, type: str) -> dict:
         # Query active recommended plugins
-        query = db.session.query(PipelineRecommendedPlugin).where(PipelineRecommendedPlugin.active == True)
+        stmt = select(PipelineRecommendedPlugin).where(PipelineRecommendedPlugin.active == True)
         if type and type != "all":
-            query = query.where(PipelineRecommendedPlugin.type == type)
+            stmt = stmt.where(PipelineRecommendedPlugin.type == type)
 
-        pipeline_recommended_plugins = query.order_by(PipelineRecommendedPlugin.position.asc()).all()
+        pipeline_recommended_plugins = db.session.scalars(stmt.order_by(PipelineRecommendedPlugin.position.asc())).all()
 
         if not pipeline_recommended_plugins:
             return {
@@ -1396,14 +1397,12 @@ class RagPipelineService:
         """
         Retry error document
         """
-        document_pipeline_execution_log = (
-            db.session.query(DocumentPipelineExecutionLog)
-            .where(DocumentPipelineExecutionLog.document_id == document.id)
-            .first()
+        document_pipeline_execution_log = db.session.scalar(
+            select(DocumentPipelineExecutionLog).where(DocumentPipelineExecutionLog.document_id == document.id).limit(1)
         )
         if not document_pipeline_execution_log:
             raise ValueError("Document pipeline execution log not found")
-        pipeline = db.session.query(Pipeline).where(Pipeline.id == document_pipeline_execution_log.pipeline_id).first()
+        pipeline = db.session.get(Pipeline, document_pipeline_execution_log.pipeline_id)
         if not pipeline:
             raise ValueError("Pipeline not found")
         # convert to app config
@@ -1432,23 +1431,23 @@ class RagPipelineService:
         """
         Get datasource plugins
         """
-        dataset: Dataset | None = (
-            db.session.query(Dataset)
+        dataset: Dataset | None = db.session.scalar(
+            select(Dataset)
             .where(
                 Dataset.id == dataset_id,
                 Dataset.tenant_id == tenant_id,
             )
-            .first()
+            .limit(1)
         )
         if not dataset:
             raise ValueError("Dataset not found")
-        pipeline: Pipeline | None = (
-            db.session.query(Pipeline)
+        pipeline: Pipeline | None = db.session.scalar(
+            select(Pipeline)
             .where(
                 Pipeline.id == dataset.pipeline_id,
                 Pipeline.tenant_id == tenant_id,
             )
-            .first()
+            .limit(1)
         )
         if not pipeline:
             raise ValueError("Pipeline not found")
@@ -1530,23 +1529,23 @@ class RagPipelineService:
         """
         Get pipeline
         """
-        dataset: Dataset | None = (
-            db.session.query(Dataset)
+        dataset: Dataset | None = db.session.scalar(
+            select(Dataset)
             .where(
                 Dataset.id == dataset_id,
                 Dataset.tenant_id == tenant_id,
             )
-            .first()
+            .limit(1)
         )
         if not dataset:
             raise ValueError("Dataset not found")
-        pipeline: Pipeline | None = (
-            db.session.query(Pipeline)
+        pipeline: Pipeline | None = db.session.scalar(
+            select(Pipeline)
             .where(
                 Pipeline.id == dataset.pipeline_id,
                 Pipeline.tenant_id == tenant_id,
             )
-            .first()
+            .limit(1)
         )
         if not pipeline:
             raise ValueError("Pipeline not found")
diff --git a/api/services/tools/workflow_tools_manage_service.py b/api/services/tools/workflow_tools_manage_service.py
index fb6b5bea24..dc0b281e15 100644
--- a/api/services/tools/workflow_tools_manage_service.py
+++ b/api/services/tools/workflow_tools_manage_service.py
@@ -3,7 +3,7 @@ import logging
 from datetime import datetime
 
 from graphon.model_runtime.utils.encoders import jsonable_encoder
-from sqlalchemy import or_, select
+from sqlalchemy import delete, or_, select
 from sqlalchemy.orm import Session
 
 from core.tools.__base.tool_provider import ToolProviderController
@@ -42,20 +42,22 @@ class WorkflowToolManageService:
         labels: list[str] | None = None,
     ):
         # check if the name is unique
-        existing_workflow_tool_provider = (
-            db.session.query(WorkflowToolProvider)
+        existing_workflow_tool_provider = db.session.scalar(
+            select(WorkflowToolProvider)
             .where(
                 WorkflowToolProvider.tenant_id == tenant_id,
                 # name or app_id
                 or_(WorkflowToolProvider.name == name, WorkflowToolProvider.app_id == workflow_app_id),
             )
-            .first()
+            .limit(1)
         )
 
         if existing_workflow_tool_provider is not None:
             raise ValueError(f"Tool with name {name} or app_id {workflow_app_id} already exists")
 
-        app: App | None = db.session.query(App).where(App.id == workflow_app_id, App.tenant_id == tenant_id).first()
+        app: App | None = db.session.scalar(
+            select(App).where(App.id == workflow_app_id, App.tenant_id == tenant_id).limit(1)
+        )
 
         if app is None:
             raise ValueError(f"App {workflow_app_id} not found")
@@ -122,30 +124,30 @@ class WorkflowToolManageService:
         :return: the updated tool
         """
         # check if the name is unique
-        existing_workflow_tool_provider = (
-            db.session.query(WorkflowToolProvider)
+        existing_workflow_tool_provider = db.session.scalar(
+            select(WorkflowToolProvider)
             .where(
                 WorkflowToolProvider.tenant_id == tenant_id,
                 WorkflowToolProvider.name == name,
                 WorkflowToolProvider.id != workflow_tool_id,
             )
-            .first()
+            .limit(1)
         )
 
         if existing_workflow_tool_provider is not None:
             raise ValueError(f"Tool with name {name} already exists")
 
-        workflow_tool_provider: WorkflowToolProvider | None = (
-            db.session.query(WorkflowToolProvider)
+        workflow_tool_provider: WorkflowToolProvider | None = db.session.scalar(
+            select(WorkflowToolProvider)
             .where(WorkflowToolProvider.tenant_id == tenant_id, WorkflowToolProvider.id == workflow_tool_id)
-            .first()
+            .limit(1)
         )
 
         if workflow_tool_provider is None:
             raise ValueError(f"Tool {workflow_tool_id} not found")
 
-        app: App | None = (
-            db.session.query(App).where(App.id == workflow_tool_provider.app_id, App.tenant_id == tenant_id).first()
+        app: App | None = db.session.scalar(
+            select(App).where(App.id == workflow_tool_provider.app_id, App.tenant_id == tenant_id).limit(1)
         )
 
         if app is None:
@@ -234,9 +236,11 @@ class WorkflowToolManageService:
         :param tenant_id: the tenant id
         :param workflow_tool_id: the workflow tool id
         """
-        db.session.query(WorkflowToolProvider).where(
-            WorkflowToolProvider.tenant_id == tenant_id, WorkflowToolProvider.id == workflow_tool_id
-        ).delete()
+        db.session.execute(
+            delete(WorkflowToolProvider).where(
+                WorkflowToolProvider.tenant_id == tenant_id, WorkflowToolProvider.id == workflow_tool_id
+            )
+        )
 
         db.session.commit()
 
@@ -251,10 +255,10 @@ class WorkflowToolManageService:
         :param workflow_tool_id: the workflow tool id
         :return: the tool
         """
-        db_tool: WorkflowToolProvider | None = (
-            db.session.query(WorkflowToolProvider)
+        db_tool: WorkflowToolProvider | None = db.session.scalar(
+            select(WorkflowToolProvider)
             .where(WorkflowToolProvider.tenant_id == tenant_id, WorkflowToolProvider.id == workflow_tool_id)
-            .first()
+            .limit(1)
         )
         return cls._get_workflow_tool(tenant_id, db_tool)
 
@@ -267,10 +271,10 @@ class WorkflowToolManageService:
         :param workflow_app_id: the workflow app id
         :return: the tool
         """
-        db_tool: WorkflowToolProvider | None = (
-            db.session.query(WorkflowToolProvider)
+        db_tool: WorkflowToolProvider | None = db.session.scalar(
+            select(WorkflowToolProvider)
             .where(WorkflowToolProvider.tenant_id == tenant_id, WorkflowToolProvider.app_id == workflow_app_id)
-            .first()
+            .limit(1)
         )
         return cls._get_workflow_tool(tenant_id, db_tool)
 
@@ -284,8 +288,8 @@ class WorkflowToolManageService:
         if db_tool is None:
             raise ValueError("Tool not found")
 
-        workflow_app: App | None = (
-            db.session.query(App).where(App.id == db_tool.app_id, App.tenant_id == db_tool.tenant_id).first()
+        workflow_app: App | None = db.session.scalar(
+            select(App).where(App.id == db_tool.app_id, App.tenant_id == db_tool.tenant_id).limit(1)
         )
 
         if workflow_app is None:
@@ -331,10 +335,10 @@ class WorkflowToolManageService:
         :param workflow_tool_id: the workflow tool id
         :return: the list of tools
         """
-        db_tool: WorkflowToolProvider | None = (
-            db.session.query(WorkflowToolProvider)
+        db_tool: WorkflowToolProvider | None = db.session.scalar(
+            select(WorkflowToolProvider)
             .where(WorkflowToolProvider.tenant_id == tenant_id, WorkflowToolProvider.id == workflow_tool_id)
-            .first()
+            .limit(1)
         )
 
         if db_tool is None:
diff --git a/api/services/trigger/webhook_service.py b/api/services/trigger/webhook_service.py
index c03275497d..e2d14c49e5 100644
--- a/api/services/trigger/webhook_service.py
+++ b/api/services/trigger/webhook_service.py
@@ -3,7 +3,7 @@ import logging
 import mimetypes
 import secrets
 from collections.abc import Callable, Mapping, Sequence
-from typing import Any
+from typing import Any, TypedDict
 
 import orjson
 from flask import request
@@ -50,6 +50,14 @@ logger = logging.getLogger(__name__)
 _file_access_controller = DatabaseFileAccessController()
 
 
+class RawWebhookDataDict(TypedDict):
+    method: str
+    headers: dict[str, str]
+    query_params: dict[str, str]
+    body: dict[str, Any]
+    files: dict[str, Any]
+
+
 class WebhookService:
     """Service for handling webhook operations."""
 
@@ -145,7 +153,7 @@ class WebhookService:
     @classmethod
     def extract_and_validate_webhook_data(
         cls, webhook_trigger: WorkflowWebhookTrigger, node_config: NodeConfigDict
-    ) -> dict[str, Any]:
+    ) -> RawWebhookDataDict:
         """Extract and validate webhook data in a single unified process.
 
         Args:
@@ -173,7 +181,7 @@ class WebhookService:
         return processed_data
 
     @classmethod
-    def extract_webhook_data(cls, webhook_trigger: WorkflowWebhookTrigger) -> dict[str, Any]:
+    def extract_webhook_data(cls, webhook_trigger: WorkflowWebhookTrigger) -> RawWebhookDataDict:
         """Extract raw data from incoming webhook request without type conversion.
 
         Args:
@@ -189,7 +197,7 @@ class WebhookService:
         """
         cls._validate_content_length()
 
-        data = {
+        data: RawWebhookDataDict = {
             "method": request.method,
             "headers": dict(request.headers),
             "query_params": dict(request.args),
@@ -223,7 +231,7 @@ class WebhookService:
         return data
 
     @classmethod
-    def _process_and_validate_data(cls, raw_data: dict[str, Any], node_data: WebhookData) -> dict[str, Any]:
+    def _process_and_validate_data(cls, raw_data: RawWebhookDataDict, node_data: WebhookData) -> RawWebhookDataDict:
         """Process and validate webhook data according to node configuration.
 
         Args:
@@ -664,7 +672,7 @@ class WebhookService:
                     raise ValueError(f"Required header missing: {header_name}")
 
     @classmethod
-    def _validate_http_metadata(cls, webhook_data: dict[str, Any], node_data: WebhookData) -> dict[str, Any]:
+    def _validate_http_metadata(cls, webhook_data: RawWebhookDataDict, node_data: WebhookData) -> dict[str, Any]:
         """Validate HTTP method and content-type.
 
         Args:
@@ -729,7 +737,7 @@ class WebhookService:
             return False
 
     @classmethod
-    def build_workflow_inputs(cls, webhook_data: dict[str, Any]) -> dict[str, Any]:
+    def build_workflow_inputs(cls, webhook_data: RawWebhookDataDict) -> dict[str, Any]:
         """Construct workflow inputs payload from webhook data.
 
         Args:
@@ -747,7 +755,7 @@ class WebhookService:
 
     @classmethod
     def trigger_workflow_execution(
-        cls, webhook_trigger: WorkflowWebhookTrigger, webhook_data: dict[str, Any], workflow: Workflow
+        cls, webhook_trigger: WorkflowWebhookTrigger, webhook_data: RawWebhookDataDict, workflow: Workflow
     ) -> None:
         """Trigger workflow execution via AsyncWorkflowService.
 
diff --git a/api/services/variable_truncator.py b/api/services/variable_truncator.py
index 5427b7b3a7..4d58a9cf12 100644
--- a/api/services/variable_truncator.py
+++ b/api/services/variable_truncator.py
@@ -129,6 +129,7 @@ class VariableTruncator(BaseTruncator):
             used_size += self.calculate_json_size(key)
             if used_size > budget:
                 truncated_mapping[key] = "..."
+                is_truncated = True
                 continue
             value_budget = (budget - used_size) // (length - len(truncated_mapping))
             if isinstance(value, Segment):
@@ -164,9 +165,9 @@ class VariableTruncator(BaseTruncator):
             result = self._truncate_segment(segment, self._max_size_bytes)
 
         if result.value_size > self._max_size_bytes:
-            if isinstance(result.value, str):
-                result = self._truncate_string(result.value, self._max_size_bytes)
-                return TruncationResult(StringSegment(value=result.value), True)
+            if isinstance(result.value, StringSegment):
+                fallback_result = self._truncate_string(result.value.value, self._max_size_bytes)
+                return TruncationResult(StringSegment(value=fallback_result.value), True)
 
             # Apply final fallback - convert to JSON string and truncate
             json_str = dumps_with_segments(result.value, ensure_ascii=False)
diff --git a/web/app/components/base/auto-height-textarea/style.module.scss b/api/tests/test_containers_integration_tests/controllers/service_api/__init__.py
similarity index 100%
rename from web/app/components/base/auto-height-textarea/style.module.scss
rename to api/tests/test_containers_integration_tests/controllers/service_api/__init__.py
diff --git a/api/tests/test_containers_integration_tests/controllers/service_api/dataset/__init__.py b/api/tests/test_containers_integration_tests/controllers/service_api/dataset/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/api/tests/unit_tests/controllers/service_api/dataset/test_dataset.py b/api/tests/test_containers_integration_tests/controllers/service_api/dataset/test_dataset.py
similarity index 50%
rename from api/tests/unit_tests/controllers/service_api/dataset/test_dataset.py
rename to api/tests/test_containers_integration_tests/controllers/service_api/dataset/test_dataset.py
index 910d781cd0..77a5730cf4 100644
--- a/api/tests/unit_tests/controllers/service_api/dataset/test_dataset.py
+++ b/api/tests/test_containers_integration_tests/controllers/service_api/dataset/test_dataset.py
@@ -1,17 +1,16 @@
 """
-Unit tests for Service API Dataset controllers.
+Integration tests for Service API Dataset controllers.
+
+Migrated from unit_tests/controllers/service_api/dataset/test_dataset.py.
 
 Tests coverage for:
 - DatasetCreatePayload, DatasetUpdatePayload Pydantic models
 - Tag-related payloads (create, update, delete, binding)
 - DatasetListQuery model
-- DatasetService and TagService interfaces
-- Permission validation patterns
+- API endpoint error handling and controller behavior
 
-Focus on:
-- Pydantic model validation
-- Error type mappings
-- Service method interfaces
+Services (DatasetService, TagService, DocumentService) remain mocked
+since these test controller-level behavior.
 """
 
 import uuid
@@ -19,6 +18,7 @@ from types import SimpleNamespace
 from unittest.mock import Mock, patch
 
 import pytest
+from sqlalchemy.orm import Session
 from werkzeug.exceptions import Forbidden, NotFound
 
 import services
@@ -36,22 +36,23 @@ from controllers.service_api.dataset.error import DatasetInUseError, DatasetName
 from models.account import Account
 from models.dataset import DatasetPermissionEnum
 from models.enums import TagType
-from services.dataset_service import DatasetPermissionService, DatasetService, DocumentService
-from services.tag_service import TagService
+from models.model import Tag
+
+# ---------------------------------------------------------------------------
+# Pydantic model validation tests
+# ---------------------------------------------------------------------------
 
 
 class TestDatasetCreatePayload:
     """Test suite for DatasetCreatePayload Pydantic model."""
 
     def test_payload_with_required_name(self):
-        """Test payload with required name field."""
         payload = DatasetCreatePayload(name="Test Dataset")
         assert payload.name == "Test Dataset"
         assert payload.description == ""
         assert payload.permission == DatasetPermissionEnum.ONLY_ME
 
     def test_payload_with_all_fields(self):
-        """Test payload with all fields populated."""
         payload = DatasetCreatePayload(
             name="Full Dataset",
             description="A comprehensive dataset description",
@@ -70,28 +71,23 @@ class TestDatasetCreatePayload:
         assert payload.embedding_model_provider == "openai"
 
     def test_payload_name_length_validation_min(self):
-        """Test name minimum length validation."""
         with pytest.raises(ValueError):
             DatasetCreatePayload(name="")
 
     def test_payload_name_length_validation_max(self):
-        """Test name maximum length validation (40 chars)."""
         with pytest.raises(ValueError):
             DatasetCreatePayload(name="A" * 41)
 
     def test_payload_description_max_length(self):
-        """Test description maximum length (400 chars)."""
         with pytest.raises(ValueError):
             DatasetCreatePayload(name="Dataset", description="A" * 401)
 
     @pytest.mark.parametrize("technique", ["high_quality", "economy"])
     def test_payload_valid_indexing_techniques(self, technique):
-        """Test valid indexing technique values."""
         payload = DatasetCreatePayload(name="Dataset", indexing_technique=technique)
         assert payload.indexing_technique == technique
 
     def test_payload_with_external_knowledge_settings(self):
-        """Test payload with external knowledge configuration."""
         payload = DatasetCreatePayload(
             name="External Dataset", external_knowledge_api_id="api_123", external_knowledge_id="knowledge_456"
         )
@@ -103,20 +99,17 @@ class TestDatasetUpdatePayload:
     """Test suite for DatasetUpdatePayload Pydantic model."""
 
     def test_payload_all_optional(self):
-        """Test payload with all fields optional."""
         payload = DatasetUpdatePayload()
         assert payload.name is None
         assert payload.description is None
         assert payload.permission is None
 
     def test_payload_with_partial_update(self):
-        """Test payload with partial update fields."""
         payload = DatasetUpdatePayload(name="Updated Name", description="Updated description")
         assert payload.name == "Updated Name"
         assert payload.description == "Updated description"
 
     def test_payload_with_permission_change(self):
-        """Test payload with permission update."""
         payload = DatasetUpdatePayload(
             permission=DatasetPermissionEnum.PARTIAL_TEAM,
             partial_member_list=[{"user_id": "user_123", "role": "editor"}],
@@ -125,12 +118,8 @@ class TestDatasetUpdatePayload:
         assert len(payload.partial_member_list) == 1
 
     def test_payload_name_length_validation(self):
-        """Test name length constraints."""
-        # Minimum is 1
         with pytest.raises(ValueError):
             DatasetUpdatePayload(name="")
-
-        # Maximum is 40
         with pytest.raises(ValueError):
             DatasetUpdatePayload(name="A" * 41)
 
@@ -139,7 +128,6 @@ class TestDatasetListQuery:
     """Test suite for DatasetListQuery Pydantic model."""
 
     def test_query_with_defaults(self):
-        """Test query with default values."""
         query = DatasetListQuery()
         assert query.page == 1
         assert query.limit == 20
@@ -148,7 +136,6 @@ class TestDatasetListQuery:
         assert query.tag_ids == []
 
     def test_query_with_all_filters(self):
-        """Test query with all filter fields."""
         query = DatasetListQuery(
             page=3, limit=50, keyword="machine learning", include_all=True, tag_ids=["tag1", "tag2", "tag3"]
         )
@@ -159,7 +146,6 @@ class TestDatasetListQuery:
         assert len(query.tag_ids) == 3
 
     def test_query_with_tag_filter(self):
-        """Test query with tag IDs filter."""
         query = DatasetListQuery(tag_ids=["tag_abc", "tag_def"])
         assert query.tag_ids == ["tag_abc", "tag_def"]
 
@@ -168,22 +154,18 @@ class TestTagCreatePayload:
     """Test suite for TagCreatePayload Pydantic model."""
 
     def test_payload_with_name(self):
-        """Test payload with required name."""
         payload = TagCreatePayload(name="New Tag")
         assert payload.name == "New Tag"
 
     def test_payload_name_length_min(self):
-        """Test name minimum length (1)."""
         with pytest.raises(ValueError):
             TagCreatePayload(name="")
 
     def test_payload_name_length_max(self):
-        """Test name maximum length (50)."""
         with pytest.raises(ValueError):
             TagCreatePayload(name="A" * 51)
 
     def test_payload_with_unicode_name(self):
-        """Test payload with unicode characters."""
         payload = TagCreatePayload(name="标签 🏷️ Тег")
         assert payload.name == "标签 🏷️ Тег"
 
@@ -192,13 +174,11 @@ class TestTagUpdatePayload:
     """Test suite for TagUpdatePayload Pydantic model."""
 
     def test_payload_with_name_and_id(self):
-        """Test payload with name and tag_id."""
         payload = TagUpdatePayload(name="Updated Tag", tag_id="tag_123")
         assert payload.name == "Updated Tag"
         assert payload.tag_id == "tag_123"
 
     def test_payload_requires_tag_id(self):
-        """Test that tag_id is required."""
         with pytest.raises(ValueError):
             TagUpdatePayload(name="Updated Tag")
 
@@ -207,12 +187,10 @@ class TestTagDeletePayload:
     """Test suite for TagDeletePayload Pydantic model."""
 
     def test_payload_with_tag_id(self):
-        """Test payload with tag_id."""
         payload = TagDeletePayload(tag_id="tag_to_delete")
         assert payload.tag_id == "tag_to_delete"
 
     def test_payload_requires_tag_id(self):
-        """Test that tag_id is required."""
         with pytest.raises(ValueError):
             TagDeletePayload()
 
@@ -221,19 +199,16 @@ class TestTagBindingPayload:
     """Test suite for TagBindingPayload Pydantic model."""
 
     def test_payload_with_valid_data(self):
-        """Test payload with valid binding data."""
         payload = TagBindingPayload(tag_ids=["tag1", "tag2"], target_id="dataset_123")
         assert len(payload.tag_ids) == 2
         assert payload.target_id == "dataset_123"
 
     def test_payload_rejects_empty_tag_ids(self):
-        """Test that empty tag_ids are rejected."""
         with pytest.raises(ValueError) as exc_info:
             TagBindingPayload(tag_ids=[], target_id="dataset_123")
         assert "Tag IDs is required" in str(exc_info.value)
 
     def test_payload_single_tag_id(self):
-        """Test payload with single tag ID."""
         payload = TagBindingPayload(tag_ids=["single_tag"], target_id="dataset_456")
         assert payload.tag_ids == ["single_tag"]
 
@@ -242,674 +217,14 @@ class TestTagUnbindingPayload:
     """Test suite for TagUnbindingPayload Pydantic model."""
 
     def test_payload_with_valid_data(self):
-        """Test payload with valid unbinding data."""
         payload = TagUnbindingPayload(tag_id="tag_123", target_id="dataset_456")
         assert payload.tag_id == "tag_123"
         assert payload.target_id == "dataset_456"
 
 
-class TestDatasetTagsApi:
-    """Test suite for DatasetTagsApi endpoints."""
-
-    @pytest.fixture
-    def app(self):
-        """Create Flask test application."""
-        from flask import Flask
-
-        app = Flask(__name__)
-        app.config["TESTING"] = True
-        return app
-
-    @patch("controllers.service_api.dataset.dataset.current_user")
-    @patch("controllers.service_api.dataset.dataset.TagService")
-    def test_get_tags_success(self, mock_tag_service, mock_current_user, app):
-        """Test successful retrieval of dataset tags."""
-        # Arrange - mock_current_user needs to pass isinstance(current_user, Account)
-        from models.account import Account
-
-        mock_account = Mock(spec=Account)
-        mock_account.current_tenant_id = "tenant_123"
-        # Replace the mock with our properly specced one
-        from controllers.service_api.dataset import dataset as dataset_module
-
-        original_current_user = dataset_module.current_user
-        dataset_module.current_user = mock_account
-
-        mock_tag = Mock()
-        mock_tag.id = "tag_1"
-        mock_tag.name = "Test Tag"
-        mock_tag.type = TagType.KNOWLEDGE
-        mock_tag.binding_count = "0"  # Required for Pydantic validation - must be string
-        mock_tag_service.get_tags.return_value = [mock_tag]
-
-        from controllers.service_api.dataset.dataset import DatasetTagsApi
-
-        try:
-            # Act
-            with app.test_request_context("/", method="GET"):
-                api = DatasetTagsApi()
-                response, status_code = api.get("tenant_123")
-
-            # Assert
-            assert status_code == 200
-            assert len(response) == 1
-            assert response[0]["id"] == "tag_1"
-            assert response[0]["name"] == "Test Tag"
-            mock_tag_service.get_tags.assert_called_once_with("knowledge", "tenant_123")
-        finally:
-            dataset_module.current_user = original_current_user
-
-    @pytest.mark.skip(reason="Production code bug: binding_count should be string, not integer")
-    @patch("controllers.service_api.dataset.dataset.TagService")
-    @patch("controllers.service_api.dataset.dataset.service_api_ns")
-    def test_create_tag_success(self, mock_service_api_ns, mock_tag_service, app):
-        """Test successful creation of a dataset tag."""
-        # Arrange
-        from controllers.service_api.dataset import dataset as dataset_module
-        from models.account import Account
-
-        mock_account = Mock(spec=Account)
-        mock_account.has_edit_permission = True
-        mock_account.is_dataset_editor = False
-        original_current_user = dataset_module.current_user
-        dataset_module.current_user = mock_account
-
-        mock_tag = Mock()
-        mock_tag.id = "new_tag_1"
-        mock_tag.name = "New Tag"
-        mock_tag.type = TagType.KNOWLEDGE
-        mock_tag_service.save_tags.return_value = mock_tag
-        mock_service_api_ns.payload = {"name": "New Tag"}
-
-        from controllers.service_api.dataset.dataset import DatasetTagsApi
-
-        try:
-            # Act
-            with app.test_request_context("/", method="POST", json={"name": "New Tag"}):
-                api = DatasetTagsApi()
-                response, status_code = api.post("tenant_123")
-
-            # Assert
-            assert status_code == 200
-            assert response["id"] == "new_tag_1"
-            assert response["name"] == "New Tag"
-            assert response["binding_count"] == 0
-        finally:
-            dataset_module.current_user = original_current_user
-
-    def test_create_tag_forbidden(self, app):
-        """Test tag creation without edit permissions."""
-        # Arrange
-        from werkzeug.exceptions import Forbidden
-
-        from controllers.service_api.dataset import dataset as dataset_module
-        from models.account import Account
-
-        mock_account = Mock(spec=Account)
-        mock_account.has_edit_permission = False
-        mock_account.is_dataset_editor = False
-        original_current_user = dataset_module.current_user
-        dataset_module.current_user = mock_account
-
-        from controllers.service_api.dataset.dataset import DatasetTagsApi
-
-        try:
-            # Act & Assert
-            with app.test_request_context("/", method="POST"):
-                api = DatasetTagsApi()
-                with pytest.raises(Forbidden):
-                    api.post("tenant_123")
-        finally:
-            dataset_module.current_user = original_current_user
-
-    @pytest.mark.skip(reason="Production code bug: binding_count should be string, not integer")
-    @patch("controllers.service_api.dataset.dataset.TagService")
-    @patch("controllers.service_api.dataset.dataset.service_api_ns")
-    def test_update_tag_success(self, mock_service_api_ns, mock_tag_service, app):
-        """Test successful update of a dataset tag."""
-        # Arrange
-        from controllers.service_api.dataset import dataset as dataset_module
-        from models.account import Account
-
-        mock_account = Mock(spec=Account)
-        mock_account.has_edit_permission = True
-        original_current_user = dataset_module.current_user
-        dataset_module.current_user = mock_account
-
-        mock_tag = Mock()
-        mock_tag.id = "tag_1"
-        mock_tag.name = "Updated Tag"
-        mock_tag.type = TagType.KNOWLEDGE
-        mock_tag.binding_count = "5"
-        mock_tag_service.update_tags.return_value = mock_tag
-        mock_tag_service.get_tag_binding_count.return_value = 5
-        mock_service_api_ns.payload = {"name": "Updated Tag", "tag_id": "tag_1"}
-
-        from controllers.service_api.dataset.dataset import DatasetTagsApi
-
-        try:
-            # Act
-            with app.test_request_context("/", method="PATCH", json={"name": "Updated Tag", "tag_id": "tag_1"}):
-                api = DatasetTagsApi()
-                response, status_code = api.patch("tenant_123")
-
-            # Assert
-            assert status_code == 200
-            assert response["id"] == "tag_1"
-            assert response["name"] == "Updated Tag"
-            assert response["binding_count"] == 5
-        finally:
-            dataset_module.current_user = original_current_user
-
-    @pytest.mark.skip(reason="Production code bug: binding_count should be string, not integer")
-    @patch("controllers.service_api.dataset.dataset.TagService")
-    @patch("controllers.service_api.dataset.dataset.service_api_ns")
-    def test_delete_tag_success(self, mock_service_api_ns, mock_tag_service, app):
-        """Test successful deletion of a dataset tag."""
-        # Arrange
-        from controllers.service_api.dataset import dataset as dataset_module
-        from models.account import Account
-
-        mock_account = Mock(spec=Account)
-        mock_account.has_edit_permission = True
-        original_current_user = dataset_module.current_user
-        dataset_module.current_user = mock_account
-
-        mock_tag_service.delete_tag.return_value = None
-        mock_service_api_ns.payload = {"tag_id": "tag_1"}
-
-        from controllers.service_api.dataset.dataset import DatasetTagsApi
-
-        try:
-            # Act
-            with app.test_request_context("/", method="DELETE", json={"tag_id": "tag_1"}):
-                api = DatasetTagsApi()
-                response = api.delete("tenant_123")
-
-            # Assert
-            assert response == ("", 204)
-            mock_tag_service.delete_tag.assert_called_once_with("tag_1")
-        finally:
-            dataset_module.current_user = original_current_user
-
-
-class TestDatasetTagBindingApi:
-    """Test suite for DatasetTagBindingApi endpoints."""
-
-    @pytest.fixture
-    def app(self):
-        """Create Flask test application."""
-        from flask import Flask
-
-        app = Flask(__name__)
-        app.config["TESTING"] = True
-        return app
-
-    @patch("controllers.service_api.dataset.dataset.TagService")
-    @patch("controllers.service_api.dataset.dataset.service_api_ns")
-    def test_bind_tags_success(self, mock_service_api_ns, mock_tag_service, app):
-        """Test successful binding of tags to dataset."""
-        # Arrange
-        from controllers.service_api.dataset import dataset as dataset_module
-        from models.account import Account
-
-        mock_account = Mock(spec=Account)
-        mock_account.has_edit_permission = True
-        mock_account.is_dataset_editor = False
-        original_current_user = dataset_module.current_user
-        dataset_module.current_user = mock_account
-
-        mock_tag_service.save_tag_binding.return_value = None
-        payload = {"tag_ids": ["tag_1", "tag_2"], "target_id": "dataset_123"}
-        mock_service_api_ns.payload = payload
-
-        from controllers.service_api.dataset.dataset import DatasetTagBindingApi
-
-        try:
-            # Act
-            with app.test_request_context("/", method="POST", json=payload):
-                api = DatasetTagBindingApi()
-                response = api.post("tenant_123")
-
-            # Assert
-            assert response == ("", 204)
-            mock_tag_service.save_tag_binding.assert_called_once_with(
-                {"tag_ids": ["tag_1", "tag_2"], "target_id": "dataset_123", "type": "knowledge"}
-            )
-        finally:
-            dataset_module.current_user = original_current_user
-
-    def test_bind_tags_forbidden(self, app):
-        """Test tag binding without edit permissions."""
-        # Arrange
-        from werkzeug.exceptions import Forbidden
-
-        from controllers.service_api.dataset import dataset as dataset_module
-        from models.account import Account
-
-        mock_account = Mock(spec=Account)
-        mock_account.has_edit_permission = False
-        mock_account.is_dataset_editor = False
-        original_current_user = dataset_module.current_user
-        dataset_module.current_user = mock_account
-
-        from controllers.service_api.dataset.dataset import DatasetTagBindingApi
-
-        try:
-            # Act & Assert
-            with app.test_request_context("/", method="POST"):
-                api = DatasetTagBindingApi()
-                with pytest.raises(Forbidden):
-                    api.post("tenant_123")
-        finally:
-            dataset_module.current_user = original_current_user
-
-
-class TestDatasetTagUnbindingApi:
-    """Test suite for DatasetTagUnbindingApi endpoints."""
-
-    @pytest.fixture
-    def app(self):
-        """Create Flask test application."""
-        from flask import Flask
-
-        app = Flask(__name__)
-        app.config["TESTING"] = True
-        return app
-
-    @patch("controllers.service_api.dataset.dataset.TagService")
-    @patch("controllers.service_api.dataset.dataset.service_api_ns")
-    def test_unbind_tag_success(self, mock_service_api_ns, mock_tag_service, app):
-        """Test successful unbinding of tag from dataset."""
-        # Arrange
-        from controllers.service_api.dataset import dataset as dataset_module
-        from models.account import Account
-
-        mock_account = Mock(spec=Account)
-        mock_account.has_edit_permission = True
-        mock_account.is_dataset_editor = False
-        original_current_user = dataset_module.current_user
-        dataset_module.current_user = mock_account
-
-        mock_tag_service.delete_tag_binding.return_value = None
-        payload = {"tag_id": "tag_1", "target_id": "dataset_123"}
-        mock_service_api_ns.payload = payload
-
-        from controllers.service_api.dataset.dataset import DatasetTagUnbindingApi
-
-        try:
-            # Act
-            with app.test_request_context("/", method="POST", json=payload):
-                api = DatasetTagUnbindingApi()
-                response = api.post("tenant_123")
-
-            # Assert
-            assert response == ("", 204)
-            mock_tag_service.delete_tag_binding.assert_called_once_with(
-                {"tag_id": "tag_1", "target_id": "dataset_123", "type": "knowledge"}
-            )
-        finally:
-            dataset_module.current_user = original_current_user
-
-
-class TestDatasetTagsBindingStatusApi:
-    """Test suite for DatasetTagsBindingStatusApi endpoints."""
-
-    @pytest.fixture
-    def app(self):
-        """Create Flask test application."""
-        from flask import Flask
-
-        app = Flask(__name__)
-        app.config["TESTING"] = True
-        return app
-
-    @patch("controllers.service_api.dataset.dataset.TagService")
-    def test_get_dataset_tags_binding_status(self, mock_tag_service, app):
-        """Test retrieval of tags bound to a specific dataset."""
-        # Arrange
-        from controllers.service_api.dataset import dataset as dataset_module
-        from models.account import Account
-
-        mock_account = Mock(spec=Account)
-        mock_account.current_tenant_id = "tenant_123"
-        original_current_user = dataset_module.current_user
-        dataset_module.current_user = mock_account
-
-        mock_tag = Mock()
-        mock_tag.id = "tag_1"
-        mock_tag.name = "Test Tag"
-        mock_tag_service.get_tags_by_target_id.return_value = [mock_tag]
-
-        from controllers.service_api.dataset.dataset import DatasetTagsBindingStatusApi
-
-        try:
-            # Act
-            with app.test_request_context("/", method="GET"):
-                api = DatasetTagsBindingStatusApi()
-                response, status_code = api.get("tenant_123", dataset_id="dataset_123")
-
-            # Assert
-            assert status_code == 200
-            assert response["data"] == [{"id": "tag_1", "name": "Test Tag"}]
-            assert response["total"] == 1
-            mock_tag_service.get_tags_by_target_id.assert_called_once_with("knowledge", "tenant_123", "dataset_123")
-        finally:
-            dataset_module.current_user = original_current_user
-
-
-class TestDocumentStatusApi:
-    """Test suite for DocumentStatusApi batch operations."""
-
-    @pytest.fixture
-    def app(self):
-        """Create Flask test application."""
-        from flask import Flask
-
-        app = Flask(__name__)
-        app.config["TESTING"] = True
-        return app
-
-    @patch("controllers.service_api.dataset.dataset.DatasetService")
-    @patch("controllers.service_api.dataset.dataset.DocumentService")
-    def test_batch_enable_documents(self, mock_doc_service, mock_dataset_service, app):
-        """Test batch enabling documents."""
-        # Arrange
-        mock_dataset = Mock()
-        mock_dataset_service.get_dataset.return_value = mock_dataset
-        mock_doc_service.batch_update_document_status.return_value = None
-
-        from controllers.service_api.dataset.dataset import DocumentStatusApi
-
-        # Act
-        with app.test_request_context("/", method="PATCH", json={"document_ids": ["doc_1", "doc_2"]}):
-            api = DocumentStatusApi()
-            response, status_code = api.patch("tenant_123", "dataset_123", "enable")
-
-        # Assert
-        assert status_code == 200
-        assert response == {"result": "success"}
-        mock_doc_service.batch_update_document_status.assert_called_once()
-
-    @patch("controllers.service_api.dataset.dataset.DatasetService")
-    def test_batch_update_dataset_not_found(self, mock_dataset_service, app):
-        """Test batch update when dataset not found."""
-        # Arrange
-        mock_dataset_service.get_dataset.return_value = None
-
-        from werkzeug.exceptions import NotFound
-
-        from controllers.service_api.dataset.dataset import DocumentStatusApi
-
-        # Act & Assert
-        with app.test_request_context("/", method="PATCH", json={"document_ids": ["doc_1"]}):
-            api = DocumentStatusApi()
-            with pytest.raises(NotFound) as exc_info:
-                api.patch("tenant_123", "dataset_123", "enable")
-            assert "Dataset not found" in str(exc_info.value)
-
-    @patch("controllers.service_api.dataset.dataset.DatasetService")
-    @patch("controllers.service_api.dataset.dataset.DocumentService")
-    def test_batch_update_permission_error(self, mock_doc_service, mock_dataset_service, app):
-        """Test batch update with permission error."""
-        # Arrange
-        mock_dataset = Mock()
-        mock_dataset_service.get_dataset.return_value = mock_dataset
-        from services.errors.account import NoPermissionError
-
-        mock_dataset_service.check_dataset_permission.side_effect = NoPermissionError("No permission")
-
-        from werkzeug.exceptions import Forbidden
-
-        from controllers.service_api.dataset.dataset import DocumentStatusApi
-
-        # Act & Assert
-        with app.test_request_context("/", method="PATCH", json={"document_ids": ["doc_1"]}):
-            api = DocumentStatusApi()
-            with pytest.raises(Forbidden):
-                api.patch("tenant_123", "dataset_123", "enable")
-
-    @patch("controllers.service_api.dataset.dataset.DatasetService")
-    @patch("controllers.service_api.dataset.dataset.DocumentService")
-    def test_batch_update_invalid_action(self, mock_doc_service, mock_dataset_service, app):
-        """Test batch update with invalid action error."""
-        # Arrange
-        mock_dataset = Mock()
-        mock_dataset_service.get_dataset.return_value = mock_dataset
-        mock_doc_service.batch_update_document_status.side_effect = ValueError("Invalid action")
-
-        from controllers.service_api.dataset.dataset import DocumentStatusApi
-        from controllers.service_api.dataset.error import InvalidActionError
-
-        # Act & Assert
-        with app.test_request_context("/", method="PATCH", json={"document_ids": ["doc_1"]}):
-            api = DocumentStatusApi()
-            with pytest.raises(InvalidActionError):
-                api.patch("tenant_123", "dataset_123", "invalid_action")
-
-    """Test DatasetPermissionEnum values."""
-
-    def test_only_me_permission(self):
-        """Test ONLY_ME permission value."""
-        assert DatasetPermissionEnum.ONLY_ME is not None
-
-    def test_all_team_permission(self):
-        """Test ALL_TEAM permission value."""
-        assert DatasetPermissionEnum.ALL_TEAM is not None
-
-    def test_partial_team_permission(self):
-        """Test PARTIAL_TEAM permission value."""
-        assert DatasetPermissionEnum.PARTIAL_TEAM is not None
-
-
-class TestDatasetErrors:
-    """Test dataset-related error types."""
-
-    def test_dataset_in_use_error_can_be_raised(self):
-        """Test DatasetInUseError can be raised."""
-        error = DatasetInUseError()
-        assert error is not None
-
-    def test_dataset_name_duplicate_error_can_be_raised(self):
-        """Test DatasetNameDuplicateError can be raised."""
-        error = DatasetNameDuplicateError()
-        assert error is not None
-
-    def test_invalid_action_error_can_be_raised(self):
-        """Test InvalidActionError can be raised."""
-        error = InvalidActionError("Invalid action")
-        assert error is not None
-
-
-class TestDatasetService:
-    """Test DatasetService interface methods."""
-
-    def test_get_datasets_method_exists(self):
-        """Test DatasetService.get_datasets exists."""
-        assert hasattr(DatasetService, "get_datasets")
-
-    def test_get_dataset_method_exists(self):
-        """Test DatasetService.get_dataset exists."""
-        assert hasattr(DatasetService, "get_dataset")
-
-    def test_create_empty_dataset_method_exists(self):
-        """Test DatasetService.create_empty_dataset exists."""
-        assert hasattr(DatasetService, "create_empty_dataset")
-
-    def test_update_dataset_method_exists(self):
-        """Test DatasetService.update_dataset exists."""
-        assert hasattr(DatasetService, "update_dataset")
-
-    def test_delete_dataset_method_exists(self):
-        """Test DatasetService.delete_dataset exists."""
-        assert hasattr(DatasetService, "delete_dataset")
-
-    def test_check_dataset_permission_method_exists(self):
-        """Test DatasetService.check_dataset_permission exists."""
-        assert hasattr(DatasetService, "check_dataset_permission")
-
-    def test_check_dataset_model_setting_method_exists(self):
-        """Test DatasetService.check_dataset_model_setting exists."""
-        assert hasattr(DatasetService, "check_dataset_model_setting")
-
-    def test_check_embedding_model_setting_method_exists(self):
-        """Test DatasetService.check_embedding_model_setting exists."""
-        assert hasattr(DatasetService, "check_embedding_model_setting")
-
-    @patch.object(DatasetService, "get_datasets")
-    def test_get_datasets_returns_tuple(self, mock_get):
-        """Test get_datasets returns tuple of datasets and total."""
-        mock_datasets = [Mock(), Mock()]
-        mock_get.return_value = (mock_datasets, 2)
-
-        datasets, total = DatasetService.get_datasets(page=1, per_page=20, tenant_id="tenant_123", user=Mock())
-        assert len(datasets) == 2
-        assert total == 2
-
-    @patch.object(DatasetService, "get_dataset")
-    def test_get_dataset_returns_dataset(self, mock_get):
-        """Test get_dataset returns dataset object."""
-        mock_dataset = Mock()
-        mock_dataset.id = str(uuid.uuid4())
-        mock_dataset.name = "Test Dataset"
-        mock_get.return_value = mock_dataset
-
-        result = DatasetService.get_dataset("dataset_id")
-        assert result.name == "Test Dataset"
-
-    @patch.object(DatasetService, "get_dataset")
-    def test_get_dataset_returns_none_when_not_found(self, mock_get):
-        """Test get_dataset returns None when not found."""
-        mock_get.return_value = None
-
-        result = DatasetService.get_dataset("nonexistent_id")
-        assert result is None
-
-
-class TestDatasetPermissionService:
-    """Test DatasetPermissionService interface."""
-
-    def test_check_permission_method_exists(self):
-        """Test DatasetPermissionService.check_permission exists."""
-        assert hasattr(DatasetPermissionService, "check_permission")
-
-    def test_get_dataset_partial_member_list_method_exists(self):
-        """Test DatasetPermissionService.get_dataset_partial_member_list exists."""
-        assert hasattr(DatasetPermissionService, "get_dataset_partial_member_list")
-
-    def test_update_partial_member_list_method_exists(self):
-        """Test DatasetPermissionService.update_partial_member_list exists."""
-        assert hasattr(DatasetPermissionService, "update_partial_member_list")
-
-    def test_clear_partial_member_list_method_exists(self):
-        """Test DatasetPermissionService.clear_partial_member_list exists."""
-        assert hasattr(DatasetPermissionService, "clear_partial_member_list")
-
-
-class TestDocumentService:
-    """Test DocumentService interface."""
-
-    def test_batch_update_document_status_method_exists(self):
-        """Test DocumentService.batch_update_document_status exists."""
-        assert hasattr(DocumentService, "batch_update_document_status")
-
-
-class TestTagService:
-    """Test TagService interface."""
-
-    def test_get_tags_method_exists(self):
-        """Test TagService.get_tags exists."""
-        assert hasattr(TagService, "get_tags")
-
-    def test_save_tags_method_exists(self):
-        """Test TagService.save_tags exists."""
-        assert hasattr(TagService, "save_tags")
-
-    def test_update_tags_method_exists(self):
-        """Test TagService.update_tags exists."""
-        assert hasattr(TagService, "update_tags")
-
-    def test_delete_tag_method_exists(self):
-        """Test TagService.delete_tag exists."""
-        assert hasattr(TagService, "delete_tag")
-
-    def test_save_tag_binding_method_exists(self):
-        """Test TagService.save_tag_binding exists."""
-        assert hasattr(TagService, "save_tag_binding")
-
-    def test_delete_tag_binding_method_exists(self):
-        """Test TagService.delete_tag_binding exists."""
-        assert hasattr(TagService, "delete_tag_binding")
-
-    def test_get_tags_by_target_id_method_exists(self):
-        """Test TagService.get_tags_by_target_id exists."""
-        assert hasattr(TagService, "get_tags_by_target_id")
-
-    def test_get_tag_binding_count_method_exists(self):
-        """Test TagService.get_tag_binding_count exists."""
-        assert hasattr(TagService, "get_tag_binding_count")
-
-    @patch.object(TagService, "get_tags")
-    def test_get_tags_returns_list(self, mock_get):
-        """Test get_tags returns list of tags."""
-        mock_tags = [
-            Mock(id="tag1", name="Tag One", type="knowledge"),
-            Mock(id="tag2", name="Tag Two", type="knowledge"),
-        ]
-        mock_get.return_value = mock_tags
-
-        result = TagService.get_tags("knowledge", "tenant_123")
-        assert len(result) == 2
-
-    @patch.object(TagService, "save_tags")
-    def test_save_tags_returns_tag(self, mock_save):
-        """Test save_tags returns created tag."""
-        mock_tag = Mock()
-        mock_tag.id = str(uuid.uuid4())
-        mock_tag.name = "New Tag"
-        mock_tag.type = TagType.KNOWLEDGE
-        mock_save.return_value = mock_tag
-
-        result = TagService.save_tags({"name": "New Tag", "type": "knowledge"})
-        assert result.name == "New Tag"
-
-
-class TestDocumentStatusAction:
-    """Test document status action values."""
-
-    def test_enable_action(self):
-        """Test enable action."""
-        action = "enable"
-        assert action in ["enable", "disable", "archive", "un_archive"]
-
-    def test_disable_action(self):
-        """Test disable action."""
-        action = "disable"
-        assert action in ["enable", "disable", "archive", "un_archive"]
-
-    def test_archive_action(self):
-        """Test archive action."""
-        action = "archive"
-        assert action in ["enable", "disable", "archive", "un_archive"]
-
-    def test_un_archive_action(self):
-        """Test un_archive action."""
-        action = "un_archive"
-        assert action in ["enable", "disable", "archive", "un_archive"]
-
-
-# =============================================================================
-# API Endpoint Tests
-#
-# ``DatasetListApi`` and ``DatasetApi`` inherit from ``DatasetApiResource``
-# whose ``method_decorators`` include ``validate_dataset_token``.
-#
-# Decorator strategy:
-# - ``@cloud_edition_billing_rate_limit_check`` preserves ``__wrapped__``
-#   → call via ``_unwrap(method)(self, …)``.
-# - Methods without billing decorators → call directly; only patch ``db``,
-#   services, ``current_user``, and ``marshal``.
-# =============================================================================
+# ---------------------------------------------------------------------------
+# Helpers
+# ---------------------------------------------------------------------------
 
 
 def _unwrap(method):
@@ -920,6 +235,15 @@ def _unwrap(method):
     return fn
 
 
+@pytest.fixture
+def app(flask_app_with_containers):
+    # Uses the full containerised app so that Flask config, extensions, and
+    # blueprint registrations match production.  Most tests mock the service
+    # layer to isolate controller logic; a few (e.g. test_list_tags_from_db)
+    # exercise the real DB-backed path to validate end-to-end behaviour.
+    return flask_app_with_containers
+
+
 @pytest.fixture
 def mock_tenant():
     tenant = Mock()
@@ -938,12 +262,13 @@ def mock_dataset():
     return dataset
 
 
-class TestDatasetListApiGet:
-    """Test suite for DatasetListApi.get() endpoint.
+# ---------------------------------------------------------------------------
+# API endpoint tests — DatasetListApi
+# ---------------------------------------------------------------------------
 
-    ``get`` has no billing decorators but calls ``current_user``,
-    ``DatasetService``, ``create_plugin_provider_manager``, and ``marshal``.
-    """
+
+class TestDatasetListApiGet:
+    """Test suite for DatasetListApi.get() endpoint."""
 
     @patch("controllers.service_api.dataset.dataset.marshal")
     @patch("controllers.service_api.dataset.dataset.create_plugin_provider_manager")
@@ -958,7 +283,6 @@ class TestDatasetListApiGet:
         app,
         mock_tenant,
     ):
-        """Test successful dataset list retrieval."""
         from controllers.service_api.dataset.dataset import DatasetListApi
 
         mock_current_user.__class__ = Account
@@ -981,10 +305,7 @@ class TestDatasetListApiGet:
 
 
 class TestDatasetListApiPost:
-    """Test suite for DatasetListApi.post() endpoint.
-
-    ``post`` is wrapped by ``@cloud_edition_billing_rate_limit_check``.
-    """
+    """Test suite for DatasetListApi.post() endpoint."""
 
     @patch("controllers.service_api.dataset.dataset.marshal")
     @patch("controllers.service_api.dataset.dataset.current_user")
@@ -997,7 +318,6 @@ class TestDatasetListApiPost:
         app,
         mock_tenant,
     ):
-        """Test successful dataset creation."""
         from controllers.service_api.dataset.dataset import DatasetListApi
 
         mock_current_user.__class__ = Account
@@ -1024,7 +344,6 @@ class TestDatasetListApiPost:
         app,
         mock_tenant,
     ):
-        """Test DatasetNameDuplicateError when name already exists."""
         from controllers.service_api.dataset.dataset import DatasetListApi
 
         mock_current_user.__class__ = Account
@@ -1040,12 +359,13 @@ class TestDatasetListApiPost:
                 _unwrap(api.post)(api, tenant_id=mock_tenant.id)
 
 
-class TestDatasetApiGet:
-    """Test suite for DatasetApi.get() endpoint.
+# ---------------------------------------------------------------------------
+# API endpoint tests — DatasetApi
+# ---------------------------------------------------------------------------
 
-    ``get`` has no billing decorators but calls ``DatasetService``,
-    ``create_plugin_provider_manager``, ``marshal``, and ``current_user``.
-    """
+
+class TestDatasetApiGet:
+    """Test suite for DatasetApi.get() endpoint."""
 
     @patch("controllers.service_api.dataset.dataset.DatasetPermissionService")
     @patch("controllers.service_api.dataset.dataset.marshal")
@@ -1062,7 +382,6 @@ class TestDatasetApiGet:
         app,
         mock_dataset,
     ):
-        """Test successful dataset retrieval."""
         from controllers.service_api.dataset.dataset import DatasetApi
 
         mock_dataset_svc.get_dataset.return_value = mock_dataset
@@ -1092,7 +411,6 @@ class TestDatasetApiGet:
 
     @patch("controllers.service_api.dataset.dataset.DatasetService")
     def test_get_dataset_not_found(self, mock_dataset_svc, app, mock_dataset):
-        """Test 404 when dataset not found."""
         from controllers.service_api.dataset.dataset import DatasetApi
 
         mock_dataset_svc.get_dataset.return_value = None
@@ -1114,7 +432,6 @@ class TestDatasetApiGet:
         app,
         mock_dataset,
     ):
-        """Test 403 when user has no permission."""
         from controllers.service_api.dataset.dataset import DatasetApi
 
         mock_dataset_svc.get_dataset.return_value = mock_dataset
@@ -1130,10 +447,7 @@ class TestDatasetApiGet:
 
 
 class TestDatasetApiDelete:
-    """Test suite for DatasetApi.delete() endpoint.
-
-    ``delete`` is wrapped by ``@cloud_edition_billing_rate_limit_check``.
-    """
+    """Test suite for DatasetApi.delete() endpoint."""
 
     @patch("controllers.service_api.dataset.dataset.DatasetPermissionService")
     @patch("controllers.service_api.dataset.dataset.current_user")
@@ -1146,7 +460,6 @@ class TestDatasetApiDelete:
         app,
         mock_dataset,
     ):
-        """Test successful dataset deletion."""
         from controllers.service_api.dataset.dataset import DatasetApi
 
         mock_dataset_svc.delete_dataset.return_value = True
@@ -1169,7 +482,6 @@ class TestDatasetApiDelete:
         app,
         mock_dataset,
     ):
-        """Test 404 when dataset not found for deletion."""
         from controllers.service_api.dataset.dataset import DatasetApi
 
         mock_dataset_svc.delete_dataset.return_value = False
@@ -1191,7 +503,6 @@ class TestDatasetApiDelete:
         app,
         mock_dataset,
     ):
-        """Test DatasetInUseError when dataset is in use."""
         from controllers.service_api.dataset.dataset import DatasetApi
 
         mock_dataset_svc.delete_dataset.side_effect = services.errors.dataset.DatasetInUseError()
@@ -1205,12 +516,13 @@ class TestDatasetApiDelete:
                 _unwrap(api.delete)(api, _=mock_dataset.tenant_id, dataset_id=mock_dataset.id)
 
 
-class TestDocumentStatusApiPatch:
-    """Test suite for DocumentStatusApi.patch() endpoint.
+# ---------------------------------------------------------------------------
+# API endpoint tests — DocumentStatusApi
+# ---------------------------------------------------------------------------
 
-    ``patch`` has no billing decorators but calls ``DatasetService``,
-    ``DocumentService``, and ``current_user``.
-    """
+
+class TestDocumentStatusApiPatch:
+    """Test suite for DocumentStatusApi.patch() endpoint."""
 
     @patch("controllers.service_api.dataset.dataset.DocumentService")
     @patch("controllers.service_api.dataset.dataset.current_user")
@@ -1224,7 +536,6 @@ class TestDocumentStatusApiPatch:
         mock_tenant,
         mock_dataset,
     ):
-        """Test successful batch document status update."""
         from controllers.service_api.dataset.dataset import DocumentStatusApi
 
         mock_current_user.__class__ = Account
@@ -1256,7 +567,6 @@ class TestDocumentStatusApiPatch:
         mock_tenant,
         mock_dataset,
     ):
-        """Test 404 when dataset not found."""
         from controllers.service_api.dataset.dataset import DocumentStatusApi
 
         mock_dataset_svc.get_dataset.return_value = None
@@ -1274,6 +584,39 @@ class TestDocumentStatusApiPatch:
                     action="enable",
                 )
 
+    @patch("controllers.service_api.dataset.dataset.DocumentService")
+    @patch("controllers.service_api.dataset.dataset.current_user")
+    @patch("controllers.service_api.dataset.dataset.DatasetService")
+    def test_batch_update_status_permission_error(
+        self,
+        mock_dataset_svc,
+        mock_current_user,
+        mock_doc_svc,
+        app,
+        mock_tenant,
+        mock_dataset,
+    ):
+        from controllers.service_api.dataset.dataset import DocumentStatusApi
+
+        mock_current_user.__class__ = Account
+        mock_dataset_svc.get_dataset.return_value = mock_dataset
+        mock_dataset_svc.check_dataset_permission.side_effect = services.errors.account.NoPermissionError(
+            "No permission"
+        )
+
+        with app.test_request_context(
+            f"/datasets/{mock_dataset.id}/documents/status/enable",
+            method="PATCH",
+            json={"document_ids": ["doc-1"]},
+        ):
+            api = DocumentStatusApi()
+            with pytest.raises(Forbidden):
+                api.patch(
+                    tenant_id=mock_tenant.id,
+                    dataset_id=mock_dataset.id,
+                    action="enable",
+                )
+
     @patch("controllers.service_api.dataset.dataset.DocumentService")
     @patch("controllers.service_api.dataset.dataset.current_user")
     @patch("controllers.service_api.dataset.dataset.DatasetService")
@@ -1286,7 +629,6 @@ class TestDocumentStatusApiPatch:
         mock_tenant,
         mock_dataset,
     ):
-        """Test InvalidActionError when document is indexing."""
         from controllers.service_api.dataset.dataset import DocumentStatusApi
 
         mock_current_user.__class__ = Account
@@ -1320,7 +662,6 @@ class TestDocumentStatusApiPatch:
         mock_tenant,
         mock_dataset,
     ):
-        """Test InvalidActionError when ValueError raised."""
         from controllers.service_api.dataset.dataset import DocumentStatusApi
 
         mock_current_user.__class__ = Account
@@ -1343,6 +684,11 @@ class TestDocumentStatusApiPatch:
                 )
 
 
+# ---------------------------------------------------------------------------
+# API endpoint tests — Tags
+# ---------------------------------------------------------------------------
+
+
 class TestDatasetTagsApiGet:
     """Test suite for DatasetTagsApi.get() endpoint."""
 
@@ -1354,7 +700,6 @@ class TestDatasetTagsApiGet:
         mock_tag_svc,
         app,
     ):
-        """Test successful tag list retrieval."""
         from controllers.service_api.dataset.dataset import DatasetTagsApi
 
         mock_current_user.__class__ = Account
@@ -1368,15 +713,49 @@ class TestDatasetTagsApiGet:
 
         assert status == 200
         assert len(response) == 1
+        mock_tag_svc.get_tags.assert_called_once_with("knowledge", "tenant-1")
+
+    @pytest.mark.skip(reason="Production bug: DataSetTag.binding_count is str|None but DB COUNT() returns int")
+    @patch("controllers.service_api.dataset.dataset.current_user")
+    def test_list_tags_from_db(
+        self,
+        mock_current_user,
+        app,
+        db_session_with_containers: Session,
+    ):
+        """Integration test: creates real Tag rows and retrieves them
+        through the controller without mocking TagService."""
+        from tests.test_containers_integration_tests.controllers.console.helpers import (
+            create_console_account_and_tenant,
+        )
+
+        account, tenant = create_console_account_and_tenant(db_session_with_containers)
+
+        tag = Tag(
+            name="Integration Tag",
+            type=TagType.KNOWLEDGE,
+            created_by=account.id,
+            tenant_id=tenant.id,
+        )
+        db_session_with_containers.add(tag)
+        db_session_with_containers.commit()
+
+        mock_current_user.__class__ = Account
+        mock_current_user.current_tenant_id = tenant.id
+
+        from controllers.service_api.dataset.dataset import DatasetTagsApi
+
+        with app.test_request_context("/datasets/tags", method="GET"):
+            api = DatasetTagsApi()
+            response, status = api.get(_=None)
+
+        assert status == 200
+        assert any(t["name"] == "Integration Tag" for t in response)
 
 
 class TestDatasetTagsApiPost:
     """Test suite for DatasetTagsApi.post() endpoint."""
 
-    # BUG: dataset.py L512 passes ``binding_count=0`` (int) to
-    # ``DataSetTag.model_validate()``, but ``DataSetTag.binding_count``
-    # is typed ``str | None`` (see fields/tag_fields.py L20).
-    # This causes a Pydantic ValidationError at runtime.
     @pytest.mark.skip(reason="Production bug: DataSetTag.binding_count is str|None but dataset.py passes int 0")
     @patch("controllers.service_api.dataset.dataset.TagService")
     @patch("controllers.service_api.dataset.dataset.current_user")
@@ -1386,7 +765,6 @@ class TestDatasetTagsApiPost:
         mock_tag_svc,
         app,
     ):
-        """Test successful tag creation."""
         from controllers.service_api.dataset.dataset import DatasetTagsApi
 
         mock_current_user.__class__ = Account
@@ -1409,7 +787,6 @@ class TestDatasetTagsApiPost:
 
     @patch("controllers.service_api.dataset.dataset.current_user")
     def test_create_tag_forbidden(self, mock_current_user, app):
-        """Test 403 when user lacks edit permission."""
         from controllers.service_api.dataset.dataset import DatasetTagsApi
 
         mock_current_user.__class__ = Account
@@ -1426,6 +803,146 @@ class TestDatasetTagsApiPost:
                 api.post(_=None)
 
 
+class TestDatasetTagsApiPatch:
+    """Test suite for DatasetTagsApi.patch() endpoint."""
+
+    @pytest.mark.skip(reason="Production bug: DataSetTag.binding_count is str|None but dataset.py passes int 0")
+    @patch("controllers.service_api.dataset.dataset.TagService")
+    @patch("controllers.service_api.dataset.dataset.service_api_ns")
+    @patch("controllers.service_api.dataset.dataset.current_user")
+    def test_update_tag_success(
+        self,
+        mock_current_user,
+        mock_service_api_ns,
+        mock_tag_svc,
+        app,
+    ):
+        from controllers.service_api.dataset.dataset import DatasetTagsApi
+
+        mock_current_user.__class__ = Account
+        mock_current_user.has_edit_permission = True
+        mock_current_user.is_dataset_editor = True
+
+        mock_tag = SimpleNamespace(id="tag-1", name="Updated Tag", type="knowledge")
+        mock_tag_svc.update_tags.return_value = mock_tag
+        mock_tag_svc.get_tag_binding_count.return_value = 5
+        mock_service_api_ns.payload = {"name": "Updated Tag", "tag_id": "tag-1"}
+
+        with app.test_request_context(
+            "/datasets/tags",
+            method="PATCH",
+            json={"name": "Updated Tag", "tag_id": "tag-1"},
+        ):
+            api = DatasetTagsApi()
+            response, status = api.patch(_=None)
+
+        assert status == 200
+        assert response["name"] == "Updated Tag"
+        mock_tag_svc.update_tags.assert_called_once_with({"name": "Updated Tag", "type": "knowledge"}, "tag-1")
+
+    @patch("controllers.service_api.dataset.dataset.current_user")
+    def test_update_tag_forbidden(self, mock_current_user, app):
+        from controllers.service_api.dataset.dataset import DatasetTagsApi
+
+        mock_current_user.__class__ = Account
+        mock_current_user.has_edit_permission = False
+        mock_current_user.is_dataset_editor = False
+
+        with app.test_request_context(
+            "/datasets/tags",
+            method="PATCH",
+            json={"name": "Updated Tag", "tag_id": "tag-1"},
+        ):
+            api = DatasetTagsApi()
+            with pytest.raises(Forbidden):
+                api.patch(_=None)
+
+
+class TestDatasetTagsApiDelete:
+    """Test suite for DatasetTagsApi.delete() endpoint."""
+
+    @patch("controllers.service_api.dataset.dataset.TagService")
+    @patch("controllers.service_api.dataset.dataset.service_api_ns")
+    @patch("libs.login.current_user")
+    def test_delete_tag_success(
+        self,
+        mock_current_user,
+        mock_service_api_ns,
+        mock_tag_svc,
+        app,
+    ):
+        from controllers.service_api.dataset.dataset import DatasetTagsApi
+
+        user_obj = Mock(spec=Account)
+        user_obj.has_edit_permission = True
+        mock_current_user.has_edit_permission = True
+        # Assign as plain lambda to avoid AsyncMock returning a coroutine
+        mock_current_user._get_current_object = lambda: user_obj
+
+        mock_tag_svc.delete_tag.return_value = None
+        mock_service_api_ns.payload = {"tag_id": "tag-1"}
+
+        with app.test_request_context(
+            "/datasets/tags",
+            method="DELETE",
+            json={"tag_id": "tag-1"},
+        ):
+            api = DatasetTagsApi()
+            result = api.delete(_=None)
+
+        assert result == ("", 204)
+        mock_tag_svc.delete_tag.assert_called_once_with("tag-1")
+
+    @patch("libs.login.current_user")
+    def test_delete_tag_forbidden(self, mock_current_user, app):
+        from controllers.service_api.dataset.dataset import DatasetTagsApi
+
+        user_obj = Mock(spec=Account)
+        user_obj.has_edit_permission = False
+        mock_current_user.has_edit_permission = False
+        # Assign as plain lambda to avoid AsyncMock returning a coroutine
+        mock_current_user._get_current_object = lambda: user_obj
+
+        with app.test_request_context(
+            "/datasets/tags",
+            method="DELETE",
+            json={"tag_id": "tag-1"},
+        ):
+            api = DatasetTagsApi()
+            with pytest.raises(Forbidden):
+                api.delete(_=None)
+
+
+class TestDatasetTagsBindingStatusApi:
+    """Test suite for DatasetTagsBindingStatusApi endpoints."""
+
+    @patch("controllers.service_api.dataset.dataset.TagService")
+    @patch("controllers.service_api.dataset.dataset.current_user")
+    def test_get_dataset_tags_binding_status(
+        self,
+        mock_current_user,
+        mock_tag_svc,
+        app,
+    ):
+        from controllers.service_api.dataset.dataset import DatasetTagsBindingStatusApi
+
+        mock_current_user.__class__ = Account
+        mock_current_user.current_tenant_id = "tenant_123"
+        mock_tag = Mock()
+        mock_tag.id = "tag_1"
+        mock_tag.name = "Test Tag"
+        mock_tag_svc.get_tags_by_target_id.return_value = [mock_tag]
+
+        with app.test_request_context("/", method="GET"):
+            api = DatasetTagsBindingStatusApi()
+            response, status_code = api.get("tenant_123", dataset_id="dataset_123")
+
+        assert status_code == 200
+        assert response["data"] == [{"id": "tag_1", "name": "Test Tag"}]
+        assert response["total"] == 1
+        mock_tag_svc.get_tags_by_target_id.assert_called_once_with("knowledge", "tenant_123", "dataset_123")
+
+
 class TestDatasetTagBindingApiPost:
     """Test suite for DatasetTagBindingApi.post() endpoint."""
 
@@ -1437,7 +954,6 @@ class TestDatasetTagBindingApiPost:
         mock_tag_svc,
         app,
     ):
-        """Test successful tag binding."""
         from controllers.service_api.dataset.dataset import DatasetTagBindingApi
 
         mock_current_user.__class__ = Account
@@ -1454,10 +970,12 @@ class TestDatasetTagBindingApiPost:
             result = api.post(_=None)
 
         assert result == ("", 204)
+        mock_tag_svc.save_tag_binding.assert_called_once_with(
+            {"tag_ids": ["tag-1"], "target_id": "ds-1", "type": "knowledge"}
+        )
 
     @patch("controllers.service_api.dataset.dataset.current_user")
     def test_bind_tags_forbidden(self, mock_current_user, app):
-        """Test 403 when user lacks edit permission."""
         from controllers.service_api.dataset.dataset import DatasetTagBindingApi
 
         mock_current_user.__class__ = Account
@@ -1485,7 +1003,6 @@ class TestDatasetTagUnbindingApiPost:
         mock_tag_svc,
         app,
     ):
-        """Test successful tag unbinding."""
         from controllers.service_api.dataset.dataset import DatasetTagUnbindingApi
 
         mock_current_user.__class__ = Account
@@ -1502,10 +1019,12 @@ class TestDatasetTagUnbindingApiPost:
             result = api.post(_=None)
 
         assert result == ("", 204)
+        mock_tag_svc.delete_tag_binding.assert_called_once_with(
+            {"tag_id": "tag-1", "target_id": "ds-1", "type": "knowledge"}
+        )
 
     @patch("controllers.service_api.dataset.dataset.current_user")
     def test_unbind_tag_forbidden(self, mock_current_user, app):
-        """Test 403 when user lacks edit permission."""
         from controllers.service_api.dataset.dataset import DatasetTagUnbindingApi
 
         mock_current_user.__class__ = Account
diff --git a/api/tests/unit_tests/controllers/console/test_workspace_account.py b/api/tests/unit_tests/controllers/console/test_workspace_account.py
index 9afc1c4166..7f9fe9cbf9 100644
--- a/api/tests/unit_tests/controllers/console/test_workspace_account.py
+++ b/api/tests/unit_tests/controllers/console/test_workspace_account.py
@@ -20,7 +20,7 @@ def app():
     app = Flask(__name__)
     app.config["TESTING"] = True
     app.config["RESTX_MASK_HEADER"] = "X-Fields"
-    app.login_manager = SimpleNamespace(_load_user=lambda: None)
+    app.login_manager = SimpleNamespace(load_user_from_request_context=lambda: None)
     return app
 
 
diff --git a/api/tests/unit_tests/controllers/console/test_workspace_members.py b/api/tests/unit_tests/controllers/console/test_workspace_members.py
index 368892b922..239fec8430 100644
--- a/api/tests/unit_tests/controllers/console/test_workspace_members.py
+++ b/api/tests/unit_tests/controllers/console/test_workspace_members.py
@@ -12,7 +12,7 @@ from models.account import Account, TenantAccountRole
 def app():
     flask_app = Flask(__name__)
     flask_app.config["TESTING"] = True
-    flask_app.login_manager = SimpleNamespace(_load_user=lambda: None)
+    flask_app.login_manager = SimpleNamespace(load_user_from_request_context=lambda: None)
     return flask_app
 
 
diff --git a/api/tests/unit_tests/extensions/test_ext_login.py b/api/tests/unit_tests/extensions/test_ext_login.py
new file mode 100644
index 0000000000..64abc19427
--- /dev/null
+++ b/api/tests/unit_tests/extensions/test_ext_login.py
@@ -0,0 +1,17 @@
+import json
+
+from flask import Response
+
+from extensions.ext_login import unauthorized_handler
+
+
+def test_unauthorized_handler_returns_json_response() -> None:
+    response = unauthorized_handler()
+
+    assert isinstance(response, Response)
+    assert response.status_code == 401
+    assert response.content_type == "application/json"
+    assert json.loads(response.get_data(as_text=True)) == {
+        "code": "unauthorized",
+        "message": "Unauthorized.",
+    }
diff --git a/api/tests/unit_tests/libs/test_login.py b/api/tests/unit_tests/libs/test_login.py
index 0c9e73299b..2bf2212844 100644
--- a/api/tests/unit_tests/libs/test_login.py
+++ b/api/tests/unit_tests/libs/test_login.py
@@ -2,11 +2,12 @@ from types import SimpleNamespace
 from unittest.mock import MagicMock
 
 import pytest
-from flask import Flask, g
-from flask_login import LoginManager, UserMixin
+from flask import Flask, Response, g
+from flask_login import UserMixin
 from pytest_mock import MockerFixture
 
 import libs.login as login_module
+from extensions.ext_login import DifyLoginManager
 from libs.login import current_user
 from models.account import Account
 
@@ -39,9 +40,12 @@ def login_app(mocker: MockerFixture) -> Flask:
     app = Flask(__name__)
     app.config["TESTING"] = True
 
-    login_manager = LoginManager()
+    login_manager = DifyLoginManager()
     login_manager.init_app(app)
-    login_manager.unauthorized = mocker.Mock(name="unauthorized", return_value="Unauthorized")
+    login_manager.unauthorized = mocker.Mock(
+        name="unauthorized",
+        return_value=Response("Unauthorized", status=401, content_type="application/json"),
+    )
 
     @login_manager.user_loader
     def load_user(_user_id: str):
@@ -109,18 +113,43 @@ class TestLoginRequired:
         resolved_user: MockUser | None,
         description: str,
     ):
-        """Test that missing or unauthenticated users are redirected."""
+        """Test that missing or unauthenticated users return the manager response."""
 
         resolve_user = resolve_current_user(resolved_user)
 
         with login_app.test_request_context():
             result = protected_view()
 
-        assert result == "Unauthorized", description
+        assert result is login_app.login_manager.unauthorized.return_value, description
+        assert isinstance(result, Response)
+        assert result.status_code == 401
         resolve_user.assert_called_once_with()
         login_app.login_manager.unauthorized.assert_called_once_with()
         csrf_check.assert_not_called()
 
+    def test_unauthorized_access_propagates_response_object(
+        self,
+        login_app: Flask,
+        protected_view,
+        csrf_check: MagicMock,
+        resolve_current_user,
+        mocker: MockerFixture,
+    ) -> None:
+        """Test that unauthorized responses are propagated as Flask Response objects."""
+        resolve_user = resolve_current_user(None)
+        response = Response("Unauthorized", status=401, content_type="application/json")
+        mocker.patch.object(
+            login_module, "_get_login_manager", return_value=SimpleNamespace(unauthorized=lambda: response)
+        )
+
+        with login_app.test_request_context():
+            result = protected_view()
+
+        assert result is response
+        assert isinstance(result, Response)
+        resolve_user.assert_called_once_with()
+        csrf_check.assert_not_called()
+
     @pytest.mark.parametrize(
         ("method", "login_disabled"),
         [
@@ -168,10 +197,14 @@ class TestGetUser:
         """Test that _get_user loads user if not already in g."""
         mock_user = MockUser("test_user")
 
-        def _load_user() -> None:
+        def load_user_from_request_context() -> None:
             g._login_user = mock_user
 
-        load_user = mocker.patch.object(login_app.login_manager, "_load_user", side_effect=_load_user)
+        load_user = mocker.patch.object(
+            login_app.login_manager,
+            "load_user_from_request_context",
+            side_effect=load_user_from_request_context,
+        )
 
         with login_app.test_request_context():
             user = login_module._get_user()
diff --git a/api/tests/unit_tests/services/dataset_metadata.py b/api/tests/unit_tests/services/dataset_metadata.py
index 5ba18d8dc0..b825a8686a 100644
--- a/api/tests/unit_tests/services/dataset_metadata.py
+++ b/api/tests/unit_tests/services/dataset_metadata.py
@@ -401,10 +401,7 @@ class TestMetadataServiceCreateMetadata:
         metadata_args = MetadataTestDataFactory.create_metadata_args_mock(name="category", metadata_type="string")
 
         # Mock query to return None (no existing metadata with same name)
-        mock_query = Mock()
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
-        mock_db_session.query.return_value = mock_query
+        mock_db_session.scalar.return_value = None
 
         # Mock BuiltInField enum iteration
         with patch("services.metadata_service.BuiltInField") as mock_builtin:
@@ -417,10 +414,6 @@ class TestMetadataServiceCreateMetadata:
         assert result is not None
         assert isinstance(result, DatasetMetadata)
 
-        # Verify query was made to check for duplicates
-        mock_db_session.query.assert_called()
-        mock_query.filter_by.assert_called()
-
         # Verify metadata was added and committed
         mock_db_session.add.assert_called_once()
         mock_db_session.commit.assert_called_once()
@@ -468,10 +461,7 @@ class TestMetadataServiceCreateMetadata:
 
         # Mock existing metadata with same name
         existing_metadata = MetadataTestDataFactory.create_metadata_mock(name="category")
-        mock_query = Mock()
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = existing_metadata
-        mock_db_session.query.return_value = mock_query
+        mock_db_session.scalar.return_value = existing_metadata
 
         # Act & Assert
         with pytest.raises(ValueError, match="Metadata name already exists"):
@@ -500,10 +490,7 @@ class TestMetadataServiceCreateMetadata:
         )
 
         # Mock query to return None (no duplicate in database)
-        mock_query = Mock()
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
-        mock_db_session.query.return_value = mock_query
+        mock_db_session.scalar.return_value = None
 
         # Mock BuiltInField to include the conflicting name
         with patch("services.metadata_service.BuiltInField") as mock_builtin:
@@ -597,27 +584,11 @@ class TestMetadataServiceUpdateMetadataName:
 
         existing_metadata = MetadataTestDataFactory.create_metadata_mock(metadata_id=metadata_id, name="category")
 
-        # Mock query for duplicate check (no duplicate)
-        mock_query = Mock()
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
-        mock_db_session.query.return_value = mock_query
-
-        # Mock metadata retrieval
-        def query_side_effect(model):
-            if model == DatasetMetadata:
-                mock_meta_query = Mock()
-                mock_meta_query.filter_by.return_value = mock_meta_query
-                mock_meta_query.first.return_value = existing_metadata
-                return mock_meta_query
-            return mock_query
-
-        mock_db_session.query.side_effect = query_side_effect
+        # Mock scalar calls: first for duplicate check (None), second for metadata retrieval
+        mock_db_session.scalar.side_effect = [None, existing_metadata]
 
         # Mock no metadata bindings (no documents to update)
-        mock_binding_query = Mock()
-        mock_binding_query.filter_by.return_value = mock_binding_query
-        mock_binding_query.all.return_value = []
+        mock_db_session.scalars.return_value.all.return_value = []
 
         # Mock BuiltInField enum
         with patch("services.metadata_service.BuiltInField") as mock_builtin:
@@ -655,22 +626,8 @@ class TestMetadataServiceUpdateMetadataName:
         metadata_id = "non-existent-metadata"
         new_name = "updated_category"
 
-        # Mock query for duplicate check (no duplicate)
-        mock_query = Mock()
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
-        mock_db_session.query.return_value = mock_query
-
-        # Mock metadata retrieval to return None
-        def query_side_effect(model):
-            if model == DatasetMetadata:
-                mock_meta_query = Mock()
-                mock_meta_query.filter_by.return_value = mock_meta_query
-                mock_meta_query.first.return_value = None  # Not found
-                return mock_meta_query
-            return mock_query
-
-        mock_db_session.query.side_effect = query_side_effect
+        # Mock scalar calls: first for duplicate check (None), second for metadata retrieval (None = not found)
+        mock_db_session.scalar.side_effect = [None, None]
 
         # Mock BuiltInField enum
         with patch("services.metadata_service.BuiltInField") as mock_builtin:
@@ -746,15 +703,10 @@ class TestMetadataServiceDeleteMetadata:
         existing_metadata = MetadataTestDataFactory.create_metadata_mock(metadata_id=metadata_id, name="category")
 
         # Mock metadata retrieval
-        mock_query = Mock()
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = existing_metadata
-        mock_db_session.query.return_value = mock_query
+        mock_db_session.scalar.return_value = existing_metadata
 
         # Mock no metadata bindings (no documents to update)
-        mock_binding_query = Mock()
-        mock_binding_query.filter_by.return_value = mock_binding_query
-        mock_binding_query.all.return_value = []
+        mock_db_session.scalars.return_value.all.return_value = []
 
         # Act
         result = MetadataService.delete_metadata(dataset_id, metadata_id)
@@ -788,10 +740,7 @@ class TestMetadataServiceDeleteMetadata:
         metadata_id = "non-existent-metadata"
 
         # Mock metadata retrieval to return None
-        mock_query = Mock()
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
-        mock_db_session.query.return_value = mock_query
+        mock_db_session.scalar.return_value = None
 
         # Act & Assert
         with pytest.raises(ValueError, match="Metadata not found"):
@@ -1013,10 +962,7 @@ class TestMetadataServiceGetDatasetMetadatas:
         )
 
         # Mock usage count queries
-        mock_query = Mock()
-        mock_query.filter_by.return_value = mock_query
-        mock_query.count.return_value = 5  # 5 documents use this metadata
-        mock_db_session.query.return_value = mock_query
+        mock_db_session.scalar.return_value = 5  # 5 documents use this metadata
 
         # Act
         result = MetadataService.get_dataset_metadatas(dataset)
diff --git a/api/tests/unit_tests/services/external_dataset_service.py b/api/tests/unit_tests/services/external_dataset_service.py
index 70bd1c73b3..5848603ab8 100644
--- a/api/tests/unit_tests/services/external_dataset_service.py
+++ b/api/tests/unit_tests/services/external_dataset_service.py
@@ -292,7 +292,7 @@ class TestExternalDatasetServiceCrudExternalKnowledgeApi:
         """
 
         api = Mock(spec=ExternalKnowledgeApis)
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = api
+        mock_db_session.scalar.return_value = api
 
         result = ExternalDatasetService.get_external_knowledge_api("api-id", "tenant-id")
         assert result is api
@@ -302,7 +302,7 @@ class TestExternalDatasetServiceCrudExternalKnowledgeApi:
         When the record is absent, a ``ValueError`` is raised.
         """
 
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = None
+        mock_db_session.scalar.return_value = None
 
         with pytest.raises(ValueError, match="api template not found"):
             ExternalDatasetService.get_external_knowledge_api("missing-id", "tenant-id")
@@ -320,7 +320,7 @@ class TestExternalDatasetServiceCrudExternalKnowledgeApi:
         existing_api = Mock(spec=ExternalKnowledgeApis)
         existing_api.settings_dict = {"api_key": "stored-key"}
         existing_api.settings = '{"api_key":"stored-key"}'
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = existing_api
+        mock_db_session.scalar.return_value = existing_api
 
         args = {
             "name": "New Name",
@@ -340,7 +340,7 @@ class TestExternalDatasetServiceCrudExternalKnowledgeApi:
         Updating a non‑existent API template should raise ``ValueError``.
         """
 
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = None
+        mock_db_session.scalar.return_value = None
 
         with pytest.raises(ValueError, match="api template not found"):
             ExternalDatasetService.update_external_knowledge_api(
@@ -356,7 +356,7 @@ class TestExternalDatasetServiceCrudExternalKnowledgeApi:
         """
 
         api = Mock(spec=ExternalKnowledgeApis)
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = api
+        mock_db_session.scalar.return_value = api
 
         ExternalDatasetService.delete_external_knowledge_api("tenant-1", "api-1")
 
@@ -368,7 +368,7 @@ class TestExternalDatasetServiceCrudExternalKnowledgeApi:
         Deletion of a missing template should raise ``ValueError``.
         """
 
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = None
+        mock_db_session.scalar.return_value = None
 
         with pytest.raises(ValueError, match="api template not found"):
             ExternalDatasetService.delete_external_knowledge_api("tenant-1", "missing")
@@ -394,7 +394,7 @@ class TestExternalDatasetServiceUsageAndBindings:
         When there are bindings, ``external_knowledge_api_use_check`` returns True and count.
         """
 
-        mock_db_session.query.return_value.filter_by.return_value.count.return_value = 3
+        mock_db_session.scalar.return_value = 3
 
         in_use, count = ExternalDatasetService.external_knowledge_api_use_check("api-1")
 
@@ -406,7 +406,7 @@ class TestExternalDatasetServiceUsageAndBindings:
         Zero bindings should return ``(False, 0)``.
         """
 
-        mock_db_session.query.return_value.filter_by.return_value.count.return_value = 0
+        mock_db_session.scalar.return_value = 0
 
         in_use, count = ExternalDatasetService.external_knowledge_api_use_check("api-1")
 
@@ -419,7 +419,7 @@ class TestExternalDatasetServiceUsageAndBindings:
         """
 
         binding = Mock(spec=ExternalKnowledgeBindings)
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = binding
+        mock_db_session.scalar.return_value = binding
 
         result = ExternalDatasetService.get_external_knowledge_binding_with_dataset_id("tenant-1", "ds-1")
         assert result is binding
@@ -429,7 +429,7 @@ class TestExternalDatasetServiceUsageAndBindings:
         Missing binding should result in a ``ValueError``.
         """
 
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = None
+        mock_db_session.scalar.return_value = None
 
         with pytest.raises(ValueError, match="external knowledge binding not found"):
             ExternalDatasetService.get_external_knowledge_binding_with_dataset_id("tenant-1", "ds-1")
@@ -460,7 +460,7 @@ class TestExternalDatasetServiceDocumentCreateArgsValidate:
             '[{"document_process_setting":[{"name":"foo","required":true},{"name":"bar","required":false}]}]'
         )
         # Raw string; the service itself calls json.loads on it
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = external_api
+        mock_db_session.scalar.return_value = external_api
 
         process_parameter = {"foo": "value", "bar": "optional"}
 
@@ -474,7 +474,7 @@ class TestExternalDatasetServiceDocumentCreateArgsValidate:
         When the referenced API template is missing, a ``ValueError`` is raised.
         """
 
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = None
+        mock_db_session.scalar.return_value = None
 
         with pytest.raises(ValueError, match="api template not found"):
             ExternalDatasetService.document_create_args_validate("tenant-1", "missing", {})
@@ -488,7 +488,7 @@ class TestExternalDatasetServiceDocumentCreateArgsValidate:
         external_api.settings = (
             '[{"document_process_setting":[{"name":"foo","required":true},{"name":"bar","required":false}]}]'
         )
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = external_api
+        mock_db_session.scalar.return_value = external_api
 
         process_parameter = {"bar": "present"}  # missing "foo"
 
@@ -702,7 +702,7 @@ class TestExternalDatasetServiceCreateExternalDataset:
         }
 
         # No existing dataset with same name.
-        mock_db_session.query.return_value.filter_by.return_value.first.side_effect = [
+        mock_db_session.scalar.side_effect = [
             None,  # duplicate‑name check
             Mock(spec=ExternalKnowledgeApis),  # external knowledge api
         ]
@@ -724,7 +724,7 @@ class TestExternalDatasetServiceCreateExternalDataset:
         """
 
         existing_dataset = Mock(spec=Dataset)
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = existing_dataset
+        mock_db_session.scalar.return_value = existing_dataset
 
         args = {
             "name": "Existing",
@@ -744,7 +744,7 @@ class TestExternalDatasetServiceCreateExternalDataset:
         """
 
         # First call: duplicate name check – not found.
-        mock_db_session.query.return_value.filter_by.return_value.first.side_effect = [
+        mock_db_session.scalar.side_effect = [
             None,
             None,  # external knowledge api lookup
         ]
@@ -763,8 +763,10 @@ class TestExternalDatasetServiceCreateExternalDataset:
         ``external_knowledge_id`` and ``external_knowledge_api_id`` are mandatory.
         """
 
-        # duplicate name check
-        mock_db_session.query.return_value.filter_by.return_value.first.side_effect = [
+        # duplicate name check — two calls to create_external_dataset, each does 2 scalar calls
+        mock_db_session.scalar.side_effect = [
+            None,
+            Mock(spec=ExternalKnowledgeApis),
             None,
             Mock(spec=ExternalKnowledgeApis),
         ]
@@ -826,7 +828,7 @@ class TestExternalDatasetServiceFetchExternalKnowledgeRetrieval:
         api.settings = '{"endpoint":"https://example.com","api_key":"secret"}'
 
         # First query: binding; second query: api.
-        mock_db_session.query.return_value.filter_by.return_value.first.side_effect = [
+        mock_db_session.scalar.side_effect = [
             binding,
             api,
         ]
@@ -861,7 +863,7 @@ class TestExternalDatasetServiceFetchExternalKnowledgeRetrieval:
         Missing binding should raise ``ValueError``.
         """
 
-        mock_db_session.query.return_value.filter_by.return_value.first.return_value = None
+        mock_db_session.scalar.return_value = None
 
         with pytest.raises(ValueError, match="external knowledge binding not found"):
             ExternalDatasetService.fetch_external_knowledge_retrieval(
@@ -878,7 +880,7 @@ class TestExternalDatasetServiceFetchExternalKnowledgeRetrieval:
         """
 
         binding = ExternalDatasetTestDataFactory.create_external_binding()
-        mock_db_session.query.return_value.filter_by.return_value.first.side_effect = [
+        mock_db_session.scalar.side_effect = [
             binding,
             None,
         ]
@@ -901,7 +903,7 @@ class TestExternalDatasetServiceFetchExternalKnowledgeRetrieval:
         api = Mock(spec=ExternalKnowledgeApis)
         api.settings = '{"endpoint":"https://example.com","api_key":"secret"}'
 
-        mock_db_session.query.return_value.filter_by.return_value.first.side_effect = [
+        mock_db_session.scalar.side_effect = [
             binding,
             api,
         ]
diff --git a/api/tests/unit_tests/services/rag_pipeline/test_rag_pipeline_service.py b/api/tests/unit_tests/services/rag_pipeline/test_rag_pipeline_service.py
index cb3c2d742d..f270ee0fde 100644
--- a/api/tests/unit_tests/services/rag_pipeline/test_rag_pipeline_service.py
+++ b/api/tests/unit_tests/services/rag_pipeline/test_rag_pipeline_service.py
@@ -117,9 +117,7 @@ def test_get_all_published_workflow_applies_limit_and_has_more(rag_pipeline_serv
 
 
 def test_get_pipeline_raises_when_dataset_not_found(mocker, rag_pipeline_service) -> None:
-    first_query = mocker.Mock()
-    first_query.where.return_value.first.return_value = None
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=first_query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=None)
 
     with pytest.raises(ValueError, match="Dataset not found"):
         rag_pipeline_service.get_pipeline("tenant-1", "dataset-1")
@@ -131,12 +129,8 @@ def test_get_pipeline_raises_when_dataset_not_found(mocker, rag_pipeline_service
 def test_update_customized_pipeline_template_success(mocker) -> None:
     template = SimpleNamespace(name="old", description="old", icon={}, updated_by=None)
 
-    # First query finds the template, second query (duplicate check) returns None
-    query_mock_1 = mocker.Mock()
-    query_mock_1.where.return_value.first.return_value = template
-    query_mock_2 = mocker.Mock()
-    query_mock_2.where.return_value.first.return_value = None
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", side_effect=[query_mock_1, query_mock_2])
+    # First scalar finds the template, second scalar (duplicate check) returns None
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", side_effect=[template, None])
     mocker.patch("services.rag_pipeline.rag_pipeline.db.session.commit")
     mocker.patch("services.rag_pipeline.rag_pipeline.current_user", SimpleNamespace(id="u1", current_tenant_id="t1"))
 
@@ -152,9 +146,7 @@ def test_update_customized_pipeline_template_success(mocker) -> None:
 
 
 def test_update_customized_pipeline_template_not_found(mocker) -> None:
-    query_mock = mocker.Mock()
-    query_mock.where.return_value.first.return_value = None
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query_mock)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=None)
     mocker.patch("services.rag_pipeline.rag_pipeline.current_user", SimpleNamespace(id="u1", current_tenant_id="t1"))
 
     info = PipelineTemplateInfoEntity(name="x", description="d", icon_info=IconInfo(icon="i"))
@@ -166,9 +158,7 @@ def test_update_customized_pipeline_template_duplicate_name(mocker) -> None:
     template = SimpleNamespace(name="old", description="old", icon={}, updated_by=None)
     duplicate = SimpleNamespace(name="dup")
 
-    query_mock = mocker.Mock()
-    query_mock.where.return_value.first.side_effect = [template, duplicate]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query_mock)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", side_effect=[template, duplicate])
     mocker.patch("services.rag_pipeline.rag_pipeline.current_user", SimpleNamespace(id="u1", current_tenant_id="t1"))
 
     info = PipelineTemplateInfoEntity(name="dup", description="d", icon_info=IconInfo(icon="i"))
@@ -181,9 +171,7 @@ def test_update_customized_pipeline_template_duplicate_name(mocker) -> None:
 
 def test_delete_customized_pipeline_template_success(mocker) -> None:
     template = SimpleNamespace(id="tpl-1")
-    query_mock = mocker.Mock()
-    query_mock.where.return_value.first.return_value = template
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query_mock)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=template)
     delete_mock = mocker.patch("services.rag_pipeline.rag_pipeline.db.session.delete")
     commit_mock = mocker.patch("services.rag_pipeline.rag_pipeline.db.session.commit")
 
@@ -196,9 +184,7 @@ def test_delete_customized_pipeline_template_success(mocker) -> None:
 
 
 def test_delete_customized_pipeline_template_not_found(mocker) -> None:
-    query_mock = mocker.Mock()
-    query_mock.where.return_value.first.return_value = None
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query_mock)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=None)
     mocker.patch("services.rag_pipeline.rag_pipeline.current_user", SimpleNamespace(id="u1", current_tenant_id="t1"))
 
     with pytest.raises(ValueError, match="Customized pipeline template not found"):
@@ -397,18 +383,14 @@ def test_get_rag_pipeline_workflow_run_delegates(mocker, rag_pipeline_service) -
 
 
 def test_is_workflow_exist_returns_true_when_draft_exists(mocker, rag_pipeline_service) -> None:
-    query_mock = mocker.Mock()
-    query_mock.where.return_value.count.return_value = 1
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query_mock)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=1)
 
     pipeline = SimpleNamespace(tenant_id="t1", id="p1")
     assert rag_pipeline_service.is_workflow_exist(pipeline) is True
 
 
 def test_is_workflow_exist_returns_false_when_no_draft(mocker, rag_pipeline_service) -> None:
-    query_mock = mocker.Mock()
-    query_mock.where.return_value.count.return_value = 0
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query_mock)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=0)
 
     pipeline = SimpleNamespace(tenant_id="t1", id="p1")
     assert rag_pipeline_service.is_workflow_exist(pipeline) is False
@@ -738,8 +720,7 @@ def test_get_second_step_parameters_success(mocker, rag_pipeline_service) -> Non
 
 
 def test_publish_customized_pipeline_template_success(mocker, rag_pipeline_service) -> None:
-    from models.dataset import Dataset, Pipeline, PipelineCustomizedTemplate
-    from models.workflow import Workflow
+    from models.dataset import Pipeline
 
     # 1. Setup mocks
     pipeline = mocker.Mock(spec=Pipeline)
@@ -754,36 +735,15 @@ def test_publish_customized_pipeline_template_success(mocker, rag_pipeline_servi
     # Mock db itself to avoid app context errors
     mock_db = mocker.patch("services.rag_pipeline.rag_pipeline.db")
 
-    # Improved mocking for session.query
-    def mock_query_side_effect(model):
-        m = mocker.Mock()
-        if model == Pipeline:
-            m.where.return_value.first.return_value = pipeline
-        elif model == Workflow:
-            m.where.return_value.first.return_value = workflow
-        elif model == PipelineCustomizedTemplate:
-            m.where.return_value.first.return_value = None
-        elif model == Dataset:
-            m.where.return_value.first.return_value = mocker.Mock()
-        else:
-            # For func.max cases
-            m.where.return_value.scalar.return_value = 5
-            m.where.return_value.first.return_value = mocker.Mock()
-        return m
-
-    mock_db.session.query.side_effect = mock_query_side_effect
+    # Mock get() for Pipeline and Workflow PK lookups
+    mock_db.session.get.side_effect = [pipeline, workflow]
+    # Mock scalar() for template name check (None) and max position (5)
+    mock_db.session.scalar.side_effect = [None, 5]
 
     # Mock retrieve_dataset
     dataset = mocker.Mock()
     pipeline.retrieve_dataset.return_value = dataset
 
-    # Mock max position
-    mocker.patch("services.rag_pipeline.rag_pipeline.func.max", return_value=1)
-    mocker.patch(
-        "services.rag_pipeline.rag_pipeline.db.session.query.return_value.where.return_value.scalar",
-        return_value=5,
-    )
-
     # Mock RagPipelineDslService
     mock_dsl_service = mocker.Mock()
     mock_dsl_service.export_rag_pipeline_dsl.return_value = {"dsl": "content"}
@@ -839,9 +799,7 @@ def test_get_datasource_plugins_success(mocker, rag_pipeline_service) -> None:
     workflow.rag_pipeline_variables = []
 
     # Mock queries
-    mock_query = mocker.Mock()
-    mock_query.where.return_value.first.side_effect = [dataset, pipeline]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=mock_query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", side_effect=[dataset, pipeline])
 
     mocker.patch.object(rag_pipeline_service, "get_published_workflow", return_value=workflow)
 
@@ -881,11 +839,9 @@ def test_retry_error_document_success(mocker, rag_pipeline_service) -> None:
 
     workflow = mocker.Mock()
 
-    # Mock queries
-    mock_query = mocker.Mock()
-    # Log lookup, then Pipeline lookup
-    mock_query.where.return_value.first.side_effect = [log, pipeline]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=mock_query)
+    # Mock queries: Log lookup via scalar, Pipeline lookup via get
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=log)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.get", return_value=pipeline)
 
     mocker.patch.object(rag_pipeline_service, "get_published_workflow", return_value=workflow)
 
@@ -913,7 +869,7 @@ def test_set_datasource_variables_success(mocker, rag_pipeline_service) -> None:
     # Mock db aggressively
     mock_db = mocker.patch("services.rag_pipeline.rag_pipeline.db")
     mock_db.engine = mocker.Mock()
-    mock_db.session.query.return_value.where.return_value.first.return_value = mocker.Mock()
+    mock_db.session.scalar.return_value = mocker.Mock()
 
     pipeline = mocker.Mock(spec=Pipeline)
     pipeline.id = "p-1"
@@ -976,7 +932,7 @@ def test_get_draft_workflow_success(mocker, rag_pipeline_service) -> None:
     workflow = mocker.Mock(spec=Workflow)
 
     mock_db = mocker.patch("services.rag_pipeline.rag_pipeline.db")
-    mock_db.session.query.return_value.where.return_value.first.return_value = workflow
+    mock_db.session.scalar.return_value = workflow
 
     # 2. Run test
     result = rag_pipeline_service.get_draft_workflow(pipeline)
@@ -998,7 +954,7 @@ def test_get_published_workflow_success(mocker, rag_pipeline_service) -> None:
     workflow = mocker.Mock(spec=Workflow)
 
     mock_db = mocker.patch("services.rag_pipeline.rag_pipeline.db")
-    mock_db.session.query.return_value.where.return_value.first.return_value = workflow
+    mock_db.session.scalar.return_value = workflow
 
     # 2. Run test
     result = rag_pipeline_service.get_published_workflow(pipeline)
@@ -1319,11 +1275,8 @@ def test_get_rag_pipeline_workflow_run_node_executions_returns_sorted_executions
 
 
 def test_get_recommended_plugins_returns_empty_when_no_active_plugins(mocker, rag_pipeline_service) -> None:
-    query = mocker.Mock()
-    query.where.return_value = query
-    query.order_by.return_value.all.return_value = []
     mock_db = mocker.patch("services.rag_pipeline.rag_pipeline.db")
-    mock_db.session.query.return_value = query
+    mock_db.session.scalars.return_value.all.return_value = []
 
     result = rag_pipeline_service.get_recommended_plugins("all")
 
@@ -1336,11 +1289,8 @@ def test_get_recommended_plugins_returns_empty_when_no_active_plugins(mocker, ra
 def test_get_recommended_plugins_returns_installed_and_uninstalled(mocker, rag_pipeline_service) -> None:
     plugin_a = SimpleNamespace(plugin_id="plugin-a")
     plugin_b = SimpleNamespace(plugin_id="plugin-b")
-    query = mocker.Mock()
-    query.where.return_value = query
-    query.order_by.return_value.all.return_value = [plugin_a, plugin_b]
     mock_db = mocker.patch("services.rag_pipeline.rag_pipeline.db")
-    mock_db.session.query.return_value = query
+    mock_db.session.scalars.return_value.all.return_value = [plugin_a, plugin_b]
     mocker.patch("services.rag_pipeline.rag_pipeline.current_user", SimpleNamespace(id="u1", current_tenant_id="t1"))
     mocker.patch(
         "services.rag_pipeline.rag_pipeline.BuiltinToolManageService.list_builtin_tools",
@@ -1568,9 +1518,7 @@ def test_get_second_step_parameters_filters_first_step_variables(mocker, rag_pip
 
 
 def test_retry_error_document_raises_when_execution_log_not_found(mocker, rag_pipeline_service) -> None:
-    query = mocker.Mock()
-    query.where.return_value.first.return_value = None
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=None)
 
     with pytest.raises(ValueError, match="Document pipeline execution log not found"):
         rag_pipeline_service.retry_error_document(
@@ -1581,9 +1529,7 @@ def test_retry_error_document_raises_when_execution_log_not_found(mocker, rag_pi
 def test_get_datasource_plugins_raises_when_workflow_not_found(mocker, rag_pipeline_service) -> None:
     dataset = SimpleNamespace(pipeline_id="p1")
     pipeline = SimpleNamespace(id="p1", tenant_id="t1")
-    query = mocker.Mock()
-    query.where.return_value.first.side_effect = [dataset, pipeline]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", side_effect=[dataset, pipeline])
     mocker.patch.object(rag_pipeline_service, "get_published_workflow", return_value=None)
 
     with pytest.raises(ValueError, match="Pipeline or workflow not found"):
@@ -1656,8 +1602,7 @@ def test_handle_node_run_result_marks_document_error_for_published_invoke(mocker
 
     document = SimpleNamespace(indexing_status="waiting", error=None)
     query = mocker.Mock()
-    query.where.return_value.first.return_value = document
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.get", return_value=document)
     add_mock = mocker.patch("services.rag_pipeline.rag_pipeline.db.session.add")
     commit_mock = mocker.patch("services.rag_pipeline.rag_pipeline.db.session.commit")
 
@@ -1712,9 +1657,7 @@ def test_run_datasource_node_preview_raises_for_unsupported_provider(mocker, rag
 
 
 def test_publish_customized_pipeline_template_raises_for_missing_pipeline(mocker, rag_pipeline_service) -> None:
-    query = mocker.Mock()
-    query.where.return_value.first.return_value = None
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.get", return_value=None)
 
     with pytest.raises(ValueError, match="Pipeline not found"):
         rag_pipeline_service.publish_customized_pipeline_template("p1", {})
@@ -1722,9 +1665,7 @@ def test_publish_customized_pipeline_template_raises_for_missing_pipeline(mocker
 
 def test_publish_customized_pipeline_template_raises_for_missing_workflow_id(mocker, rag_pipeline_service) -> None:
     pipeline = SimpleNamespace(id="p1", tenant_id="t1", workflow_id=None)
-    query = mocker.Mock()
-    query.where.return_value.first.return_value = pipeline
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.get", return_value=pipeline)
 
     with pytest.raises(ValueError, match="Pipeline workflow not found"):
         rag_pipeline_service.publish_customized_pipeline_template("p1", {"name": "template-name"})
@@ -1732,8 +1673,7 @@ def test_publish_customized_pipeline_template_raises_for_missing_workflow_id(moc
 
 def test_get_pipeline_raises_when_dataset_missing(mocker, rag_pipeline_service) -> None:
     query = mocker.Mock()
-    query.where.return_value.first.return_value = None
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=None)
 
     with pytest.raises(ValueError, match="Dataset not found"):
         rag_pipeline_service.get_pipeline("t1", "d1")
@@ -1742,8 +1682,7 @@ def test_get_pipeline_raises_when_dataset_missing(mocker, rag_pipeline_service)
 def test_get_pipeline_raises_when_pipeline_missing(mocker, rag_pipeline_service) -> None:
     dataset = SimpleNamespace(pipeline_id="p1")
     query = mocker.Mock()
-    query.where.return_value.first.side_effect = [dataset, None]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", side_effect=[dataset, None])
 
     with pytest.raises(ValueError, match="Pipeline not found"):
         rag_pipeline_service.get_pipeline("t1", "d1")
@@ -1783,8 +1722,7 @@ def test_get_pipeline_templates_builtin_en_us_no_fallback(mocker) -> None:
 def test_update_customized_pipeline_template_commits_when_name_empty(mocker) -> None:
     template = SimpleNamespace(name="old", description="old", icon={}, updated_by=None)
     query = mocker.Mock()
-    query.where.return_value.first.return_value = template
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=template)
     commit = mocker.patch("services.rag_pipeline.rag_pipeline.db.session.commit")
     mocker.patch("services.rag_pipeline.rag_pipeline.current_user", SimpleNamespace(id="u1", current_tenant_id="t1"))
 
@@ -2011,8 +1949,7 @@ def test_run_free_workflow_node_delegates_to_handle_result(mocker, rag_pipeline_
 def test_publish_customized_pipeline_template_raises_when_workflow_missing(mocker, rag_pipeline_service) -> None:
     pipeline = SimpleNamespace(id="p1", tenant_id="t1", workflow_id="wf-1")
     query = mocker.Mock()
-    query.where.return_value.first.side_effect = [pipeline, None]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.get", side_effect=[pipeline, None])
 
     with pytest.raises(ValueError, match="Workflow not found"):
         rag_pipeline_service.publish_customized_pipeline_template("p1", {})
@@ -2021,11 +1958,9 @@ def test_publish_customized_pipeline_template_raises_when_workflow_missing(mocke
 def test_publish_customized_pipeline_template_raises_when_dataset_missing(mocker, rag_pipeline_service) -> None:
     pipeline = SimpleNamespace(id="p1", tenant_id="t1", workflow_id="wf-1")
     workflow = SimpleNamespace(id="wf-1")
-    query = mocker.Mock()
-    query.where.return_value.first.side_effect = [pipeline, workflow]
     mock_db = mocker.patch("services.rag_pipeline.rag_pipeline.db")
     mock_db.engine = mocker.Mock()
-    mock_db.session.query.return_value = query
+    mock_db.session.get.side_effect = [pipeline, workflow]
     session_ctx = mocker.MagicMock()
     session_ctx.__enter__.return_value = SimpleNamespace()
     session_ctx.__exit__.return_value = False
@@ -2038,11 +1973,8 @@ def test_publish_customized_pipeline_template_raises_when_dataset_missing(mocker
 
 def test_get_recommended_plugins_skips_manifest_when_missing(mocker, rag_pipeline_service) -> None:
     plugin = SimpleNamespace(plugin_id="plugin-a")
-    query = mocker.Mock()
-    query.where.return_value = query
-    query.order_by.return_value.all.return_value = [plugin]
     mock_db = mocker.patch("services.rag_pipeline.rag_pipeline.db")
-    mock_db.session.query.return_value = query
+    mock_db.session.scalars.return_value.all.return_value = [plugin]
     mocker.patch("services.rag_pipeline.rag_pipeline.current_user", SimpleNamespace(id="u1", current_tenant_id="t1"))
     mocker.patch("services.rag_pipeline.rag_pipeline.BuiltinToolManageService.list_builtin_tools", return_value=[])
     mocker.patch("services.rag_pipeline.rag_pipeline.marketplace.batch_fetch_plugin_by_ids", return_value=[])
@@ -2056,8 +1988,8 @@ def test_get_recommended_plugins_skips_manifest_when_missing(mocker, rag_pipelin
 def test_retry_error_document_raises_when_pipeline_missing(mocker, rag_pipeline_service) -> None:
     exec_log = SimpleNamespace(pipeline_id="p1")
     query = mocker.Mock()
-    query.where.return_value.first.side_effect = [exec_log, None]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=exec_log)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.get", return_value=None)
 
     with pytest.raises(ValueError, match="Pipeline not found"):
         rag_pipeline_service.retry_error_document(
@@ -2069,8 +2001,8 @@ def test_retry_error_document_raises_when_workflow_missing(mocker, rag_pipeline_
     exec_log = SimpleNamespace(pipeline_id="p1")
     pipeline = SimpleNamespace(id="p1")
     query = mocker.Mock()
-    query.where.return_value.first.side_effect = [exec_log, pipeline]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", return_value=exec_log)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.get", return_value=pipeline)
     mocker.patch.object(rag_pipeline_service, "get_published_workflow", return_value=None)
 
     with pytest.raises(ValueError, match="Workflow not found"):
@@ -2086,8 +2018,7 @@ def test_get_datasource_plugins_returns_empty_for_non_datasource_nodes(mocker, r
         graph_dict={"nodes": [{"id": "n1", "data": {"type": "start"}}]}, rag_pipeline_variables=[]
     )
     query = mocker.Mock()
-    query.where.return_value.first.side_effect = [dataset, pipeline]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", side_effect=[dataset, pipeline])
     mocker.patch.object(rag_pipeline_service, "get_published_workflow", return_value=workflow)
 
     assert rag_pipeline_service.get_datasource_plugins("t1", "d1", True) == []
@@ -2250,8 +2181,7 @@ def test_get_datasource_plugins_handles_empty_datasource_data_and_non_published(
         rag_pipeline_variables=[{"variable": "v1", "belong_to_node_id": "shared"}],
     )
     query = mocker.Mock()
-    query.where.return_value.first.side_effect = [dataset, pipeline]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", side_effect=[dataset, pipeline])
     mocker.patch.object(rag_pipeline_service, "get_draft_workflow", return_value=workflow)
     mocker.patch(
         "services.rag_pipeline.rag_pipeline.DatasourceProviderService.list_datasource_credentials", return_value=[]
@@ -2291,8 +2221,7 @@ def test_get_datasource_plugins_extracts_user_inputs_and_credentials(mocker, rag
         ],
     )
     query = mocker.Mock()
-    query.where.return_value.first.side_effect = [dataset, pipeline]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", side_effect=[dataset, pipeline])
     mocker.patch.object(rag_pipeline_service, "get_published_workflow", return_value=workflow)
     mocker.patch(
         "services.rag_pipeline.rag_pipeline.DatasourceProviderService.list_datasource_credentials",
@@ -2310,8 +2239,7 @@ def test_get_pipeline_returns_pipeline_when_found(mocker, rag_pipeline_service)
     dataset = SimpleNamespace(pipeline_id="p1")
     pipeline = SimpleNamespace(id="p1")
     query = mocker.Mock()
-    query.where.return_value.first.side_effect = [dataset, pipeline]
-    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.query", return_value=query)
+    mocker.patch("services.rag_pipeline.rag_pipeline.db.session.scalar", side_effect=[dataset, pipeline])
 
     result = rag_pipeline_service.get_pipeline("t1", "d1")
 
diff --git a/api/tests/unit_tests/services/test_account_service.py b/api/tests/unit_tests/services/test_account_service.py
index dcd6785464..cc64159c5f 100644
--- a/api/tests/unit_tests/services/test_account_service.py
+++ b/api/tests/unit_tests/services/test_account_service.py
@@ -173,9 +173,7 @@ class TestAccountService:
         # Setup test data
         mock_account = TestAccountAssociatedDataFactory.create_account_mock()
 
-        # Setup smart database query mock
-        query_results = {("Account", "email", "test@example.com"): mock_account}
-        ServiceDbTestHelper.setup_db_query_filter_by_mock(mock_db_dependencies["db"], query_results)
+        mock_db_dependencies["db"].session.scalar.return_value = mock_account
 
         mock_password_dependencies["compare_password"].return_value = True
 
@@ -188,9 +186,7 @@ class TestAccountService:
 
     def test_authenticate_account_not_found(self, mock_db_dependencies):
         """Test authentication when account does not exist."""
-        # Setup smart database query mock - no matching results
-        query_results = {("Account", "email", "notfound@example.com"): None}
-        ServiceDbTestHelper.setup_db_query_filter_by_mock(mock_db_dependencies["db"], query_results)
+        mock_db_dependencies["db"].session.scalar.return_value = None
 
         # Execute test and verify exception
         self._assert_exception_raised(
@@ -202,9 +198,7 @@ class TestAccountService:
         # Setup test data
         mock_account = TestAccountAssociatedDataFactory.create_account_mock(status="banned")
 
-        # Setup smart database query mock
-        query_results = {("Account", "email", "banned@example.com"): mock_account}
-        ServiceDbTestHelper.setup_db_query_filter_by_mock(mock_db_dependencies["db"], query_results)
+        mock_db_dependencies["db"].session.scalar.return_value = mock_account
 
         # Execute test and verify exception
         self._assert_exception_raised(AccountLoginError, AccountService.authenticate, "banned@example.com", "password")
@@ -214,9 +208,7 @@ class TestAccountService:
         # Setup test data
         mock_account = TestAccountAssociatedDataFactory.create_account_mock()
 
-        # Setup smart database query mock
-        query_results = {("Account", "email", "test@example.com"): mock_account}
-        ServiceDbTestHelper.setup_db_query_filter_by_mock(mock_db_dependencies["db"], query_results)
+        mock_db_dependencies["db"].session.scalar.return_value = mock_account
 
         mock_password_dependencies["compare_password"].return_value = False
 
@@ -230,9 +222,7 @@ class TestAccountService:
         # Setup test data
         mock_account = TestAccountAssociatedDataFactory.create_account_mock(status="pending")
 
-        # Setup smart database query mock
-        query_results = {("Account", "email", "pending@example.com"): mock_account}
-        ServiceDbTestHelper.setup_db_query_filter_by_mock(mock_db_dependencies["db"], query_results)
+        mock_db_dependencies["db"].session.scalar.return_value = mock_account
 
         mock_password_dependencies["compare_password"].return_value = True
 
@@ -422,12 +412,8 @@ class TestAccountService:
         mock_account = TestAccountAssociatedDataFactory.create_account_mock()
         mock_tenant_join = TestAccountAssociatedDataFactory.create_tenant_join_mock()
 
-        # Setup smart database query mock
-        query_results = {
-            ("Account", "id", "user-123"): mock_account,
-            ("TenantAccountJoin", "account_id", "user-123"): mock_tenant_join,
-        }
-        ServiceDbTestHelper.setup_db_query_filter_by_mock(mock_db_dependencies["db"], query_results)
+        mock_db_dependencies["db"].session.get.return_value = mock_account
+        mock_db_dependencies["db"].session.scalar.return_value = mock_tenant_join
 
         # Mock datetime
         with patch("services.account_service.datetime") as mock_datetime:
@@ -444,9 +430,7 @@ class TestAccountService:
 
     def test_load_user_not_found(self, mock_db_dependencies):
         """Test user loading when user does not exist."""
-        # Setup smart database query mock - no matching results
-        query_results = {("Account", "id", "non-existent-user"): None}
-        ServiceDbTestHelper.setup_db_query_filter_by_mock(mock_db_dependencies["db"], query_results)
+        mock_db_dependencies["db"].session.get.return_value = None
 
         # Execute test
         result = AccountService.load_user("non-existent-user")
@@ -459,9 +443,7 @@ class TestAccountService:
         # Setup test data
         mock_account = TestAccountAssociatedDataFactory.create_account_mock(status="banned")
 
-        # Setup smart database query mock
-        query_results = {("Account", "id", "user-123"): mock_account}
-        ServiceDbTestHelper.setup_db_query_filter_by_mock(mock_db_dependencies["db"], query_results)
+        mock_db_dependencies["db"].session.get.return_value = mock_account
 
         # Execute test and verify exception
         self._assert_exception_raised(
@@ -476,13 +458,9 @@ class TestAccountService:
         mock_account = TestAccountAssociatedDataFactory.create_account_mock()
         mock_available_tenant = TestAccountAssociatedDataFactory.create_tenant_join_mock(current=False)
 
-        # Setup smart database query mock for complex scenario
-        query_results = {
-            ("Account", "id", "user-123"): mock_account,
-            ("TenantAccountJoin", "account_id", "user-123"): None,  # No current tenant
-            ("TenantAccountJoin", "order_by", "first_available"): mock_available_tenant,  # First available tenant
-        }
-        ServiceDbTestHelper.setup_db_query_filter_by_mock(mock_db_dependencies["db"], query_results)
+        mock_db_dependencies["db"].session.get.return_value = mock_account
+        # First scalar: current tenant (None), second scalar: available tenant
+        mock_db_dependencies["db"].session.scalar.side_effect = [None, mock_available_tenant]
 
         # Mock datetime
         with patch("services.account_service.datetime") as mock_datetime:
@@ -503,13 +481,9 @@ class TestAccountService:
         # Setup test data
         mock_account = TestAccountAssociatedDataFactory.create_account_mock()
 
-        # Setup smart database query mock for no tenants scenario
-        query_results = {
-            ("Account", "id", "user-123"): mock_account,
-            ("TenantAccountJoin", "account_id", "user-123"): None,  # No current tenant
-            ("TenantAccountJoin", "order_by", "first_available"): None,  # No available tenants
-        }
-        ServiceDbTestHelper.setup_db_query_filter_by_mock(mock_db_dependencies["db"], query_results)
+        mock_db_dependencies["db"].session.get.return_value = mock_account
+        # First scalar: current tenant (None), second scalar: available tenant (None)
+        mock_db_dependencies["db"].session.scalar.side_effect = [None, None]
 
         # Mock datetime
         with patch("services.account_service.datetime") as mock_datetime:
@@ -1060,7 +1034,7 @@ class TestRegisterService:
             )
 
             # Verify rollback operations were called
-            mock_db_dependencies["db"].session.query.assert_called()
+            mock_db_dependencies["db"].session.execute.assert_called()
 
     # ==================== Registration Tests ====================
 
@@ -1625,10 +1599,8 @@ class TestRegisterService:
             mock_session_class.return_value.__exit__.return_value = None
             mock_lookup.return_value = mock_existing_account
 
-            # Mock the db.session.query for TenantAccountJoin
-            mock_db_query = MagicMock()
-            mock_db_query.filter_by.return_value.first.return_value = None  # No existing member
-            mock_db_dependencies["db"].session.query.return_value = mock_db_query
+            # Mock scalar for TenantAccountJoin lookup - no existing member
+            mock_db_dependencies["db"].session.scalar.return_value = None
 
             # Mock TenantService methods
             with (
@@ -1803,14 +1775,9 @@ class TestRegisterService:
             }
             mock_get_invitation_by_token.return_value = invitation_data
 
-            # Mock database queries - complex query mocking
-            mock_query1 = MagicMock()
-            mock_query1.where.return_value.first.return_value = mock_tenant
-
-            mock_query2 = MagicMock()
-            mock_query2.join.return_value.where.return_value.first.return_value = (mock_account, "normal")
-
-            mock_db_dependencies["db"].session.query.side_effect = [mock_query1, mock_query2]
+            # Mock scalar for tenant lookup, execute for account+role lookup
+            mock_db_dependencies["db"].session.scalar.return_value = mock_tenant
+            mock_db_dependencies["db"].session.execute.return_value.first.return_value = (mock_account, "normal")
 
             # Execute test
             result = RegisterService.get_invitation_if_token_valid("tenant-456", "test@example.com", "token-123")
@@ -1842,10 +1809,8 @@ class TestRegisterService:
         }
         mock_redis_dependencies.get.return_value = json.dumps(invitation_data).encode()
 
-        # Mock database queries - no tenant found
-        mock_query = MagicMock()
-        mock_query.filter.return_value.first.return_value = None
-        mock_db_dependencies["db"].session.query.return_value = mock_query
+        # Mock scalar for tenant lookup - not found
+        mock_db_dependencies["db"].session.scalar.return_value = None
 
         # Execute test
         result = RegisterService.get_invitation_if_token_valid("tenant-456", "test@example.com", "token-123")
@@ -1868,14 +1833,9 @@ class TestRegisterService:
         }
         mock_redis_dependencies.get.return_value = json.dumps(invitation_data).encode()
 
-        # Mock database queries
-        mock_query1 = MagicMock()
-        mock_query1.filter.return_value.first.return_value = mock_tenant
-
-        mock_query2 = MagicMock()
-        mock_query2.join.return_value.where.return_value.first.return_value = None  # No account found
-
-        mock_db_dependencies["db"].session.query.side_effect = [mock_query1, mock_query2]
+        # Mock scalar for tenant, execute for account+role
+        mock_db_dependencies["db"].session.scalar.return_value = mock_tenant
+        mock_db_dependencies["db"].session.execute.return_value.first.return_value = None  # No account found
 
         # Execute test
         result = RegisterService.get_invitation_if_token_valid("tenant-456", "test@example.com", "token-123")
@@ -1901,14 +1861,9 @@ class TestRegisterService:
         }
         mock_redis_dependencies.get.return_value = json.dumps(invitation_data).encode()
 
-        # Mock database queries
-        mock_query1 = MagicMock()
-        mock_query1.filter.return_value.first.return_value = mock_tenant
-
-        mock_query2 = MagicMock()
-        mock_query2.join.return_value.where.return_value.first.return_value = (mock_account, "normal")
-
-        mock_db_dependencies["db"].session.query.side_effect = [mock_query1, mock_query2]
+        # Mock scalar for tenant, execute for account+role
+        mock_db_dependencies["db"].session.scalar.return_value = mock_tenant
+        mock_db_dependencies["db"].session.execute.return_value.first.return_value = (mock_account, "normal")
 
         # Execute test
         result = RegisterService.get_invitation_if_token_valid("tenant-456", "test@example.com", "token-123")
diff --git a/api/tests/unit_tests/services/test_external_dataset_service.py b/api/tests/unit_tests/services/test_external_dataset_service.py
index 3709e1fa94..7c8dab5029 100644
--- a/api/tests/unit_tests/services/test_external_dataset_service.py
+++ b/api/tests/unit_tests/services/test_external_dataset_service.py
@@ -799,10 +799,7 @@ class TestExternalDatasetServiceGetAPI:
         api_id = "api-123"
         expected_api = factory.create_external_knowledge_api_mock(api_id=api_id)
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = expected_api
+        mock_db.session.scalar.return_value = expected_api
 
         # Act
         tenant_id = "tenant-123"
@@ -810,16 +807,12 @@ class TestExternalDatasetServiceGetAPI:
 
         # Assert
         assert result.id == api_id
-        mock_query.filter_by.assert_called_once_with(id=api_id, tenant_id=tenant_id)
 
     @patch("services.external_knowledge_service.db")
     def test_get_external_knowledge_api_not_found(self, mock_db, factory):
         """Test error when API is not found."""
         # Arrange
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
+        mock_db.session.scalar.return_value = None
 
         # Act & Assert
         with pytest.raises(ValueError, match="api template not found"):
@@ -848,10 +841,7 @@ class TestExternalDatasetServiceUpdateAPI:
             "settings": {"endpoint": "https://new.example.com", "api_key": "new-key"},
         }
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = existing_api
+        mock_db.session.scalar.return_value = existing_api
 
         # Act
         result = ExternalDatasetService.update_external_knowledge_api(tenant_id, user_id, api_id, args)
@@ -881,10 +871,7 @@ class TestExternalDatasetServiceUpdateAPI:
             "settings": {"endpoint": "https://api.example.com", "api_key": HIDDEN_VALUE},
         }
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = existing_api
+        mock_db.session.scalar.return_value = existing_api
 
         # Act
         result = ExternalDatasetService.update_external_knowledge_api(tenant_id, "user-123", api_id, args)
@@ -897,10 +884,7 @@ class TestExternalDatasetServiceUpdateAPI:
     def test_update_external_knowledge_api_not_found(self, mock_db, factory):
         """Test error when API is not found."""
         # Arrange
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
+        mock_db.session.scalar.return_value = None
 
         args = {"name": "Updated API"}
 
@@ -912,10 +896,7 @@ class TestExternalDatasetServiceUpdateAPI:
     def test_update_external_knowledge_api_tenant_mismatch(self, mock_db, factory):
         """Test error when tenant ID doesn't match."""
         # Arrange
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
+        mock_db.session.scalar.return_value = None
 
         args = {"name": "Updated API"}
 
@@ -934,10 +915,7 @@ class TestExternalDatasetServiceUpdateAPI:
 
         args = {"name": "New Name Only"}
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = existing_api
+        mock_db.session.scalar.return_value = existing_api
 
         # Act
         result = ExternalDatasetService.update_external_knowledge_api("tenant-123", "user-123", "api-123", args)
@@ -958,10 +936,7 @@ class TestExternalDatasetServiceDeleteAPI:
 
         existing_api = factory.create_external_knowledge_api_mock(api_id=api_id, tenant_id=tenant_id)
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = existing_api
+        mock_db.session.scalar.return_value = existing_api
 
         # Act
         ExternalDatasetService.delete_external_knowledge_api(tenant_id, api_id)
@@ -974,10 +949,7 @@ class TestExternalDatasetServiceDeleteAPI:
     def test_delete_external_knowledge_api_not_found(self, mock_db, factory):
         """Test error when API is not found."""
         # Arrange
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
+        mock_db.session.scalar.return_value = None
 
         # Act & Assert
         with pytest.raises(ValueError, match="api template not found"):
@@ -987,10 +959,7 @@ class TestExternalDatasetServiceDeleteAPI:
     def test_delete_external_knowledge_api_tenant_mismatch(self, mock_db, factory):
         """Test error when tenant ID doesn't match."""
         # Arrange
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
+        mock_db.session.scalar.return_value = None
 
         # Act & Assert
         with pytest.raises(ValueError, match="api template not found"):
@@ -1006,10 +975,7 @@ class TestExternalDatasetServiceAPIUseCheck:
         # Arrange
         api_id = "api-123"
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.count.return_value = 1
+        mock_db.session.scalar.return_value = 1
 
         # Act
         in_use, count = ExternalDatasetService.external_knowledge_api_use_check(api_id)
@@ -1024,10 +990,7 @@ class TestExternalDatasetServiceAPIUseCheck:
         # Arrange
         api_id = "api-123"
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.count.return_value = 10
+        mock_db.session.scalar.return_value = 10
 
         # Act
         in_use, count = ExternalDatasetService.external_knowledge_api_use_check(api_id)
@@ -1042,10 +1005,7 @@ class TestExternalDatasetServiceAPIUseCheck:
         # Arrange
         api_id = "api-123"
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.count.return_value = 0
+        mock_db.session.scalar.return_value = 0
 
         # Act
         in_use, count = ExternalDatasetService.external_knowledge_api_use_check(api_id)
@@ -1067,10 +1027,7 @@ class TestExternalDatasetServiceGetBinding:
 
         expected_binding = factory.create_external_knowledge_binding_mock(tenant_id=tenant_id, dataset_id=dataset_id)
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = expected_binding
+        mock_db.session.scalar.return_value = expected_binding
 
         # Act
         result = ExternalDatasetService.get_external_knowledge_binding_with_dataset_id(tenant_id, dataset_id)
@@ -1083,10 +1040,7 @@ class TestExternalDatasetServiceGetBinding:
     def test_get_external_knowledge_binding_not_found(self, mock_db, factory):
         """Test error when binding is not found."""
         # Arrange
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
+        mock_db.session.scalar.return_value = None
 
         # Act & Assert
         with pytest.raises(ValueError, match="external knowledge binding not found"):
@@ -1113,10 +1067,7 @@ class TestExternalDatasetServiceDocumentValidate:
 
         api = factory.create_external_knowledge_api_mock(api_id=api_id, settings=[settings])
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = api
+        mock_db.session.scalar.return_value = api
 
         process_parameter = {"param1": "value1", "param2": "value2"}
 
@@ -1134,10 +1085,7 @@ class TestExternalDatasetServiceDocumentValidate:
 
         api = factory.create_external_knowledge_api_mock(api_id=api_id, settings=[settings])
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = api
+        mock_db.session.scalar.return_value = api
 
         process_parameter = {}
 
@@ -1149,10 +1097,7 @@ class TestExternalDatasetServiceDocumentValidate:
     def test_document_create_args_validate_api_not_found(self, mock_db, factory):
         """Test validation fails when API is not found."""
         # Arrange
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
+        mock_db.session.scalar.return_value = None
 
         # Act & Assert
         with pytest.raises(ValueError, match="api template not found"):
@@ -1165,10 +1110,7 @@ class TestExternalDatasetServiceDocumentValidate:
         settings = {}
         api = factory.create_external_knowledge_api_mock(settings=[settings])
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = api
+        mock_db.session.scalar.return_value = api
 
         # Act & Assert - should not raise
         ExternalDatasetService.document_create_args_validate("tenant-123", "api-123", {})
@@ -1186,10 +1128,7 @@ class TestExternalDatasetServiceDocumentValidate:
 
         api = factory.create_external_knowledge_api_mock(settings=[settings])
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = api
+        mock_db.session.scalar.return_value = api
 
         process_parameter = {"required_param": "value"}
 
@@ -1498,24 +1437,7 @@ class TestExternalDatasetServiceCreateDataset:
 
         api = factory.create_external_knowledge_api_mock(api_id="api-123")
 
-        # Mock database queries
-        mock_dataset_query = MagicMock()
-        mock_api_query = MagicMock()
-
-        def query_side_effect(model):
-            if model == Dataset:
-                return mock_dataset_query
-            elif model == ExternalKnowledgeApis:
-                return mock_api_query
-            return MagicMock()
-
-        mock_db.session.query.side_effect = query_side_effect
-
-        mock_dataset_query.filter_by.return_value = mock_dataset_query
-        mock_dataset_query.first.return_value = None
-
-        mock_api_query.filter_by.return_value = mock_api_query
-        mock_api_query.first.return_value = api
+        mock_db.session.scalar.side_effect = [None, api]
 
         # Act
         result = ExternalDatasetService.create_external_dataset(tenant_id, user_id, args)
@@ -1534,10 +1456,7 @@ class TestExternalDatasetServiceCreateDataset:
         # Arrange
         existing_dataset = factory.create_dataset_mock(name="Duplicate Dataset")
 
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = existing_dataset
+        mock_db.session.scalar.return_value = existing_dataset
 
         args = {"name": "Duplicate Dataset"}
 
@@ -1549,23 +1468,7 @@ class TestExternalDatasetServiceCreateDataset:
     def test_create_external_dataset_api_not_found_error(self, mock_db, factory):
         """Test error when external knowledge API is not found."""
         # Arrange
-        mock_dataset_query = MagicMock()
-        mock_api_query = MagicMock()
-
-        def query_side_effect(model):
-            if model == Dataset:
-                return mock_dataset_query
-            elif model == ExternalKnowledgeApis:
-                return mock_api_query
-            return MagicMock()
-
-        mock_db.session.query.side_effect = query_side_effect
-
-        mock_dataset_query.filter_by.return_value = mock_dataset_query
-        mock_dataset_query.first.return_value = None
-
-        mock_api_query.filter_by.return_value = mock_api_query
-        mock_api_query.first.return_value = None
+        mock_db.session.scalar.side_effect = [None, None]
 
         args = {"name": "Test Dataset", "external_knowledge_api_id": "nonexistent-api"}
 
@@ -1579,23 +1482,7 @@ class TestExternalDatasetServiceCreateDataset:
         # Arrange
         api = factory.create_external_knowledge_api_mock()
 
-        mock_dataset_query = MagicMock()
-        mock_api_query = MagicMock()
-
-        def query_side_effect(model):
-            if model == Dataset:
-                return mock_dataset_query
-            elif model == ExternalKnowledgeApis:
-                return mock_api_query
-            return MagicMock()
-
-        mock_db.session.query.side_effect = query_side_effect
-
-        mock_dataset_query.filter_by.return_value = mock_dataset_query
-        mock_dataset_query.first.return_value = None
-
-        mock_api_query.filter_by.return_value = mock_api_query
-        mock_api_query.first.return_value = api
+        mock_db.session.scalar.side_effect = [None, api]
 
         args = {"name": "Test Dataset", "external_knowledge_api_id": "api-123"}
 
@@ -1609,23 +1496,7 @@ class TestExternalDatasetServiceCreateDataset:
         # Arrange
         api = factory.create_external_knowledge_api_mock()
 
-        mock_dataset_query = MagicMock()
-        mock_api_query = MagicMock()
-
-        def query_side_effect(model):
-            if model == Dataset:
-                return mock_dataset_query
-            elif model == ExternalKnowledgeApis:
-                return mock_api_query
-            return MagicMock()
-
-        mock_db.session.query.side_effect = query_side_effect
-
-        mock_dataset_query.filter_by.return_value = mock_dataset_query
-        mock_dataset_query.first.return_value = None
-
-        mock_api_query.filter_by.return_value = mock_api_query
-        mock_api_query.first.return_value = api
+        mock_db.session.scalar.side_effect = [None, api]
 
         args = {"name": "Test Dataset", "external_knowledge_id": "knowledge-123"}
 
@@ -1651,23 +1522,7 @@ class TestExternalDatasetServiceFetchRetrieval:
         )
         api = factory.create_external_knowledge_api_mock(api_id="api-123")
 
-        mock_binding_query = MagicMock()
-        mock_api_query = MagicMock()
-
-        def query_side_effect(model):
-            if model == ExternalKnowledgeBindings:
-                return mock_binding_query
-            elif model == ExternalKnowledgeApis:
-                return mock_api_query
-            return MagicMock()
-
-        mock_db.session.query.side_effect = query_side_effect
-
-        mock_binding_query.filter_by.return_value = mock_binding_query
-        mock_binding_query.first.return_value = binding
-
-        mock_api_query.filter_by.return_value = mock_api_query
-        mock_api_query.first.return_value = api
+        mock_db.session.scalar.side_effect = [binding, api]
 
         mock_response = MagicMock()
         mock_response.status_code = 200
@@ -1695,10 +1550,7 @@ class TestExternalDatasetServiceFetchRetrieval:
     def test_fetch_external_knowledge_retrieval_binding_not_found_error(self, mock_db, factory):
         """Test error when external knowledge binding is not found."""
         # Arrange
-        mock_query = MagicMock()
-        mock_db.session.query.return_value = mock_query
-        mock_query.filter_by.return_value = mock_query
-        mock_query.first.return_value = None
+        mock_db.session.scalar.return_value = None
 
         # Act & Assert
         with pytest.raises(ValueError, match="external knowledge binding not found"):
@@ -1712,23 +1564,7 @@ class TestExternalDatasetServiceFetchRetrieval:
         binding = factory.create_external_knowledge_binding_mock()
         api = factory.create_external_knowledge_api_mock()
 
-        mock_binding_query = MagicMock()
-        mock_api_query = MagicMock()
-
-        def query_side_effect(model):
-            if model == ExternalKnowledgeBindings:
-                return mock_binding_query
-            elif model == ExternalKnowledgeApis:
-                return mock_api_query
-            return MagicMock()
-
-        mock_db.session.query.side_effect = query_side_effect
-
-        mock_binding_query.filter_by.return_value = mock_binding_query
-        mock_binding_query.first.return_value = binding
-
-        mock_api_query.filter_by.return_value = mock_api_query
-        mock_api_query.first.return_value = api
+        mock_db.session.scalar.side_effect = [binding, api]
 
         mock_response = MagicMock()
         mock_response.status_code = 200
@@ -1751,23 +1587,7 @@ class TestExternalDatasetServiceFetchRetrieval:
         binding = factory.create_external_knowledge_binding_mock()
         api = factory.create_external_knowledge_api_mock()
 
-        mock_binding_query = MagicMock()
-        mock_api_query = MagicMock()
-
-        def query_side_effect(model):
-            if model == ExternalKnowledgeBindings:
-                return mock_binding_query
-            elif model == ExternalKnowledgeApis:
-                return mock_api_query
-            return MagicMock()
-
-        mock_db.session.query.side_effect = query_side_effect
-
-        mock_binding_query.filter_by.return_value = mock_binding_query
-        mock_binding_query.first.return_value = binding
-
-        mock_api_query.filter_by.return_value = mock_api_query
-        mock_api_query.first.return_value = api
+        mock_db.session.scalar.side_effect = [binding, api]
 
         mock_response = MagicMock()
         mock_response.status_code = 200
@@ -1799,23 +1619,7 @@ class TestExternalDatasetServiceFetchRetrieval:
         binding = factory.create_external_knowledge_binding_mock()
         api = factory.create_external_knowledge_api_mock()
 
-        mock_binding_query = MagicMock()
-        mock_api_query = MagicMock()
-
-        def query_side_effect(model):
-            if model == ExternalKnowledgeBindings:
-                return mock_binding_query
-            elif model == ExternalKnowledgeApis:
-                return mock_api_query
-            return MagicMock()
-
-        mock_db.session.query.side_effect = query_side_effect
-
-        mock_binding_query.filter_by.return_value = mock_binding_query
-        mock_binding_query.first.return_value = binding
-
-        mock_api_query.filter_by.return_value = mock_api_query
-        mock_api_query.first.return_value = api
+        mock_db.session.scalar.side_effect = [binding, api]
 
         mock_response = MagicMock()
         mock_response.status_code = 500
@@ -1856,23 +1660,7 @@ class TestExternalDatasetServiceFetchRetrieval:
         )
         api = factory.create_external_knowledge_api_mock(api_id="api-123")
 
-        mock_binding_query = MagicMock()
-        mock_api_query = MagicMock()
-
-        def query_side_effect(model):
-            if model == ExternalKnowledgeBindings:
-                return mock_binding_query
-            elif model == ExternalKnowledgeApis:
-                return mock_api_query
-            return MagicMock()
-
-        mock_db.session.query.side_effect = query_side_effect
-
-        mock_binding_query.filter_by.return_value = mock_binding_query
-        mock_binding_query.first.return_value = binding
-
-        mock_api_query.filter_by.return_value = mock_api_query
-        mock_api_query.first.return_value = api
+        mock_db.session.scalar.side_effect = [binding, api]
 
         mock_response = MagicMock()
         mock_response.status_code = status_code
@@ -1891,23 +1679,7 @@ class TestExternalDatasetServiceFetchRetrieval:
         binding = factory.create_external_knowledge_binding_mock()
         api = factory.create_external_knowledge_api_mock()
 
-        mock_binding_query = MagicMock()
-        mock_api_query = MagicMock()
-
-        def query_side_effect(model):
-            if model == ExternalKnowledgeBindings:
-                return mock_binding_query
-            elif model == ExternalKnowledgeApis:
-                return mock_api_query
-            return MagicMock()
-
-        mock_db.session.query.side_effect = query_side_effect
-
-        mock_binding_query.filter_by.return_value = mock_binding_query
-        mock_binding_query.first.return_value = binding
-
-        mock_api_query.filter_by.return_value = mock_api_query
-        mock_api_query.first.return_value = api
+        mock_db.session.scalar.side_effect = [binding, api]
 
         mock_response = MagicMock()
         mock_response.status_code = 503
diff --git a/api/tests/unit_tests/services/test_model_provider_service_sanitization.py b/api/tests/unit_tests/services/test_model_provider_service_sanitization.py
index 1bd979b9ec..acf5dff634 100644
--- a/api/tests/unit_tests/services/test_model_provider_service_sanitization.py
+++ b/api/tests/unit_tests/services/test_model_provider_service_sanitization.py
@@ -85,3 +85,644 @@ def test_get_provider_list_strips_credentials(service_with_fake_configurations:
     assert len(custom_models) == 1
     # The sanitizer should drop credentials in list response
     assert custom_models[0].credentials is None
+
+
+# === Merged from test_model_provider_service.py ===
+
+
+from types import SimpleNamespace
+from typing import Any
+from unittest.mock import MagicMock
+
+import pytest
+from graphon.model_runtime.entities.common_entities import I18nObject
+from graphon.model_runtime.entities.model_entities import FetchFrom, ModelType, ParameterRule, ParameterType
+
+from core.entities.model_entities import ModelStatus
+from models.provider import ProviderType
+from services import model_provider_service as service_module
+from services.errors.app_model_config import ProviderNotFoundError
+from services.model_provider_service import ModelProviderService
+
+
+def _create_service_with_mocked_manager() -> tuple[ModelProviderService, MagicMock]:
+    manager = MagicMock()
+    service = ModelProviderService()
+    service._get_provider_manager = MagicMock(return_value=manager)
+    return service, manager
+
+
+def _build_provider_configuration(
+    *,
+    provider_name: str = "openai",
+    supported_model_types: list[ModelType] | None = None,
+    custom_models: list[Any] | None = None,
+    custom_config_available: bool = True,
+) -> SimpleNamespace:
+    if supported_model_types is None:
+        supported_model_types = [ModelType.LLM]
+    return SimpleNamespace(
+        provider=SimpleNamespace(
+            provider=provider_name,
+            label=I18nObject(en_US=provider_name),
+            description=None,
+            icon_small=None,
+            icon_small_dark=None,
+            background=None,
+            help=None,
+            supported_model_types=supported_model_types,
+            configurate_methods=[],
+            provider_credential_schema=None,
+            model_credential_schema=None,
+        ),
+        preferred_provider_type=ProviderType.CUSTOM,
+        custom_configuration=SimpleNamespace(
+            provider=SimpleNamespace(
+                current_credential_id="cred-1",
+                current_credential_name="Credential 1",
+                available_credentials=[],
+            ),
+            models=custom_models,
+            can_added_models=[],
+        ),
+        system_configuration=SimpleNamespace(enabled=False, current_quota_type=None, quota_configurations=[]),
+        is_custom_configuration_available=lambda: custom_config_available,
+    )
+
+
+def test__get_provider_configuration_should_return_configuration_when_provider_exists() -> None:
+    # Arrange
+    service, manager = _create_service_with_mocked_manager()
+    provider_configuration = SimpleNamespace(name="provider-config")
+    manager.get_configurations.return_value = {"openai": provider_configuration}
+
+    # Act
+    result = service._get_provider_configuration(tenant_id="tenant-1", provider="openai")
+
+    # Assert
+    assert result is provider_configuration
+
+
+def test__get_provider_configuration_should_raise_error_when_provider_is_missing() -> None:
+    # Arrange
+    service, manager = _create_service_with_mocked_manager()
+    manager.get_configurations.return_value = {}
+
+    # Act / Assert
+    with pytest.raises(ProviderNotFoundError, match="does not exist"):
+        service._get_provider_configuration(tenant_id="tenant-1", provider="missing")
+
+
+def test_get_provider_list_should_filter_by_model_type_and_build_no_configure_status() -> None:
+    # Arrange
+    service, manager = _create_service_with_mocked_manager()
+    allowed = _build_provider_configuration(
+        provider_name="openai",
+        supported_model_types=[ModelType.LLM],
+        custom_config_available=False,
+    )
+    filtered = _build_provider_configuration(
+        provider_name="embedding",
+        supported_model_types=[ModelType.TEXT_EMBEDDING],
+        custom_config_available=True,
+    )
+    manager.get_configurations.return_value = {"openai": allowed, "embedding": filtered}
+
+    # Act
+    result = service.get_provider_list(tenant_id="tenant-1", model_type=ModelType.LLM.value)
+
+    # Assert
+    assert len(result) == 1
+    assert result[0].provider == "openai"
+    assert result[0].custom_configuration.status.value == "no-configure"
+
+
+def test_get_models_by_provider_should_wrap_model_entities_with_tenant_context() -> None:
+    # Arrange
+    service, manager = _create_service_with_mocked_manager()
+
+    class _Model:
+        def __init__(self, model_name: str) -> None:
+            self.model_name = model_name
+
+        def model_dump(self) -> dict[str, Any]:
+            return {
+                "model": self.model_name,
+                "label": {"en_US": self.model_name},
+                "model_type": ModelType.LLM,
+                "features": [],
+                "fetch_from": FetchFrom.PREDEFINED_MODEL,
+                "model_properties": {},
+                "deprecated": False,
+                "status": ModelStatus.ACTIVE,
+                "load_balancing_enabled": False,
+                "has_invalid_load_balancing_configs": False,
+                "provider": {
+                    "provider": "openai",
+                    "label": {"en_US": "OpenAI"},
+                    "icon_small": None,
+                    "icon_small_dark": None,
+                    "supported_model_types": [ModelType.LLM],
+                },
+            }
+
+    provider_configurations = SimpleNamespace(
+        get_models=MagicMock(return_value=[_Model("gpt-4o"), _Model("gpt-4o-mini")])
+    )
+    manager.get_configurations.return_value = provider_configurations
+
+    # Act
+    result = service.get_models_by_provider(tenant_id="tenant-1", provider="openai")
+
+    # Assert
+    assert len(result) == 2
+    assert result[0].model == "gpt-4o"
+    assert result[1].provider.provider == "openai"
+    provider_configurations.get_models.assert_called_once_with(provider="openai")
+
+
+@pytest.mark.parametrize(
+    ("method_name", "method_kwargs", "provider_method_name", "provider_call_kwargs", "provider_return"),
+    [
+        (
+            "get_provider_credential",
+            {"tenant_id": "tenant-1", "provider": "openai", "credential_id": "cred-1"},
+            "get_provider_credential",
+            {"credential_id": "cred-1"},
+            {"token": "abc"},
+        ),
+        (
+            "validate_provider_credentials",
+            {"tenant_id": "tenant-1", "provider": "openai", "credentials": {"token": "abc"}},
+            "validate_provider_credentials",
+            ({"token": "abc"},),
+            None,
+        ),
+        (
+            "create_provider_credential",
+            {"tenant_id": "tenant-1", "provider": "openai", "credentials": {"token": "abc"}, "credential_name": "A"},
+            "create_provider_credential",
+            ({"token": "abc"}, "A"),
+            None,
+        ),
+        (
+            "update_provider_credential",
+            {
+                "tenant_id": "tenant-1",
+                "provider": "openai",
+                "credentials": {"token": "abc"},
+                "credential_id": "cred-1",
+                "credential_name": "B",
+            },
+            "update_provider_credential",
+            {"credential_id": "cred-1", "credentials": {"token": "abc"}, "credential_name": "B"},
+            None,
+        ),
+        (
+            "remove_provider_credential",
+            {"tenant_id": "tenant-1", "provider": "openai", "credential_id": "cred-1"},
+            "delete_provider_credential",
+            {"credential_id": "cred-1"},
+            None,
+        ),
+        (
+            "switch_active_provider_credential",
+            {"tenant_id": "tenant-1", "provider": "openai", "credential_id": "cred-1"},
+            "switch_active_provider_credential",
+            {"credential_id": "cred-1"},
+            None,
+        ),
+    ],
+)
+def test_provider_credential_methods_should_delegate_to_provider_configuration(
+    method_name: str,
+    method_kwargs: dict[str, Any],
+    provider_method_name: str,
+    provider_call_kwargs: Any,
+    provider_return: Any,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    service = ModelProviderService()
+    provider_configuration = MagicMock()
+    getattr(provider_configuration, provider_method_name).return_value = provider_return
+    get_provider_config_mock = MagicMock(return_value=provider_configuration)
+    monkeypatch.setattr(service, "_get_provider_configuration", get_provider_config_mock)
+
+    # Act
+    result = getattr(service, method_name)(**method_kwargs)
+
+    # Assert
+    get_provider_config_mock.assert_called_once_with("tenant-1", "openai")
+    provider_method = getattr(provider_configuration, provider_method_name)
+    if isinstance(provider_call_kwargs, tuple):
+        provider_method.assert_called_once_with(*provider_call_kwargs)
+    elif isinstance(provider_call_kwargs, dict):
+        provider_method.assert_called_once_with(**provider_call_kwargs)
+    else:
+        provider_method.assert_called_once_with(provider_call_kwargs)
+    if method_name == "get_provider_credential":
+        assert result == {"token": "abc"}
+
+
+@pytest.mark.parametrize(
+    ("method_name", "method_kwargs", "provider_method_name", "expected_kwargs", "provider_return"),
+    [
+        (
+            "get_model_credential",
+            {
+                "tenant_id": "tenant-1",
+                "provider": "openai",
+                "model_type": ModelType.LLM.value,
+                "model": "gpt-4o",
+                "credential_id": "cred-1",
+            },
+            "get_custom_model_credential",
+            {"model_type": ModelType.LLM, "model": "gpt-4o", "credential_id": "cred-1"},
+            {"api_key": "x"},
+        ),
+        (
+            "validate_model_credentials",
+            {
+                "tenant_id": "tenant-1",
+                "provider": "openai",
+                "model_type": ModelType.LLM.value,
+                "model": "gpt-4o",
+                "credentials": {"api_key": "x"},
+            },
+            "validate_custom_model_credentials",
+            {"model_type": ModelType.LLM, "model": "gpt-4o", "credentials": {"api_key": "x"}},
+            None,
+        ),
+        (
+            "create_model_credential",
+            {
+                "tenant_id": "tenant-1",
+                "provider": "openai",
+                "model_type": ModelType.LLM.value,
+                "model": "gpt-4o",
+                "credentials": {"api_key": "x"},
+                "credential_name": "cred-a",
+            },
+            "create_custom_model_credential",
+            {
+                "model_type": ModelType.LLM,
+                "model": "gpt-4o",
+                "credentials": {"api_key": "x"},
+                "credential_name": "cred-a",
+            },
+            None,
+        ),
+        (
+            "update_model_credential",
+            {
+                "tenant_id": "tenant-1",
+                "provider": "openai",
+                "model_type": ModelType.LLM.value,
+                "model": "gpt-4o",
+                "credentials": {"api_key": "x"},
+                "credential_id": "cred-1",
+                "credential_name": "cred-b",
+            },
+            "update_custom_model_credential",
+            {
+                "model_type": ModelType.LLM,
+                "model": "gpt-4o",
+                "credentials": {"api_key": "x"},
+                "credential_id": "cred-1",
+                "credential_name": "cred-b",
+            },
+            None,
+        ),
+        (
+            "remove_model_credential",
+            {
+                "tenant_id": "tenant-1",
+                "provider": "openai",
+                "model_type": ModelType.LLM.value,
+                "model": "gpt-4o",
+                "credential_id": "cred-1",
+            },
+            "delete_custom_model_credential",
+            {"model_type": ModelType.LLM, "model": "gpt-4o", "credential_id": "cred-1"},
+            None,
+        ),
+        (
+            "switch_active_custom_model_credential",
+            {
+                "tenant_id": "tenant-1",
+                "provider": "openai",
+                "model_type": ModelType.LLM.value,
+                "model": "gpt-4o",
+                "credential_id": "cred-1",
+            },
+            "switch_custom_model_credential",
+            {"model_type": ModelType.LLM, "model": "gpt-4o", "credential_id": "cred-1"},
+            None,
+        ),
+        (
+            "add_model_credential_to_model_list",
+            {
+                "tenant_id": "tenant-1",
+                "provider": "openai",
+                "model_type": ModelType.LLM.value,
+                "model": "gpt-4o",
+                "credential_id": "cred-1",
+            },
+            "add_model_credential_to_model",
+            {"model_type": ModelType.LLM, "model": "gpt-4o", "credential_id": "cred-1"},
+            None,
+        ),
+        (
+            "remove_model",
+            {
+                "tenant_id": "tenant-1",
+                "provider": "openai",
+                "model_type": ModelType.LLM.value,
+                "model": "gpt-4o",
+            },
+            "delete_custom_model",
+            {"model_type": ModelType.LLM, "model": "gpt-4o"},
+            None,
+        ),
+    ],
+)
+def test_custom_model_methods_should_convert_model_type_and_delegate(
+    method_name: str,
+    method_kwargs: dict[str, Any],
+    provider_method_name: str,
+    expected_kwargs: dict[str, Any],
+    provider_return: Any,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    service = ModelProviderService()
+    provider_configuration = MagicMock()
+    getattr(provider_configuration, provider_method_name).return_value = provider_return
+    get_provider_config_mock = MagicMock(return_value=provider_configuration)
+    monkeypatch.setattr(service, "_get_provider_configuration", get_provider_config_mock)
+
+    # Act
+    result = getattr(service, method_name)(**method_kwargs)
+
+    # Assert
+    get_provider_config_mock.assert_called_once_with("tenant-1", "openai")
+    getattr(provider_configuration, provider_method_name).assert_called_once_with(**expected_kwargs)
+    if method_name == "get_model_credential":
+        assert result == {"api_key": "x"}
+
+
+def test_get_models_by_model_type_should_group_active_non_deprecated_models() -> None:
+    # Arrange
+    service, manager = _create_service_with_mocked_manager()
+    openai_provider = SimpleNamespace(
+        provider="openai",
+        label=I18nObject(en_US="OpenAI"),
+        icon_small=None,
+        icon_small_dark=None,
+    )
+    anthropic_provider = SimpleNamespace(
+        provider="anthropic",
+        label=I18nObject(en_US="Anthropic"),
+        icon_small=None,
+        icon_small_dark=None,
+    )
+    models = [
+        SimpleNamespace(
+            provider=openai_provider,
+            model="gpt-4o",
+            label=I18nObject(en_US="GPT-4o"),
+            model_type=ModelType.LLM,
+            features=[],
+            fetch_from=FetchFrom.PREDEFINED_MODEL,
+            model_properties={},
+            status=ModelStatus.ACTIVE,
+            load_balancing_enabled=False,
+            deprecated=False,
+        ),
+        SimpleNamespace(
+            provider=openai_provider,
+            model="old-openai",
+            label=I18nObject(en_US="Old OpenAI"),
+            model_type=ModelType.LLM,
+            features=[],
+            fetch_from=FetchFrom.PREDEFINED_MODEL,
+            model_properties={},
+            status=ModelStatus.ACTIVE,
+            load_balancing_enabled=False,
+            deprecated=True,
+        ),
+        SimpleNamespace(
+            provider=anthropic_provider,
+            model="old-anthropic",
+            label=I18nObject(en_US="Old Anthropic"),
+            model_type=ModelType.LLM,
+            features=[],
+            fetch_from=FetchFrom.PREDEFINED_MODEL,
+            model_properties={},
+            status=ModelStatus.ACTIVE,
+            load_balancing_enabled=False,
+            deprecated=True,
+        ),
+    ]
+    provider_configurations = SimpleNamespace(get_models=MagicMock(return_value=models))
+    manager.get_configurations.return_value = provider_configurations
+
+    # Act
+    result = service.get_models_by_model_type(tenant_id="tenant-1", model_type=ModelType.LLM.value)
+
+    # Assert
+    provider_configurations.get_models.assert_called_once_with(model_type=ModelType.LLM, only_active=True)
+    assert len(result) == 1
+    assert result[0].provider == "openai"
+    assert len(result[0].models) == 1
+    assert result[0].models[0].model == "gpt-4o"
+
+
+@pytest.mark.parametrize(
+    ("credentials", "schema", "expected_count"),
+    [
+        (None, None, 0),
+        ({"api_key": "x"}, None, 0),
+        (
+            {"api_key": "x"},
+            SimpleNamespace(
+                parameter_rules=[
+                    ParameterRule(
+                        name="temperature",
+                        label=I18nObject(en_US="Temperature"),
+                        type=ParameterType.FLOAT,
+                    )
+                ]
+            ),
+            1,
+        ),
+    ],
+)
+def test_get_model_parameter_rules_should_handle_missing_credentials_and_schema(
+    credentials: dict[str, Any] | None,
+    schema: Any,
+    expected_count: int,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    service = ModelProviderService()
+    provider_configuration = MagicMock()
+    provider_configuration.get_current_credentials.return_value = credentials
+    provider_configuration.get_model_schema.return_value = schema
+    monkeypatch.setattr(service, "_get_provider_configuration", MagicMock(return_value=provider_configuration))
+
+    # Act
+    result = service.get_model_parameter_rules(tenant_id="tenant-1", provider="openai", model="gpt-4o")
+
+    # Assert
+    assert len(result) == expected_count
+    provider_configuration.get_current_credentials.assert_called_once_with(model_type=ModelType.LLM, model="gpt-4o")
+    if credentials:
+        provider_configuration.get_model_schema.assert_called_once_with(
+            model_type=ModelType.LLM,
+            model="gpt-4o",
+            credentials=credentials,
+        )
+    else:
+        provider_configuration.get_model_schema.assert_not_called()
+
+
+def test_get_default_model_of_model_type_should_return_response_when_manager_returns_model() -> None:
+    # Arrange
+    service, manager = _create_service_with_mocked_manager()
+    manager.get_default_model.return_value = SimpleNamespace(
+        model="gpt-4o",
+        model_type=ModelType.LLM,
+        provider=SimpleNamespace(
+            provider="openai",
+            label=I18nObject(en_US="OpenAI"),
+            icon_small=None,
+            supported_model_types=[ModelType.LLM],
+        ),
+    )
+
+    # Act
+    result = service.get_default_model_of_model_type(tenant_id="tenant-1", model_type=ModelType.LLM.value)
+
+    # Assert
+    assert result is not None
+    assert result.model == "gpt-4o"
+    assert result.provider.provider == "openai"
+    manager.get_default_model.assert_called_once_with(tenant_id="tenant-1", model_type=ModelType.LLM)
+
+
+def test_get_default_model_of_model_type_should_return_none_when_manager_returns_none() -> None:
+    # Arrange
+    service, manager = _create_service_with_mocked_manager()
+    manager.get_default_model.return_value = None
+
+    # Act
+    result = service.get_default_model_of_model_type(tenant_id="tenant-1", model_type=ModelType.LLM.value)
+
+    # Assert
+    assert result is None
+
+
+def test_get_default_model_of_model_type_should_return_none_when_manager_raises_exception() -> None:
+    # Arrange
+    service, manager = _create_service_with_mocked_manager()
+    manager.get_default_model.side_effect = RuntimeError("boom")
+
+    # Act
+    result = service.get_default_model_of_model_type(tenant_id="tenant-1", model_type=ModelType.LLM.value)
+
+    # Assert
+    assert result is None
+
+
+def test_update_default_model_of_model_type_should_delegate_to_provider_manager() -> None:
+    # Arrange
+    service, manager = _create_service_with_mocked_manager()
+
+    # Act
+    service.update_default_model_of_model_type(
+        tenant_id="tenant-1",
+        model_type=ModelType.LLM.value,
+        provider="openai",
+        model="gpt-4o",
+    )
+
+    # Assert
+    manager.update_default_model_record.assert_called_once_with(
+        tenant_id="tenant-1",
+        model_type=ModelType.LLM,
+        provider="openai",
+        model="gpt-4o",
+    )
+
+
+def test_get_model_provider_icon_should_fetch_icon_bytes_from_factory(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    service = ModelProviderService()
+    factory_instance = MagicMock()
+    factory_instance.get_provider_icon.return_value = (b"icon-bytes", "image/png")
+    factory_constructor = MagicMock(return_value=factory_instance)
+    monkeypatch.setattr(service_module, "create_plugin_model_provider_factory", factory_constructor)
+
+    # Act
+    result = service.get_model_provider_icon(
+        tenant_id="tenant-1",
+        provider="openai",
+        icon_type="icon_small",
+        lang="en_US",
+    )
+
+    # Assert
+    factory_constructor.assert_called_once_with(tenant_id="tenant-1")
+    factory_instance.get_provider_icon.assert_called_once_with("openai", "icon_small", "en_US")
+    assert result == (b"icon-bytes", "image/png")
+
+
+def test_switch_preferred_provider_should_convert_enum_and_delegate(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    service = ModelProviderService()
+    provider_configuration = MagicMock()
+    monkeypatch.setattr(service, "_get_provider_configuration", MagicMock(return_value=provider_configuration))
+
+    # Act
+    service.switch_preferred_provider(
+        tenant_id="tenant-1",
+        provider="openai",
+        preferred_provider_type=ProviderType.SYSTEM.value,
+    )
+
+    # Assert
+    provider_configuration.switch_preferred_provider_type.assert_called_once_with(ProviderType.SYSTEM)
+
+
+@pytest.mark.parametrize(
+    ("method_name", "provider_method_name"),
+    [
+        ("enable_model", "enable_model"),
+        ("disable_model", "disable_model"),
+    ],
+)
+def test_model_enablement_methods_should_convert_model_type_and_delegate(
+    method_name: str,
+    provider_method_name: str,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    service = ModelProviderService()
+    provider_configuration = MagicMock()
+    monkeypatch.setattr(service, "_get_provider_configuration", MagicMock(return_value=provider_configuration))
+
+    # Act
+    getattr(service, method_name)(
+        tenant_id="tenant-1",
+        provider="openai",
+        model="gpt-4o",
+        model_type=ModelType.LLM.value,
+    )
+
+    # Assert
+    getattr(provider_configuration, provider_method_name).assert_called_once_with(
+        model="gpt-4o",
+        model_type=ModelType.LLM,
+    )
diff --git a/api/tests/unit_tests/services/test_recommended_app_service.py b/api/tests/unit_tests/services/test_recommended_app_service.py
index 12f4c0b982..12bc84db87 100644
--- a/api/tests/unit_tests/services/test_recommended_app_service.py
+++ b/api/tests/unit_tests/services/test_recommended_app_service.py
@@ -316,7 +316,7 @@ class TestRecommendedAppServiceGetDetail:
         mock_factory_class.get_recommend_app_factory.return_value = mock_factory
 
         # Act
-        result = RecommendedAppService.get_recommend_app_detail(app_id)
+        result = _recommendation_detail(RecommendedAppService.get_recommend_app_detail(app_id))
 
         # Assert
         assert result == expected_detail
@@ -346,7 +346,7 @@ class TestRecommendedAppServiceGetDetail:
             mock_factory_class.get_recommend_app_factory.return_value = mock_factory
 
             # Act
-            result = RecommendedAppService.get_recommend_app_detail(app_id)
+            result = _recommendation_detail(RecommendedAppService.get_recommend_app_detail(app_id))
 
             # Assert
             assert result["name"] == f"App from {mode}"
@@ -369,7 +369,7 @@ class TestRecommendedAppServiceGetDetail:
         mock_factory_class.get_recommend_app_factory.return_value = mock_factory
 
         # Act
-        result = RecommendedAppService.get_recommend_app_detail(app_id)
+        result = _recommendation_detail(RecommendedAppService.get_recommend_app_detail(app_id))
 
         # Assert
         assert result is None
@@ -392,7 +392,7 @@ class TestRecommendedAppServiceGetDetail:
         mock_factory_class.get_recommend_app_factory.return_value = mock_factory
 
         # Act
-        result = RecommendedAppService.get_recommend_app_detail(app_id)
+        result = _recommendation_detail(RecommendedAppService.get_recommend_app_detail(app_id))
 
         # Assert
         assert result == {}
@@ -432,9 +432,197 @@ class TestRecommendedAppServiceGetDetail:
         mock_factory_class.get_recommend_app_factory.return_value = mock_factory
 
         # Act
-        result = RecommendedAppService.get_recommend_app_detail(app_id)
+        result = _recommendation_detail(RecommendedAppService.get_recommend_app_detail(app_id))
 
         # Assert
         assert result["model_config"] == complex_model_config
         assert len(result["workflows"]) == 2
         assert len(result["tools"]) == 3
+
+
+# === Merged from test_recommended_app_service_additional.py ===
+
+
+from types import SimpleNamespace
+from typing import Any, cast
+from unittest.mock import MagicMock
+
+import pytest
+
+from services import recommended_app_service as service_module
+from services.recommended_app_service import RecommendedAppService
+
+
+def _recommendation_detail(result: dict[str, Any] | None) -> dict[str, Any]:
+    return cast(dict[str, Any], result)
+
+
+@pytest.fixture
+def mocked_db_session(monkeypatch: pytest.MonkeyPatch) -> MagicMock:
+    # Arrange
+    session = MagicMock()
+    monkeypatch.setattr(service_module, "db", SimpleNamespace(session=session))
+
+    # Assert
+    return session
+
+
+def _mock_factory_for_apps(
+    monkeypatch: pytest.MonkeyPatch,
+    *,
+    mode: str,
+    result: dict[str, Any],
+    fallback_result: dict[str, Any] | None = None,
+) -> tuple[MagicMock, MagicMock]:
+    retrieval_instance = MagicMock()
+    retrieval_instance.get_recommended_apps_and_categories.return_value = result
+    retrieval_factory = MagicMock(return_value=retrieval_instance)
+    monkeypatch.setattr(service_module.dify_config, "HOSTED_FETCH_APP_TEMPLATES_MODE", mode, raising=False)
+    monkeypatch.setattr(
+        service_module.RecommendAppRetrievalFactory,
+        "get_recommend_app_factory",
+        MagicMock(return_value=retrieval_factory),
+    )
+
+    builtin_instance = MagicMock()
+    if fallback_result is not None:
+        builtin_instance.fetch_recommended_apps_from_builtin.return_value = fallback_result
+    monkeypatch.setattr(
+        service_module.RecommendAppRetrievalFactory,
+        "get_buildin_recommend_app_retrieval",
+        MagicMock(return_value=builtin_instance),
+    )
+    return retrieval_instance, builtin_instance
+
+
+def test_get_recommended_apps_and_categories_should_not_query_trial_table_when_trial_feature_disabled(
+    monkeypatch: pytest.MonkeyPatch,
+    mocked_db_session: MagicMock,
+) -> None:
+    # Arrange
+    expected = {"recommended_apps": [{"app_id": "app-1"}], "categories": ["all"]}
+    retrieval_instance, builtin_instance = _mock_factory_for_apps(
+        monkeypatch,
+        mode="remote",
+        result=expected,
+    )
+    monkeypatch.setattr(
+        service_module.FeatureService,
+        "get_system_features",
+        MagicMock(return_value=SimpleNamespace(enable_trial_app=False)),
+    )
+
+    # Act
+    result = RecommendedAppService.get_recommended_apps_and_categories("en-US")
+
+    # Assert
+    assert result == expected
+    retrieval_instance.get_recommended_apps_and_categories.assert_called_once_with("en-US")
+    builtin_instance.fetch_recommended_apps_from_builtin.assert_not_called()
+    mocked_db_session.scalar.assert_not_called()
+
+
+def test_get_recommended_apps_and_categories_should_fallback_and_enrich_can_trial_when_trial_feature_enabled(
+    monkeypatch: pytest.MonkeyPatch,
+    mocked_db_session: MagicMock,
+) -> None:
+    # Arrange
+    remote_result = {"recommended_apps": [], "categories": []}
+    fallback_result = {"recommended_apps": [{"app_id": "app-1"}, {"app_id": "app-2"}], "categories": ["all"]}
+    _, builtin_instance = _mock_factory_for_apps(
+        monkeypatch,
+        mode="remote",
+        result=remote_result,
+        fallback_result=fallback_result,
+    )
+    monkeypatch.setattr(
+        service_module.FeatureService,
+        "get_system_features",
+        MagicMock(return_value=SimpleNamespace(enable_trial_app=True)),
+    )
+    mocked_db_session.scalar.side_effect = [SimpleNamespace(id="trial-app"), None]
+
+    # Act
+    result = RecommendedAppService.get_recommended_apps_and_categories("ja-JP")
+
+    # Assert
+    builtin_instance.fetch_recommended_apps_from_builtin.assert_called_once_with("en-US")
+    assert result["recommended_apps"][0]["can_trial"] is True
+    assert result["recommended_apps"][1]["can_trial"] is False
+    assert mocked_db_session.scalar.call_count == 2
+
+
+@pytest.mark.parametrize(
+    ("trial_query_result", "expected_can_trial"),
+    [
+        (SimpleNamespace(id="trial"), True),
+        (None, False),
+    ],
+)
+def test_get_recommend_app_detail_should_set_can_trial_when_trial_feature_enabled(
+    monkeypatch: pytest.MonkeyPatch,
+    mocked_db_session: MagicMock,
+    trial_query_result: Any,
+    expected_can_trial: bool,
+) -> None:
+    # Arrange
+    detail = {"id": "app-1", "name": "Test App"}
+    retrieval_instance = MagicMock()
+    retrieval_instance.get_recommend_app_detail.return_value = detail
+    retrieval_factory = MagicMock(return_value=retrieval_instance)
+    monkeypatch.setattr(service_module.dify_config, "HOSTED_FETCH_APP_TEMPLATES_MODE", "remote", raising=False)
+    monkeypatch.setattr(
+        service_module.RecommendAppRetrievalFactory,
+        "get_recommend_app_factory",
+        MagicMock(return_value=retrieval_factory),
+    )
+    monkeypatch.setattr(
+        service_module.FeatureService,
+        "get_system_features",
+        MagicMock(return_value=SimpleNamespace(enable_trial_app=True)),
+    )
+    mocked_db_session.scalar.return_value = trial_query_result
+
+    # Act
+    result = cast(dict[str, Any], RecommendedAppService.get_recommend_app_detail("app-1"))
+
+    # Assert
+    assert result["id"] == "app-1"
+    assert result["can_trial"] is expected_can_trial
+    mocked_db_session.scalar.assert_called_once()
+
+
+def test_add_trial_app_record_should_increment_count_when_existing_record_found(
+    mocked_db_session: MagicMock,
+) -> None:
+    # Arrange
+    existing_record = SimpleNamespace(count=3)
+    mocked_db_session.scalar.return_value = existing_record
+
+    # Act
+    RecommendedAppService.add_trial_app_record("app-1", "account-1")
+
+    # Assert
+    assert existing_record.count == 4
+    mocked_db_session.scalar.assert_called_once()
+    mocked_db_session.commit.assert_called_once()
+    mocked_db_session.add.assert_not_called()
+
+
+def test_add_trial_app_record_should_create_new_record_when_no_existing_record(
+    mocked_db_session: MagicMock,
+) -> None:
+    # Arrange
+    mocked_db_session.scalar.return_value = None
+
+    # Act
+    RecommendedAppService.add_trial_app_record("app-2", "account-2")
+
+    # Assert
+    mocked_db_session.scalar.assert_called_once()
+    mocked_db_session.add.assert_called_once()
+    added = mocked_db_session.add.call_args.args[0]
+    assert added.app_id == "app-2"
+    assert added.account_id == "account-2"
+    assert added.count == 1
+    mocked_db_session.commit.assert_called_once()
diff --git a/api/tests/unit_tests/services/test_schedule_service.py b/api/tests/unit_tests/services/test_schedule_service.py
index e28965ea2c..2a78876da6 100644
--- a/api/tests/unit_tests/services/test_schedule_service.py
+++ b/api/tests/unit_tests/services/test_schedule_service.py
@@ -1,12 +1,15 @@
 import unittest
 from datetime import UTC, datetime
+from types import SimpleNamespace
+from typing import Any, cast
 from unittest.mock import MagicMock, Mock, patch
 
 import pytest
 from sqlalchemy.orm import Session
 
+from core.trigger.constants import TRIGGER_SCHEDULE_NODE_TYPE
 from core.workflow.nodes.trigger_schedule.entities import ScheduleConfig, SchedulePlanUpdate, VisualConfig
-from core.workflow.nodes.trigger_schedule.exc import ScheduleConfigError
+from core.workflow.nodes.trigger_schedule.exc import ScheduleConfigError, ScheduleNotFoundError
 from events.event_handlers.sync_workflow_schedule_when_app_published import (
     sync_schedule_from_workflow,
 )
@@ -14,6 +17,8 @@ from libs.schedule_utils import calculate_next_run_at, convert_12h_to_24h
 from models.account import Account, TenantAccountJoin
 from models.trigger import WorkflowSchedulePlan
 from models.workflow import Workflow
+from services.errors.account import AccountNotFoundError
+from services.trigger import schedule_service as service_module
 from services.trigger.schedule_service import ScheduleService
 
 
@@ -775,5 +780,158 @@ class TestSyncScheduleFromWorkflow(unittest.TestCase):
             mock_session.commit.assert_called_once()
 
 
+@pytest.fixture
+def session_mock() -> MagicMock:
+    return MagicMock(spec=Session)
+
+
+def _workflow(**kwargs: Any) -> Workflow:
+    return cast(Workflow, SimpleNamespace(**kwargs))
+
+
+def test_update_schedule_should_update_only_node_id_without_recomputing_time(
+    session_mock: MagicMock,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    schedule = MagicMock(spec=WorkflowSchedulePlan)
+    schedule.cron_expression = "0 10 * * *"
+    schedule.timezone = "UTC"
+    session_mock.get.return_value = schedule
+
+    next_run_mock = MagicMock(return_value=datetime(2026, 1, 1, 10, 0, tzinfo=UTC))
+    monkeypatch.setattr(service_module, "calculate_next_run_at", next_run_mock)
+
+    # Act
+    result = ScheduleService.update_schedule(
+        session=session_mock,
+        schedule_id="schedule-1",
+        updates=SchedulePlanUpdate(node_id="node-new"),
+    )
+
+    # Assert
+    assert result is schedule
+    assert schedule.node_id == "node-new"
+    next_run_mock.assert_not_called()
+    session_mock.flush.assert_called_once()
+
+
+def test_get_tenant_owner_should_raise_when_account_record_missing(session_mock: MagicMock) -> None:
+    # Arrange
+    join = SimpleNamespace(account_id="account-404")
+    session_mock.execute.return_value.scalar_one_or_none.return_value = join
+    session_mock.get.return_value = None
+
+    # Act / Assert
+    with pytest.raises(AccountNotFoundError, match="Account not found: account-404"):
+        ScheduleService.get_tenant_owner(session=session_mock, tenant_id="tenant-1")
+
+
+def test_get_tenant_owner_should_raise_when_no_owner_or_admin_found(session_mock: MagicMock) -> None:
+    # Arrange
+    session_mock.execute.return_value.scalar_one_or_none.side_effect = [None, None]
+
+    # Act / Assert
+    with pytest.raises(AccountNotFoundError, match="Account not found for tenant: tenant-1"):
+        ScheduleService.get_tenant_owner(session=session_mock, tenant_id="tenant-1")
+
+
+def test_update_next_run_at_should_raise_when_schedule_not_found(session_mock: MagicMock) -> None:
+    # Arrange
+    session_mock.get.return_value = None
+
+    # Act / Assert
+    with pytest.raises(ScheduleNotFoundError, match="Schedule not found: schedule-1"):
+        ScheduleService.update_next_run_at(session=session_mock, schedule_id="schedule-1")
+
+
+def test_to_schedule_config_should_build_from_cron_mode() -> None:
+    # Arrange
+    node_config: dict[str, Any] = {
+        "id": "node-1",
+        "data": {
+            "mode": "cron",
+            "cron_expression": "0 12 * * *",
+            "timezone": "Asia/Kolkata",
+        },
+    }
+
+    # Act
+    result = ScheduleService.to_schedule_config(node_config=node_config)
+
+    # Assert
+    assert result.node_id == "node-1"
+    assert result.cron_expression == "0 12 * * *"
+    assert result.timezone == "Asia/Kolkata"
+
+
+def test_to_schedule_config_should_raise_for_cron_mode_without_expression() -> None:
+    # Arrange
+    node_config = {"id": "node-1", "data": {"mode": "cron", "cron_expression": ""}}
+
+    # Act / Assert
+    with pytest.raises(ScheduleConfigError, match="Cron expression is required for cron mode"):
+        ScheduleService.to_schedule_config(node_config=node_config)
+
+
+def test_to_schedule_config_should_build_from_visual_mode(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    node_config = {
+        "id": "node-1",
+        "data": {
+            "mode": "visual",
+            "frequency": "daily",
+            "visual_config": {"time": "9:30 AM"},
+            "timezone": "UTC",
+        },
+    }
+    monkeypatch.setattr(ScheduleService, "visual_to_cron", MagicMock(return_value="30 9 * * *"))
+
+    # Act
+    result = ScheduleService.to_schedule_config(node_config=node_config)
+
+    # Assert
+    assert result.cron_expression == "30 9 * * *"
+
+
+def test_to_schedule_config_should_raise_for_invalid_mode() -> None:
+    # Arrange
+    node_config = {"id": "node-1", "data": {"mode": "manual"}}
+
+    # Act / Assert
+    with pytest.raises(ScheduleConfigError, match="Invalid schedule mode: manual"):
+        ScheduleService.to_schedule_config(node_config=node_config)
+
+
+def test_extract_schedule_config_should_raise_when_graph_is_empty() -> None:
+    # Arrange
+    workflow = _workflow(graph_dict={})
+
+    # Act / Assert
+    with pytest.raises(ScheduleConfigError, match="Workflow graph is empty"):
+        ScheduleService.extract_schedule_config(workflow=workflow)
+
+
+def test_extract_schedule_config_should_raise_when_mode_invalid() -> None:
+    # Arrange
+    workflow = _workflow(
+        graph_dict={
+            "nodes": [
+                {
+                    "id": "schedule-1",
+                    "data": {
+                        "type": TRIGGER_SCHEDULE_NODE_TYPE,
+                        "mode": "invalid",
+                    },
+                }
+            ]
+        }
+    )
+
+    # Act / Assert
+    with pytest.raises(ScheduleConfigError, match="Invalid schedule mode: invalid"):
+        ScheduleService.extract_schedule_config(workflow=workflow)
+
+
 if __name__ == "__main__":
     unittest.main()
diff --git a/api/tests/unit_tests/services/test_variable_truncator.py b/api/tests/unit_tests/services/test_variable_truncator.py
index 9c23135225..27602bb1cc 100644
--- a/api/tests/unit_tests/services/test_variable_truncator.py
+++ b/api/tests/unit_tests/services/test_variable_truncator.py
@@ -12,6 +12,7 @@ This test suite covers all functionality of the current VariableTruncator includ
 import functools
 import json
 import uuid
+from collections.abc import Mapping
 from typing import Any
 from uuid import uuid4
 
@@ -199,14 +200,14 @@ class TestArrayTruncation:
 
     def test_small_array_no_truncation(self, small_truncator: VariableTruncator):
         """Test that small arrays are not truncated."""
-        small_array = [1, 2]
+        small_array: list[object] = [1, 2]
         result = small_truncator._truncate_array(small_array, 1000)
         assert result.value == small_array
         assert result.truncated is False
 
     def test_array_element_limit_truncation(self, small_truncator: VariableTruncator):
         """Test that arrays over element limit are truncated."""
-        large_array = [1, 2, 3, 4, 5, 6]  # Exceeds limit of 3
+        large_array: list[object] = [1, 2, 3, 4, 5, 6]  # Exceeds limit of 3
         result = small_truncator._truncate_array(large_array, 1000)
 
         assert result.truncated is True
@@ -215,7 +216,7 @@ class TestArrayTruncation:
     def test_array_size_budget_truncation(self, small_truncator: VariableTruncator):
         """Test array truncation due to size budget constraints."""
         # Create array with strings that will exceed size budget
-        large_strings = ["very long string " * 5, "another long string " * 5]
+        large_strings: list[object] = ["very long string " * 5, "another long string " * 5]
         result = small_truncator._truncate_array(large_strings, 50)
 
         assert result.truncated is True
@@ -276,10 +277,10 @@ class TestObjectTruncation:
 
         # Values should be truncated if they exist
         for key, value in result.value.items():
-            if isinstance(value, str):
-                original_value = obj_with_long_values[key]
-                # Value should be same or smaller
-                assert len(value) <= len(original_value)
+            assert isinstance(value, str)
+            original_value = obj_with_long_values[key]
+            # Value should be same or smaller
+            assert len(value) <= len(original_value)
 
     def test_object_key_dropping(self, small_truncator):
         """Test object truncation where keys are dropped due to size constraints."""
@@ -506,10 +507,9 @@ class TestEdgeCases:
         truncator = VariableTruncator(string_length_limit=10)
 
         # Unicode characters
-        unicode_text = "🌍🚀🌍🚀🌍🚀🌍🚀🌍🚀"  # Each emoji counts as 1 character
+        unicode_text = "你好世界你好世界你好世界"  # Multi-byte UTF-8 characters
         result = truncator.truncate(StringSegment(value=unicode_text))
-        if len(unicode_text) > 10:
-            assert result.truncated is True
+        assert result.truncated is True
 
         # Special JSON characters
         special_chars = '{"key": "value with \\"quotes\\" and \\n newlines"}'
@@ -631,13 +631,12 @@ class TestIntegrationScenarios:
         result = truncator.truncate(segment)
 
         assert isinstance(result, TruncationResult)
-        # Should handle all data types appropriately
-        if result.truncated:
-            # Verify the result is smaller or equal than original
-            original_size = truncator.calculate_json_size(mixed_data)
-            if isinstance(result.result, ObjectSegment):
-                result_size = truncator.calculate_json_size(result.result.value)
-                assert result_size <= original_size
+        assert result.truncated is True
+        assert isinstance(result.result, ObjectSegment)
+        # Verify the result is smaller or equal than original
+        original_size = truncator.calculate_json_size(mixed_data)
+        result_size = truncator.calculate_json_size(result.result.value)
+        assert result_size <= original_size
 
     def test_file_and_array_file_variable_mapping(self, file):
         truncator = VariableTruncator(string_length_limit=30, array_element_limit=3, max_size_bytes=300)
@@ -675,3 +674,229 @@ def test_dummy_variable_truncator_methods():
     assert isinstance(result, TruncationResult)
     assert result.result == segment
     assert result.truncated is False
+
+
+# === Merged from test_variable_truncator_additional.py ===
+
+
+from typing import Any
+
+import pytest
+from graphon.nodes.variable_assigner.common.helpers import UpdatedVariable
+from graphon.variables.segments import IntegerSegment, ObjectSegment, StringSegment
+from graphon.variables.types import SegmentType
+
+from services import variable_truncator as truncator_module
+from services.variable_truncator import BaseTruncator, TruncationResult, VariableTruncator
+
+
+class _AbstractPassthrough(BaseTruncator):
+    def truncate(self, segment: Any) -> TruncationResult:
+        # Arrange / Act
+        return super().truncate(segment)  # type: ignore[misc]
+
+    def truncate_variable_mapping(self, v: Mapping[str, Any]) -> tuple[Mapping[str, Any], bool]:
+        # Arrange / Act
+        return super().truncate_variable_mapping(v)  # type: ignore[misc]
+
+
+def test_base_truncator_methods_should_execute_abstract_placeholders() -> None:
+    # Arrange
+    passthrough = _AbstractPassthrough()
+
+    # Act
+    truncate_result = passthrough.truncate(StringSegment(value="x"))
+    mapping_result = passthrough.truncate_variable_mapping({"a": 1})
+
+    # Assert
+    assert truncate_result is None
+    assert mapping_result is None
+
+
+def test_default_should_use_dify_config_limits(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    monkeypatch.setattr(truncator_module.dify_config, "WORKFLOW_VARIABLE_TRUNCATION_MAX_SIZE", 111)
+    monkeypatch.setattr(truncator_module.dify_config, "WORKFLOW_VARIABLE_TRUNCATION_ARRAY_LENGTH", 7)
+    monkeypatch.setattr(truncator_module.dify_config, "WORKFLOW_VARIABLE_TRUNCATION_STRING_LENGTH", 33)
+
+    # Act
+    truncator = VariableTruncator.default()
+
+    # Assert
+    assert truncator._max_size_bytes == 111
+    assert truncator._array_element_limit == 7
+    assert truncator._string_length_limit == 33
+
+
+def test_truncate_variable_mapping_should_mark_over_budget_keys_with_ellipsis() -> None:
+    # Arrange
+    truncator = VariableTruncator(max_size_bytes=5)
+    mapping = {"very_long_key": "value"}
+
+    # Act
+    result, truncated = truncator.truncate_variable_mapping(mapping)
+
+    # Assert
+    assert result == {"very_long_key": "..."}
+    assert truncated is True
+
+
+def test_truncate_variable_mapping_should_handle_segment_values() -> None:
+    # Arrange
+    truncator = VariableTruncator(max_size_bytes=100)
+    mapping = {"seg": StringSegment(value="hello")}
+
+    # Act
+    result, truncated = truncator.truncate_variable_mapping(mapping)
+
+    # Assert
+    assert isinstance(result["seg"], StringSegment)
+    assert result["seg"].value == "hello"
+    assert truncated is False
+
+
+@pytest.mark.parametrize(
+    ("value", "expected"),
+    [
+        (None, False),
+        (True, False),
+        (1, False),
+        (1.5, False),
+        ("x", True),
+        ({"k": "v"}, True),
+    ],
+)
+def test_json_value_needs_truncation_should_match_expected_rules(value: Any, expected: bool) -> None:
+    # Arrange
+
+    # Act
+    result = VariableTruncator._json_value_needs_truncation(value)
+
+    # Assert
+    assert result is expected
+
+
+def test_truncate_should_use_string_fallback_when_truncated_value_size_exceeds_limit(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    truncator = VariableTruncator(max_size_bytes=10)
+    forced_result = truncator_module._PartResult(
+        value=StringSegment(value="this is too long"),
+        value_size=100,
+        truncated=True,
+    )
+    monkeypatch.setattr(truncator, "_truncate_segment", lambda *_args, **_kwargs: forced_result)
+
+    # Act
+    result = truncator.truncate(StringSegment(value="input"))
+
+    # Assert
+    assert result.truncated is True
+    assert isinstance(result.result, StringSegment)
+    assert not result.result.value.startswith('"')
+
+
+def test_truncate_segment_should_raise_assertion_for_unexpected_truncatable_segment(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    truncator = VariableTruncator()
+    monkeypatch.setattr(VariableTruncator, "_segment_need_truncation", lambda _segment: True)
+
+    # Act / Assert
+    with pytest.raises(AssertionError):
+        truncator._truncate_segment(IntegerSegment(value=1), 10)
+
+
+def test_calculate_json_size_should_unwrap_segment_values() -> None:
+    # Arrange
+    segment = StringSegment(value="abc")
+
+    # Act
+    size = VariableTruncator.calculate_json_size(segment)
+
+    # Assert
+    assert size == VariableTruncator.calculate_json_size("abc")
+
+
+def test_calculate_json_size_should_handle_updated_variable_instances() -> None:
+    # Arrange
+    updated = UpdatedVariable(name="n", selector=["node", "var"], value_type=SegmentType.STRING, new_value="v")
+
+    # Act
+    size = VariableTruncator.calculate_json_size(updated)
+
+    # Assert
+    assert size > 0
+
+
+def test_maybe_qa_structure_should_validate_shape() -> None:
+    # Arrange
+
+    # Act / Assert
+    assert VariableTruncator._maybe_qa_structure({"qa_chunks": []}) is True
+    assert VariableTruncator._maybe_qa_structure({"qa_chunks": "not-list"}) is False
+    assert VariableTruncator._maybe_qa_structure({}) is False
+
+
+def test_maybe_parent_child_structure_should_validate_shape() -> None:
+    # Arrange
+
+    # Act / Assert
+    assert VariableTruncator._maybe_parent_child_structure({"parent_mode": "full", "parent_child_chunks": []}) is True
+    assert VariableTruncator._maybe_parent_child_structure({"parent_mode": 1, "parent_child_chunks": []}) is False
+    assert (
+        VariableTruncator._maybe_parent_child_structure({"parent_mode": "full", "parent_child_chunks": "bad"}) is False
+    )
+
+
+def test_truncate_object_should_truncate_segment_values_inside_object() -> None:
+    # Arrange
+    truncator = VariableTruncator(string_length_limit=8, max_size_bytes=30)
+    mapping = {"s": StringSegment(value="long-content")}
+
+    # Act
+    result = truncator._truncate_object(mapping, 20)
+
+    # Assert
+    assert result.truncated is True
+    assert isinstance(result.value["s"], StringSegment)
+
+
+def test_truncate_json_primitives_should_handle_updated_variable_input() -> None:
+    # Arrange
+    truncator = VariableTruncator(max_size_bytes=100)
+    updated = UpdatedVariable(name="n", selector=["node", "var"], value_type=SegmentType.STRING, new_value="v")
+
+    # Act
+    result = truncator._truncate_json_primitives(updated, 100)
+
+    # Assert
+    assert isinstance(result.value, dict)
+
+
+def test_truncate_json_primitives_should_raise_assertion_for_unsupported_value_type() -> None:
+    # Arrange
+    truncator = VariableTruncator()
+
+    # Act / Assert
+    with pytest.raises(AssertionError):
+        truncator._truncate_json_primitives(object(), 100)  # type: ignore[arg-type]
+
+
+def test_truncate_should_apply_json_string_fallback_for_large_non_string_segment(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    truncator = VariableTruncator(max_size_bytes=10)
+    forced_segment = ObjectSegment(value={"k": "v"})
+    forced_result = truncator_module._PartResult(value=forced_segment, value_size=100, truncated=True)
+    monkeypatch.setattr(truncator, "_truncate_segment", lambda *_args, **_kwargs: forced_result)
+
+    # Act
+    result = truncator.truncate(ObjectSegment(value={"a": "b"}))
+
+    # Assert
+    assert result.truncated is True
+    assert isinstance(result.result, StringSegment)
diff --git a/api/tests/unit_tests/services/test_webhook_service.py b/api/tests/unit_tests/services/test_webhook_service.py
index ffdcc046f9..78049182ad 100644
--- a/api/tests/unit_tests/services/test_webhook_service.py
+++ b/api/tests/unit_tests/services/test_webhook_service.py
@@ -559,3 +559,757 @@ class TestWebhookServiceUnit:
 
             result = _prepare_webhook_execution("test_webhook", is_debug=True)
             assert result == (mock_trigger, mock_workflow, mock_config, mock_data, None)
+
+
+# === Merged from test_webhook_service_additional.py ===
+
+
+from types import SimpleNamespace
+from typing import Any, cast
+from unittest.mock import MagicMock
+
+import pytest
+from flask import Flask
+from graphon.variables.types import SegmentType
+from werkzeug.datastructures import FileStorage
+from werkzeug.exceptions import RequestEntityTooLarge
+
+from core.workflow.nodes.trigger_webhook.entities import (
+    ContentType,
+    WebhookBodyParameter,
+    WebhookData,
+    WebhookParameter,
+)
+from models.enums import AppTriggerStatus
+from models.model import App
+from models.trigger import WorkflowWebhookTrigger
+from models.workflow import Workflow
+from services.errors.app import QuotaExceededError
+from services.trigger import webhook_service as service_module
+from services.trigger.webhook_service import WebhookService
+
+
+class _FakeQuery:
+    def __init__(self, result: Any) -> None:
+        self._result = result
+
+    def where(self, *args: Any, **kwargs: Any) -> "_FakeQuery":
+        return self
+
+    def filter(self, *args: Any, **kwargs: Any) -> "_FakeQuery":
+        return self
+
+    def order_by(self, *args: Any, **kwargs: Any) -> "_FakeQuery":
+        return self
+
+    def first(self) -> Any:
+        return self._result
+
+
+class _SessionContext:
+    def __init__(self, session: Any) -> None:
+        self._session = session
+
+    def __enter__(self) -> Any:
+        return self._session
+
+    def __exit__(self, exc_type: Any, exc: Any, tb: Any) -> bool:
+        return False
+
+
+@pytest.fixture
+def flask_app() -> Flask:
+    return Flask(__name__)
+
+
+def _patch_session(monkeypatch: pytest.MonkeyPatch, session: Any) -> None:
+    monkeypatch.setattr(service_module, "db", SimpleNamespace(engine=MagicMock(), session=MagicMock()))
+    monkeypatch.setattr(service_module, "Session", lambda *args, **kwargs: _SessionContext(session))
+
+
+def _workflow_trigger(**kwargs: Any) -> WorkflowWebhookTrigger:
+    return cast(WorkflowWebhookTrigger, SimpleNamespace(**kwargs))
+
+
+def _workflow(**kwargs: Any) -> Workflow:
+    return cast(Workflow, SimpleNamespace(**kwargs))
+
+
+def _app(**kwargs: Any) -> App:
+    return cast(App, SimpleNamespace(**kwargs))
+
+
+def test_get_webhook_trigger_and_workflow_should_raise_when_webhook_not_found(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    fake_session = MagicMock()
+    fake_session.query.return_value = _FakeQuery(None)
+    _patch_session(monkeypatch, fake_session)
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="Webhook not found"):
+        WebhookService.get_webhook_trigger_and_workflow("webhook-1")
+
+
+def test_get_webhook_trigger_and_workflow_should_raise_when_app_trigger_not_found(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    webhook_trigger = SimpleNamespace(app_id="app-1", node_id="node-1")
+    fake_session = MagicMock()
+    fake_session.query.side_effect = [_FakeQuery(webhook_trigger), _FakeQuery(None)]
+    _patch_session(monkeypatch, fake_session)
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="App trigger not found"):
+        WebhookService.get_webhook_trigger_and_workflow("webhook-1")
+
+
+def test_get_webhook_trigger_and_workflow_should_raise_when_app_trigger_rate_limited(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    webhook_trigger = SimpleNamespace(app_id="app-1", node_id="node-1")
+    app_trigger = SimpleNamespace(status=AppTriggerStatus.RATE_LIMITED)
+    fake_session = MagicMock()
+    fake_session.query.side_effect = [_FakeQuery(webhook_trigger), _FakeQuery(app_trigger)]
+    _patch_session(monkeypatch, fake_session)
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="rate limited"):
+        WebhookService.get_webhook_trigger_and_workflow("webhook-1")
+
+
+def test_get_webhook_trigger_and_workflow_should_raise_when_app_trigger_disabled(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    webhook_trigger = SimpleNamespace(app_id="app-1", node_id="node-1")
+    app_trigger = SimpleNamespace(status=AppTriggerStatus.DISABLED)
+    fake_session = MagicMock()
+    fake_session.query.side_effect = [_FakeQuery(webhook_trigger), _FakeQuery(app_trigger)]
+    _patch_session(monkeypatch, fake_session)
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="disabled"):
+        WebhookService.get_webhook_trigger_and_workflow("webhook-1")
+
+
+def test_get_webhook_trigger_and_workflow_should_raise_when_workflow_not_found(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    webhook_trigger = SimpleNamespace(app_id="app-1", node_id="node-1")
+    app_trigger = SimpleNamespace(status=AppTriggerStatus.ENABLED)
+    fake_session = MagicMock()
+    fake_session.query.side_effect = [_FakeQuery(webhook_trigger), _FakeQuery(app_trigger), _FakeQuery(None)]
+    _patch_session(monkeypatch, fake_session)
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="Workflow not found"):
+        WebhookService.get_webhook_trigger_and_workflow("webhook-1")
+
+
+def test_get_webhook_trigger_and_workflow_should_return_values_for_non_debug_mode(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    webhook_trigger = SimpleNamespace(app_id="app-1", node_id="node-1")
+    app_trigger = SimpleNamespace(status=AppTriggerStatus.ENABLED)
+    workflow = MagicMock()
+    workflow.get_node_config_by_id.return_value = {"data": {"key": "value"}}
+
+    fake_session = MagicMock()
+    fake_session.query.side_effect = [_FakeQuery(webhook_trigger), _FakeQuery(app_trigger), _FakeQuery(workflow)]
+    _patch_session(monkeypatch, fake_session)
+
+    # Act
+    got_trigger, got_workflow, got_node_config = WebhookService.get_webhook_trigger_and_workflow("webhook-1")
+
+    # Assert
+    assert got_trigger is webhook_trigger
+    assert got_workflow is workflow
+    assert got_node_config == {"data": {"key": "value"}}
+
+
+def test_get_webhook_trigger_and_workflow_should_return_values_for_debug_mode(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    webhook_trigger = SimpleNamespace(app_id="app-1", node_id="node-1")
+    workflow = MagicMock()
+    workflow.get_node_config_by_id.return_value = {"data": {"mode": "debug"}}
+
+    fake_session = MagicMock()
+    fake_session.query.side_effect = [_FakeQuery(webhook_trigger), _FakeQuery(workflow)]
+    _patch_session(monkeypatch, fake_session)
+
+    # Act
+    got_trigger, got_workflow, got_node_config = WebhookService.get_webhook_trigger_and_workflow(
+        "webhook-1", is_debug=True
+    )
+
+    # Assert
+    assert got_trigger is webhook_trigger
+    assert got_workflow is workflow
+    assert got_node_config == {"data": {"mode": "debug"}}
+
+
+def test_extract_webhook_data_should_use_text_fallback_for_unknown_content_type(
+    flask_app: Flask,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    warning_mock = MagicMock()
+    monkeypatch.setattr(service_module.logger, "warning", warning_mock)
+    webhook_trigger = MagicMock()
+
+    # Act
+    with flask_app.test_request_context(
+        "/webhook",
+        method="POST",
+        headers={"Content-Type": "application/vnd.custom"},
+        data="plain content",
+    ):
+        result = WebhookService.extract_webhook_data(webhook_trigger)
+
+    # Assert
+    assert result["body"] == {"raw": "plain content"}
+    warning_mock.assert_called_once()
+
+
+def test_extract_webhook_data_should_raise_for_request_too_large(
+    flask_app: Flask,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    monkeypatch.setattr(service_module.dify_config, "WEBHOOK_REQUEST_BODY_MAX_SIZE", 1)
+
+    # Act / Assert
+    with flask_app.test_request_context("/webhook", method="POST", data="ab"):
+        with pytest.raises(RequestEntityTooLarge):
+            WebhookService.extract_webhook_data(MagicMock())
+
+
+def test_extract_octet_stream_body_should_return_none_when_empty_payload(flask_app: Flask) -> None:
+    # Arrange
+    webhook_trigger = MagicMock()
+
+    # Act
+    with flask_app.test_request_context("/webhook", method="POST", data=b""):
+        body, files = WebhookService._extract_octet_stream_body(webhook_trigger)
+
+    # Assert
+    assert body == {"raw": None}
+    assert files == {}
+
+
+def test_extract_octet_stream_body_should_return_none_when_processing_raises(
+    flask_app: Flask,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    webhook_trigger = MagicMock()
+    monkeypatch.setattr(WebhookService, "_detect_binary_mimetype", MagicMock(return_value="application/octet-stream"))
+    monkeypatch.setattr(WebhookService, "_create_file_from_binary", MagicMock(side_effect=RuntimeError("boom")))
+
+    # Act
+    with flask_app.test_request_context("/webhook", method="POST", data=b"abc"):
+        body, files = WebhookService._extract_octet_stream_body(webhook_trigger)
+
+    # Assert
+    assert body == {"raw": None}
+    assert files == {}
+
+
+def test_extract_text_body_should_return_empty_string_when_request_read_fails(
+    flask_app: Flask,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    monkeypatch.setattr("flask.wrappers.Request.get_data", MagicMock(side_effect=RuntimeError("read error")))
+
+    # Act
+    with flask_app.test_request_context("/webhook", method="POST", data="abc"):
+        body, files = WebhookService._extract_text_body()
+
+    # Assert
+    assert body == {"raw": ""}
+    assert files == {}
+
+
+def test_detect_binary_mimetype_should_fallback_when_magic_raises(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    fake_magic = MagicMock()
+    fake_magic.from_buffer.side_effect = RuntimeError("magic failed")
+    monkeypatch.setattr(service_module, "magic", fake_magic)
+
+    # Act
+    result = WebhookService._detect_binary_mimetype(b"binary")
+
+    # Assert
+    assert result == "application/octet-stream"
+
+
+def test_process_file_uploads_should_use_octet_stream_fallback_when_mimetype_unknown(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    webhook_trigger = _workflow_trigger(created_by="user-1", tenant_id="tenant-1")
+    file_obj = MagicMock()
+    file_obj.to_dict.return_value = {"id": "f-1"}
+    monkeypatch.setattr(WebhookService, "_create_file_from_binary", MagicMock(return_value=file_obj))
+    monkeypatch.setattr(service_module.mimetypes, "guess_type", MagicMock(return_value=(None, None)))
+
+    uploaded = MagicMock()
+    uploaded.filename = "file.unknown"
+    uploaded.content_type = None
+    uploaded.read.return_value = b"content"
+
+    # Act
+    result = WebhookService._process_file_uploads({"f": uploaded}, webhook_trigger)
+
+    # Assert
+    assert result == {"f": {"id": "f-1"}}
+
+
+def test_create_file_from_binary_should_call_tool_file_manager_and_file_factory(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    webhook_trigger = _workflow_trigger(created_by="user-1", tenant_id="tenant-1")
+    manager = MagicMock()
+    manager.create_file_by_raw.return_value = SimpleNamespace(id="tool-file-1")
+    monkeypatch.setattr(service_module, "ToolFileManager", MagicMock(return_value=manager))
+    expected_file = MagicMock()
+    monkeypatch.setattr(service_module.file_factory, "build_from_mapping", MagicMock(return_value=expected_file))
+
+    # Act
+    result = WebhookService._create_file_from_binary(b"abc", "text/plain", webhook_trigger)
+
+    # Assert
+    assert result is expected_file
+    manager.create_file_by_raw.assert_called_once()
+
+
+@pytest.mark.parametrize(
+    ("raw_value", "param_type", "expected"),
+    [
+        ("42", SegmentType.NUMBER, 42),
+        ("3.14", SegmentType.NUMBER, 3.14),
+        ("yes", SegmentType.BOOLEAN, True),
+        ("no", SegmentType.BOOLEAN, False),
+    ],
+)
+def test_convert_form_value_should_convert_supported_types(
+    raw_value: str,
+    param_type: str,
+    expected: Any,
+) -> None:
+    # Arrange
+
+    # Act
+    result = WebhookService._convert_form_value("param", raw_value, param_type)
+
+    # Assert
+    assert result == expected
+
+
+def test_convert_form_value_should_raise_for_unsupported_type() -> None:
+    # Arrange
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="Unsupported type"):
+        WebhookService._convert_form_value("p", "x", SegmentType.FILE)
+
+
+def test_validate_json_value_should_return_original_for_unmapped_supported_segment_type(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    warning_mock = MagicMock()
+    monkeypatch.setattr(service_module.logger, "warning", warning_mock)
+
+    # Act
+    result = WebhookService._validate_json_value("param", {"x": 1}, "unsupported-type")
+
+    # Assert
+    assert result == {"x": 1}
+    warning_mock.assert_called_once()
+
+
+def test_validate_and_convert_value_should_wrap_conversion_errors() -> None:
+    # Arrange
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="validation failed"):
+        WebhookService._validate_and_convert_value("param", "bad", SegmentType.NUMBER, is_form_data=True)
+
+
+def test_process_parameters_should_raise_when_required_parameter_missing() -> None:
+    # Arrange
+    raw_params = {"optional": "x"}
+    config = [WebhookParameter(name="required_param", type=SegmentType.STRING, required=True)]
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="Required parameter missing"):
+        WebhookService._process_parameters(raw_params, config, is_form_data=True)
+
+
+def test_process_parameters_should_include_unconfigured_parameters() -> None:
+    # Arrange
+    raw_params = {"known": "1", "unknown": "x"}
+    config = [WebhookParameter(name="known", type=SegmentType.NUMBER, required=False)]
+
+    # Act
+    result = WebhookService._process_parameters(raw_params, config, is_form_data=True)
+
+    # Assert
+    assert result == {"known": 1, "unknown": "x"}
+
+
+def test_process_body_parameters_should_raise_when_required_text_raw_is_missing() -> None:
+    # Arrange
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="Required body content missing"):
+        WebhookService._process_body_parameters(
+            raw_body={"raw": ""},
+            body_configs=[WebhookBodyParameter(name="raw", required=True)],
+            content_type=ContentType.TEXT,
+        )
+
+
+def test_process_body_parameters_should_skip_file_config_for_multipart_form_data() -> None:
+    # Arrange
+    raw_body = {"message": "hello", "extra": "x"}
+    body_configs = [
+        WebhookBodyParameter(name="upload", type=SegmentType.FILE, required=True),
+        WebhookBodyParameter(name="message", type=SegmentType.STRING, required=True),
+    ]
+
+    # Act
+    result = WebhookService._process_body_parameters(raw_body, body_configs, ContentType.FORM_DATA)
+
+    # Assert
+    assert result == {"message": "hello", "extra": "x"}
+
+
+def test_validate_required_headers_should_accept_sanitized_header_names() -> None:
+    # Arrange
+    headers = {"x_api_key": "123"}
+    configs = [WebhookParameter(name="x-api-key", required=True)]
+
+    # Act
+    WebhookService._validate_required_headers(headers, configs)
+
+    # Assert
+    assert True
+
+
+def test_validate_required_headers_should_raise_when_required_header_missing() -> None:
+    # Arrange
+    headers = {"x-other": "123"}
+    configs = [WebhookParameter(name="x-api-key", required=True)]
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="Required header missing"):
+        WebhookService._validate_required_headers(headers, configs)
+
+
+def test_validate_http_metadata_should_return_content_type_mismatch_error() -> None:
+    # Arrange
+    webhook_data = {"method": "POST", "headers": {"Content-Type": "application/json"}}
+    node_data = WebhookData(method="post", content_type=ContentType.TEXT)
+
+    # Act
+    result = WebhookService._validate_http_metadata(webhook_data, node_data)
+
+    # Assert
+    assert result["valid"] is False
+    assert "Content-type mismatch" in result["error"]
+
+
+def test_extract_content_type_should_fallback_to_lowercase_header_key() -> None:
+    # Arrange
+    headers = {"content-type": "application/json; charset=utf-8"}
+
+    # Act
+    result = WebhookService._extract_content_type(headers)
+
+    # Assert
+    assert result == "application/json"
+
+
+def test_build_workflow_inputs_should_include_expected_keys() -> None:
+    # Arrange
+    webhook_data = {"headers": {"h": "v"}, "query_params": {"q": 1}, "body": {"b": 2}}
+
+    # Act
+    result = WebhookService.build_workflow_inputs(webhook_data)
+
+    # Assert
+    assert result["webhook_data"] == webhook_data
+    assert result["webhook_headers"] == {"h": "v"}
+    assert result["webhook_query_params"] == {"q": 1}
+    assert result["webhook_body"] == {"b": 2}
+
+
+def test_trigger_workflow_execution_should_trigger_async_workflow_successfully(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    webhook_trigger = _workflow_trigger(
+        app_id="app-1",
+        node_id="node-1",
+        tenant_id="tenant-1",
+        webhook_id="webhook-1",
+    )
+    workflow = _workflow(id="wf-1")
+    webhook_data = {"body": {"x": 1}}
+
+    session = MagicMock()
+    _patch_session(monkeypatch, session)
+
+    end_user = SimpleNamespace(id="end-user-1")
+    monkeypatch.setattr(
+        service_module.EndUserService, "get_or_create_end_user_by_type", MagicMock(return_value=end_user)
+    )
+    quota_type = SimpleNamespace(TRIGGER=SimpleNamespace(consume=MagicMock()))
+    monkeypatch.setattr(service_module, "QuotaType", quota_type)
+    trigger_async_mock = MagicMock()
+    monkeypatch.setattr(service_module.AsyncWorkflowService, "trigger_workflow_async", trigger_async_mock)
+
+    # Act
+    WebhookService.trigger_workflow_execution(webhook_trigger, webhook_data, workflow)
+
+    # Assert
+    trigger_async_mock.assert_called_once()
+
+
+def test_trigger_workflow_execution_should_mark_tenant_rate_limited_when_quota_exceeded(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    webhook_trigger = _workflow_trigger(
+        app_id="app-1",
+        node_id="node-1",
+        tenant_id="tenant-1",
+        webhook_id="webhook-1",
+    )
+    workflow = _workflow(id="wf-1")
+
+    session = MagicMock()
+    _patch_session(monkeypatch, session)
+
+    monkeypatch.setattr(
+        service_module.EndUserService,
+        "get_or_create_end_user_by_type",
+        MagicMock(return_value=SimpleNamespace(id="end-user-1")),
+    )
+    quota_type = SimpleNamespace(
+        TRIGGER=SimpleNamespace(
+            consume=MagicMock(side_effect=QuotaExceededError(feature="trigger", tenant_id="tenant-1", required=1))
+        )
+    )
+    monkeypatch.setattr(service_module, "QuotaType", quota_type)
+    mark_rate_limited_mock = MagicMock()
+    monkeypatch.setattr(service_module.AppTriggerService, "mark_tenant_triggers_rate_limited", mark_rate_limited_mock)
+
+    # Act / Assert
+    with pytest.raises(QuotaExceededError):
+        WebhookService.trigger_workflow_execution(webhook_trigger, {"body": {}}, workflow)
+    mark_rate_limited_mock.assert_called_once_with("tenant-1")
+
+
+def test_trigger_workflow_execution_should_log_and_reraise_unexpected_errors(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    webhook_trigger = _workflow_trigger(
+        app_id="app-1",
+        node_id="node-1",
+        tenant_id="tenant-1",
+        webhook_id="webhook-1",
+    )
+    workflow = _workflow(id="wf-1")
+
+    session = MagicMock()
+    _patch_session(monkeypatch, session)
+
+    monkeypatch.setattr(
+        service_module.EndUserService, "get_or_create_end_user_by_type", MagicMock(side_effect=RuntimeError("boom"))
+    )
+    logger_exception_mock = MagicMock()
+    monkeypatch.setattr(service_module.logger, "exception", logger_exception_mock)
+
+    # Act / Assert
+    with pytest.raises(RuntimeError, match="boom"):
+        WebhookService.trigger_workflow_execution(webhook_trigger, {"body": {}}, workflow)
+    logger_exception_mock.assert_called_once()
+
+
+def test_sync_webhook_relationships_should_raise_when_workflow_exceeds_node_limit() -> None:
+    # Arrange
+    app = _app(id="app-1", tenant_id="tenant-1", created_by="user-1")
+    workflow = _workflow(
+        walk_nodes=lambda _node_type: [
+            (f"node-{i}", {}) for i in range(WebhookService.MAX_WEBHOOK_NODES_PER_WORKFLOW + 1)
+        ]
+    )
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="maximum webhook node limit"):
+        WebhookService.sync_webhook_relationships(app, workflow)
+
+
+def test_sync_webhook_relationships_should_raise_when_lock_not_acquired(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    app = _app(id="app-1", tenant_id="tenant-1", created_by="user-1")
+    workflow = _workflow(walk_nodes=lambda _node_type: [("node-1", {})])
+
+    lock = MagicMock()
+    lock.acquire.return_value = False
+    monkeypatch.setattr(service_module.redis_client, "get", MagicMock(return_value=None))
+    monkeypatch.setattr(service_module.redis_client, "lock", MagicMock(return_value=lock))
+
+    # Act / Assert
+    with pytest.raises(RuntimeError, match="Failed to acquire lock"):
+        WebhookService.sync_webhook_relationships(app, workflow)
+
+
+def test_sync_webhook_relationships_should_create_missing_records_and_delete_stale_records(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    app = _app(id="app-1", tenant_id="tenant-1", created_by="user-1")
+    workflow = _workflow(walk_nodes=lambda _node_type: [("node-new", {})])
+
+    class _WorkflowWebhookTrigger:
+        app_id = "app_id"
+        tenant_id = "tenant_id"
+        webhook_id = "webhook_id"
+        node_id = "node_id"
+
+        def __init__(self, app_id: str, tenant_id: str, node_id: str, webhook_id: str, created_by: str) -> None:
+            self.id = None
+            self.app_id = app_id
+            self.tenant_id = tenant_id
+            self.node_id = node_id
+            self.webhook_id = webhook_id
+            self.created_by = created_by
+
+    class _Select:
+        def where(self, *args: Any, **kwargs: Any) -> "_Select":
+            return self
+
+    class _Session:
+        def __init__(self) -> None:
+            self.added: list[Any] = []
+            self.deleted: list[Any] = []
+            self.commit_count = 0
+            self.existing_records = [SimpleNamespace(node_id="node-stale")]
+
+        def scalars(self, _stmt: Any) -> Any:
+            return SimpleNamespace(all=lambda: self.existing_records)
+
+        def add(self, obj: Any) -> None:
+            self.added.append(obj)
+
+        def flush(self) -> None:
+            for idx, obj in enumerate(self.added, start=1):
+                if obj.id is None:
+                    obj.id = f"rec-{idx}"
+
+        def commit(self) -> None:
+            self.commit_count += 1
+
+        def delete(self, obj: Any) -> None:
+            self.deleted.append(obj)
+
+    lock = MagicMock()
+    lock.acquire.return_value = True
+    lock.release.return_value = None
+
+    fake_session = _Session()
+
+    monkeypatch.setattr(service_module, "WorkflowWebhookTrigger", _WorkflowWebhookTrigger)
+    monkeypatch.setattr(service_module, "select", MagicMock(return_value=_Select()))
+    monkeypatch.setattr(service_module.redis_client, "get", MagicMock(return_value=None))
+    monkeypatch.setattr(service_module.redis_client, "lock", MagicMock(return_value=lock))
+    redis_set_mock = MagicMock()
+    redis_delete_mock = MagicMock()
+    monkeypatch.setattr(service_module.redis_client, "set", redis_set_mock)
+    monkeypatch.setattr(service_module.redis_client, "delete", redis_delete_mock)
+    monkeypatch.setattr(WebhookService, "generate_webhook_id", MagicMock(return_value="generated-webhook-id"))
+    _patch_session(monkeypatch, fake_session)
+
+    # Act
+    WebhookService.sync_webhook_relationships(app, workflow)
+
+    # Assert
+    assert len(fake_session.added) == 1
+    assert len(fake_session.deleted) == 1
+    assert fake_session.commit_count == 2
+    redis_set_mock.assert_called_once()
+    redis_delete_mock.assert_called_once()
+    lock.release.assert_called_once()
+
+
+def test_sync_webhook_relationships_should_log_when_lock_release_fails(monkeypatch: pytest.MonkeyPatch) -> None:
+    # Arrange
+    app = _app(id="app-1", tenant_id="tenant-1", created_by="user-1")
+    workflow = _workflow(walk_nodes=lambda _node_type: [])
+
+    class _Select:
+        def where(self, *args: Any, **kwargs: Any) -> "_Select":
+            return self
+
+    class _Session:
+        def scalars(self, _stmt: Any) -> Any:
+            return SimpleNamespace(all=lambda: [])
+
+        def commit(self) -> None:
+            return None
+
+    lock = MagicMock()
+    lock.acquire.return_value = True
+    lock.release.side_effect = RuntimeError("release failed")
+
+    logger_exception_mock = MagicMock()
+
+    monkeypatch.setattr(service_module, "select", MagicMock(return_value=_Select()))
+    monkeypatch.setattr(service_module.redis_client, "get", MagicMock(return_value=None))
+    monkeypatch.setattr(service_module.redis_client, "lock", MagicMock(return_value=lock))
+    monkeypatch.setattr(service_module.logger, "exception", logger_exception_mock)
+    _patch_session(monkeypatch, _Session())
+
+    # Act
+    WebhookService.sync_webhook_relationships(app, workflow)
+
+    # Assert
+    assert logger_exception_mock.call_count == 1
+
+
+def test_generate_webhook_response_should_fallback_when_response_body_is_not_json() -> None:
+    # Arrange
+    node_config = {"data": {"status_code": 200, "response_body": "{bad-json"}}
+
+    # Act
+    body, status = WebhookService.generate_webhook_response(node_config)
+
+    # Assert
+    assert status == 200
+    assert "message" in body
+
+
+def test_generate_webhook_id_should_return_24_character_identifier() -> None:
+    # Arrange
+
+    # Act
+    webhook_id = WebhookService.generate_webhook_id()
+
+    # Assert
+    assert isinstance(webhook_id, str)
+    assert len(webhook_id) == 24
+
+
+def test_sanitize_key_should_return_original_value_for_non_string_input() -> None:
+    # Arrange
+
+    # Act
+    result = WebhookService._sanitize_key(123)  # type: ignore[arg-type]
+
+    # Assert
+    assert result == 123
diff --git a/api/tests/unit_tests/services/test_workflow_run_service_pause.py b/api/tests/unit_tests/services/test_workflow_run_service_pause.py
index a62c9f4555..64b21317ab 100644
--- a/api/tests/unit_tests/services/test_workflow_run_service_pause.py
+++ b/api/tests/unit_tests/services/test_workflow_run_service_pause.py
@@ -176,3 +176,300 @@ class TestWorkflowRunService:
         service = WorkflowRunService(session_factory)
 
         assert service._session_factory == session_factory
+
+
+# === Merged from test_workflow_run_service.py ===
+
+
+from types import SimpleNamespace
+from typing import Any, cast
+from unittest.mock import MagicMock
+
+import pytest
+
+from models import Account, App, EndUser, WorkflowRunTriggeredFrom
+from services import workflow_run_service as service_module
+from services.workflow_run_service import WorkflowRunService
+
+
+@pytest.fixture
+def repository_factory_mocks(monkeypatch: pytest.MonkeyPatch) -> tuple[MagicMock, MagicMock, Any]:
+    # Arrange
+    node_repo = MagicMock()
+    workflow_run_repo = MagicMock()
+    factory = SimpleNamespace(
+        create_api_workflow_node_execution_repository=MagicMock(return_value=node_repo),
+        create_api_workflow_run_repository=MagicMock(return_value=workflow_run_repo),
+    )
+    monkeypatch.setattr(service_module, "DifyAPIRepositoryFactory", factory)
+
+    # Assert
+    return node_repo, workflow_run_repo, factory
+
+
+def _app_model(**kwargs: Any) -> App:
+    return cast(App, SimpleNamespace(**kwargs))
+
+
+def _account(**kwargs: Any) -> Account:
+    return cast(Account, SimpleNamespace(**kwargs))
+
+
+def _end_user(**kwargs: Any) -> EndUser:
+    return cast(EndUser, SimpleNamespace(**kwargs))
+
+
+def test___init___should_create_sessionmaker_from_db_engine_when_session_factory_missing(
+    monkeypatch: pytest.MonkeyPatch,
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+) -> None:
+    # Arrange
+    session_factory = MagicMock(name="session_factory")
+    sessionmaker_mock = MagicMock(return_value=session_factory)
+    monkeypatch.setattr(service_module, "sessionmaker", sessionmaker_mock)
+    monkeypatch.setattr(service_module, "db", SimpleNamespace(engine="db-engine"))
+
+    # Act
+    service = WorkflowRunService()
+
+    # Assert
+    sessionmaker_mock.assert_called_once_with(bind="db-engine", expire_on_commit=False)
+    assert service._session_factory is session_factory
+
+
+def test___init___should_create_sessionmaker_when_engine_is_provided(
+    monkeypatch: pytest.MonkeyPatch,
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+) -> None:
+    # Arrange
+    class FakeEngine:
+        pass
+
+    session_factory = MagicMock(name="session_factory")
+    sessionmaker_mock = MagicMock(return_value=session_factory)
+    monkeypatch.setattr(service_module, "Engine", FakeEngine)
+    monkeypatch.setattr(service_module, "sessionmaker", sessionmaker_mock)
+    engine = cast(Engine, FakeEngine())
+
+    # Act
+    service = WorkflowRunService(session_factory=engine)
+
+    # Assert
+    sessionmaker_mock.assert_called_once_with(bind=engine, expire_on_commit=False)
+    assert service._session_factory is session_factory
+
+
+def test___init___should_keep_provided_sessionmaker_and_create_repositories(
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+) -> None:
+    # Arrange
+    node_repo, workflow_run_repo, factory = repository_factory_mocks
+    session_factory = MagicMock(name="session_factory")
+
+    # Act
+    service = WorkflowRunService(session_factory=session_factory)
+
+    # Assert
+    assert service._session_factory is session_factory
+    assert service._node_execution_service_repo is node_repo
+    assert service._workflow_run_repo is workflow_run_repo
+    factory.create_api_workflow_node_execution_repository.assert_called_once_with(session_factory)
+    factory.create_api_workflow_run_repository.assert_called_once_with(session_factory)
+
+
+def test_get_paginate_workflow_runs_should_forward_filters_and_parse_limit(
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+) -> None:
+    # Arrange
+    _, workflow_run_repo, _ = repository_factory_mocks
+    service = WorkflowRunService(session_factory=MagicMock(name="session_factory"))
+    app_model = _app_model(tenant_id="tenant-1", id="app-1")
+    expected = MagicMock(name="pagination")
+    workflow_run_repo.get_paginated_workflow_runs.return_value = expected
+    args = {"limit": "7", "last_id": "last-1", "status": "succeeded"}
+
+    # Act
+    result = service.get_paginate_workflow_runs(
+        app_model=app_model,
+        args=args,
+        triggered_from=WorkflowRunTriggeredFrom.APP_RUN,
+    )
+
+    # Assert
+    assert result is expected
+    workflow_run_repo.get_paginated_workflow_runs.assert_called_once_with(
+        tenant_id="tenant-1",
+        app_id="app-1",
+        triggered_from=WorkflowRunTriggeredFrom.APP_RUN,
+        limit=7,
+        last_id="last-1",
+        status="succeeded",
+    )
+
+
+def test_get_paginate_advanced_chat_workflow_runs_should_attach_message_fields_when_message_exists(
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    service = WorkflowRunService(session_factory=MagicMock(name="session_factory"))
+    app_model = _app_model(tenant_id="tenant-1", id="app-1")
+    run_with_message = SimpleNamespace(
+        id="run-1",
+        status="running",
+        message=SimpleNamespace(id="msg-1", conversation_id="conv-1"),
+    )
+    run_without_message = SimpleNamespace(id="run-2", status="succeeded", message=None)
+    pagination = SimpleNamespace(data=[run_with_message, run_without_message])
+    monkeypatch.setattr(service, "get_paginate_workflow_runs", MagicMock(return_value=pagination))
+
+    # Act
+    result = service.get_paginate_advanced_chat_workflow_runs(app_model=app_model, args={"limit": "2"})
+
+    # Assert
+    assert result is pagination
+    assert len(result.data) == 2
+    assert result.data[0].message_id == "msg-1"
+    assert result.data[0].conversation_id == "conv-1"
+    assert result.data[0].status == "running"
+    assert not hasattr(result.data[1], "message_id")
+    assert result.data[1].id == "run-2"
+
+
+def test_get_workflow_run_should_delegate_to_repository_by_tenant_and_app(
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+) -> None:
+    # Arrange
+    _, workflow_run_repo, _ = repository_factory_mocks
+    service = WorkflowRunService(session_factory=MagicMock(name="session_factory"))
+    app_model = _app_model(tenant_id="tenant-1", id="app-1")
+    expected = MagicMock(name="workflow_run")
+    workflow_run_repo.get_workflow_run_by_id.return_value = expected
+
+    # Act
+    result = service.get_workflow_run(app_model=app_model, run_id="run-1")
+
+    # Assert
+    assert result is expected
+    workflow_run_repo.get_workflow_run_by_id.assert_called_once_with(
+        tenant_id="tenant-1",
+        app_id="app-1",
+        run_id="run-1",
+    )
+
+
+def test_get_workflow_runs_count_should_forward_optional_filters(
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+) -> None:
+    # Arrange
+    _, workflow_run_repo, _ = repository_factory_mocks
+    service = WorkflowRunService(session_factory=MagicMock(name="session_factory"))
+    app_model = _app_model(tenant_id="tenant-1", id="app-1")
+    expected = {"total": 3, "succeeded": 2}
+    workflow_run_repo.get_workflow_runs_count.return_value = expected
+
+    # Act
+    result = service.get_workflow_runs_count(
+        app_model=app_model,
+        status="succeeded",
+        time_range="7d",
+        triggered_from=WorkflowRunTriggeredFrom.APP_RUN,
+    )
+
+    # Assert
+    assert result == expected
+    workflow_run_repo.get_workflow_runs_count.assert_called_once_with(
+        tenant_id="tenant-1",
+        app_id="app-1",
+        triggered_from=WorkflowRunTriggeredFrom.APP_RUN,
+        status="succeeded",
+        time_range="7d",
+    )
+
+
+def test_get_workflow_run_node_executions_should_return_empty_list_when_run_not_found(
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    service = WorkflowRunService(session_factory=MagicMock(name="session_factory"))
+    monkeypatch.setattr(service, "get_workflow_run", MagicMock(return_value=None))
+    app_model = _app_model(id="app-1")
+    user = _account(current_tenant_id="tenant-1")
+
+    # Act
+    result = service.get_workflow_run_node_executions(app_model=app_model, run_id="run-1", user=user)
+
+    # Assert
+    assert result == []
+
+
+def test_get_workflow_run_node_executions_should_use_end_user_tenant_id(
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    node_repo, _, _ = repository_factory_mocks
+    service = WorkflowRunService(session_factory=MagicMock(name="session_factory"))
+    monkeypatch.setattr(service, "get_workflow_run", MagicMock(return_value=SimpleNamespace(id="run-1")))
+
+    class FakeEndUser:
+        def __init__(self, tenant_id: str) -> None:
+            self.tenant_id = tenant_id
+
+    monkeypatch.setattr(service_module, "EndUser", FakeEndUser)
+    user = cast(EndUser, FakeEndUser(tenant_id="tenant-end-user"))
+    app_model = _app_model(id="app-1")
+    expected = [SimpleNamespace(id="exec-1")]
+    node_repo.get_executions_by_workflow_run.return_value = expected
+
+    # Act
+    result = service.get_workflow_run_node_executions(app_model=app_model, run_id="run-1", user=user)
+
+    # Assert
+    assert result == expected
+    node_repo.get_executions_by_workflow_run.assert_called_once_with(
+        tenant_id="tenant-end-user",
+        app_id="app-1",
+        workflow_run_id="run-1",
+    )
+
+
+def test_get_workflow_run_node_executions_should_use_account_current_tenant_id(
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    node_repo, _, _ = repository_factory_mocks
+    service = WorkflowRunService(session_factory=MagicMock(name="session_factory"))
+    monkeypatch.setattr(service, "get_workflow_run", MagicMock(return_value=SimpleNamespace(id="run-1")))
+    app_model = _app_model(id="app-1")
+    user = _account(current_tenant_id="tenant-account")
+    expected = [SimpleNamespace(id="exec-1"), SimpleNamespace(id="exec-2")]
+    node_repo.get_executions_by_workflow_run.return_value = expected
+
+    # Act
+    result = service.get_workflow_run_node_executions(app_model=app_model, run_id="run-1", user=user)
+
+    # Assert
+    assert result == expected
+    node_repo.get_executions_by_workflow_run.assert_called_once_with(
+        tenant_id="tenant-account",
+        app_id="app-1",
+        workflow_run_id="run-1",
+    )
+
+
+def test_get_workflow_run_node_executions_should_raise_when_resolved_tenant_id_is_none(
+    repository_factory_mocks: tuple[MagicMock, MagicMock, Any],
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    service = WorkflowRunService(session_factory=MagicMock(name="session_factory"))
+    monkeypatch.setattr(service, "get_workflow_run", MagicMock(return_value=SimpleNamespace(id="run-1")))
+    app_model = _app_model(id="app-1")
+    user = _account(current_tenant_id=None)
+
+    # Act / Assert
+    with pytest.raises(ValueError, match="tenant_id cannot be None"):
+        service.get_workflow_run_node_executions(app_model=app_model, run_id="run-1", user=user)
diff --git a/api/tests/unit_tests/services/workflow/test_workflow_converter_additional.py b/api/tests/unit_tests/services/workflow/test_workflow_converter_additional.py
new file mode 100644
index 0000000000..2aaf3bdf1d
--- /dev/null
+++ b/api/tests/unit_tests/services/workflow/test_workflow_converter_additional.py
@@ -0,0 +1,831 @@
+from __future__ import annotations
+
+import json
+from types import SimpleNamespace
+from typing import Any, cast
+from unittest.mock import MagicMock
+
+import pytest
+
+from core.app.app_config.entities import (
+    AdvancedChatMessageEntity,
+    AdvancedChatPromptTemplateEntity,
+    AdvancedCompletionPromptTemplateEntity,
+    DatasetEntity,
+    DatasetRetrieveConfigEntity,
+    ExternalDataVariableEntity,
+    ModelConfigEntity,
+    PromptTemplateEntity,
+)
+from core.helper import encrypter
+from core.prompt.utils.prompt_template_parser import PromptTemplateParser
+from models.api_based_extension import APIBasedExtension, APIBasedExtensionPoint
+from models.model import Account, App, AppMode, AppModelConfig
+from services.workflow import workflow_converter as converter_module
+from services.workflow.workflow_converter import WorkflowConverter
+
+try:
+    from graphon.enums import BuiltinNodeTypes
+    from graphon.model_runtime.entities.llm_entities import LLMMode
+    from graphon.model_runtime.entities.message_entities import PromptMessageRole
+    from graphon.variables.input_entities import VariableEntity, VariableEntityType
+except ModuleNotFoundError:
+    from dify_graph.enums import BuiltinNodeTypes
+    from dify_graph.model_runtime.entities.llm_entities import LLMMode
+    from dify_graph.model_runtime.entities.message_entities import PromptMessageRole
+    from dify_graph.variables.input_entities import VariableEntity, VariableEntityType
+
+
+@pytest.fixture
+def converter() -> WorkflowConverter:
+    return WorkflowConverter()
+
+
+def _app_model(**kwargs: Any) -> App:
+    return cast(App, SimpleNamespace(**kwargs))
+
+
+def _account(**kwargs: Any) -> Account:
+    return cast(Account, SimpleNamespace(**kwargs))
+
+
+def _app_model_config(**kwargs: Any) -> AppModelConfig:
+    return cast(AppModelConfig, SimpleNamespace(**kwargs))
+
+
+def _build_start_graph() -> dict[str, Any]:
+    return {
+        "nodes": [
+            {
+                "id": "start",
+                "position": None,
+                "data": {"type": BuiltinNodeTypes.START, "variables": [{"variable": "name"}, {"variable": "city"}]},
+            }
+        ],
+        "edges": [],
+    }
+
+
+def _build_model_config(mode: str | LLMMode) -> ModelConfigEntity:
+    return ModelConfigEntity(provider="openai", model="gpt-4", mode=mode, parameters={}, stop=[])
+
+
+@pytest.fixture
+def default_variables() -> list[VariableEntity]:
+    return [
+        VariableEntity(variable="text_input", label="text-input", type=VariableEntityType.TEXT_INPUT),
+        VariableEntity(variable="paragraph", label="paragraph", type=VariableEntityType.PARAGRAPH),
+        VariableEntity(variable="select", label="select", type=VariableEntityType.SELECT),
+    ]
+
+
+def test__convert_to_start_node(default_variables: list[VariableEntity]) -> None:
+    result = WorkflowConverter()._convert_to_start_node(default_variables)
+
+    assert result["id"] == "start"
+    assert result["data"]["type"] == BuiltinNodeTypes.START
+    assert result["data"]["variables"][0]["type"] == "text-input"
+    assert result["data"]["variables"][0]["variable"] == "text_input"
+
+
+def test__convert_to_http_request_node_for_chatbot(default_variables: list[VariableEntity]) -> None:
+    app_model = MagicMock()
+    app_model.id = "app_id"
+    app_model.tenant_id = "tenant_id"
+    app_model.mode = AppMode.CHAT
+
+    extension = APIBasedExtension(
+        tenant_id="tenant_id",
+        name="api-1",
+        api_key="encrypted_api_key",
+        api_endpoint="https://dify.ai",
+    )
+    extension.id = "api_based_extension_id"
+
+    workflow_converter = WorkflowConverter()
+    workflow_converter._get_api_based_extension = MagicMock(return_value=extension)
+    encrypter.decrypt_token = MagicMock(return_value="api_key")
+
+    external_data_variables = [
+        ExternalDataVariableEntity(
+            variable="external_variable",
+            type="api",
+            config={"api_based_extension_id": "api_based_extension_id"},
+        ),
+    ]
+
+    nodes, mapping = workflow_converter._convert_to_http_request_node(
+        app_model=app_model,
+        variables=default_variables,
+        external_data_variables=external_data_variables,
+    )
+
+    assert len(nodes) == 2
+    assert nodes[0]["data"]["type"] == BuiltinNodeTypes.HTTP_REQUEST
+    assert nodes[1]["data"]["type"] == BuiltinNodeTypes.CODE
+    body = json.loads(nodes[0]["data"]["body"]["data"])
+    assert body["point"] == APIBasedExtensionPoint.APP_EXTERNAL_DATA_TOOL_QUERY
+    assert body["params"]["query"] == "{{#sys.query#}}"
+    assert body["params"]["inputs"]["text_input"] == "{{#start.text_input#}}"
+    assert mapping == {"external_variable": "code_1"}
+
+
+def test__convert_to_http_request_node_for_workflow_app(default_variables: list[VariableEntity]) -> None:
+    app_model = MagicMock()
+    app_model.id = "app_id"
+    app_model.tenant_id = "tenant_id"
+    app_model.mode = AppMode.WORKFLOW
+
+    extension = APIBasedExtension(
+        tenant_id="tenant_id",
+        name="api-1",
+        api_key="encrypted_api_key",
+        api_endpoint="https://dify.ai",
+    )
+    extension.id = "api_based_extension_id"
+
+    workflow_converter = WorkflowConverter()
+    workflow_converter._get_api_based_extension = MagicMock(return_value=extension)
+    encrypter.decrypt_token = MagicMock(return_value="api_key")
+
+    external_data_variables = [
+        ExternalDataVariableEntity(
+            variable="external_variable",
+            type="api",
+            config={"api_based_extension_id": "api_based_extension_id"},
+        ),
+    ]
+
+    nodes, _ = workflow_converter._convert_to_http_request_node(
+        app_model=app_model,
+        variables=default_variables,
+        external_data_variables=external_data_variables,
+    )
+
+    body = json.loads(nodes[0]["data"]["body"]["data"])
+    assert body["params"]["query"] == ""
+
+
+def test__convert_to_knowledge_retrieval_node_for_chatbot() -> None:
+    dataset_config = DatasetEntity(
+        dataset_ids=["dataset_id_1", "dataset_id_2"],
+        retrieve_config=DatasetRetrieveConfigEntity(
+            retrieve_strategy=DatasetRetrieveConfigEntity.RetrieveStrategy.MULTIPLE,
+            top_k=5,
+            score_threshold=0.8,
+            reranking_model={"reranking_provider_name": "cohere", "reranking_model_name": "rerank-english-v2.0"},
+            reranking_enabled=True,
+        ),
+    )
+    model_config = ModelConfigEntity(provider="openai", model="gpt-4", mode="chat", parameters={}, stop=[])
+
+    node = WorkflowConverter()._convert_to_knowledge_retrieval_node(
+        new_app_mode=AppMode.ADVANCED_CHAT,
+        dataset_config=dataset_config,
+        model_config=model_config,
+    )
+
+    assert node is not None
+    assert node["data"]["query_variable_selector"] == ["sys", "query"]
+    assert node["data"]["multiple_retrieval_config"]["top_k"] == 5
+
+
+def test__convert_to_knowledge_retrieval_node_for_workflow_app() -> None:
+    dataset_config = DatasetEntity(
+        dataset_ids=["dataset_id_1", "dataset_id_2"],
+        retrieve_config=DatasetRetrieveConfigEntity(
+            query_variable="query",
+            retrieve_strategy=DatasetRetrieveConfigEntity.RetrieveStrategy.MULTIPLE,
+            top_k=5,
+            score_threshold=0.8,
+            reranking_model={"reranking_provider_name": "cohere", "reranking_model_name": "rerank-english-v2.0"},
+            reranking_enabled=True,
+        ),
+    )
+    model_config = ModelConfigEntity(provider="openai", model="gpt-4", mode="chat", parameters={}, stop=[])
+
+    node = WorkflowConverter()._convert_to_knowledge_retrieval_node(
+        new_app_mode=AppMode.WORKFLOW,
+        dataset_config=dataset_config,
+        model_config=model_config,
+    )
+
+    assert node is not None
+    assert node["data"]["query_variable_selector"] == ["start", "query"]
+
+
+def test__convert_to_llm_node_for_chatbot_simple_chat_model(default_variables: list[VariableEntity]) -> None:
+    workflow_converter = WorkflowConverter()
+    graph = {"nodes": [workflow_converter._convert_to_start_node(default_variables)], "edges": []}
+    model_config = ModelConfigEntity(provider="openai", model="gpt-4", mode=LLMMode.CHAT.value, parameters={}, stop=[])
+    prompt_template = PromptTemplateEntity(
+        prompt_type=PromptTemplateEntity.PromptType.SIMPLE,
+        simple_prompt_template="You are a helper for {{text_input}} and {{paragraph}}",
+    )
+
+    node = workflow_converter._convert_to_llm_node(
+        original_app_mode=AppMode.CHAT,
+        new_app_mode=AppMode.ADVANCED_CHAT,
+        model_config=model_config,
+        graph=graph,
+        prompt_template=prompt_template,
+    )
+
+    assert node["data"]["type"] == BuiltinNodeTypes.LLM
+    assert node["data"]["memory"] is not None
+    assert node["data"]["prompt_template"][0]["role"] == "user"
+    assert "{{#start.text_input#}}" in node["data"]["prompt_template"][0]["text"]
+
+
+def test__convert_to_llm_node_for_chatbot_simple_chat_model_with_empty_template(
+    default_variables: list[VariableEntity],
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    workflow_converter = WorkflowConverter()
+    graph = {"nodes": [workflow_converter._convert_to_start_node(default_variables)], "edges": []}
+    model_config = ModelConfigEntity(provider="openai", model="gpt-4", mode=LLMMode.CHAT.value, parameters={}, stop=[])
+    prompt_template = PromptTemplateEntity(
+        prompt_type=PromptTemplateEntity.PromptType.SIMPLE,
+        simple_prompt_template="ignored",
+    )
+    monkeypatch.setattr(
+        converter_module.SimplePromptTransform,
+        "get_prompt_template",
+        lambda self, **kwargs: {"prompt_template": PromptTemplateParser(""), "prompt_rules": {}},
+    )
+
+    node = workflow_converter._convert_to_llm_node(
+        original_app_mode=AppMode.CHAT,
+        new_app_mode=AppMode.ADVANCED_CHAT,
+        model_config=model_config,
+        graph=graph,
+        prompt_template=prompt_template,
+    )
+
+    assert node["data"]["prompt_template"] == []
+
+
+def test__convert_to_llm_node_for_chatbot_advanced_chat_model(default_variables: list[VariableEntity]) -> None:
+    workflow_converter = WorkflowConverter()
+    graph = {"nodes": [workflow_converter._convert_to_start_node(default_variables)], "edges": []}
+    model_config = ModelConfigEntity(provider="openai", model="gpt-4", mode=LLMMode.CHAT.value, parameters={}, stop=[])
+    prompt_template = PromptTemplateEntity(
+        prompt_type=PromptTemplateEntity.PromptType.ADVANCED,
+        advanced_chat_prompt_template=AdvancedChatPromptTemplateEntity(
+            messages=[AdvancedChatMessageEntity(text="Hello {{text_input}}", role=PromptMessageRole.USER)]
+        ),
+    )
+
+    node = workflow_converter._convert_to_llm_node(
+        original_app_mode=AppMode.CHAT,
+        new_app_mode=AppMode.ADVANCED_CHAT,
+        model_config=model_config,
+        graph=graph,
+        prompt_template=prompt_template,
+    )
+
+    assert isinstance(node["data"]["prompt_template"], list)
+    assert node["data"]["prompt_template"][0]["role"] == PromptMessageRole.USER.value
+
+
+def test__convert_to_llm_node_for_chatbot_advanced_chat_model_without_template(
+    default_variables: list[VariableEntity],
+) -> None:
+    workflow_converter = WorkflowConverter()
+    graph = {"nodes": [workflow_converter._convert_to_start_node(default_variables)], "edges": []}
+    model_config = ModelConfigEntity(provider="openai", model="gpt-4", mode=LLMMode.CHAT.value, parameters={}, stop=[])
+    prompt_template = PromptTemplateEntity(
+        prompt_type=PromptTemplateEntity.PromptType.ADVANCED,
+        advanced_chat_prompt_template=None,
+    )
+
+    node = workflow_converter._convert_to_llm_node(
+        original_app_mode=AppMode.CHAT,
+        new_app_mode=AppMode.WORKFLOW,
+        model_config=model_config,
+        graph=graph,
+        prompt_template=prompt_template,
+    )
+
+    assert node["data"]["prompt_template"] == []
+    assert node["data"]["memory"] is None
+
+
+def test__convert_to_llm_node_for_workflow_advanced_completion_model(default_variables: list[VariableEntity]) -> None:
+    workflow_converter = WorkflowConverter()
+    graph = {"nodes": [workflow_converter._convert_to_start_node(default_variables)], "edges": []}
+    model_config = ModelConfigEntity(
+        provider="openai",
+        model="gpt-3.5-turbo-instruct",
+        mode=LLMMode.COMPLETION.value,
+        parameters={},
+        stop=[],
+    )
+    prompt_template = PromptTemplateEntity(
+        prompt_type=PromptTemplateEntity.PromptType.ADVANCED,
+        advanced_completion_prompt_template=AdvancedCompletionPromptTemplateEntity(
+            prompt="Hello {{text_input}} and {{#query#}}",
+            role_prefix=AdvancedCompletionPromptTemplateEntity.RolePrefixEntity(user="Human", assistant="Assistant"),
+        ),
+    )
+
+    node = workflow_converter._convert_to_llm_node(
+        original_app_mode=AppMode.COMPLETION,
+        new_app_mode=AppMode.ADVANCED_CHAT,
+        model_config=model_config,
+        graph=graph,
+        prompt_template=prompt_template,
+    )
+
+    assert node["data"]["prompt_template"]["text"].find("{{#sys.query#}}") != -1
+    assert node["data"]["memory"]["role_prefix"]["user"] == "Human"
+
+
+def test__convert_to_end_node() -> None:
+    node = WorkflowConverter()._convert_to_end_node()
+    assert node["id"] == "end"
+    assert node["data"]["type"] == BuiltinNodeTypes.END
+
+
+def test__convert_to_answer_node() -> None:
+    node = WorkflowConverter()._convert_to_answer_node()
+    assert node["id"] == "answer"
+    assert node["data"]["type"] == BuiltinNodeTypes.ANSWER
+
+
+def test_convert_to_workflow_should_raise_when_app_model_config_is_missing(converter: WorkflowConverter) -> None:
+    app_model = _app_model(app_model_config=None)
+
+    with pytest.raises(ValueError, match="App model config is required"):
+        converter.convert_to_workflow(
+            app_model=app_model,
+            account=_account(id="account-1"),
+            name="new-app",
+            icon_type="emoji",
+            icon="robot",
+            icon_background="#fff",
+        )
+
+
+@pytest.mark.parametrize(
+    ("source_mode", "expected_mode"),
+    [
+        (AppMode.CHAT, AppMode.ADVANCED_CHAT),
+        (AppMode.COMPLETION, AppMode.WORKFLOW),
+    ],
+)
+def test_convert_to_workflow_should_create_new_app_with_fallback_fields(
+    converter: WorkflowConverter,
+    monkeypatch: pytest.MonkeyPatch,
+    source_mode: AppMode,
+    expected_mode: AppMode,
+) -> None:
+    class FakeApp:
+        def __init__(self) -> None:
+            self.id = "new-app-id"
+
+    workflow = SimpleNamespace(app_id=None)
+    monkeypatch.setattr(converter, "convert_app_model_config_to_workflow", MagicMock(return_value=workflow))
+    monkeypatch.setattr(converter_module, "App", FakeApp)
+
+    db_session = SimpleNamespace(add=MagicMock(), flush=MagicMock(), commit=MagicMock())
+    monkeypatch.setattr(converter_module, "db", SimpleNamespace(session=db_session))
+
+    send_mock = MagicMock()
+    monkeypatch.setattr(converter_module.app_was_created, "send", send_mock)
+
+    account = _account(id="account-1")
+    app_model = _app_model(
+        tenant_id="tenant-1",
+        name="Source App",
+        mode=source_mode,
+        icon_type="emoji",
+        icon="sparkles",
+        icon_background="#123456",
+        enable_site=True,
+        enable_api=True,
+        api_rpm=10,
+        api_rph=100,
+        is_public=False,
+        app_model_config=_app_model_config(id="config-1"),
+    )
+
+    new_app = converter.convert_to_workflow(
+        app_model=app_model,
+        account=account,
+        name="",
+        icon_type="",
+        icon="",
+        icon_background="",
+    )
+
+    assert new_app.name == "Source App(workflow)"
+    assert new_app.mode == expected_mode
+    assert new_app.icon_type == "emoji"
+    assert new_app.icon == "sparkles"
+    assert new_app.icon_background == "#123456"
+    assert new_app.created_by == "account-1"
+    assert workflow.app_id == "new-app-id"
+    db_session.add.assert_called_once()
+    db_session.flush.assert_called_once()
+    db_session.commit.assert_called_once()
+    send_mock.assert_called_once_with(new_app, account=account)
+
+
+def test_convert_app_model_config_to_workflow_should_build_advanced_chat_graph_and_features(
+    converter: WorkflowConverter,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    app_model = _app_model(id="app-1", tenant_id="tenant-1", mode=AppMode.CHAT)
+    app_config = SimpleNamespace(
+        variables=[SimpleNamespace(variable="name")],
+        external_data_variables=[SimpleNamespace(variable="ext")],
+        dataset=SimpleNamespace(id="dataset"),
+        model=SimpleNamespace(),
+        prompt_template=SimpleNamespace(),
+        additional_features=SimpleNamespace(file_upload=SimpleNamespace()),
+        app_model_config_dict={
+            "opening_statement": "hello",
+            "suggested_questions": ["q1"],
+            "suggested_questions_after_answer": True,
+            "speech_to_text": True,
+            "text_to_speech": {"enabled": True},
+            "file_upload": {"enabled": True},
+            "sensitive_word_avoidance": {"enabled": True},
+            "retriever_resource": {"enabled": True},
+        },
+    )
+
+    class FakeWorkflow:
+        VERSION_DRAFT = "draft"
+
+        def __init__(self, **kwargs: Any) -> None:
+            self.__dict__.update(kwargs)
+
+    monkeypatch.setattr(converter, "_get_new_app_mode", MagicMock(return_value=AppMode.ADVANCED_CHAT))
+    monkeypatch.setattr(converter, "_convert_to_app_config", MagicMock(return_value=app_config))
+    monkeypatch.setattr(
+        converter,
+        "_convert_to_start_node",
+        MagicMock(
+            return_value={"id": "start", "position": None, "data": {"type": BuiltinNodeTypes.START, "variables": []}}
+        ),
+    )
+    monkeypatch.setattr(
+        converter,
+        "_convert_to_http_request_node",
+        MagicMock(
+            return_value=(
+                [{"id": "http", "position": None, "data": {"type": BuiltinNodeTypes.HTTP_REQUEST}}],
+                {"ext": "code_1"},
+            )
+        ),
+    )
+    monkeypatch.setattr(
+        converter,
+        "_convert_to_knowledge_retrieval_node",
+        MagicMock(
+            return_value={"id": "knowledge", "position": None, "data": {"type": BuiltinNodeTypes.KNOWLEDGE_RETRIEVAL}}
+        ),
+    )
+    monkeypatch.setattr(
+        converter,
+        "_convert_to_llm_node",
+        MagicMock(return_value={"id": "llm", "position": None, "data": {"type": BuiltinNodeTypes.LLM}}),
+    )
+    monkeypatch.setattr(
+        converter,
+        "_convert_to_answer_node",
+        MagicMock(return_value={"id": "answer", "position": None, "data": {"type": BuiltinNodeTypes.ANSWER}}),
+    )
+    monkeypatch.setattr(converter_module, "Workflow", FakeWorkflow)
+
+    db_session = SimpleNamespace(add=MagicMock(), commit=MagicMock())
+    monkeypatch.setattr(converter_module, "db", SimpleNamespace(session=db_session))
+
+    workflow = converter.convert_app_model_config_to_workflow(
+        app_model=app_model,
+        app_model_config=_app_model_config(id="cfg"),
+        account_id="account-1",
+    )
+
+    graph = json.loads(workflow.graph)
+    node_ids = [node["id"] for node in graph["nodes"]]
+    assert node_ids == ["start", "http", "knowledge", "llm", "answer"]
+
+    features = json.loads(workflow.features)
+    assert "opening_statement" in features
+    assert "retriever_resource" in features
+    db_session.add.assert_called_once()
+    db_session.commit.assert_called_once()
+
+
+def test_convert_app_model_config_to_workflow_should_build_workflow_mode_with_end_node(
+    converter: WorkflowConverter,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    app_model = _app_model(id="app-1", tenant_id="tenant-1", mode=AppMode.COMPLETION)
+    app_config = SimpleNamespace(
+        variables=[SimpleNamespace(variable="name")],
+        external_data_variables=[],
+        dataset=SimpleNamespace(id="dataset"),
+        model=SimpleNamespace(),
+        prompt_template=SimpleNamespace(),
+        additional_features=None,
+        app_model_config_dict={
+            "text_to_speech": {"enabled": False},
+            "file_upload": {"enabled": False},
+            "sensitive_word_avoidance": {"enabled": False},
+        },
+    )
+
+    class FakeWorkflow:
+        VERSION_DRAFT = "draft"
+
+        def __init__(self, **kwargs: Any) -> None:
+            self.__dict__.update(kwargs)
+
+    monkeypatch.setattr(converter, "_get_new_app_mode", MagicMock(return_value=AppMode.WORKFLOW))
+    monkeypatch.setattr(converter, "_convert_to_app_config", MagicMock(return_value=app_config))
+    monkeypatch.setattr(
+        converter,
+        "_convert_to_start_node",
+        MagicMock(
+            return_value={"id": "start", "position": None, "data": {"type": BuiltinNodeTypes.START, "variables": []}}
+        ),
+    )
+    monkeypatch.setattr(converter, "_convert_to_knowledge_retrieval_node", MagicMock(return_value=None))
+    monkeypatch.setattr(
+        converter,
+        "_convert_to_llm_node",
+        MagicMock(return_value={"id": "llm", "position": None, "data": {"type": BuiltinNodeTypes.LLM}}),
+    )
+    monkeypatch.setattr(
+        converter,
+        "_convert_to_end_node",
+        MagicMock(return_value={"id": "end", "position": None, "data": {"type": BuiltinNodeTypes.END}}),
+    )
+    monkeypatch.setattr(converter_module, "Workflow", FakeWorkflow)
+
+    db_session = SimpleNamespace(add=MagicMock(), commit=MagicMock())
+    monkeypatch.setattr(converter_module, "db", SimpleNamespace(session=db_session))
+
+    workflow = converter.convert_app_model_config_to_workflow(
+        app_model=app_model,
+        app_model_config=_app_model_config(id="cfg"),
+        account_id="account-1",
+    )
+
+    graph = json.loads(workflow.graph)
+    node_ids = [node["id"] for node in graph["nodes"]]
+    assert node_ids == ["start", "llm", "end"]
+
+    features = json.loads(workflow.features)
+    assert set(features.keys()) == {"text_to_speech", "file_upload", "sensitive_word_avoidance"}
+
+
+def test_convert_to_app_config_should_route_to_correct_manager(
+    converter: WorkflowConverter,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    agent_result = SimpleNamespace(kind="agent")
+    chat_result = SimpleNamespace(kind="chat")
+    completion_result = SimpleNamespace(kind="completion")
+    monkeypatch.setattr(
+        converter_module.AgentChatAppConfigManager, "get_app_config", MagicMock(return_value=agent_result)
+    )
+    monkeypatch.setattr(converter_module.ChatAppConfigManager, "get_app_config", MagicMock(return_value=chat_result))
+    monkeypatch.setattr(
+        converter_module.CompletionAppConfigManager,
+        "get_app_config",
+        MagicMock(return_value=completion_result),
+    )
+
+    from_agent_mode = converter._convert_to_app_config(
+        app_model=_app_model(mode=AppMode.AGENT_CHAT, is_agent=False),
+        app_model_config=_app_model_config(id="cfg-1"),
+    )
+    from_agent_flag = converter._convert_to_app_config(
+        app_model=_app_model(mode=AppMode.CHAT, is_agent=True),
+        app_model_config=_app_model_config(id="cfg-2"),
+    )
+    from_chat_mode = converter._convert_to_app_config(
+        app_model=_app_model(mode=AppMode.CHAT, is_agent=False),
+        app_model_config=_app_model_config(id="cfg-3"),
+    )
+    from_completion_mode = converter._convert_to_app_config(
+        app_model=_app_model(mode=AppMode.COMPLETION, is_agent=False),
+        app_model_config=_app_model_config(id="cfg-4"),
+    )
+
+    assert from_agent_mode is agent_result
+    assert from_agent_flag is agent_result
+    assert from_chat_mode is chat_result
+    assert from_completion_mode is completion_result
+
+
+def test_convert_to_app_config_should_raise_for_invalid_app_mode(converter: WorkflowConverter) -> None:
+    app_model = _app_model(mode=AppMode.WORKFLOW, is_agent=False)
+
+    with pytest.raises(ValueError, match="Invalid app mode"):
+        converter._convert_to_app_config(app_model=app_model, app_model_config=_app_model_config(id="cfg"))
+
+
+def test_convert_to_http_request_node_should_skip_non_api_and_missing_extension_id(
+    converter: WorkflowConverter,
+) -> None:
+    app_model = _app_model(id="app-1", tenant_id="tenant-1", mode=AppMode.CHAT)
+    external_data_variables = [
+        ExternalDataVariableEntity(variable="skip_type", type="dataset", config={"api_based_extension_id": "x"}),
+        ExternalDataVariableEntity(variable="skip_config", type="api", config={}),
+    ]
+
+    nodes, mapping = converter._convert_to_http_request_node(
+        app_model=app_model,
+        variables=[],
+        external_data_variables=external_data_variables,
+    )
+
+    assert nodes == []
+    assert mapping == {}
+
+
+def test_convert_to_knowledge_retrieval_node_should_return_none_for_workflow_without_query_variable(
+    converter: WorkflowConverter,
+) -> None:
+    dataset_config = DatasetEntity(
+        dataset_ids=["ds-1"],
+        retrieve_config=DatasetRetrieveConfigEntity(
+            query_variable=None,
+            retrieve_strategy=DatasetRetrieveConfigEntity.RetrieveStrategy.MULTIPLE,
+        ),
+    )
+    model_config = _build_model_config(mode=LLMMode.CHAT)
+
+    node = converter._convert_to_knowledge_retrieval_node(
+        new_app_mode=AppMode.WORKFLOW,
+        dataset_config=dataset_config,
+        model_config=model_config,
+    )
+
+    assert node is None
+
+
+def test_convert_to_llm_node_should_raise_when_simple_chat_template_missing(
+    converter: WorkflowConverter,
+) -> None:
+    graph = _build_start_graph()
+    model_config = _build_model_config(mode=LLMMode.CHAT)
+    prompt_template = PromptTemplateEntity(prompt_type=PromptTemplateEntity.PromptType.SIMPLE)
+
+    with pytest.raises(ValueError, match="Simple prompt template is required"):
+        converter._convert_to_llm_node(
+            original_app_mode=AppMode.CHAT,
+            new_app_mode=AppMode.ADVANCED_CHAT,
+            graph=graph,
+            model_config=model_config,
+            prompt_template=prompt_template,
+        )
+
+
+def test_convert_to_llm_node_should_raise_when_prompt_template_parser_type_is_invalid_for_chat(
+    converter: WorkflowConverter,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    graph = _build_start_graph()
+    model_config = _build_model_config(mode=LLMMode.CHAT)
+    prompt_template = PromptTemplateEntity(
+        prompt_type=PromptTemplateEntity.PromptType.SIMPLE,
+        simple_prompt_template="Hello {{name}}",
+    )
+    monkeypatch.setattr(
+        converter_module.SimplePromptTransform,
+        "get_prompt_template",
+        lambda self, **kwargs: {"prompt_template": "invalid"},
+    )
+
+    with pytest.raises(TypeError, match="Expected PromptTemplateParser"):
+        converter._convert_to_llm_node(
+            original_app_mode=AppMode.CHAT,
+            new_app_mode=AppMode.ADVANCED_CHAT,
+            graph=graph,
+            model_config=model_config,
+            prompt_template=prompt_template,
+        )
+
+
+def test_convert_to_llm_node_should_raise_when_simple_completion_template_missing(
+    converter: WorkflowConverter,
+) -> None:
+    graph = _build_start_graph()
+    model_config = _build_model_config(mode=LLMMode.COMPLETION)
+    prompt_template = PromptTemplateEntity(prompt_type=PromptTemplateEntity.PromptType.SIMPLE)
+
+    with pytest.raises(ValueError, match="Simple prompt template is required"):
+        converter._convert_to_llm_node(
+            original_app_mode=AppMode.COMPLETION,
+            new_app_mode=AppMode.WORKFLOW,
+            graph=graph,
+            model_config=model_config,
+            prompt_template=prompt_template,
+        )
+
+
+def test_convert_to_llm_node_should_raise_when_completion_prompt_rules_type_is_invalid(
+    converter: WorkflowConverter,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    graph = _build_start_graph()
+    model_config = _build_model_config(mode=LLMMode.COMPLETION)
+    prompt_template = PromptTemplateEntity(
+        prompt_type=PromptTemplateEntity.PromptType.SIMPLE,
+        simple_prompt_template="Hello {{name}}",
+    )
+    monkeypatch.setattr(
+        converter_module.SimplePromptTransform,
+        "get_prompt_template",
+        lambda self, **kwargs: {"prompt_template": PromptTemplateParser("Hello {{name}}"), "prompt_rules": "invalid"},
+    )
+
+    with pytest.raises(TypeError, match="Expected dict for prompt_rules"):
+        converter._convert_to_llm_node(
+            original_app_mode=AppMode.COMPLETION,
+            new_app_mode=AppMode.ADVANCED_CHAT,
+            graph=graph,
+            model_config=model_config,
+            prompt_template=prompt_template,
+        )
+
+
+def test_convert_to_llm_node_should_use_empty_text_for_advanced_completion_without_template(
+    converter: WorkflowConverter,
+) -> None:
+    graph = _build_start_graph()
+    model_config = _build_model_config(mode=LLMMode.COMPLETION)
+    prompt_template = PromptTemplateEntity(
+        prompt_type=PromptTemplateEntity.PromptType.ADVANCED,
+        advanced_completion_prompt_template=None,
+    )
+
+    llm_node = converter._convert_to_llm_node(
+        original_app_mode=AppMode.COMPLETION,
+        new_app_mode=AppMode.WORKFLOW,
+        graph=graph,
+        model_config=model_config,
+        prompt_template=prompt_template,
+    )
+
+    assert llm_node["data"]["prompt_template"]["text"] == ""
+    assert llm_node["data"]["memory"] is None
+
+
+def test_replace_template_variables_should_replace_start_and_external_references(converter: WorkflowConverter) -> None:
+    template = "Hello {{name}} from {{city}} with {{weather}}"
+    variables = [{"variable": "name"}, {"variable": "city"}]
+    external_mapping = {"weather": "code_1"}
+
+    result = converter._replace_template_variables(template, variables, external_mapping)
+
+    assert result == "Hello {{#start.name#}} from {{#start.city#}} with {{#code_1.result#}}"
+
+
+def test_graph_helpers_should_create_edges_append_nodes_and_choose_mode(converter: WorkflowConverter) -> None:
+    graph = {"nodes": [{"id": "start", "position": None, "data": {"type": BuiltinNodeTypes.START}}], "edges": []}
+    node = {"id": "llm", "position": None, "data": {"type": BuiltinNodeTypes.LLM}}
+
+    edge = converter._create_edge("start", "llm")
+    updated_graph = converter._append_node(graph, node)
+    workflow_mode = converter._get_new_app_mode(_app_model(mode=AppMode.COMPLETION))
+    advanced_chat_mode = converter._get_new_app_mode(_app_model(mode=AppMode.CHAT))
+
+    assert edge == {"id": "start-llm", "source": "start", "target": "llm"}
+    assert updated_graph["nodes"][-1]["id"] == "llm"
+    assert updated_graph["edges"][-1]["source"] == "start"
+    assert workflow_mode == AppMode.WORKFLOW
+    assert advanced_chat_mode == AppMode.ADVANCED_CHAT
+
+
+def test_get_api_based_extension_should_raise_when_extension_not_found(
+    converter: WorkflowConverter,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    db_session = SimpleNamespace(scalar=MagicMock(return_value=None))
+    monkeypatch.setattr(converter_module, "db", SimpleNamespace(session=db_session))
+
+    with pytest.raises(ValueError, match="API Based Extension not found"):
+        converter._get_api_based_extension(tenant_id="tenant-1", api_based_extension_id="ext-1")
+    db_session.scalar.assert_called_once()
+
+
+def test_get_api_based_extension_should_return_entity_when_found(
+    converter: WorkflowConverter,
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    extension = SimpleNamespace(id="ext-1")
+    db_session = SimpleNamespace(scalar=MagicMock(return_value=extension))
+    monkeypatch.setattr(converter_module, "db", SimpleNamespace(session=db_session))
+
+    result = converter._get_api_based_extension(tenant_id="tenant-1", api_based_extension_id="ext-1")
+
+    assert result is extension
+    db_session.scalar.assert_called_once()
diff --git a/api/tests/unit_tests/services/workflow/test_workflow_event_snapshot_service.py b/api/tests/unit_tests/services/workflow/test_workflow_event_snapshot_service.py
index 077a7c27a2..b8b073f75c 100644
--- a/api/tests/unit_tests/services/workflow/test_workflow_event_snapshot_service.py
+++ b/api/tests/unit_tests/services/workflow/test_workflow_event_snapshot_service.py
@@ -1,10 +1,9 @@
-from __future__ import annotations
-
 import json
 import queue
 from collections.abc import Sequence
 from dataclasses import dataclass
 from datetime import UTC, datetime
+from itertools import cycle
 from threading import Event
 
 import pytest
@@ -224,3 +223,577 @@ def test_resolve_task_id_priority(context_task_id, buffered_task_id, expected) -
         buffer_state.task_id_ready.set()
     task_id = _resolve_task_id(resumption_context, buffer_state, "run-1", wait_timeout=0.0)
     assert task_id == expected
+
+
+# === Merged from test_workflow_event_snapshot_service_additional.py ===
+
+
+import json
+import queue
+from collections.abc import Mapping
+from dataclasses import dataclass
+from datetime import UTC, datetime
+from threading import Event
+from types import SimpleNamespace
+from typing import Any, cast
+from unittest.mock import MagicMock
+
+import pytest
+from graphon.enums import WorkflowExecutionStatus
+from graphon.runtime import GraphRuntimeState, VariablePool
+from sqlalchemy.orm import Session, sessionmaker
+
+from core.app.app_config.entities import WorkflowUIBasedAppConfig
+from core.app.entities.app_invoke_entities import InvokeFrom, WorkflowAppGenerateEntity
+from core.app.entities.task_entities import StreamEvent
+from core.app.layers.pause_state_persist_layer import WorkflowResumptionContext, _WorkflowGenerateEntityWrapper
+from models.enums import CreatorUserRole
+from models.model import AppMode
+from models.workflow import WorkflowRun
+from repositories.entities.workflow_pause import WorkflowPauseEntity
+from services import workflow_event_snapshot_service as service_module
+from services.workflow_event_snapshot_service import BufferState, MessageContext, build_workflow_event_stream
+
+
+def _build_workflow_run_additional(status: WorkflowExecutionStatus = WorkflowExecutionStatus.RUNNING) -> WorkflowRun:
+    return WorkflowRun(
+        id="run-1",
+        tenant_id="tenant-1",
+        app_id="app-1",
+        workflow_id="workflow-1",
+        type="workflow",
+        triggered_from="app-run",
+        version="v1",
+        graph=None,
+        inputs=json.dumps({"query": "hello"}),
+        status=status,
+        outputs=json.dumps({}),
+        error=None,
+        elapsed_time=1.2,
+        total_tokens=5,
+        total_steps=2,
+        created_by_role=CreatorUserRole.END_USER,
+        created_by="user-1",
+        created_at=datetime(2024, 1, 1, tzinfo=UTC),
+    )
+
+
+def _build_resumption_context_additional(task_id: str) -> WorkflowResumptionContext:
+    app_config = WorkflowUIBasedAppConfig(
+        tenant_id="tenant-1",
+        app_id="app-1",
+        app_mode=AppMode.WORKFLOW,
+        workflow_id="workflow-1",
+    )
+    generate_entity = WorkflowAppGenerateEntity(
+        task_id=task_id,
+        app_config=app_config,
+        inputs={},
+        files=[],
+        user_id="user-1",
+        stream=True,
+        invoke_from=InvokeFrom.EXPLORE,
+        call_depth=0,
+        workflow_execution_id="run-1",
+    )
+    runtime_state = GraphRuntimeState(variable_pool=VariablePool(), start_at=0.0)
+    runtime_state.outputs = {"answer": "ok"}
+    wrapper = _WorkflowGenerateEntityWrapper(entity=generate_entity)
+    return WorkflowResumptionContext(
+        generate_entity=wrapper,
+        serialized_graph_runtime_state=runtime_state.dumps(),
+    )
+
+
+class _SessionContext:
+    def __init__(self, session: Any) -> None:
+        self._session = session
+
+    def __enter__(self) -> Any:
+        return self._session
+
+    def __exit__(self, exc_type: Any, exc: Any, tb: Any) -> bool:
+        return False
+
+
+class _SessionMaker:
+    def __init__(self, session: Any) -> None:
+        self._session = session
+
+    def __call__(self) -> _SessionContext:
+        return _SessionContext(self._session)
+
+
+class _SubscriptionContext:
+    def __init__(self, subscription: Any) -> None:
+        self._subscription = subscription
+
+    def __enter__(self) -> Any:
+        return self._subscription
+
+    def __exit__(self, exc_type: Any, exc: Any, tb: Any) -> bool:
+        return False
+
+
+class _Topic:
+    def __init__(self, subscription: Any) -> None:
+        self._subscription = subscription
+
+    def subscribe(self) -> _SubscriptionContext:
+        return _SubscriptionContext(self._subscription)
+
+
+class _StaticSubscription:
+    def receive(self, timeout: int = 1) -> None:
+        return None
+
+
+@dataclass(frozen=True)
+class _PauseEntity(WorkflowPauseEntity):
+    state: bytes
+
+    @property
+    def id(self) -> str:
+        return "pause-1"
+
+    @property
+    def workflow_execution_id(self) -> str:
+        return "run-1"
+
+    @property
+    def resumed_at(self) -> datetime | None:
+        return None
+
+    @property
+    def paused_at(self) -> datetime:
+        return datetime(2024, 1, 1, tzinfo=UTC)
+
+    def get_state(self) -> bytes:
+        return self.state
+
+    def get_pause_reasons(self) -> list[Any]:
+        return []
+
+
+def test_get_message_context_should_return_none_when_no_message() -> None:
+    # Arrange
+    session = SimpleNamespace(scalar=MagicMock(return_value=None))
+    session_maker = _SessionMaker(session)
+
+    # Act
+    result = service_module._get_message_context(cast(sessionmaker[Session], session_maker), "run-1")
+
+    # Assert
+    assert result is None
+
+
+def test_get_message_context_should_default_created_at_to_zero_when_message_has_no_timestamp() -> None:
+    # Arrange
+    message = SimpleNamespace(
+        id="msg-1",
+        conversation_id="conv-1",
+        created_at=None,
+        answer="answer",
+    )
+    session = SimpleNamespace(scalar=MagicMock(return_value=message))
+    session_maker = _SessionMaker(session)
+
+    # Act
+    result = service_module._get_message_context(cast(sessionmaker[Session], session_maker), "run-1")
+
+    # Assert
+    assert result is not None
+    assert result.created_at == 0
+    assert result.message_id == "msg-1"
+    assert result.conversation_id == "conv-1"
+    assert result.answer == "answer"
+
+
+def test_load_resumption_context_should_return_none_when_pause_entity_missing() -> None:
+    # Arrange
+
+    # Act
+    result = service_module._load_resumption_context(None)
+
+    # Assert
+    assert result is None
+
+
+def test_load_resumption_context_should_return_none_when_pause_entity_state_is_invalid() -> None:
+    # Arrange
+    pause_entity = _PauseEntity(state=b"not-a-valid-state")
+
+    # Act
+    result = service_module._load_resumption_context(pause_entity)
+
+    # Assert
+    assert result is None
+
+
+def test_load_resumption_context_should_parse_valid_state_into_context() -> None:
+    # Arrange
+    context = _build_resumption_context_additional(task_id="task-ctx")
+    pause_entity = _PauseEntity(state=context.dumps().encode())
+
+    # Act
+    result = service_module._load_resumption_context(pause_entity)
+
+    # Assert
+    assert result is not None
+    assert result.get_generate_entity().task_id == "task-ctx"
+
+
+def test_resolve_task_id_should_return_workflow_run_id_when_buffer_state_is_missing() -> None:
+    # Arrange
+
+    # Act
+    result = service_module._resolve_task_id(
+        resumption_context=None,
+        buffer_state=None,
+        workflow_run_id="run-1",
+    )
+
+    # Assert
+    assert result == "run-1"
+
+
+@pytest.mark.parametrize(
+    ("payload", "expected"),
+    [
+        (b'{"event":"node_started"}', {"event": "node_started"}),
+        (b"invalid-json", None),
+        (b"[]", None),
+    ],
+)
+def test_parse_event_message_should_parse_only_json_object(
+    payload: bytes,
+    expected: dict[str, Any] | None,
+) -> None:
+    # Arrange
+
+    # Act
+    result = service_module._parse_event_message(payload)
+
+    # Assert
+    assert result == expected
+
+
+def test_is_terminal_event_should_recognize_finished_and_optional_paused_events() -> None:
+    # Arrange
+    finished_event = {"event": StreamEvent.WORKFLOW_FINISHED.value}
+    paused_event = {"event": StreamEvent.WORKFLOW_PAUSED.value}
+
+    # Act
+    is_finished = service_module._is_terminal_event(finished_event, include_paused=False)
+    paused_without_flag = service_module._is_terminal_event(paused_event, include_paused=False)
+    paused_with_flag = service_module._is_terminal_event(paused_event, include_paused=True)
+
+    # Assert
+    assert is_finished is True
+    assert paused_without_flag is False
+    assert paused_with_flag is True
+    assert service_module._is_terminal_event(StreamEvent.PING.value, include_paused=True) is False
+
+
+def test_apply_message_context_should_update_payload_when_context_exists() -> None:
+    # Arrange
+    payload: dict[str, Any] = {"event": "workflow_started"}
+    context = MessageContext(conversation_id="conv-1", message_id="msg-1", created_at=1700000000)
+
+    # Act
+    service_module._apply_message_context(payload, context)
+
+    # Assert
+    assert payload["conversation_id"] == "conv-1"
+    assert payload["message_id"] == "msg-1"
+    assert payload["created_at"] == 1700000000
+
+
+def test_start_buffering_should_capture_task_id_and_enqueue_event() -> None:
+    # Arrange
+    class Subscription:
+        def __init__(self) -> None:
+            self._calls = 0
+
+        def receive(self, timeout: int = 1) -> bytes | None:
+            self._calls += 1
+            if self._calls == 1:
+                return b'{"event":"node_started","task_id":"task-1"}'
+            return None
+
+    subscription = Subscription()
+
+    # Act
+    buffer_state = service_module._start_buffering(subscription)
+    ready = buffer_state.task_id_ready.wait(timeout=1)
+    event = buffer_state.queue.get(timeout=1)
+    buffer_state.stop_event.set()
+    finished = buffer_state.done_event.wait(timeout=1)
+
+    # Assert
+    assert ready is True
+    assert finished is True
+    assert buffer_state.task_id_hint == "task-1"
+    assert event["event"] == "node_started"
+
+
+def test_start_buffering_should_drop_old_event_when_queue_is_full(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    class QueueWithSingleFull:
+        def __init__(self) -> None:
+            self._first_put = True
+            self.items: list[dict[str, Any]] = [{"event": "old"}]
+
+        def put_nowait(self, item: dict[str, Any]) -> None:
+            if self._first_put:
+                self._first_put = False
+                raise queue.Full
+            self.items.append(item)
+
+        def get_nowait(self) -> dict[str, Any]:
+            if not self.items:
+                raise queue.Empty
+            return self.items.pop(0)
+
+        def empty(self) -> bool:
+            return len(self.items) == 0
+
+    fake_queue = QueueWithSingleFull()
+    monkeypatch.setattr(service_module.queue, "Queue", lambda maxsize=2048: fake_queue)
+
+    class Subscription:
+        def __init__(self) -> None:
+            self._calls = 0
+
+        def receive(self, timeout: int = 1) -> bytes | None:
+            self._calls += 1
+            if self._calls == 1:
+                return b'{"event":"node_started","task_id":"task-2"}'
+            return None
+
+    subscription = Subscription()
+
+    # Act
+    buffer_state = service_module._start_buffering(subscription)
+    ready = buffer_state.task_id_ready.wait(timeout=1)
+    buffer_state.stop_event.set()
+    finished = buffer_state.done_event.wait(timeout=1)
+
+    # Assert
+    assert ready is True
+    assert finished is True
+    assert fake_queue.items[-1]["task_id"] == "task-2"
+
+
+def test_start_buffering_should_set_done_event_when_subscription_raises() -> None:
+    # Arrange
+    class Subscription:
+        def receive(self, timeout: int = 1) -> bytes | None:
+            raise RuntimeError("subscription failure")
+
+    subscription = Subscription()
+
+    # Act
+    buffer_state = service_module._start_buffering(subscription)
+    finished = buffer_state.done_event.wait(timeout=1)
+
+    # Assert
+    assert finished is True
+
+
+def test_build_workflow_event_stream_should_emit_ping_and_terminal_snapshot_event(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    workflow_run = _build_workflow_run_additional(status=WorkflowExecutionStatus.RUNNING)
+    topic = _Topic(_StaticSubscription())
+    workflow_run_repo = SimpleNamespace(get_workflow_pause=MagicMock())
+    node_repo = SimpleNamespace(get_execution_snapshots_by_workflow_run=MagicMock(return_value=[]))
+    factory = SimpleNamespace(
+        create_api_workflow_run_repository=MagicMock(return_value=workflow_run_repo),
+        create_api_workflow_node_execution_repository=MagicMock(return_value=node_repo),
+    )
+    monkeypatch.setattr(service_module, "DifyAPIRepositoryFactory", factory)
+    monkeypatch.setattr(service_module.MessageGenerator, "get_response_topic", MagicMock(return_value=topic))
+    monkeypatch.setattr(
+        service_module,
+        "_get_message_context",
+        MagicMock(return_value=MessageContext("conv-1", "msg-1", 1700000000)),
+    )
+    monkeypatch.setattr(service_module, "_load_resumption_context", MagicMock(return_value=None))
+    buffer_state = BufferState(
+        queue=queue.Queue(),
+        stop_event=Event(),
+        done_event=Event(),
+        task_id_ready=Event(),
+        task_id_hint="task-1",
+    )
+    monkeypatch.setattr(service_module, "_start_buffering", MagicMock(return_value=buffer_state))
+    monkeypatch.setattr(service_module, "_resolve_task_id", MagicMock(return_value="task-1"))
+    monkeypatch.setattr(
+        service_module,
+        "_build_snapshot_events",
+        MagicMock(return_value=[{"event": StreamEvent.WORKFLOW_FINISHED.value, "task_id": "task-1"}]),
+    )
+
+    # Act
+    events = list(
+        build_workflow_event_stream(
+            app_mode=AppMode.ADVANCED_CHAT,
+            workflow_run=workflow_run,
+            tenant_id="tenant-1",
+            app_id="app-1",
+            session_maker=MagicMock(),
+        )
+    )
+
+    # Assert
+    assert events[0] == StreamEvent.PING.value
+    finished_event = cast(Mapping[str, Any], events[1])
+    assert finished_event["event"] == StreamEvent.WORKFLOW_FINISHED.value
+    assert buffer_state.stop_event.is_set() is True
+    node_repo.get_execution_snapshots_by_workflow_run.assert_called_once()
+    called_kwargs = node_repo.get_execution_snapshots_by_workflow_run.call_args.kwargs
+    assert called_kwargs["workflow_run_id"] == "run-1"
+
+
+def test_build_workflow_event_stream_should_emit_periodic_ping_and_stop_after_idle_timeout(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    workflow_run = _build_workflow_run_additional(status=WorkflowExecutionStatus.RUNNING)
+    topic = _Topic(_StaticSubscription())
+    workflow_run_repo = SimpleNamespace(get_workflow_pause=MagicMock())
+    node_repo = SimpleNamespace(get_execution_snapshots_by_workflow_run=MagicMock(return_value=[]))
+    factory = SimpleNamespace(
+        create_api_workflow_run_repository=MagicMock(return_value=workflow_run_repo),
+        create_api_workflow_node_execution_repository=MagicMock(return_value=node_repo),
+    )
+    monkeypatch.setattr(service_module, "DifyAPIRepositoryFactory", factory)
+    monkeypatch.setattr(service_module.MessageGenerator, "get_response_topic", MagicMock(return_value=topic))
+    monkeypatch.setattr(service_module, "_load_resumption_context", MagicMock(return_value=None))
+    monkeypatch.setattr(service_module, "_build_snapshot_events", MagicMock(return_value=[]))
+    monkeypatch.setattr(service_module, "_resolve_task_id", MagicMock(return_value="task-1"))
+
+    class AlwaysEmptyQueue:
+        def empty(self) -> bool:
+            return False
+
+        def get(self, timeout: int = 1) -> None:
+            raise queue.Empty
+
+    buffer_state = BufferState(
+        queue=AlwaysEmptyQueue(),  # type: ignore[arg-type]
+        stop_event=Event(),
+        done_event=Event(),
+        task_id_ready=Event(),
+        task_id_hint="task-1",
+    )
+    monkeypatch.setattr(service_module, "_start_buffering", MagicMock(return_value=buffer_state))
+    time_values = cycle([0.0, 6.0, 21.0, 26.0])
+    monkeypatch.setattr(service_module.time, "time", lambda: next(time_values))
+
+    # Act
+    events = list(
+        build_workflow_event_stream(
+            app_mode=AppMode.WORKFLOW,
+            workflow_run=workflow_run,
+            tenant_id="tenant-1",
+            app_id="app-1",
+            session_maker=MagicMock(),
+            idle_timeout=20.0,
+            ping_interval=5.0,
+        )
+    )
+
+    # Assert
+    assert events == [StreamEvent.PING.value, StreamEvent.PING.value]
+    assert buffer_state.stop_event.is_set() is True
+
+
+def test_build_workflow_event_stream_should_exit_when_buffer_done_and_empty(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    workflow_run = _build_workflow_run_additional(status=WorkflowExecutionStatus.RUNNING)
+    topic = _Topic(_StaticSubscription())
+    workflow_run_repo = SimpleNamespace(get_workflow_pause=MagicMock())
+    node_repo = SimpleNamespace(get_execution_snapshots_by_workflow_run=MagicMock(return_value=[]))
+    factory = SimpleNamespace(
+        create_api_workflow_run_repository=MagicMock(return_value=workflow_run_repo),
+        create_api_workflow_node_execution_repository=MagicMock(return_value=node_repo),
+    )
+    monkeypatch.setattr(service_module, "DifyAPIRepositoryFactory", factory)
+    monkeypatch.setattr(service_module.MessageGenerator, "get_response_topic", MagicMock(return_value=topic))
+    monkeypatch.setattr(service_module, "_load_resumption_context", MagicMock(return_value=None))
+    monkeypatch.setattr(service_module, "_build_snapshot_events", MagicMock(return_value=[]))
+    monkeypatch.setattr(service_module, "_resolve_task_id", MagicMock(return_value="task-1"))
+    buffer_state = BufferState(
+        queue=queue.Queue(),
+        stop_event=Event(),
+        done_event=Event(),
+        task_id_ready=Event(),
+        task_id_hint="task-1",
+    )
+    buffer_state.done_event.set()
+    monkeypatch.setattr(service_module, "_start_buffering", MagicMock(return_value=buffer_state))
+
+    # Act
+    events = list(
+        build_workflow_event_stream(
+            app_mode=AppMode.WORKFLOW,
+            workflow_run=workflow_run,
+            tenant_id="tenant-1",
+            app_id="app-1",
+            session_maker=MagicMock(),
+        )
+    )
+
+    # Assert
+    assert events == [StreamEvent.PING.value]
+    assert buffer_state.stop_event.is_set() is True
+
+
+def test_build_workflow_event_stream_should_continue_when_pause_loading_fails(
+    monkeypatch: pytest.MonkeyPatch,
+) -> None:
+    # Arrange
+    workflow_run = _build_workflow_run_additional(status=WorkflowExecutionStatus.PAUSED)
+    topic = _Topic(_StaticSubscription())
+    workflow_run_repo = SimpleNamespace(get_workflow_pause=MagicMock(side_effect=RuntimeError("boom")))
+    node_repo = SimpleNamespace(get_execution_snapshots_by_workflow_run=MagicMock(return_value=[]))
+    factory = SimpleNamespace(
+        create_api_workflow_run_repository=MagicMock(return_value=workflow_run_repo),
+        create_api_workflow_node_execution_repository=MagicMock(return_value=node_repo),
+    )
+    monkeypatch.setattr(service_module, "DifyAPIRepositoryFactory", factory)
+    monkeypatch.setattr(service_module.MessageGenerator, "get_response_topic", MagicMock(return_value=topic))
+    monkeypatch.setattr(service_module, "_load_resumption_context", MagicMock(return_value=None))
+    monkeypatch.setattr(service_module, "_resolve_task_id", MagicMock(return_value="task-1"))
+    snapshot_builder = MagicMock(return_value=[{"event": StreamEvent.WORKFLOW_FINISHED.value}])
+    monkeypatch.setattr(service_module, "_build_snapshot_events", snapshot_builder)
+    buffer_state = BufferState(
+        queue=queue.Queue(),
+        stop_event=Event(),
+        done_event=Event(),
+        task_id_ready=Event(),
+        task_id_hint="task-1",
+    )
+    monkeypatch.setattr(service_module, "_start_buffering", MagicMock(return_value=buffer_state))
+
+    # Act
+    events = list(
+        build_workflow_event_stream(
+            app_mode=AppMode.WORKFLOW,
+            workflow_run=workflow_run,
+            tenant_id="tenant-1",
+            app_id="app-1",
+            session_maker=MagicMock(),
+        )
+    )
+
+    # Assert
+    assert events[0] == StreamEvent.PING.value
+    assert snapshot_builder.call_args.kwargs["pause_entity"] is None
diff --git a/api/tests/unit_tests/tasks/test_dataset_indexing_task.py b/api/tests/unit_tests/tasks/test_dataset_indexing_task.py
index 0b189ebae2..34e474c921 100644
--- a/api/tests/unit_tests/tasks/test_dataset_indexing_task.py
+++ b/api/tests/unit_tests/tasks/test_dataset_indexing_task.py
@@ -10,6 +10,8 @@ This module tests the document indexing task functionality including:
 """
 
 import uuid
+from contextlib import nullcontext
+from types import SimpleNamespace
 from unittest.mock import MagicMock, Mock, patch
 
 import pytest
@@ -1113,13 +1115,17 @@ class TestAdvancedScenarios:
             _document_indexing_with_tenant_queue(tenant_id, dataset_id, document_ids, mock_task)
 
             # Assert
-            # Verify delete was called to clean up task key
-            mock_redis.delete.assert_called_once()
+            expected_task_key = f"tenant_document_indexing_task:{tenant_id}"
 
-            # Verify the correct key was deleted (contains tenant_id and "document_indexing")
-            delete_call_args = mock_redis.delete.call_args[0][0]
-            assert tenant_id in delete_call_args
-            assert "document_indexing" in delete_call_args
+            # Verify the task key for this tenant was deleted (do not assert call count; fixtures may be shared).
+            mock_redis.delete.assert_any_call(expected_task_key)
+
+            deleted_keys = [delete_call.args[0] for delete_call in mock_redis.delete.call_args_list if delete_call.args]
+            assert expected_task_key in deleted_keys
+
+            deleted_task_key = next(key for key in deleted_keys if key == expected_task_key)
+            assert tenant_id in deleted_task_key
+            assert "document_indexing" in deleted_task_key
 
     def test_billing_disabled_skips_limit_checks(
         self, dataset_id, document_ids, mock_db_session, mock_dataset, mock_indexing_runner, mock_feature_service
@@ -1510,3 +1516,475 @@ class TestRobustness:
 
             # Verify the exception message
             assert "Feature service" in str(exc_info.value) or isinstance(exc_info.value, Exception)
+
+
+class _SessionContext:
+    def __init__(self, session: MagicMock) -> None:
+        self._session = session
+
+    def __enter__(self) -> MagicMock:
+        return self._session
+
+    def __exit__(self, exc_type, exc, tb) -> None:  # type: ignore[override]
+        return None
+
+
+class TestDocumentIndexingTaskSummaryFlow:
+    """Additional coverage for summary and tenant queue branches."""
+
+    def test_should_return_when_dataset_missing(self, monkeypatch: pytest.MonkeyPatch) -> None:
+        """Test early return when dataset does not exist."""
+        # Arrange
+        session = MagicMock()
+        dataset_query = MagicMock()
+        dataset_query.where.return_value = dataset_query
+        dataset_query.first.return_value = None
+        session.query.side_effect = lambda model: dataset_query
+
+        create_session_mock = MagicMock(return_value=_SessionContext(session))
+        monkeypatch.setattr("tasks.document_indexing_task.session_factory.create_session", create_session_mock)
+        features_mock = MagicMock()
+        monkeypatch.setattr("tasks.document_indexing_task.FeatureService.get_features", features_mock)
+
+        # Act
+        _document_indexing("dataset-1", ["doc-1"])
+
+        # Assert
+        features_mock.assert_not_called()
+
+    def test_should_mark_documents_error_when_batch_upload_limit_exceeded(
+        self, monkeypatch: pytest.MonkeyPatch
+    ) -> None:
+        """Test batch upload limit triggers error handling."""
+        # Arrange
+        dataset = SimpleNamespace(id="dataset-1", tenant_id="tenant-1")
+        document = SimpleNamespace(id="doc-1", indexing_status=None, error=None, stopped_at=None)
+
+        dataset_query = MagicMock()
+        dataset_query.where.return_value = dataset_query
+        dataset_query.first.return_value = dataset
+
+        document_query = MagicMock()
+        document_query.where.return_value = document_query
+        document_query.first.return_value = document
+
+        session = MagicMock()
+        session.query.side_effect = lambda model: dataset_query if model is Dataset else document_query
+
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.session_factory.create_session",
+            MagicMock(return_value=_SessionContext(session)),
+        )
+
+        features = SimpleNamespace(
+            billing=SimpleNamespace(
+                enabled=True,
+                subscription=SimpleNamespace(plan=CloudPlan.PROFESSIONAL),
+            ),
+            vector_space=SimpleNamespace(limit=0, size=0),
+        )
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.FeatureService.get_features", MagicMock(return_value=features)
+        )
+        monkeypatch.setattr("tasks.document_indexing_task.dify_config.BATCH_UPLOAD_LIMIT", "1")
+
+        # Act
+        _document_indexing("dataset-1", ["doc-1", "doc-2"])
+
+        # Assert
+        assert document.indexing_status == "error"
+        assert "batch upload limit" in document.error
+        session.commit.assert_called_once()
+
+    def test_should_queue_summary_generation_for_completed_documents(self, monkeypatch: pytest.MonkeyPatch) -> None:
+        """Test summary generation is queued for eligible documents."""
+        # Arrange
+        dataset = SimpleNamespace(
+            id="dataset-1",
+            tenant_id="tenant-1",
+            indexing_technique="high_quality",
+            summary_index_setting={"enable": True},
+        )
+
+        doc_eligible = SimpleNamespace(
+            id="doc-1",
+            indexing_status="completed",
+            doc_form="text",
+            need_summary=True,
+        )
+        doc_skip_form = SimpleNamespace(
+            id="doc-2",
+            indexing_status="completed",
+            doc_form="qa_model",
+            need_summary=True,
+        )
+        doc_skip_status = SimpleNamespace(
+            id="doc-3",
+            indexing_status="processing",
+            doc_form="text",
+            need_summary=True,
+        )
+
+        dataset_query = MagicMock()
+        dataset_query.where.return_value = dataset_query
+        dataset_query.first.return_value = dataset
+
+        phase1_docs = [SimpleNamespace(id="doc-1"), SimpleNamespace(id="doc-2"), SimpleNamespace(id="doc-3")]
+        phase1_document_query = MagicMock()
+        phase1_document_query.where.return_value = phase1_document_query
+        phase1_document_query.all.return_value = phase1_docs
+
+        summary_document_query = MagicMock()
+        summary_document_query.where.return_value = summary_document_query
+        summary_document_query.all.return_value = [doc_eligible, doc_skip_form, doc_skip_status]
+
+        session1 = MagicMock()
+        session2 = MagicMock()
+        session2.begin.return_value = nullcontext()
+        session3 = MagicMock()
+
+        session1.query.side_effect = lambda model: dataset_query
+        session2.query.side_effect = lambda model: phase1_document_query
+        session3.query.side_effect = lambda model: summary_document_query if model is Document else dataset_query
+
+        create_session_mock = MagicMock(
+            side_effect=[_SessionContext(session1), _SessionContext(session2), _SessionContext(session3)]
+        )
+        monkeypatch.setattr("tasks.document_indexing_task.session_factory.create_session", create_session_mock)
+
+        features = SimpleNamespace(
+            billing=SimpleNamespace(enabled=False),
+            vector_space=SimpleNamespace(limit=0, size=0),
+        )
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.FeatureService.get_features", MagicMock(return_value=features)
+        )
+
+        indexing_runner = MagicMock()
+        monkeypatch.setattr("tasks.document_indexing_task.IndexingRunner", MagicMock(return_value=indexing_runner))
+        delay_mock = MagicMock()
+        monkeypatch.setattr("tasks.document_indexing_task.generate_summary_index_task.delay", delay_mock)
+
+        # Act
+        _document_indexing("dataset-1", ["doc-1", "doc-2", "doc-3"])
+
+        # Assert
+        delay_mock.assert_called_once_with("dataset-1", "doc-1", None)
+
+    def test_should_continue_when_summary_queue_fails(self, monkeypatch: pytest.MonkeyPatch) -> None:
+        """Test summary queueing errors are swallowed."""
+        # Arrange
+        dataset = SimpleNamespace(
+            id="dataset-1",
+            tenant_id="tenant-1",
+            indexing_technique="high_quality",
+            summary_index_setting={"enable": True},
+        )
+
+        doc_eligible = SimpleNamespace(
+            id="doc-1",
+            indexing_status="completed",
+            doc_form="text",
+            need_summary=True,
+        )
+
+        dataset_query = MagicMock()
+        dataset_query.where.return_value = dataset_query
+        dataset_query.first.return_value = dataset
+
+        phase1_query = MagicMock()
+        phase1_query.where.return_value = phase1_query
+        phase1_query.all.return_value = [SimpleNamespace(id="doc-1")]
+
+        summary_query = MagicMock()
+        summary_query.where.return_value = summary_query
+        summary_query.all.return_value = [doc_eligible]
+
+        session1 = MagicMock()
+        session2 = MagicMock()
+        session2.begin.return_value = nullcontext()
+        session3 = MagicMock()
+        session1.query.side_effect = lambda model: dataset_query
+        session2.query.side_effect = lambda model: phase1_query
+        session3.query.side_effect = lambda model: summary_query if model is Document else dataset_query
+
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.session_factory.create_session",
+            MagicMock(side_effect=[_SessionContext(session1), _SessionContext(session2), _SessionContext(session3)]),
+        )
+
+        features = SimpleNamespace(
+            billing=SimpleNamespace(enabled=False),
+            vector_space=SimpleNamespace(limit=0, size=0),
+        )
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.FeatureService.get_features", MagicMock(return_value=features)
+        )
+
+        indexing_runner = MagicMock()
+        monkeypatch.setattr("tasks.document_indexing_task.IndexingRunner", MagicMock(return_value=indexing_runner))
+        delay_mock = MagicMock(side_effect=Exception("boom"))
+        monkeypatch.setattr("tasks.document_indexing_task.generate_summary_index_task.delay", delay_mock)
+
+        # Act
+        _document_indexing("dataset-1", ["doc-1"])
+
+        # Assert
+        delay_mock.assert_called_once_with("dataset-1", "doc-1", None)
+
+    def test_should_return_when_dataset_missing_after_indexing(self, monkeypatch: pytest.MonkeyPatch) -> None:
+        """Test early return when dataset is missing after indexing."""
+        # Arrange
+        dataset = SimpleNamespace(id="dataset-1", tenant_id="tenant-1")
+        dataset_query = MagicMock()
+        dataset_query.where.return_value = dataset_query
+        dataset_query.first.side_effect = [dataset, None]
+
+        document_query = MagicMock()
+        document_query.where.return_value = document_query
+        document_query.all.return_value = [SimpleNamespace(id="doc-1")]
+
+        session1 = MagicMock()
+        session2 = MagicMock()
+        session2.begin.return_value = nullcontext()
+        session3 = MagicMock()
+        session1.query.side_effect = lambda model: dataset_query
+        session2.query.side_effect = lambda model: document_query
+        session3.query.side_effect = lambda model: dataset_query
+
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.session_factory.create_session",
+            MagicMock(side_effect=[_SessionContext(session1), _SessionContext(session2), _SessionContext(session3)]),
+        )
+
+        features = SimpleNamespace(
+            billing=SimpleNamespace(enabled=False),
+            vector_space=SimpleNamespace(limit=0, size=0),
+        )
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.FeatureService.get_features", MagicMock(return_value=features)
+        )
+        monkeypatch.setattr("tasks.document_indexing_task.IndexingRunner", MagicMock(return_value=MagicMock()))
+
+        # Act
+        _document_indexing("dataset-1", ["doc-1"])
+
+        # Assert
+        session3.query.assert_called()
+
+    def test_should_skip_summary_when_not_high_quality(self, monkeypatch: pytest.MonkeyPatch) -> None:
+        """Test summary generation skipped when indexing_technique is not high_quality."""
+        # Arrange
+        dataset = SimpleNamespace(
+            id="dataset-1",
+            tenant_id="tenant-1",
+            indexing_technique="economy",
+            summary_index_setting={"enable": True},
+        )
+        dataset_query = MagicMock()
+        dataset_query.where.return_value = dataset_query
+        dataset_query.first.return_value = dataset
+
+        document_query = MagicMock()
+        document_query.where.return_value = document_query
+        document_query.all.return_value = [SimpleNamespace(id="doc-1")]
+
+        session1 = MagicMock()
+        session2 = MagicMock()
+        session2.begin.return_value = nullcontext()
+        session3 = MagicMock()
+        session1.query.side_effect = lambda model: dataset_query
+        session2.query.side_effect = lambda model: document_query
+        session3.query.side_effect = lambda model: dataset_query
+
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.session_factory.create_session",
+            MagicMock(side_effect=[_SessionContext(session1), _SessionContext(session2), _SessionContext(session3)]),
+        )
+
+        features = SimpleNamespace(
+            billing=SimpleNamespace(enabled=False),
+            vector_space=SimpleNamespace(limit=0, size=0),
+        )
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.FeatureService.get_features", MagicMock(return_value=features)
+        )
+        monkeypatch.setattr("tasks.document_indexing_task.IndexingRunner", MagicMock(return_value=MagicMock()))
+
+        delay_mock = MagicMock()
+        monkeypatch.setattr("tasks.document_indexing_task.generate_summary_index_task.delay", delay_mock)
+
+        # Act
+        _document_indexing("dataset-1", ["doc-1"])
+
+        # Assert
+        delay_mock.assert_not_called()
+
+    def test_should_skip_summary_generation_when_indexing_paused(self, monkeypatch: pytest.MonkeyPatch) -> None:
+        """Test summary generation is skipped when indexing is paused."""
+        # Arrange
+        dataset = SimpleNamespace(id="dataset-1", tenant_id="tenant-1")
+        dataset_query = MagicMock()
+        dataset_query.where.return_value = dataset_query
+        dataset_query.first.return_value = dataset
+
+        document_query = MagicMock()
+        document_query.where.return_value = document_query
+        document_query.all.return_value = [SimpleNamespace(id="doc-1")]
+
+        session1 = MagicMock()
+        session2 = MagicMock()
+        session2.begin.return_value = nullcontext()
+        session1.query.side_effect = lambda model: dataset_query
+        session2.query.side_effect = lambda model: document_query
+
+        create_session_mock = MagicMock(side_effect=[_SessionContext(session1), _SessionContext(session2)])
+        monkeypatch.setattr("tasks.document_indexing_task.session_factory.create_session", create_session_mock)
+
+        features = SimpleNamespace(
+            billing=SimpleNamespace(enabled=False),
+            vector_space=SimpleNamespace(limit=0, size=0),
+        )
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.FeatureService.get_features", MagicMock(return_value=features)
+        )
+
+        runner = MagicMock()
+        runner.run.side_effect = DocumentIsPausedError("paused")
+        monkeypatch.setattr("tasks.document_indexing_task.IndexingRunner", MagicMock(return_value=runner))
+        delay_mock = MagicMock()
+        monkeypatch.setattr("tasks.document_indexing_task.generate_summary_index_task.delay", delay_mock)
+
+        # Act
+        _document_indexing("dataset-1", ["doc-1"])
+
+        # Assert
+        delay_mock.assert_not_called()
+
+    def test_should_handle_indexing_runner_exception(self, monkeypatch: pytest.MonkeyPatch) -> None:
+        """Test generic indexing runner exception is handled."""
+        # Arrange
+        dataset = SimpleNamespace(id="dataset-1", tenant_id="tenant-1")
+        dataset_query = MagicMock()
+        dataset_query.where.return_value = dataset_query
+        dataset_query.first.return_value = dataset
+
+        document_query = MagicMock()
+        document_query.where.return_value = document_query
+        document_query.all.return_value = [SimpleNamespace(id="doc-1")]
+
+        session1 = MagicMock()
+        session2 = MagicMock()
+        session2.begin.return_value = nullcontext()
+        session1.query.side_effect = lambda model: dataset_query
+        session2.query.side_effect = lambda model: document_query
+
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.session_factory.create_session",
+            MagicMock(side_effect=[_SessionContext(session1), _SessionContext(session2)]),
+        )
+
+        features = SimpleNamespace(
+            billing=SimpleNamespace(enabled=False),
+            vector_space=SimpleNamespace(limit=0, size=0),
+        )
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.FeatureService.get_features", MagicMock(return_value=features)
+        )
+
+        runner = MagicMock()
+        runner.run.side_effect = RuntimeError("boom")
+        monkeypatch.setattr("tasks.document_indexing_task.IndexingRunner", MagicMock(return_value=runner))
+
+        delay_mock = MagicMock()
+        monkeypatch.setattr("tasks.document_indexing_task.generate_summary_index_task.delay", delay_mock)
+
+        # Act
+        _document_indexing("dataset-1", ["doc-1"])
+
+        # Assert
+        delay_mock.assert_not_called()
+
+    def test_should_log_missing_document_entry_in_summary_list(self, monkeypatch: pytest.MonkeyPatch) -> None:
+        """Test falsey document entries are handled in summary iteration."""
+
+        # Arrange
+        class _FalseyDocument:
+            def __init__(self, doc_id: str) -> None:
+                self.id = doc_id
+
+            def __bool__(self) -> bool:
+                return False
+
+        dataset = SimpleNamespace(
+            id="dataset-1",
+            tenant_id="tenant-1",
+            indexing_technique="high_quality",
+            summary_index_setting={"enable": True},
+        )
+        dataset_query = MagicMock()
+        dataset_query.where.return_value = dataset_query
+        dataset_query.first.return_value = dataset
+
+        phase1_query = MagicMock()
+        phase1_query.where.return_value = phase1_query
+        phase1_query.all.return_value = [SimpleNamespace(id="doc-1")]
+
+        summary_query = MagicMock()
+        summary_query.where.return_value = summary_query
+        summary_query.all.return_value = [_FalseyDocument("missing-doc")]
+
+        session1 = MagicMock()
+        session2 = MagicMock()
+        session2.begin.return_value = nullcontext()
+        session3 = MagicMock()
+        session1.query.side_effect = lambda model: dataset_query
+        session2.query.side_effect = lambda model: phase1_query
+        session3.query.side_effect = lambda model: summary_query if model is Document else dataset_query
+
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.session_factory.create_session",
+            MagicMock(side_effect=[_SessionContext(session1), _SessionContext(session2), _SessionContext(session3)]),
+        )
+
+        features = SimpleNamespace(
+            billing=SimpleNamespace(enabled=False),
+            vector_space=SimpleNamespace(limit=0, size=0),
+        )
+        monkeypatch.setattr(
+            "tasks.document_indexing_task.FeatureService.get_features", MagicMock(return_value=features)
+        )
+        monkeypatch.setattr("tasks.document_indexing_task.IndexingRunner", MagicMock(return_value=MagicMock()))
+
+        delay_mock = MagicMock()
+        monkeypatch.setattr("tasks.document_indexing_task.generate_summary_index_task.delay", delay_mock)
+
+        # Act
+        _document_indexing("dataset-1", ["doc-1"])
+
+        # Assert
+        delay_mock.assert_not_called()
+
+    def test_normal_document_indexing_task_should_delegate(self, monkeypatch: pytest.MonkeyPatch) -> None:
+        """Test normal indexing task delegates to tenant queue handler."""
+        # Arrange
+        handler = MagicMock()
+        monkeypatch.setattr("tasks.document_indexing_task._document_indexing_with_tenant_queue", handler)
+
+        # Act
+        normal_document_indexing_task("tenant-1", "dataset-1", ["doc-1"])
+
+        # Assert
+        handler.assert_called_once_with("tenant-1", "dataset-1", ["doc-1"], normal_document_indexing_task)
+
+    def test_priority_document_indexing_task_should_delegate(self, monkeypatch: pytest.MonkeyPatch) -> None:
+        """Test priority indexing task delegates to tenant queue handler."""
+        # Arrange
+        handler = MagicMock()
+        monkeypatch.setattr("tasks.document_indexing_task._document_indexing_with_tenant_queue", handler)
+
+        # Act
+        priority_document_indexing_task("tenant-1", "dataset-1", ["doc-1"])
+
+        # Assert
+        handler.assert_called_once_with("tenant-1", "dataset-1", ["doc-1"], priority_document_indexing_task)
diff --git a/api/uv.lock b/api/uv.lock
index 9381fabb40..d171483d37 100644
--- a/api/uv.lock
+++ b/api/uv.lock
@@ -53,23 +53,6 @@ dependencies = [
 ]
 sdist = { url = "https://files.pythonhosted.org/packages/45/4a/064321452809dae953c1ed6e017504e72551a26b6f5708a5a80e4bf556ff/aiohttp-3.13.4.tar.gz", hash = "sha256:d97a6d09c66087890c2ab5d49069e1e570583f7ac0314ecf98294c1b6aaebd38", size = 7859748, upload-time = "2026-03-28T17:19:40.6Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/d4/7e/cb94129302d78c46662b47f9897d642fd0b33bdfef4b73b20c6ced35aa4c/aiohttp-3.13.4-cp311-cp311-macosx_10_9_universal2.whl", hash = "sha256:8ea0c64d1bcbf201b285c2246c51a0c035ba3bbd306640007bc5844a3b4658c1", size = 760027, upload-time = "2026-03-28T17:15:33.022Z" },
-    { url = "https://files.pythonhosted.org/packages/5e/cd/2db3c9397c3bd24216b203dd739945b04f8b87bb036c640da7ddb63c75ef/aiohttp-3.13.4-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:6f742e1fa45c0ed522b00ede565e18f97e4cf8d1883a712ac42d0339dfb0cce7", size = 508325, upload-time = "2026-03-28T17:15:34.714Z" },
-    { url = "https://files.pythonhosted.org/packages/36/a3/d28b2722ec13107f2e37a86b8a169897308bab6a3b9e071ecead9d67bd9b/aiohttp-3.13.4-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:6dcfb50ee25b3b7a1222a9123be1f9f89e56e67636b561441f0b304e25aaef8f", size = 502402, upload-time = "2026-03-28T17:15:36.409Z" },
-    { url = "https://files.pythonhosted.org/packages/fa/d6/acd47b5f17c4430e555590990a4746efbcb2079909bb865516892bf85f37/aiohttp-3.13.4-cp311-cp311-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:3262386c4ff370849863ea93b9ea60fd59c6cf56bf8f93beac625cf4d677c04d", size = 1771224, upload-time = "2026-03-28T17:15:38.223Z" },
-    { url = "https://files.pythonhosted.org/packages/98/af/af6e20113ba6a48fd1cd9e5832c4851e7613ef50c7619acdaee6ec5f1aff/aiohttp-3.13.4-cp311-cp311-manylinux2014_armv7l.manylinux_2_17_armv7l.manylinux_2_31_armv7l.whl", hash = "sha256:473bb5aa4218dd254e9ae4834f20e31f5a0083064ac0136a01a62ddbae2eaa42", size = 1731530, upload-time = "2026-03-28T17:15:39.988Z" },
-    { url = "https://files.pythonhosted.org/packages/81/16/78a2f5d9c124ad05d5ce59a9af94214b6466c3491a25fb70760e98e9f762/aiohttp-3.13.4-cp311-cp311-manylinux2014_ppc64le.manylinux_2_17_ppc64le.manylinux_2_28_ppc64le.whl", hash = "sha256:e56423766399b4c77b965f6aaab6c9546617b8994a956821cc507d00b91d978c", size = 1827925, upload-time = "2026-03-28T17:15:41.944Z" },
-    { url = "https://files.pythonhosted.org/packages/2a/1f/79acf0974ced805e0e70027389fccbb7d728e6f30fcac725fb1071e63075/aiohttp-3.13.4-cp311-cp311-manylinux2014_s390x.manylinux_2_17_s390x.manylinux_2_28_s390x.whl", hash = "sha256:8af249343fafd5ad90366a16d230fc265cf1149f26075dc9fe93cfd7c7173942", size = 1923579, upload-time = "2026-03-28T17:15:44.071Z" },
-    { url = "https://files.pythonhosted.org/packages/af/53/29f9e2054ea6900413f3b4c3eb9d8331f60678ec855f13ba8714c47fd48d/aiohttp-3.13.4-cp311-cp311-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:0bc0a5cf4f10ef5a2c94fdde488734b582a3a7a000b131263e27c9295bd682d9", size = 1767655, upload-time = "2026-03-28T17:15:45.911Z" },
-    { url = "https://files.pythonhosted.org/packages/f3/57/462fe1d3da08109ba4aa8590e7aed57c059af2a7e80ec21f4bac5cfe1094/aiohttp-3.13.4-cp311-cp311-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:5c7ff1028e3c9fc5123a865ce17df1cb6424d180c503b8517afbe89aa566e6be", size = 1630439, upload-time = "2026-03-28T17:15:48.11Z" },
-    { url = "https://files.pythonhosted.org/packages/d7/4b/4813344aacdb8127263e3eec343d24e973421143826364fa9fc847f6283f/aiohttp-3.13.4-cp311-cp311-musllinux_1_2_aarch64.whl", hash = "sha256:ba5cf98b5dcb9bddd857da6713a503fa6d341043258ca823f0f5ab7ab4a94ee8", size = 1745557, upload-time = "2026-03-28T17:15:50.13Z" },
-    { url = "https://files.pythonhosted.org/packages/d4/01/1ef1adae1454341ec50a789f03cfafe4c4ac9c003f6a64515ecd32fe4210/aiohttp-3.13.4-cp311-cp311-musllinux_1_2_armv7l.whl", hash = "sha256:d85965d3ba21ee4999e83e992fecb86c4614d6920e40705501c0a1f80a583c12", size = 1741796, upload-time = "2026-03-28T17:15:52.351Z" },
-    { url = "https://files.pythonhosted.org/packages/22/04/8cdd99af988d2aa6922714d957d21383c559835cbd43fbf5a47ddf2e0f05/aiohttp-3.13.4-cp311-cp311-musllinux_1_2_ppc64le.whl", hash = "sha256:49f0b18a9b05d79f6f37ddd567695943fcefb834ef480f17a4211987302b2dc7", size = 1805312, upload-time = "2026-03-28T17:15:54.407Z" },
-    { url = "https://files.pythonhosted.org/packages/fb/7f/b48d5577338d4b25bbdbae35c75dbfd0493cb8886dc586fbfb2e90862239/aiohttp-3.13.4-cp311-cp311-musllinux_1_2_riscv64.whl", hash = "sha256:7f78cb080c86fbf765920e5f1ef35af3f24ec4314d6675d0a21eaf41f6f2679c", size = 1621751, upload-time = "2026-03-28T17:15:56.564Z" },
-    { url = "https://files.pythonhosted.org/packages/bc/89/4eecad8c1858e6d0893c05929e22343e0ebe3aec29a8a399c65c3cc38311/aiohttp-3.13.4-cp311-cp311-musllinux_1_2_s390x.whl", hash = "sha256:67a3ec705534a614b68bbf1c70efa777a21c3da3895d1c44510a41f5a7ae0453", size = 1826073, upload-time = "2026-03-28T17:15:58.489Z" },
-    { url = "https://files.pythonhosted.org/packages/f5/5c/9dc8293ed31b46c39c9c513ac7ca152b3c3d38e0ea111a530ad12001b827/aiohttp-3.13.4-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:d6630ec917e85c5356b2295744c8a97d40f007f96a1c76bf1928dc2e27465393", size = 1760083, upload-time = "2026-03-28T17:16:00.677Z" },
-    { url = "https://files.pythonhosted.org/packages/1e/19/8bbf6a4994205d96831f97b7d21a0feed120136e6267b5b22d229c6dc4dc/aiohttp-3.13.4-cp311-cp311-win32.whl", hash = "sha256:54049021bc626f53a5394c29e8c444f726ee5a14b6e89e0ad118315b1f90f5e3", size = 439690, upload-time = "2026-03-28T17:16:02.902Z" },
-    { url = "https://files.pythonhosted.org/packages/0c/f5/ac409ecd1007528d15c3e8c3a57d34f334c70d76cfb7128a28cffdebd4c1/aiohttp-3.13.4-cp311-cp311-win_amd64.whl", hash = "sha256:c033f2bc964156030772d31cbf7e5defea181238ce1f87b9455b786de7d30145", size = 463824, upload-time = "2026-03-28T17:16:05.058Z" },
     { url = "https://files.pythonhosted.org/packages/1e/bd/ede278648914cabbabfdf95e436679b5d4156e417896a9b9f4587169e376/aiohttp-3.13.4-cp312-cp312-macosx_10_13_universal2.whl", hash = "sha256:ee62d4471ce86b108b19c3364db4b91180d13fe3510144872d6bad5401957360", size = 752158, upload-time = "2026-03-28T17:16:06.901Z" },
     { url = "https://files.pythonhosted.org/packages/90/de/581c053253c07b480b03785196ca5335e3c606a37dc73e95f6527f1591fe/aiohttp-3.13.4-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:c0fd8f41b54b58636402eb493afd512c23580456f022c1ba2db0f810c959ed0d", size = 501037, upload-time = "2026-03-28T17:16:08.82Z" },
     { url = "https://files.pythonhosted.org/packages/fa/f9/a5ede193c08f13cc42c0a5b50d1e246ecee9115e4cf6e900d8dbd8fd6acb/aiohttp-3.13.4-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:4baa48ce49efd82d6b1a0be12d6a36b35e5594d1dd42f8bfba96ea9f8678b88c", size = 501556, upload-time = "2026-03-28T17:16:10.63Z" },
@@ -1586,7 +1569,7 @@ dev = [
     { name = "lxml-stubs", specifier = "~=0.5.1" },
     { name = "mypy", specifier = "~=1.19.1" },
     { name = "pandas-stubs", specifier = "~=3.0.0" },
-    { name = "pyrefly", specifier = ">=0.57.1" },
+    { name = "pyrefly", specifier = ">=0.59.1" },
     { name = "pytest", specifier = "~=9.0.2" },
     { name = "pytest-benchmark", specifier = "~=5.2.3" },
     { name = "pytest-cov", specifier = "~=7.1.0" },
@@ -4839,18 +4822,19 @@ wheels = [
 
 [[package]]
 name = "pyrefly"
-version = "0.57.1"
+version = "0.59.1"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/c9/c1/c17211e5bbd2b90a24447484713da7cc2cee4e9455e57b87016ffc69d426/pyrefly-0.57.1.tar.gz", hash = "sha256:b05f6f5ee3a6a5d502ca19d84cb9ab62d67f05083819964a48c1510f2993efc6", size = 5310800, upload-time = "2026-03-18T18:42:35.614Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/d5/ce/7882c2af92b2ff6505fcd3430eff8048ece6c6254cc90bdc76ecee12dfab/pyrefly-0.59.1.tar.gz", hash = "sha256:bf1675b0c38d45df2c8f8618cbdfa261a1b92430d9d31eba16e0282b551e210f", size = 5475432, upload-time = "2026-04-01T22:04:04.11Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/b7/58/8af37856c8d45b365ece635a6728a14b0356b08d1ff1ac601d7120def1e0/pyrefly-0.57.1-py3-none-macosx_10_12_x86_64.whl", hash = "sha256:91974bfbe951eebf5a7bc959c1f3921f0371c789cad84761511d695e9ab2265f", size = 12681847, upload-time = "2026-03-18T18:42:10.963Z" },
-    { url = "https://files.pythonhosted.org/packages/5f/d7/fae6dd9d0355fc5b8df7793f1423b7433ca8e10b698ea934c35f0e4e6522/pyrefly-0.57.1-py3-none-macosx_11_0_arm64.whl", hash = "sha256:808087298537c70f5e7cdccb5bbaad482e7e056e947c0adf00fb612cbace9fdc", size = 12219634, upload-time = "2026-03-18T18:42:13.469Z" },
-    { url = "https://files.pythonhosted.org/packages/29/8f/9511ae460f0690e837b9ba0f7e5e192079e16ff9a9ba8a272450e81f11f8/pyrefly-0.57.1-py3-none-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:0b01f454fa5539e070c0cba17ddec46b3d2107d571d519bd8eca8f3142ba02a6", size = 34947757, upload-time = "2026-03-18T18:42:17.152Z" },
-    { url = "https://files.pythonhosted.org/packages/07/43/f053bf9c65218f70e6a49561e9942c7233f8c3e4da8d42e5fe2aae50b3d2/pyrefly-0.57.1-py3-none-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:02ad59ea722191f51635f23e37574662116b82ca9d814529f7cb5528f041f381", size = 37621018, upload-time = "2026-03-18T18:42:20.79Z" },
-    { url = "https://files.pythonhosted.org/packages/0e/76/9cea46de01665bbc125e4f215340c9365c8d56cda6198ff238a563ea8e75/pyrefly-0.57.1-py3-none-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:54bc0afe56776145e37733ff763e7e9679ee8a76c467b617dc3f227d4124a9e2", size = 40203649, upload-time = "2026-03-18T18:42:24.519Z" },
-    { url = "https://files.pythonhosted.org/packages/fd/8b/2fb4a96d75e2a57df698a43e2970e441ba2704e3906cdc0386a055daa05a/pyrefly-0.57.1-py3-none-win32.whl", hash = "sha256:468e5839144b25bb0dce839bfc5fd879c9f38e68ebf5de561f30bed9ae19d8ca", size = 11732953, upload-time = "2026-03-18T18:42:27.379Z" },
-    { url = "https://files.pythonhosted.org/packages/13/5a/4a197910fe2e9b102b15ae5e7687c45b7b5981275a11a564b41e185dd907/pyrefly-0.57.1-py3-none-win_amd64.whl", hash = "sha256:46db9c97093673c4fb7fab96d610e74d140661d54688a92d8e75ad885a56c141", size = 12537319, upload-time = "2026-03-18T18:42:30.196Z" },
-    { url = "https://files.pythonhosted.org/packages/b5/c6/bc442874be1d9b63da1f9debb4f04b7d0c590a8dc4091921f3c288207242/pyrefly-0.57.1-py3-none-win_arm64.whl", hash = "sha256:feb1bbe3b0d8d5a70121dcdf1476e6a99cc056a26a49379a156f040729244dcb", size = 12013455, upload-time = "2026-03-18T18:42:32.928Z" },
+    { url = "https://files.pythonhosted.org/packages/d0/10/04a0e05b08fc855b6fe38c3df549925fc3c2c6e750506870de7335d3e1f7/pyrefly-0.59.1-py3-none-macosx_10_12_x86_64.whl", hash = "sha256:390db3cd14aa7e0268e847b60cd9ee18b04273eddfa38cf341ed3bb43f3fef2a", size = 12868133, upload-time = "2026-04-01T22:03:39.436Z" },
+    { url = "https://files.pythonhosted.org/packages/c7/78/fa7be227c3e3fcacee501c1562278dd026186ffd1b5b5beb51d3941a3aed/pyrefly-0.59.1-py3-none-macosx_11_0_arm64.whl", hash = "sha256:d246d417b6187c1650d7f855f61c68fbfd6d6155dc846d4e4d273a3e6b5175cb", size = 12379325, upload-time = "2026-04-01T22:03:42.046Z" },
+    { url = "https://files.pythonhosted.org/packages/bb/13/6828ce1c98171b5f8388f33c4b0b9ea2ab8c49abe0ef8d793c31e30a05cb/pyrefly-0.59.1-py3-none-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:575ac67b04412dc651a7143d27e38a40fbdd3c831c714d5520d0e9d4c8631ab4", size = 35826408, upload-time = "2026-04-01T22:03:45.067Z" },
+    { url = "https://files.pythonhosted.org/packages/23/56/79ed8ece9a7ecad0113c394a06a084107db3ad8f1fefe19e7ded43c51245/pyrefly-0.59.1-py3-none-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:062e6262ce1064d59dcad81ac0499bb7a3ad501e9bc8a677a50dc630ff0bf862", size = 38532699, upload-time = "2026-04-01T22:03:48.376Z" },
+    { url = "https://files.pythonhosted.org/packages/18/7d/ecc025e0f0e3f295b497f523cc19cefaa39e57abede8fc353d29445d174b/pyrefly-0.59.1-py3-none-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:43ef4247f9e6f734feb93e1f2b75335b943629956e509f545cc9cdcccd76dd20", size = 36743570, upload-time = "2026-04-01T22:03:51.362Z" },
+    { url = "https://files.pythonhosted.org/packages/2f/03/b1ce882ebcb87c673165c00451fbe4df17bf96ccfde18c75880dc87c5f5e/pyrefly-0.59.1-py3-none-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:59a2d01723b84d042f4fa6ec871ffd52d0a7e83b0ea791c2e0bb0ff750abce56", size = 41236246, upload-time = "2026-04-01T22:03:54.361Z" },
+    { url = "https://files.pythonhosted.org/packages/17/af/5e9c7afd510e7dd64a2204be0ed39e804089cbc4338675a28615c7176acb/pyrefly-0.59.1-py3-none-win32.whl", hash = "sha256:4ea70c780848f8376411e787643ae5d2d09da8a829362332b7b26d15ebcbaf56", size = 11884747, upload-time = "2026-04-01T22:03:56.776Z" },
+    { url = "https://files.pythonhosted.org/packages/aa/c1/7db1077627453fd1068f0761f059a9512645c00c4c20acfb9f0c24ac02ec/pyrefly-0.59.1-py3-none-win_amd64.whl", hash = "sha256:67e6a08cfd129a0d2788d5e40a627f9860e0fe91a876238d93d5c63ff4af68ae", size = 12720608, upload-time = "2026-04-01T22:03:59.252Z" },
+    { url = "https://files.pythonhosted.org/packages/07/16/4bb6e5fce5a9cf0992932d9435d964c33e507aaaf96fdfbb1be493078a4a/pyrefly-0.59.1-py3-none-win_arm64.whl", hash = "sha256:01179cb215cf079e8223a064f61a074f7079aa97ea705cbbc68af3d6713afd15", size = 12223158, upload-time = "2026-04-01T22:04:01.869Z" },
 ]
 
 [[package]]
diff --git a/package.json b/package.json
index 48c3acef02..ce3180214b 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,6 @@
     "prepare": "vp config"
   },
   "devDependencies": {
-    "taze": "catalog:",
     "vite-plus": "catalog:"
   },
   "engines": {
diff --git a/web/app/components/base/icons/assets/public/avatar/robot.svg b/packages/iconify-collections/assets/public/avatar/robot.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/avatar/robot.svg
rename to packages/iconify-collections/assets/public/avatar/robot.svg
diff --git a/web/app/components/base/icons/assets/public/avatar/user.svg b/packages/iconify-collections/assets/public/avatar/user.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/avatar/user.svg
rename to packages/iconify-collections/assets/public/avatar/user.svg
diff --git a/web/app/components/base/icons/assets/public/billing/ar-cube-1.svg b/packages/iconify-collections/assets/public/billing/ar-cube-1.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/ar-cube-1.svg
rename to packages/iconify-collections/assets/public/billing/ar-cube-1.svg
diff --git a/web/app/components/base/icons/assets/public/billing/asterisk.svg b/packages/iconify-collections/assets/public/billing/asterisk.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/asterisk.svg
rename to packages/iconify-collections/assets/public/billing/asterisk.svg
diff --git a/web/app/components/base/icons/assets/public/billing/aws-marketplace-dark.svg b/packages/iconify-collections/assets/public/billing/aws-marketplace-dark.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/aws-marketplace-dark.svg
rename to packages/iconify-collections/assets/public/billing/aws-marketplace-dark.svg
diff --git a/web/app/components/base/icons/assets/public/billing/aws-marketplace-light.svg b/packages/iconify-collections/assets/public/billing/aws-marketplace-light.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/aws-marketplace-light.svg
rename to packages/iconify-collections/assets/public/billing/aws-marketplace-light.svg
diff --git a/web/app/components/base/icons/assets/public/billing/azure.svg b/packages/iconify-collections/assets/public/billing/azure.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/azure.svg
rename to packages/iconify-collections/assets/public/billing/azure.svg
diff --git a/web/app/components/base/icons/assets/public/billing/buildings.svg b/packages/iconify-collections/assets/public/billing/buildings.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/buildings.svg
rename to packages/iconify-collections/assets/public/billing/buildings.svg
diff --git a/web/app/components/base/icons/assets/public/billing/diamond.svg b/packages/iconify-collections/assets/public/billing/diamond.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/diamond.svg
rename to packages/iconify-collections/assets/public/billing/diamond.svg
diff --git a/web/app/components/base/icons/assets/public/billing/google-cloud.svg b/packages/iconify-collections/assets/public/billing/google-cloud.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/google-cloud.svg
rename to packages/iconify-collections/assets/public/billing/google-cloud.svg
diff --git a/web/app/components/base/icons/assets/public/billing/group-2.svg b/packages/iconify-collections/assets/public/billing/group-2.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/group-2.svg
rename to packages/iconify-collections/assets/public/billing/group-2.svg
diff --git a/web/app/components/base/icons/assets/public/billing/keyframe.svg b/packages/iconify-collections/assets/public/billing/keyframe.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/keyframe.svg
rename to packages/iconify-collections/assets/public/billing/keyframe.svg
diff --git a/web/app/components/base/icons/assets/public/billing/sparkles-soft.svg b/packages/iconify-collections/assets/public/billing/sparkles-soft.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/sparkles-soft.svg
rename to packages/iconify-collections/assets/public/billing/sparkles-soft.svg
diff --git a/web/app/components/base/icons/assets/public/billing/sparkles.svg b/packages/iconify-collections/assets/public/billing/sparkles.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/billing/sparkles.svg
rename to packages/iconify-collections/assets/public/billing/sparkles.svg
diff --git a/web/app/components/base/icons/assets/public/common/d.svg b/packages/iconify-collections/assets/public/common/d.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/d.svg
rename to packages/iconify-collections/assets/public/common/d.svg
diff --git a/web/app/components/base/icons/assets/public/common/diagonal-dividing-line.svg b/packages/iconify-collections/assets/public/common/diagonal-dividing-line.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/diagonal-dividing-line.svg
rename to packages/iconify-collections/assets/public/common/diagonal-dividing-line.svg
diff --git a/web/app/components/base/icons/assets/public/common/dify.svg b/packages/iconify-collections/assets/public/common/dify.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/dify.svg
rename to packages/iconify-collections/assets/public/common/dify.svg
diff --git a/web/app/components/base/icons/assets/public/common/gdpr.svg b/packages/iconify-collections/assets/public/common/gdpr.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/gdpr.svg
rename to packages/iconify-collections/assets/public/common/gdpr.svg
diff --git a/web/app/components/base/icons/assets/public/common/github.svg b/packages/iconify-collections/assets/public/common/github.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/github.svg
rename to packages/iconify-collections/assets/public/common/github.svg
diff --git a/web/app/components/base/icons/assets/public/common/highlight.svg b/packages/iconify-collections/assets/public/common/highlight.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/highlight.svg
rename to packages/iconify-collections/assets/public/common/highlight.svg
diff --git a/web/app/components/base/icons/assets/public/common/iso.svg b/packages/iconify-collections/assets/public/common/iso.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/iso.svg
rename to packages/iconify-collections/assets/public/common/iso.svg
diff --git a/web/app/components/base/icons/assets/public/common/line-3.svg b/packages/iconify-collections/assets/public/common/line-3.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/line-3.svg
rename to packages/iconify-collections/assets/public/common/line-3.svg
diff --git a/web/app/components/base/icons/assets/public/common/lock.svg b/packages/iconify-collections/assets/public/common/lock.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/lock.svg
rename to packages/iconify-collections/assets/public/common/lock.svg
diff --git a/web/app/components/base/icons/assets/public/common/message-chat-square.svg b/packages/iconify-collections/assets/public/common/message-chat-square.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/message-chat-square.svg
rename to packages/iconify-collections/assets/public/common/message-chat-square.svg
diff --git a/web/app/components/base/icons/assets/public/common/multi-path-retrieval.svg b/packages/iconify-collections/assets/public/common/multi-path-retrieval.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/multi-path-retrieval.svg
rename to packages/iconify-collections/assets/public/common/multi-path-retrieval.svg
diff --git a/web/app/components/base/icons/assets/public/common/n-to-1-retrieval.svg b/packages/iconify-collections/assets/public/common/n-to-1-retrieval.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/n-to-1-retrieval.svg
rename to packages/iconify-collections/assets/public/common/n-to-1-retrieval.svg
diff --git a/web/app/components/base/icons/assets/public/common/notion.svg b/packages/iconify-collections/assets/public/common/notion.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/notion.svg
rename to packages/iconify-collections/assets/public/common/notion.svg
diff --git a/web/app/components/base/icons/assets/public/common/soc2.svg b/packages/iconify-collections/assets/public/common/soc2.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/soc2.svg
rename to packages/iconify-collections/assets/public/common/soc2.svg
diff --git a/web/app/components/base/icons/assets/public/common/sparkles-soft-accent.svg b/packages/iconify-collections/assets/public/common/sparkles-soft-accent.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/sparkles-soft-accent.svg
rename to packages/iconify-collections/assets/public/common/sparkles-soft-accent.svg
diff --git a/web/app/components/base/icons/assets/public/common/sparkles-soft.svg b/packages/iconify-collections/assets/public/common/sparkles-soft.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/common/sparkles-soft.svg
rename to packages/iconify-collections/assets/public/common/sparkles-soft.svg
diff --git a/web/app/components/base/icons/assets/public/education/triangle.svg b/packages/iconify-collections/assets/public/education/triangle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/education/triangle.svg
rename to packages/iconify-collections/assets/public/education/triangle.svg
diff --git a/web/app/components/base/icons/assets/public/files/csv.svg b/packages/iconify-collections/assets/public/files/csv.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/csv.svg
rename to packages/iconify-collections/assets/public/files/csv.svg
diff --git a/web/app/components/base/icons/assets/public/files/doc.svg b/packages/iconify-collections/assets/public/files/doc.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/doc.svg
rename to packages/iconify-collections/assets/public/files/doc.svg
diff --git a/web/app/components/base/icons/assets/public/files/docx.svg b/packages/iconify-collections/assets/public/files/docx.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/docx.svg
rename to packages/iconify-collections/assets/public/files/docx.svg
diff --git a/web/app/components/base/icons/assets/public/files/html.svg b/packages/iconify-collections/assets/public/files/html.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/html.svg
rename to packages/iconify-collections/assets/public/files/html.svg
diff --git a/web/app/components/base/icons/assets/public/files/json.svg b/packages/iconify-collections/assets/public/files/json.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/json.svg
rename to packages/iconify-collections/assets/public/files/json.svg
diff --git a/web/app/components/base/icons/assets/public/files/md.svg b/packages/iconify-collections/assets/public/files/md.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/md.svg
rename to packages/iconify-collections/assets/public/files/md.svg
diff --git a/web/app/components/base/icons/assets/public/files/pdf.svg b/packages/iconify-collections/assets/public/files/pdf.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/pdf.svg
rename to packages/iconify-collections/assets/public/files/pdf.svg
diff --git a/web/app/components/base/icons/assets/public/files/txt.svg b/packages/iconify-collections/assets/public/files/txt.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/txt.svg
rename to packages/iconify-collections/assets/public/files/txt.svg
diff --git a/web/app/components/base/icons/assets/public/files/unknown.svg b/packages/iconify-collections/assets/public/files/unknown.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/unknown.svg
rename to packages/iconify-collections/assets/public/files/unknown.svg
diff --git a/web/app/components/base/icons/assets/public/files/xlsx.svg b/packages/iconify-collections/assets/public/files/xlsx.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/xlsx.svg
rename to packages/iconify-collections/assets/public/files/xlsx.svg
diff --git a/web/app/components/base/icons/assets/public/files/yaml.svg b/packages/iconify-collections/assets/public/files/yaml.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/files/yaml.svg
rename to packages/iconify-collections/assets/public/files/yaml.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/dataset-card/external-knowledge-base.svg b/packages/iconify-collections/assets/public/knowledge/dataset-card/external-knowledge-base.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/dataset-card/external-knowledge-base.svg
rename to packages/iconify-collections/assets/public/knowledge/dataset-card/external-knowledge-base.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/dataset-card/general.svg b/packages/iconify-collections/assets/public/knowledge/dataset-card/general.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/dataset-card/general.svg
rename to packages/iconify-collections/assets/public/knowledge/dataset-card/general.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/dataset-card/graph.svg b/packages/iconify-collections/assets/public/knowledge/dataset-card/graph.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/dataset-card/graph.svg
rename to packages/iconify-collections/assets/public/knowledge/dataset-card/graph.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/dataset-card/parent-child.svg b/packages/iconify-collections/assets/public/knowledge/dataset-card/parent-child.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/dataset-card/parent-child.svg
rename to packages/iconify-collections/assets/public/knowledge/dataset-card/parent-child.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/dataset-card/qa.svg b/packages/iconify-collections/assets/public/knowledge/dataset-card/qa.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/dataset-card/qa.svg
rename to packages/iconify-collections/assets/public/knowledge/dataset-card/qa.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/file.svg b/packages/iconify-collections/assets/public/knowledge/file.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/file.svg
rename to packages/iconify-collections/assets/public/knowledge/file.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/online-drive/buckets-blue.svg b/packages/iconify-collections/assets/public/knowledge/online-drive/buckets-blue.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/online-drive/buckets-blue.svg
rename to packages/iconify-collections/assets/public/knowledge/online-drive/buckets-blue.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/online-drive/buckets-gray.svg b/packages/iconify-collections/assets/public/knowledge/online-drive/buckets-gray.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/online-drive/buckets-gray.svg
rename to packages/iconify-collections/assets/public/knowledge/online-drive/buckets-gray.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/online-drive/folder.svg b/packages/iconify-collections/assets/public/knowledge/online-drive/folder.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/online-drive/folder.svg
rename to packages/iconify-collections/assets/public/knowledge/online-drive/folder.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/option-card-effect-blue-light.svg b/packages/iconify-collections/assets/public/knowledge/option-card-effect-blue-light.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/option-card-effect-blue-light.svg
rename to packages/iconify-collections/assets/public/knowledge/option-card-effect-blue-light.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/option-card-effect-blue.svg b/packages/iconify-collections/assets/public/knowledge/option-card-effect-blue.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/option-card-effect-blue.svg
rename to packages/iconify-collections/assets/public/knowledge/option-card-effect-blue.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/option-card-effect-orange.svg b/packages/iconify-collections/assets/public/knowledge/option-card-effect-orange.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/option-card-effect-orange.svg
rename to packages/iconify-collections/assets/public/knowledge/option-card-effect-orange.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/option-card-effect-purple.svg b/packages/iconify-collections/assets/public/knowledge/option-card-effect-purple.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/option-card-effect-purple.svg
rename to packages/iconify-collections/assets/public/knowledge/option-card-effect-purple.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/option-card-effect-teal.svg b/packages/iconify-collections/assets/public/knowledge/option-card-effect-teal.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/option-card-effect-teal.svg
rename to packages/iconify-collections/assets/public/knowledge/option-card-effect-teal.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/selection-mod.svg b/packages/iconify-collections/assets/public/knowledge/selection-mod.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/selection-mod.svg
rename to packages/iconify-collections/assets/public/knowledge/selection-mod.svg
diff --git a/web/app/components/base/icons/assets/public/knowledge/watercrawl.svg b/packages/iconify-collections/assets/public/knowledge/watercrawl.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/knowledge/watercrawl.svg
rename to packages/iconify-collections/assets/public/knowledge/watercrawl.svg
diff --git a/web/app/components/base/icons/assets/public/llm/Anthropic-dark.svg b/packages/iconify-collections/assets/public/llm/Anthropic-dark.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/Anthropic-dark.svg
rename to packages/iconify-collections/assets/public/llm/Anthropic-dark.svg
diff --git a/web/app/components/base/icons/assets/public/llm/Anthropic-light.svg b/packages/iconify-collections/assets/public/llm/Anthropic-light.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/Anthropic-light.svg
rename to packages/iconify-collections/assets/public/llm/Anthropic-light.svg
diff --git a/web/app/components/base/icons/assets/public/llm/Tongyi.svg b/packages/iconify-collections/assets/public/llm/Tongyi.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/Tongyi.svg
rename to packages/iconify-collections/assets/public/llm/Tongyi.svg
diff --git a/web/app/components/base/icons/assets/public/llm/anthropic-short-light.svg b/packages/iconify-collections/assets/public/llm/anthropic-short-light.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/anthropic-short-light.svg
rename to packages/iconify-collections/assets/public/llm/anthropic-short-light.svg
diff --git a/web/app/components/base/icons/assets/public/llm/anthropic-text.svg b/packages/iconify-collections/assets/public/llm/anthropic-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/anthropic-text.svg
rename to packages/iconify-collections/assets/public/llm/anthropic-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/anthropic.svg b/packages/iconify-collections/assets/public/llm/anthropic.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/anthropic.svg
rename to packages/iconify-collections/assets/public/llm/anthropic.svg
diff --git a/web/app/components/base/icons/assets/public/llm/azure-openai-service-text.svg b/packages/iconify-collections/assets/public/llm/azure-openai-service-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/azure-openai-service-text.svg
rename to packages/iconify-collections/assets/public/llm/azure-openai-service-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/azure-openai-service.svg b/packages/iconify-collections/assets/public/llm/azure-openai-service.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/azure-openai-service.svg
rename to packages/iconify-collections/assets/public/llm/azure-openai-service.svg
diff --git a/web/app/components/base/icons/assets/public/llm/azureai-text.svg b/packages/iconify-collections/assets/public/llm/azureai-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/azureai-text.svg
rename to packages/iconify-collections/assets/public/llm/azureai-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/azureai.svg b/packages/iconify-collections/assets/public/llm/azureai.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/azureai.svg
rename to packages/iconify-collections/assets/public/llm/azureai.svg
diff --git a/web/app/components/base/icons/assets/public/llm/baichuan-text.svg b/packages/iconify-collections/assets/public/llm/baichuan-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/baichuan-text.svg
rename to packages/iconify-collections/assets/public/llm/baichuan-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/baichuan.svg b/packages/iconify-collections/assets/public/llm/baichuan.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/baichuan.svg
rename to packages/iconify-collections/assets/public/llm/baichuan.svg
diff --git a/web/app/components/base/icons/assets/public/llm/chatglm-text.svg b/packages/iconify-collections/assets/public/llm/chatglm-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/chatglm-text.svg
rename to packages/iconify-collections/assets/public/llm/chatglm-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/chatglm.svg b/packages/iconify-collections/assets/public/llm/chatglm.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/chatglm.svg
rename to packages/iconify-collections/assets/public/llm/chatglm.svg
diff --git a/web/app/components/base/icons/assets/public/llm/cohere-text.svg b/packages/iconify-collections/assets/public/llm/cohere-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/cohere-text.svg
rename to packages/iconify-collections/assets/public/llm/cohere-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/cohere.svg b/packages/iconify-collections/assets/public/llm/cohere.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/cohere.svg
rename to packages/iconify-collections/assets/public/llm/cohere.svg
diff --git a/web/app/components/base/icons/assets/public/llm/deepseek.svg b/packages/iconify-collections/assets/public/llm/deepseek.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/deepseek.svg
rename to packages/iconify-collections/assets/public/llm/deepseek.svg
diff --git a/web/app/components/base/icons/assets/public/llm/gemini.svg b/packages/iconify-collections/assets/public/llm/gemini.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/gemini.svg
rename to packages/iconify-collections/assets/public/llm/gemini.svg
diff --git a/web/app/components/base/icons/assets/public/llm/gpt-3.svg b/packages/iconify-collections/assets/public/llm/gpt-3.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/gpt-3.svg
rename to packages/iconify-collections/assets/public/llm/gpt-3.svg
diff --git a/web/app/components/base/icons/assets/public/llm/gpt-4.svg b/packages/iconify-collections/assets/public/llm/gpt-4.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/gpt-4.svg
rename to packages/iconify-collections/assets/public/llm/gpt-4.svg
diff --git a/web/app/components/base/icons/assets/public/llm/grok.svg b/packages/iconify-collections/assets/public/llm/grok.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/grok.svg
rename to packages/iconify-collections/assets/public/llm/grok.svg
diff --git a/web/app/components/base/icons/assets/public/llm/huggingface-text-hub.svg b/packages/iconify-collections/assets/public/llm/huggingface-text-hub.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/huggingface-text-hub.svg
rename to packages/iconify-collections/assets/public/llm/huggingface-text-hub.svg
diff --git a/web/app/components/base/icons/assets/public/llm/huggingface-text.svg b/packages/iconify-collections/assets/public/llm/huggingface-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/huggingface-text.svg
rename to packages/iconify-collections/assets/public/llm/huggingface-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/huggingface.svg b/packages/iconify-collections/assets/public/llm/huggingface.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/huggingface.svg
rename to packages/iconify-collections/assets/public/llm/huggingface.svg
diff --git a/web/app/components/base/icons/assets/public/llm/iflytek-spark-text-cn.svg b/packages/iconify-collections/assets/public/llm/iflytek-spark-text-cn.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/iflytek-spark-text-cn.svg
rename to packages/iconify-collections/assets/public/llm/iflytek-spark-text-cn.svg
diff --git a/web/app/components/base/icons/assets/public/llm/iflytek-spark-text.svg b/packages/iconify-collections/assets/public/llm/iflytek-spark-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/iflytek-spark-text.svg
rename to packages/iconify-collections/assets/public/llm/iflytek-spark-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/iflytek-spark.svg b/packages/iconify-collections/assets/public/llm/iflytek-spark.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/iflytek-spark.svg
rename to packages/iconify-collections/assets/public/llm/iflytek-spark.svg
diff --git a/web/app/components/base/icons/assets/public/llm/jina-text.svg b/packages/iconify-collections/assets/public/llm/jina-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/jina-text.svg
rename to packages/iconify-collections/assets/public/llm/jina-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/jina.svg b/packages/iconify-collections/assets/public/llm/jina.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/jina.svg
rename to packages/iconify-collections/assets/public/llm/jina.svg
diff --git a/web/app/components/base/icons/assets/public/llm/localai-text.svg b/packages/iconify-collections/assets/public/llm/localai-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/localai-text.svg
rename to packages/iconify-collections/assets/public/llm/localai-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/localai.svg b/packages/iconify-collections/assets/public/llm/localai.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/localai.svg
rename to packages/iconify-collections/assets/public/llm/localai.svg
diff --git a/web/app/components/base/icons/assets/public/llm/microsoft.svg b/packages/iconify-collections/assets/public/llm/microsoft.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/microsoft.svg
rename to packages/iconify-collections/assets/public/llm/microsoft.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openai-black.svg b/packages/iconify-collections/assets/public/llm/openai-black.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openai-black.svg
rename to packages/iconify-collections/assets/public/llm/openai-black.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openai-blue.svg b/packages/iconify-collections/assets/public/llm/openai-blue.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openai-blue.svg
rename to packages/iconify-collections/assets/public/llm/openai-blue.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openai-green.svg b/packages/iconify-collections/assets/public/llm/openai-green.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openai-green.svg
rename to packages/iconify-collections/assets/public/llm/openai-green.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openai-small.svg b/packages/iconify-collections/assets/public/llm/openai-small.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openai-small.svg
rename to packages/iconify-collections/assets/public/llm/openai-small.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openai-teal.svg b/packages/iconify-collections/assets/public/llm/openai-teal.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openai-teal.svg
rename to packages/iconify-collections/assets/public/llm/openai-teal.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openai-text.svg b/packages/iconify-collections/assets/public/llm/openai-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openai-text.svg
rename to packages/iconify-collections/assets/public/llm/openai-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openai-transparent.svg b/packages/iconify-collections/assets/public/llm/openai-transparent.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openai-transparent.svg
rename to packages/iconify-collections/assets/public/llm/openai-transparent.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openai-violet.svg b/packages/iconify-collections/assets/public/llm/openai-violet.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openai-violet.svg
rename to packages/iconify-collections/assets/public/llm/openai-violet.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openai-yellow.svg b/packages/iconify-collections/assets/public/llm/openai-yellow.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openai-yellow.svg
rename to packages/iconify-collections/assets/public/llm/openai-yellow.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openllm-text.svg b/packages/iconify-collections/assets/public/llm/openllm-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openllm-text.svg
rename to packages/iconify-collections/assets/public/llm/openllm-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/openllm.svg b/packages/iconify-collections/assets/public/llm/openllm.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/openllm.svg
rename to packages/iconify-collections/assets/public/llm/openllm.svg
diff --git a/web/app/components/base/icons/assets/public/llm/replicate-text.svg b/packages/iconify-collections/assets/public/llm/replicate-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/replicate-text.svg
rename to packages/iconify-collections/assets/public/llm/replicate-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/replicate.svg b/packages/iconify-collections/assets/public/llm/replicate.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/replicate.svg
rename to packages/iconify-collections/assets/public/llm/replicate.svg
diff --git a/web/app/components/base/icons/assets/public/llm/xorbits-inference-text.svg b/packages/iconify-collections/assets/public/llm/xorbits-inference-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/xorbits-inference-text.svg
rename to packages/iconify-collections/assets/public/llm/xorbits-inference-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/xorbits-inference.svg b/packages/iconify-collections/assets/public/llm/xorbits-inference.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/xorbits-inference.svg
rename to packages/iconify-collections/assets/public/llm/xorbits-inference.svg
diff --git a/web/app/components/base/icons/assets/public/llm/zhipuai-text-cn.svg b/packages/iconify-collections/assets/public/llm/zhipuai-text-cn.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/zhipuai-text-cn.svg
rename to packages/iconify-collections/assets/public/llm/zhipuai-text-cn.svg
diff --git a/web/app/components/base/icons/assets/public/llm/zhipuai-text.svg b/packages/iconify-collections/assets/public/llm/zhipuai-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/zhipuai-text.svg
rename to packages/iconify-collections/assets/public/llm/zhipuai-text.svg
diff --git a/web/app/components/base/icons/assets/public/llm/zhipuai.svg b/packages/iconify-collections/assets/public/llm/zhipuai.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/llm/zhipuai.svg
rename to packages/iconify-collections/assets/public/llm/zhipuai.svg
diff --git a/web/app/components/base/icons/assets/public/model/checked.svg b/packages/iconify-collections/assets/public/model/checked.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/model/checked.svg
rename to packages/iconify-collections/assets/public/model/checked.svg
diff --git a/web/app/components/base/icons/assets/public/other/Icon-3-dots.svg b/packages/iconify-collections/assets/public/other/Icon-3-dots.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/other/Icon-3-dots.svg
rename to packages/iconify-collections/assets/public/other/Icon-3-dots.svg
diff --git a/web/app/components/base/icons/assets/public/other/default-tool-icon.svg b/packages/iconify-collections/assets/public/other/default-tool-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/other/default-tool-icon.svg
rename to packages/iconify-collections/assets/public/other/default-tool-icon.svg
diff --git a/web/app/components/base/icons/assets/public/other/message-3-fill.svg b/packages/iconify-collections/assets/public/other/message-3-fill.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/other/message-3-fill.svg
rename to packages/iconify-collections/assets/public/other/message-3-fill.svg
diff --git a/web/app/components/base/icons/assets/public/other/row-struct.svg b/packages/iconify-collections/assets/public/other/row-struct.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/other/row-struct.svg
rename to packages/iconify-collections/assets/public/other/row-struct.svg
diff --git a/web/app/components/base/icons/assets/public/other/slack.svg b/packages/iconify-collections/assets/public/other/slack.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/other/slack.svg
rename to packages/iconify-collections/assets/public/other/slack.svg
diff --git a/web/app/components/base/icons/assets/public/other/teams.svg b/packages/iconify-collections/assets/public/other/teams.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/other/teams.svg
rename to packages/iconify-collections/assets/public/other/teams.svg
diff --git a/web/app/components/base/icons/assets/public/plugins/google.svg b/packages/iconify-collections/assets/public/plugins/google.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/plugins/google.svg
rename to packages/iconify-collections/assets/public/plugins/google.svg
diff --git a/web/app/components/base/icons/assets/public/plugins/partner-dark.svg b/packages/iconify-collections/assets/public/plugins/partner-dark.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/plugins/partner-dark.svg
rename to packages/iconify-collections/assets/public/plugins/partner-dark.svg
diff --git a/web/app/components/base/icons/assets/public/plugins/partner-light.svg b/packages/iconify-collections/assets/public/plugins/partner-light.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/plugins/partner-light.svg
rename to packages/iconify-collections/assets/public/plugins/partner-light.svg
diff --git a/web/app/components/base/icons/assets/public/plugins/verified-dark.svg b/packages/iconify-collections/assets/public/plugins/verified-dark.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/plugins/verified-dark.svg
rename to packages/iconify-collections/assets/public/plugins/verified-dark.svg
diff --git a/web/app/components/base/icons/assets/public/plugins/verified-light.svg b/packages/iconify-collections/assets/public/plugins/verified-light.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/plugins/verified-light.svg
rename to packages/iconify-collections/assets/public/plugins/verified-light.svg
diff --git a/web/app/components/base/icons/assets/public/plugins/web-reader.svg b/packages/iconify-collections/assets/public/plugins/web-reader.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/plugins/web-reader.svg
rename to packages/iconify-collections/assets/public/plugins/web-reader.svg
diff --git a/web/app/components/base/icons/assets/public/plugins/wikipedia.svg b/packages/iconify-collections/assets/public/plugins/wikipedia.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/plugins/wikipedia.svg
rename to packages/iconify-collections/assets/public/plugins/wikipedia.svg
diff --git a/web/app/components/base/icons/assets/public/thought/data-set.svg b/packages/iconify-collections/assets/public/thought/data-set.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/thought/data-set.svg
rename to packages/iconify-collections/assets/public/thought/data-set.svg
diff --git a/web/app/components/base/icons/assets/public/thought/loading.svg b/packages/iconify-collections/assets/public/thought/loading.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/thought/loading.svg
rename to packages/iconify-collections/assets/public/thought/loading.svg
diff --git a/web/app/components/base/icons/assets/public/thought/search.svg b/packages/iconify-collections/assets/public/thought/search.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/thought/search.svg
rename to packages/iconify-collections/assets/public/thought/search.svg
diff --git a/web/app/components/base/icons/assets/public/thought/thought-list.svg b/packages/iconify-collections/assets/public/thought/thought-list.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/thought/thought-list.svg
rename to packages/iconify-collections/assets/public/thought/thought-list.svg
diff --git a/web/app/components/base/icons/assets/public/thought/web-reader.svg b/packages/iconify-collections/assets/public/thought/web-reader.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/thought/web-reader.svg
rename to packages/iconify-collections/assets/public/thought/web-reader.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/aliyun-icon-big.svg b/packages/iconify-collections/assets/public/tracing/aliyun-icon-big.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/aliyun-icon-big.svg
rename to packages/iconify-collections/assets/public/tracing/aliyun-icon-big.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/aliyun-icon.svg b/packages/iconify-collections/assets/public/tracing/aliyun-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/aliyun-icon.svg
rename to packages/iconify-collections/assets/public/tracing/aliyun-icon.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/arize-icon-big.svg b/packages/iconify-collections/assets/public/tracing/arize-icon-big.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/arize-icon-big.svg
rename to packages/iconify-collections/assets/public/tracing/arize-icon-big.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/arize-icon.svg b/packages/iconify-collections/assets/public/tracing/arize-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/arize-icon.svg
rename to packages/iconify-collections/assets/public/tracing/arize-icon.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/databricks-icon-big.svg b/packages/iconify-collections/assets/public/tracing/databricks-icon-big.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/databricks-icon-big.svg
rename to packages/iconify-collections/assets/public/tracing/databricks-icon-big.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/databricks-icon.svg b/packages/iconify-collections/assets/public/tracing/databricks-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/databricks-icon.svg
rename to packages/iconify-collections/assets/public/tracing/databricks-icon.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/langfuse-icon-big.svg b/packages/iconify-collections/assets/public/tracing/langfuse-icon-big.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/langfuse-icon-big.svg
rename to packages/iconify-collections/assets/public/tracing/langfuse-icon-big.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/langfuse-icon.svg b/packages/iconify-collections/assets/public/tracing/langfuse-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/langfuse-icon.svg
rename to packages/iconify-collections/assets/public/tracing/langfuse-icon.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/langsmith-icon-big.svg b/packages/iconify-collections/assets/public/tracing/langsmith-icon-big.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/langsmith-icon-big.svg
rename to packages/iconify-collections/assets/public/tracing/langsmith-icon-big.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/langsmith-icon.svg b/packages/iconify-collections/assets/public/tracing/langsmith-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/langsmith-icon.svg
rename to packages/iconify-collections/assets/public/tracing/langsmith-icon.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/mlflow-icon-big.svg b/packages/iconify-collections/assets/public/tracing/mlflow-icon-big.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/mlflow-icon-big.svg
rename to packages/iconify-collections/assets/public/tracing/mlflow-icon-big.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/mlflow-icon.svg b/packages/iconify-collections/assets/public/tracing/mlflow-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/mlflow-icon.svg
rename to packages/iconify-collections/assets/public/tracing/mlflow-icon.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/opik-icon-big.svg b/packages/iconify-collections/assets/public/tracing/opik-icon-big.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/opik-icon-big.svg
rename to packages/iconify-collections/assets/public/tracing/opik-icon-big.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/opik-icon.svg b/packages/iconify-collections/assets/public/tracing/opik-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/opik-icon.svg
rename to packages/iconify-collections/assets/public/tracing/opik-icon.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/phoenix-icon-big.svg b/packages/iconify-collections/assets/public/tracing/phoenix-icon-big.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/phoenix-icon-big.svg
rename to packages/iconify-collections/assets/public/tracing/phoenix-icon-big.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/phoenix-icon.svg b/packages/iconify-collections/assets/public/tracing/phoenix-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/phoenix-icon.svg
rename to packages/iconify-collections/assets/public/tracing/phoenix-icon.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/tencent-icon-big.svg b/packages/iconify-collections/assets/public/tracing/tencent-icon-big.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/tencent-icon-big.svg
rename to packages/iconify-collections/assets/public/tracing/tencent-icon-big.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/tencent-icon.svg b/packages/iconify-collections/assets/public/tracing/tencent-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/tencent-icon.svg
rename to packages/iconify-collections/assets/public/tracing/tencent-icon.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/tracing-icon.svg b/packages/iconify-collections/assets/public/tracing/tracing-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/tracing-icon.svg
rename to packages/iconify-collections/assets/public/tracing/tracing-icon.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/weave-icon-big.svg b/packages/iconify-collections/assets/public/tracing/weave-icon-big.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/weave-icon-big.svg
rename to packages/iconify-collections/assets/public/tracing/weave-icon-big.svg
diff --git a/web/app/components/base/icons/assets/public/tracing/weave-icon.svg b/packages/iconify-collections/assets/public/tracing/weave-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/public/tracing/weave-icon.svg
rename to packages/iconify-collections/assets/public/tracing/weave-icon.svg
diff --git a/web/app/components/base/icons/assets/vender/features/citations.svg b/packages/iconify-collections/assets/vender/features/citations.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/features/citations.svg
rename to packages/iconify-collections/assets/vender/features/citations.svg
diff --git a/web/app/components/base/icons/assets/vender/features/content-moderation.svg b/packages/iconify-collections/assets/vender/features/content-moderation.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/features/content-moderation.svg
rename to packages/iconify-collections/assets/vender/features/content-moderation.svg
diff --git a/web/app/components/base/icons/assets/vender/features/document.svg b/packages/iconify-collections/assets/vender/features/document.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/features/document.svg
rename to packages/iconify-collections/assets/vender/features/document.svg
diff --git a/web/app/components/base/icons/assets/vender/features/folder-upload.svg b/packages/iconify-collections/assets/vender/features/folder-upload.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/features/folder-upload.svg
rename to packages/iconify-collections/assets/vender/features/folder-upload.svg
diff --git a/web/app/components/base/icons/assets/vender/features/love-message.svg b/packages/iconify-collections/assets/vender/features/love-message.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/features/love-message.svg
rename to packages/iconify-collections/assets/vender/features/love-message.svg
diff --git a/web/app/components/base/icons/assets/vender/features/message-fast.svg b/packages/iconify-collections/assets/vender/features/message-fast.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/features/message-fast.svg
rename to packages/iconify-collections/assets/vender/features/message-fast.svg
diff --git a/web/app/components/base/icons/assets/vender/features/microphone-01.svg b/packages/iconify-collections/assets/vender/features/microphone-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/features/microphone-01.svg
rename to packages/iconify-collections/assets/vender/features/microphone-01.svg
diff --git a/web/app/components/base/icons/assets/vender/features/text-to-audio.svg b/packages/iconify-collections/assets/vender/features/text-to-audio.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/features/text-to-audio.svg
rename to packages/iconify-collections/assets/vender/features/text-to-audio.svg
diff --git a/web/app/components/base/icons/assets/vender/features/virtual-assistant.svg b/packages/iconify-collections/assets/vender/features/virtual-assistant.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/features/virtual-assistant.svg
rename to packages/iconify-collections/assets/vender/features/virtual-assistant.svg
diff --git a/web/app/components/base/icons/assets/vender/features/vision.svg b/packages/iconify-collections/assets/vender/features/vision.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/features/vision.svg
rename to packages/iconify-collections/assets/vender/features/vision.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/add-chunks.svg b/packages/iconify-collections/assets/vender/knowledge/add-chunks.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/add-chunks.svg
rename to packages/iconify-collections/assets/vender/knowledge/add-chunks.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/api-aggregate.svg b/packages/iconify-collections/assets/vender/knowledge/api-aggregate.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/api-aggregate.svg
rename to packages/iconify-collections/assets/vender/knowledge/api-aggregate.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/arrow-shape.svg b/packages/iconify-collections/assets/vender/knowledge/arrow-shape.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/arrow-shape.svg
rename to packages/iconify-collections/assets/vender/knowledge/arrow-shape.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/chunk.svg b/packages/iconify-collections/assets/vender/knowledge/chunk.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/chunk.svg
rename to packages/iconify-collections/assets/vender/knowledge/chunk.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/collapse.svg b/packages/iconify-collections/assets/vender/knowledge/collapse.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/collapse.svg
rename to packages/iconify-collections/assets/vender/knowledge/collapse.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/divider.svg b/packages/iconify-collections/assets/vender/knowledge/divider.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/divider.svg
rename to packages/iconify-collections/assets/vender/knowledge/divider.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/economic.svg b/packages/iconify-collections/assets/vender/knowledge/economic.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/economic.svg
rename to packages/iconify-collections/assets/vender/knowledge/economic.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/full-text-search.svg b/packages/iconify-collections/assets/vender/knowledge/full-text-search.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/full-text-search.svg
rename to packages/iconify-collections/assets/vender/knowledge/full-text-search.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/general-chunk.svg b/packages/iconify-collections/assets/vender/knowledge/general-chunk.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/general-chunk.svg
rename to packages/iconify-collections/assets/vender/knowledge/general-chunk.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/high-quality.svg b/packages/iconify-collections/assets/vender/knowledge/high-quality.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/high-quality.svg
rename to packages/iconify-collections/assets/vender/knowledge/high-quality.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/hybrid-search.svg b/packages/iconify-collections/assets/vender/knowledge/hybrid-search.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/hybrid-search.svg
rename to packages/iconify-collections/assets/vender/knowledge/hybrid-search.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/parent-child-chunk.svg b/packages/iconify-collections/assets/vender/knowledge/parent-child-chunk.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/parent-child-chunk.svg
rename to packages/iconify-collections/assets/vender/knowledge/parent-child-chunk.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/question-and-answer.svg b/packages/iconify-collections/assets/vender/knowledge/question-and-answer.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/question-and-answer.svg
rename to packages/iconify-collections/assets/vender/knowledge/question-and-answer.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/search-lines-sparkle.svg b/packages/iconify-collections/assets/vender/knowledge/search-lines-sparkle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/search-lines-sparkle.svg
rename to packages/iconify-collections/assets/vender/knowledge/search-lines-sparkle.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/search-menu.svg b/packages/iconify-collections/assets/vender/knowledge/search-menu.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/search-menu.svg
rename to packages/iconify-collections/assets/vender/knowledge/search-menu.svg
diff --git a/web/app/components/base/icons/assets/vender/knowledge/vector-search.svg b/packages/iconify-collections/assets/vender/knowledge/vector-search.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/knowledge/vector-search.svg
rename to packages/iconify-collections/assets/vender/knowledge/vector-search.svg
diff --git a/web/app/components/base/icons/assets/vender/line/alertsAndFeedback/alert-triangle.svg b/packages/iconify-collections/assets/vender/line/alertsAndFeedback/alert-triangle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/alertsAndFeedback/alert-triangle.svg
rename to packages/iconify-collections/assets/vender/line/alertsAndFeedback/alert-triangle.svg
diff --git a/web/app/components/base/icons/assets/vender/line/alertsAndFeedback/thumbs-down.svg b/packages/iconify-collections/assets/vender/line/alertsAndFeedback/thumbs-down.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/alertsAndFeedback/thumbs-down.svg
rename to packages/iconify-collections/assets/vender/line/alertsAndFeedback/thumbs-down.svg
diff --git a/web/app/components/base/icons/assets/vender/line/alertsAndFeedback/thumbs-up.svg b/packages/iconify-collections/assets/vender/line/alertsAndFeedback/thumbs-up.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/alertsAndFeedback/thumbs-up.svg
rename to packages/iconify-collections/assets/vender/line/alertsAndFeedback/thumbs-up.svg
diff --git a/web/app/components/base/icons/assets/vender/line/alertsAndFeedback/warning.svg b/packages/iconify-collections/assets/vender/line/alertsAndFeedback/warning.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/alertsAndFeedback/warning.svg
rename to packages/iconify-collections/assets/vender/line/alertsAndFeedback/warning.svg
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/IconR.svg b/packages/iconify-collections/assets/vender/line/arrows/IconR.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/arrows/IconR.svg
rename to packages/iconify-collections/assets/vender/line/arrows/IconR.svg
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/arrow-narrow-left.svg b/packages/iconify-collections/assets/vender/line/arrows/arrow-narrow-left.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/arrows/arrow-narrow-left.svg
rename to packages/iconify-collections/assets/vender/line/arrows/arrow-narrow-left.svg
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/arrow-up-right.svg b/packages/iconify-collections/assets/vender/line/arrows/arrow-up-right.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/arrows/arrow-up-right.svg
rename to packages/iconify-collections/assets/vender/line/arrows/arrow-up-right.svg
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/chevron-down-double.svg b/packages/iconify-collections/assets/vender/line/arrows/chevron-down-double.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/arrows/chevron-down-double.svg
rename to packages/iconify-collections/assets/vender/line/arrows/chevron-down-double.svg
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/chevron-right.svg b/packages/iconify-collections/assets/vender/line/arrows/chevron-right.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/arrows/chevron-right.svg
rename to packages/iconify-collections/assets/vender/line/arrows/chevron-right.svg
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/chevron-selector-vertical.svg b/packages/iconify-collections/assets/vender/line/arrows/chevron-selector-vertical.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/arrows/chevron-selector-vertical.svg
rename to packages/iconify-collections/assets/vender/line/arrows/chevron-selector-vertical.svg
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/refresh-ccw-01.svg b/packages/iconify-collections/assets/vender/line/arrows/refresh-ccw-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/arrows/refresh-ccw-01.svg
rename to packages/iconify-collections/assets/vender/line/arrows/refresh-ccw-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/refresh-cw-05.svg b/packages/iconify-collections/assets/vender/line/arrows/refresh-cw-05.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/arrows/refresh-cw-05.svg
rename to packages/iconify-collections/assets/vender/line/arrows/refresh-cw-05.svg
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/reverse-left.svg b/packages/iconify-collections/assets/vender/line/arrows/reverse-left.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/arrows/reverse-left.svg
rename to packages/iconify-collections/assets/vender/line/arrows/reverse-left.svg
diff --git a/web/app/components/base/icons/assets/vender/line/communication/ai-text.svg b/packages/iconify-collections/assets/vender/line/communication/ai-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/communication/ai-text.svg
rename to packages/iconify-collections/assets/vender/line/communication/ai-text.svg
diff --git a/web/app/components/base/icons/assets/vender/line/communication/chat-bot-slim.svg b/packages/iconify-collections/assets/vender/line/communication/chat-bot-slim.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/communication/chat-bot-slim.svg
rename to packages/iconify-collections/assets/vender/line/communication/chat-bot-slim.svg
diff --git a/web/app/components/base/icons/assets/vender/line/communication/chat-bot.svg b/packages/iconify-collections/assets/vender/line/communication/chat-bot.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/communication/chat-bot.svg
rename to packages/iconify-collections/assets/vender/line/communication/chat-bot.svg
diff --git a/web/app/components/base/icons/assets/vender/line/communication/cute-robot.svg b/packages/iconify-collections/assets/vender/line/communication/cute-robot.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/communication/cute-robot.svg
rename to packages/iconify-collections/assets/vender/line/communication/cute-robot.svg
diff --git a/web/app/components/base/icons/assets/vender/line/communication/message-check-remove.svg b/packages/iconify-collections/assets/vender/line/communication/message-check-remove.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/communication/message-check-remove.svg
rename to packages/iconify-collections/assets/vender/line/communication/message-check-remove.svg
diff --git a/web/app/components/base/icons/assets/vender/line/communication/message-fast-plus.svg b/packages/iconify-collections/assets/vender/line/communication/message-fast-plus.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/communication/message-fast-plus.svg
rename to packages/iconify-collections/assets/vender/line/communication/message-fast-plus.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/artificial-brain.svg b/packages/iconify-collections/assets/vender/line/development/artificial-brain.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/artificial-brain.svg
rename to packages/iconify-collections/assets/vender/line/development/artificial-brain.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/bar-chart-square-02.svg b/packages/iconify-collections/assets/vender/line/development/bar-chart-square-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/bar-chart-square-02.svg
rename to packages/iconify-collections/assets/vender/line/development/bar-chart-square-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/brackets-x.svg b/packages/iconify-collections/assets/vender/line/development/brackets-x.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/brackets-x.svg
rename to packages/iconify-collections/assets/vender/line/development/brackets-x.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/code-browser.svg b/packages/iconify-collections/assets/vender/line/development/code-browser.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/code-browser.svg
rename to packages/iconify-collections/assets/vender/line/development/code-browser.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/container.svg b/packages/iconify-collections/assets/vender/line/development/container.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/container.svg
rename to packages/iconify-collections/assets/vender/line/development/container.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/database-01.svg b/packages/iconify-collections/assets/vender/line/development/database-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/database-01.svg
rename to packages/iconify-collections/assets/vender/line/development/database-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/database-03.svg b/packages/iconify-collections/assets/vender/line/development/database-03.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/database-03.svg
rename to packages/iconify-collections/assets/vender/line/development/database-03.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/file-heart-02.svg b/packages/iconify-collections/assets/vender/line/development/file-heart-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/file-heart-02.svg
rename to packages/iconify-collections/assets/vender/line/development/file-heart-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/git-branch-01.svg b/packages/iconify-collections/assets/vender/line/development/git-branch-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/git-branch-01.svg
rename to packages/iconify-collections/assets/vender/line/development/git-branch-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/prompt-engineering.svg b/packages/iconify-collections/assets/vender/line/development/prompt-engineering.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/prompt-engineering.svg
rename to packages/iconify-collections/assets/vender/line/development/prompt-engineering.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/puzzle-piece-01.svg b/packages/iconify-collections/assets/vender/line/development/puzzle-piece-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/puzzle-piece-01.svg
rename to packages/iconify-collections/assets/vender/line/development/puzzle-piece-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/terminal-square.svg b/packages/iconify-collections/assets/vender/line/development/terminal-square.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/terminal-square.svg
rename to packages/iconify-collections/assets/vender/line/development/terminal-square.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/variable.svg b/packages/iconify-collections/assets/vender/line/development/variable.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/variable.svg
rename to packages/iconify-collections/assets/vender/line/development/variable.svg
diff --git a/web/app/components/base/icons/assets/vender/line/development/webhooks.svg b/packages/iconify-collections/assets/vender/line/development/webhooks.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/development/webhooks.svg
rename to packages/iconify-collections/assets/vender/line/development/webhooks.svg
diff --git a/web/app/components/base/icons/assets/vender/line/editor/align-left.svg b/packages/iconify-collections/assets/vender/line/editor/align-left.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/editor/align-left.svg
rename to packages/iconify-collections/assets/vender/line/editor/align-left.svg
diff --git a/web/app/components/base/icons/assets/vender/line/editor/bezier-curve-03.svg b/packages/iconify-collections/assets/vender/line/editor/bezier-curve-03.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/editor/bezier-curve-03.svg
rename to packages/iconify-collections/assets/vender/line/editor/bezier-curve-03.svg
diff --git a/web/app/components/base/icons/assets/vender/line/editor/collapse.svg b/packages/iconify-collections/assets/vender/line/editor/collapse.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/editor/collapse.svg
rename to packages/iconify-collections/assets/vender/line/editor/collapse.svg
diff --git a/web/app/components/base/icons/assets/vender/line/editor/colors.svg b/packages/iconify-collections/assets/vender/line/editor/colors.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/editor/colors.svg
rename to packages/iconify-collections/assets/vender/line/editor/colors.svg
diff --git a/web/app/components/base/icons/assets/vender/line/editor/image-indent-left.svg b/packages/iconify-collections/assets/vender/line/editor/image-indent-left.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/editor/image-indent-left.svg
rename to packages/iconify-collections/assets/vender/line/editor/image-indent-left.svg
diff --git a/web/app/components/base/icons/assets/vender/line/editor/left-indent-02.svg b/packages/iconify-collections/assets/vender/line/editor/left-indent-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/editor/left-indent-02.svg
rename to packages/iconify-collections/assets/vender/line/editor/left-indent-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/editor/letter-spacing-01.svg b/packages/iconify-collections/assets/vender/line/editor/letter-spacing-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/editor/letter-spacing-01.svg
rename to packages/iconify-collections/assets/vender/line/editor/letter-spacing-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/editor/type-square.svg b/packages/iconify-collections/assets/vender/line/editor/type-square.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/editor/type-square.svg
rename to packages/iconify-collections/assets/vender/line/editor/type-square.svg
diff --git a/web/app/components/base/icons/assets/vender/line/education/book-open-01.svg b/packages/iconify-collections/assets/vender/line/education/book-open-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/education/book-open-01.svg
rename to packages/iconify-collections/assets/vender/line/education/book-open-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/copy-check.svg b/packages/iconify-collections/assets/vender/line/files/copy-check.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/copy-check.svg
rename to packages/iconify-collections/assets/vender/line/files/copy-check.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/copy.svg b/packages/iconify-collections/assets/vender/line/files/copy.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/copy.svg
rename to packages/iconify-collections/assets/vender/line/files/copy.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/file-02.svg b/packages/iconify-collections/assets/vender/line/files/file-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/file-02.svg
rename to packages/iconify-collections/assets/vender/line/files/file-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/file-arrow-01.svg b/packages/iconify-collections/assets/vender/line/files/file-arrow-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/file-arrow-01.svg
rename to packages/iconify-collections/assets/vender/line/files/file-arrow-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/file-check-02.svg b/packages/iconify-collections/assets/vender/line/files/file-check-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/file-check-02.svg
rename to packages/iconify-collections/assets/vender/line/files/file-check-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/file-download-02.svg b/packages/iconify-collections/assets/vender/line/files/file-download-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/file-download-02.svg
rename to packages/iconify-collections/assets/vender/line/files/file-download-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/file-plus-01.svg b/packages/iconify-collections/assets/vender/line/files/file-plus-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/file-plus-01.svg
rename to packages/iconify-collections/assets/vender/line/files/file-plus-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/file-plus-02.svg b/packages/iconify-collections/assets/vender/line/files/file-plus-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/file-plus-02.svg
rename to packages/iconify-collections/assets/vender/line/files/file-plus-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/file-text.svg b/packages/iconify-collections/assets/vender/line/files/file-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/file-text.svg
rename to packages/iconify-collections/assets/vender/line/files/file-text.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/file-upload.svg b/packages/iconify-collections/assets/vender/line/files/file-upload.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/file-upload.svg
rename to packages/iconify-collections/assets/vender/line/files/file-upload.svg
diff --git a/web/app/components/base/icons/assets/vender/line/files/folder.svg b/packages/iconify-collections/assets/vender/line/files/folder.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/files/folder.svg
rename to packages/iconify-collections/assets/vender/line/files/folder.svg
diff --git a/web/app/components/base/icons/assets/vender/line/financeAndECommerce/balance.svg b/packages/iconify-collections/assets/vender/line/financeAndECommerce/balance.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/financeAndECommerce/balance.svg
rename to packages/iconify-collections/assets/vender/line/financeAndECommerce/balance.svg
diff --git a/web/app/components/base/icons/assets/vender/line/financeAndECommerce/coins-stacked-01.svg b/packages/iconify-collections/assets/vender/line/financeAndECommerce/coins-stacked-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/financeAndECommerce/coins-stacked-01.svg
rename to packages/iconify-collections/assets/vender/line/financeAndECommerce/coins-stacked-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/financeAndECommerce/credits-coin.svg b/packages/iconify-collections/assets/vender/line/financeAndECommerce/credits-coin.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/financeAndECommerce/credits-coin.svg
rename to packages/iconify-collections/assets/vender/line/financeAndECommerce/credits-coin.svg
diff --git a/web/app/components/base/icons/assets/vender/line/financeAndECommerce/gold-coin.svg b/packages/iconify-collections/assets/vender/line/financeAndECommerce/gold-coin.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/financeAndECommerce/gold-coin.svg
rename to packages/iconify-collections/assets/vender/line/financeAndECommerce/gold-coin.svg
diff --git a/web/app/components/base/icons/assets/vender/line/financeAndECommerce/receipt-list.svg b/packages/iconify-collections/assets/vender/line/financeAndECommerce/receipt-list.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/financeAndECommerce/receipt-list.svg
rename to packages/iconify-collections/assets/vender/line/financeAndECommerce/receipt-list.svg
diff --git a/web/app/components/base/icons/assets/vender/line/financeAndECommerce/tag-01.svg b/packages/iconify-collections/assets/vender/line/financeAndECommerce/tag-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/financeAndECommerce/tag-01.svg
rename to packages/iconify-collections/assets/vender/line/financeAndECommerce/tag-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/financeAndECommerce/tag-03.svg b/packages/iconify-collections/assets/vender/line/financeAndECommerce/tag-03.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/financeAndECommerce/tag-03.svg
rename to packages/iconify-collections/assets/vender/line/financeAndECommerce/tag-03.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/at-sign.svg b/packages/iconify-collections/assets/vender/line/general/at-sign.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/at-sign.svg
rename to packages/iconify-collections/assets/vender/line/general/at-sign.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/bookmark.svg b/packages/iconify-collections/assets/vender/line/general/bookmark.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/bookmark.svg
rename to packages/iconify-collections/assets/vender/line/general/bookmark.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/check-done-01.svg b/packages/iconify-collections/assets/vender/line/general/check-done-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/check-done-01.svg
rename to packages/iconify-collections/assets/vender/line/general/check-done-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/check.svg b/packages/iconify-collections/assets/vender/line/general/check.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/check.svg
rename to packages/iconify-collections/assets/vender/line/general/check.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/checklist-square.svg b/packages/iconify-collections/assets/vender/line/general/checklist-square.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/checklist-square.svg
rename to packages/iconify-collections/assets/vender/line/general/checklist-square.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/code-assistant.svg b/packages/iconify-collections/assets/vender/line/general/code-assistant.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/code-assistant.svg
rename to packages/iconify-collections/assets/vender/line/general/code-assistant.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/dots-grid.svg b/packages/iconify-collections/assets/vender/line/general/dots-grid.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/dots-grid.svg
rename to packages/iconify-collections/assets/vender/line/general/dots-grid.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/edit-02.svg b/packages/iconify-collections/assets/vender/line/general/edit-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/edit-02.svg
rename to packages/iconify-collections/assets/vender/line/general/edit-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/edit-04.svg b/packages/iconify-collections/assets/vender/line/general/edit-04.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/edit-04.svg
rename to packages/iconify-collections/assets/vender/line/general/edit-04.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/edit-05.svg b/packages/iconify-collections/assets/vender/line/general/edit-05.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/edit-05.svg
rename to packages/iconify-collections/assets/vender/line/general/edit-05.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/hash-02.svg b/packages/iconify-collections/assets/vender/line/general/hash-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/hash-02.svg
rename to packages/iconify-collections/assets/vender/line/general/hash-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/info-circle.svg b/packages/iconify-collections/assets/vender/line/general/info-circle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/info-circle.svg
rename to packages/iconify-collections/assets/vender/line/general/info-circle.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/link-03.svg b/packages/iconify-collections/assets/vender/line/general/link-03.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/link-03.svg
rename to packages/iconify-collections/assets/vender/line/general/link-03.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/link-external-02.svg b/packages/iconify-collections/assets/vender/line/general/link-external-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/link-external-02.svg
rename to packages/iconify-collections/assets/vender/line/general/link-external-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/log-in-04.svg b/packages/iconify-collections/assets/vender/line/general/log-in-04.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/log-in-04.svg
rename to packages/iconify-collections/assets/vender/line/general/log-in-04.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/log-out-01.svg b/packages/iconify-collections/assets/vender/line/general/log-out-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/log-out-01.svg
rename to packages/iconify-collections/assets/vender/line/general/log-out-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/log-out-04.svg b/packages/iconify-collections/assets/vender/line/general/log-out-04.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/log-out-04.svg
rename to packages/iconify-collections/assets/vender/line/general/log-out-04.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/magic-edit.svg b/packages/iconify-collections/assets/vender/line/general/magic-edit.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/magic-edit.svg
rename to packages/iconify-collections/assets/vender/line/general/magic-edit.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/menu-01.svg b/packages/iconify-collections/assets/vender/line/general/menu-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/menu-01.svg
rename to packages/iconify-collections/assets/vender/line/general/menu-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/pin-01.svg b/packages/iconify-collections/assets/vender/line/general/pin-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/pin-01.svg
rename to packages/iconify-collections/assets/vender/line/general/pin-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/pin-02.svg b/packages/iconify-collections/assets/vender/line/general/pin-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/pin-02.svg
rename to packages/iconify-collections/assets/vender/line/general/pin-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/plus-02.svg b/packages/iconify-collections/assets/vender/line/general/plus-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/plus-02.svg
rename to packages/iconify-collections/assets/vender/line/general/plus-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/refresh.svg b/packages/iconify-collections/assets/vender/line/general/refresh.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/refresh.svg
rename to packages/iconify-collections/assets/vender/line/general/refresh.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/search-menu.svg b/packages/iconify-collections/assets/vender/line/general/search-menu.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/search-menu.svg
rename to packages/iconify-collections/assets/vender/line/general/search-menu.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/settings-01.svg b/packages/iconify-collections/assets/vender/line/general/settings-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/settings-01.svg
rename to packages/iconify-collections/assets/vender/line/general/settings-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/settings-04.svg b/packages/iconify-collections/assets/vender/line/general/settings-04.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/settings-04.svg
rename to packages/iconify-collections/assets/vender/line/general/settings-04.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/target-04.svg b/packages/iconify-collections/assets/vender/line/general/target-04.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/target-04.svg
rename to packages/iconify-collections/assets/vender/line/general/target-04.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/upload-03.svg b/packages/iconify-collections/assets/vender/line/general/upload-03.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/upload-03.svg
rename to packages/iconify-collections/assets/vender/line/general/upload-03.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/upload-cloud-01.svg b/packages/iconify-collections/assets/vender/line/general/upload-cloud-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/upload-cloud-01.svg
rename to packages/iconify-collections/assets/vender/line/general/upload-cloud-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/general/x.svg b/packages/iconify-collections/assets/vender/line/general/x.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/general/x.svg
rename to packages/iconify-collections/assets/vender/line/general/x.svg
diff --git a/web/app/components/base/icons/assets/vender/line/images/image-plus.svg b/packages/iconify-collections/assets/vender/line/images/image-plus.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/images/image-plus.svg
rename to packages/iconify-collections/assets/vender/line/images/image-plus.svg
diff --git a/web/app/components/base/icons/assets/vender/line/layout/align-left-01.svg b/packages/iconify-collections/assets/vender/line/layout/align-left-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/layout/align-left-01.svg
rename to packages/iconify-collections/assets/vender/line/layout/align-left-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/layout/align-right-01.svg b/packages/iconify-collections/assets/vender/line/layout/align-right-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/layout/align-right-01.svg
rename to packages/iconify-collections/assets/vender/line/layout/align-right-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/layout/grid-01.svg b/packages/iconify-collections/assets/vender/line/layout/grid-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/layout/grid-01.svg
rename to packages/iconify-collections/assets/vender/line/layout/grid-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/layout/layout-grid-02.svg b/packages/iconify-collections/assets/vender/line/layout/layout-grid-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/layout/layout-grid-02.svg
rename to packages/iconify-collections/assets/vender/line/layout/layout-grid-02.svg
diff --git a/web/app/components/base/icons/assets/vender/line/mediaAndDevices/microphone-01.svg b/packages/iconify-collections/assets/vender/line/mediaAndDevices/microphone-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/mediaAndDevices/microphone-01.svg
rename to packages/iconify-collections/assets/vender/line/mediaAndDevices/microphone-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/mediaAndDevices/play-circle.svg b/packages/iconify-collections/assets/vender/line/mediaAndDevices/play-circle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/mediaAndDevices/play-circle.svg
rename to packages/iconify-collections/assets/vender/line/mediaAndDevices/play-circle.svg
diff --git a/web/app/components/base/icons/assets/vender/line/mediaAndDevices/sliders-h.svg b/packages/iconify-collections/assets/vender/line/mediaAndDevices/sliders-h.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/mediaAndDevices/sliders-h.svg
rename to packages/iconify-collections/assets/vender/line/mediaAndDevices/sliders-h.svg
diff --git a/web/app/components/base/icons/assets/vender/line/mediaAndDevices/speaker.svg b/packages/iconify-collections/assets/vender/line/mediaAndDevices/speaker.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/mediaAndDevices/speaker.svg
rename to packages/iconify-collections/assets/vender/line/mediaAndDevices/speaker.svg
diff --git a/web/app/components/base/icons/assets/vender/line/mediaAndDevices/stop-circle.svg b/packages/iconify-collections/assets/vender/line/mediaAndDevices/stop-circle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/mediaAndDevices/stop-circle.svg
rename to packages/iconify-collections/assets/vender/line/mediaAndDevices/stop-circle.svg
diff --git a/web/app/components/base/icons/assets/vender/line/mediaAndDevices/stop.svg b/packages/iconify-collections/assets/vender/line/mediaAndDevices/stop.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/mediaAndDevices/stop.svg
rename to packages/iconify-collections/assets/vender/line/mediaAndDevices/stop.svg
diff --git a/web/app/components/base/icons/assets/vender/line/others/bubble-x.svg b/packages/iconify-collections/assets/vender/line/others/bubble-x.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/others/bubble-x.svg
rename to packages/iconify-collections/assets/vender/line/others/bubble-x.svg
diff --git a/web/app/components/base/icons/assets/vender/line/others/colors.svg b/packages/iconify-collections/assets/vender/line/others/colors.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/others/colors.svg
rename to packages/iconify-collections/assets/vender/line/others/colors.svg
diff --git a/web/app/components/base/icons/assets/vender/line/others/drag-handle.svg b/packages/iconify-collections/assets/vender/line/others/drag-handle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/others/drag-handle.svg
rename to packages/iconify-collections/assets/vender/line/others/drag-handle.svg
diff --git a/web/app/components/base/icons/assets/vender/line/others/env.svg b/packages/iconify-collections/assets/vender/line/others/env.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/others/env.svg
rename to packages/iconify-collections/assets/vender/line/others/env.svg
diff --git a/web/app/components/base/icons/assets/vender/line/others/global-variable.svg b/packages/iconify-collections/assets/vender/line/others/global-variable.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/others/global-variable.svg
rename to packages/iconify-collections/assets/vender/line/others/global-variable.svg
diff --git a/web/app/components/base/icons/assets/vender/line/others/icon-3-dots.svg b/packages/iconify-collections/assets/vender/line/others/icon-3-dots.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/others/icon-3-dots.svg
rename to packages/iconify-collections/assets/vender/line/others/icon-3-dots.svg
diff --git a/web/app/components/base/icons/assets/vender/line/others/long-arrow-left.svg b/packages/iconify-collections/assets/vender/line/others/long-arrow-left.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/others/long-arrow-left.svg
rename to packages/iconify-collections/assets/vender/line/others/long-arrow-left.svg
diff --git a/web/app/components/base/icons/assets/vender/line/others/long-arrow-right.svg b/packages/iconify-collections/assets/vender/line/others/long-arrow-right.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/others/long-arrow-right.svg
rename to packages/iconify-collections/assets/vender/line/others/long-arrow-right.svg
diff --git a/web/app/components/base/icons/assets/vender/line/others/search-menu.svg b/packages/iconify-collections/assets/vender/line/others/search-menu.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/others/search-menu.svg
rename to packages/iconify-collections/assets/vender/line/others/search-menu.svg
diff --git a/web/app/components/base/icons/assets/vender/line/others/tools.svg b/packages/iconify-collections/assets/vender/line/others/tools.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/others/tools.svg
rename to packages/iconify-collections/assets/vender/line/others/tools.svg
diff --git a/web/app/components/base/icons/assets/vender/line/shapes/cube-outline.svg b/packages/iconify-collections/assets/vender/line/shapes/cube-outline.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/shapes/cube-outline.svg
rename to packages/iconify-collections/assets/vender/line/shapes/cube-outline.svg
diff --git a/web/app/components/base/icons/assets/vender/line/time/clock-fast-forward.svg b/packages/iconify-collections/assets/vender/line/time/clock-fast-forward.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/time/clock-fast-forward.svg
rename to packages/iconify-collections/assets/vender/line/time/clock-fast-forward.svg
diff --git a/web/app/components/base/icons/assets/vender/line/time/clock-play-slim.svg b/packages/iconify-collections/assets/vender/line/time/clock-play-slim.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/time/clock-play-slim.svg
rename to packages/iconify-collections/assets/vender/line/time/clock-play-slim.svg
diff --git a/web/app/components/base/icons/assets/vender/line/time/clock-play.svg b/packages/iconify-collections/assets/vender/line/time/clock-play.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/time/clock-play.svg
rename to packages/iconify-collections/assets/vender/line/time/clock-play.svg
diff --git a/web/app/components/base/icons/assets/vender/line/time/clock-refresh.svg b/packages/iconify-collections/assets/vender/line/time/clock-refresh.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/time/clock-refresh.svg
rename to packages/iconify-collections/assets/vender/line/time/clock-refresh.svg
diff --git a/web/app/components/base/icons/assets/vender/line/users/user-01.svg b/packages/iconify-collections/assets/vender/line/users/user-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/users/user-01.svg
rename to packages/iconify-collections/assets/vender/line/users/user-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/users/users-01.svg b/packages/iconify-collections/assets/vender/line/users/users-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/users/users-01.svg
rename to packages/iconify-collections/assets/vender/line/users/users-01.svg
diff --git a/web/app/components/base/icons/assets/vender/line/weather/stars-02.svg b/packages/iconify-collections/assets/vender/line/weather/stars-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/line/weather/stars-02.svg
rename to packages/iconify-collections/assets/vender/line/weather/stars-02.svg
diff --git a/web/app/components/base/icons/assets/vender/other/anthropic-text.svg b/packages/iconify-collections/assets/vender/other/anthropic-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/other/anthropic-text.svg
rename to packages/iconify-collections/assets/vender/other/anthropic-text.svg
diff --git a/web/app/components/base/icons/assets/vender/other/generator.svg b/packages/iconify-collections/assets/vender/other/generator.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/other/generator.svg
rename to packages/iconify-collections/assets/vender/other/generator.svg
diff --git a/web/app/components/base/icons/assets/vender/other/group.svg b/packages/iconify-collections/assets/vender/other/group.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/other/group.svg
rename to packages/iconify-collections/assets/vender/other/group.svg
diff --git a/web/app/components/base/icons/assets/vender/other/hourglass-shape.svg b/packages/iconify-collections/assets/vender/other/hourglass-shape.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/other/hourglass-shape.svg
rename to packages/iconify-collections/assets/vender/other/hourglass-shape.svg
diff --git a/web/app/components/base/icons/assets/vender/other/mcp.svg b/packages/iconify-collections/assets/vender/other/mcp.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/other/mcp.svg
rename to packages/iconify-collections/assets/vender/other/mcp.svg
diff --git a/web/app/components/base/icons/assets/vender/other/no-tool-placeholder.svg b/packages/iconify-collections/assets/vender/other/no-tool-placeholder.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/other/no-tool-placeholder.svg
rename to packages/iconify-collections/assets/vender/other/no-tool-placeholder.svg
diff --git a/web/app/components/base/icons/assets/vender/other/openai.svg b/packages/iconify-collections/assets/vender/other/openai.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/other/openai.svg
rename to packages/iconify-collections/assets/vender/other/openai.svg
diff --git a/web/app/components/base/icons/assets/vender/other/replay-line.svg b/packages/iconify-collections/assets/vender/other/replay-line.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/other/replay-line.svg
rename to packages/iconify-collections/assets/vender/other/replay-line.svg
diff --git a/web/app/components/base/icons/assets/vender/other/square-checklist.svg b/packages/iconify-collections/assets/vender/other/square-checklist.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/other/square-checklist.svg
rename to packages/iconify-collections/assets/vender/other/square-checklist.svg
diff --git a/web/app/components/base/icons/assets/vender/pipeline/input-field.svg b/packages/iconify-collections/assets/vender/pipeline/input-field.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/pipeline/input-field.svg
rename to packages/iconify-collections/assets/vender/pipeline/input-field.svg
diff --git a/web/app/components/base/icons/assets/vender/pipeline/pipeline-fill.svg b/packages/iconify-collections/assets/vender/pipeline/pipeline-fill.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/pipeline/pipeline-fill.svg
rename to packages/iconify-collections/assets/vender/pipeline/pipeline-fill.svg
diff --git a/web/app/components/base/icons/assets/vender/pipeline/pipeline-line.svg b/packages/iconify-collections/assets/vender/pipeline/pipeline-line.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/pipeline/pipeline-line.svg
rename to packages/iconify-collections/assets/vender/pipeline/pipeline-line.svg
diff --git a/web/app/components/base/icons/assets/vender/plugin/box-sparkle-fill.svg b/packages/iconify-collections/assets/vender/plugin/box-sparkle-fill.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/plugin/box-sparkle-fill.svg
rename to packages/iconify-collections/assets/vender/plugin/box-sparkle-fill.svg
diff --git a/web/app/components/base/icons/assets/vender/plugin/left-corner.svg b/packages/iconify-collections/assets/vender/plugin/left-corner.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/plugin/left-corner.svg
rename to packages/iconify-collections/assets/vender/plugin/left-corner.svg
diff --git a/web/app/components/base/icons/assets/vender/plugin/trigger.svg b/packages/iconify-collections/assets/vender/plugin/trigger.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/plugin/trigger.svg
rename to packages/iconify-collections/assets/vender/plugin/trigger.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/FinanceAndECommerce/gold-coin.svg b/packages/iconify-collections/assets/vender/solid/FinanceAndECommerce/gold-coin.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/FinanceAndECommerce/gold-coin.svg
rename to packages/iconify-collections/assets/vender/solid/FinanceAndECommerce/gold-coin.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/FinanceAndECommerce/scales-02.svg b/packages/iconify-collections/assets/vender/solid/FinanceAndECommerce/scales-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/FinanceAndECommerce/scales-02.svg
rename to packages/iconify-collections/assets/vender/solid/FinanceAndECommerce/scales-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/alertsAndFeedback/alert-triangle.svg b/packages/iconify-collections/assets/vender/solid/alertsAndFeedback/alert-triangle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/alertsAndFeedback/alert-triangle.svg
rename to packages/iconify-collections/assets/vender/solid/alertsAndFeedback/alert-triangle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/arrows/arrow-down-double-line.svg b/packages/iconify-collections/assets/vender/solid/arrows/arrow-down-double-line.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/arrows/arrow-down-double-line.svg
rename to packages/iconify-collections/assets/vender/solid/arrows/arrow-down-double-line.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/arrows/arrow-down-round-fill.svg b/packages/iconify-collections/assets/vender/solid/arrows/arrow-down-round-fill.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/arrows/arrow-down-round-fill.svg
rename to packages/iconify-collections/assets/vender/solid/arrows/arrow-down-round-fill.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/arrows/arrow-up-double-line.svg b/packages/iconify-collections/assets/vender/solid/arrows/arrow-up-double-line.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/arrows/arrow-up-double-line.svg
rename to packages/iconify-collections/assets/vender/solid/arrows/arrow-up-double-line.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/arrows/chevron-down.svg b/packages/iconify-collections/assets/vender/solid/arrows/chevron-down.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/arrows/chevron-down.svg
rename to packages/iconify-collections/assets/vender/solid/arrows/chevron-down.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/arrows/high-priority.svg b/packages/iconify-collections/assets/vender/solid/arrows/high-priority.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/arrows/high-priority.svg
rename to packages/iconify-collections/assets/vender/solid/arrows/high-priority.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/ai-text.svg b/packages/iconify-collections/assets/vender/solid/communication/ai-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/ai-text.svg
rename to packages/iconify-collections/assets/vender/solid/communication/ai-text.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/bubble-text-mod.svg b/packages/iconify-collections/assets/vender/solid/communication/bubble-text-mod.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/bubble-text-mod.svg
rename to packages/iconify-collections/assets/vender/solid/communication/bubble-text-mod.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/chat-bot.svg b/packages/iconify-collections/assets/vender/solid/communication/chat-bot.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/chat-bot.svg
rename to packages/iconify-collections/assets/vender/solid/communication/chat-bot.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/cute-robot.svg b/packages/iconify-collections/assets/vender/solid/communication/cute-robot.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/cute-robot.svg
rename to packages/iconify-collections/assets/vender/solid/communication/cute-robot.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/edit-list.svg b/packages/iconify-collections/assets/vender/solid/communication/edit-list.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/edit-list.svg
rename to packages/iconify-collections/assets/vender/solid/communication/edit-list.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/list-sparkle.svg b/packages/iconify-collections/assets/vender/solid/communication/list-sparkle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/list-sparkle.svg
rename to packages/iconify-collections/assets/vender/solid/communication/list-sparkle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/logic.svg b/packages/iconify-collections/assets/vender/solid/communication/logic.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/logic.svg
rename to packages/iconify-collections/assets/vender/solid/communication/logic.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/message-dots-circle.svg b/packages/iconify-collections/assets/vender/solid/communication/message-dots-circle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/message-dots-circle.svg
rename to packages/iconify-collections/assets/vender/solid/communication/message-dots-circle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/message-fast.svg b/packages/iconify-collections/assets/vender/solid/communication/message-fast.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/message-fast.svg
rename to packages/iconify-collections/assets/vender/solid/communication/message-fast.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/message-heart-circle.svg b/packages/iconify-collections/assets/vender/solid/communication/message-heart-circle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/message-heart-circle.svg
rename to packages/iconify-collections/assets/vender/solid/communication/message-heart-circle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/message-smile-square.svg b/packages/iconify-collections/assets/vender/solid/communication/message-smile-square.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/message-smile-square.svg
rename to packages/iconify-collections/assets/vender/solid/communication/message-smile-square.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/communication/send-03.svg b/packages/iconify-collections/assets/vender/solid/communication/send-03.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/communication/send-03.svg
rename to packages/iconify-collections/assets/vender/solid/communication/send-03.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/api-connection-mod.svg b/packages/iconify-collections/assets/vender/solid/development/api-connection-mod.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/api-connection-mod.svg
rename to packages/iconify-collections/assets/vender/solid/development/api-connection-mod.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/api-connection.svg b/packages/iconify-collections/assets/vender/solid/development/api-connection.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/api-connection.svg
rename to packages/iconify-collections/assets/vender/solid/development/api-connection.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/bar-chart-square-02.svg b/packages/iconify-collections/assets/vender/solid/development/bar-chart-square-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/bar-chart-square-02.svg
rename to packages/iconify-collections/assets/vender/solid/development/bar-chart-square-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/container.svg b/packages/iconify-collections/assets/vender/solid/development/container.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/container.svg
rename to packages/iconify-collections/assets/vender/solid/development/container.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/database-02.svg b/packages/iconify-collections/assets/vender/solid/development/database-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/database-02.svg
rename to packages/iconify-collections/assets/vender/solid/development/database-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/database-03.svg b/packages/iconify-collections/assets/vender/solid/development/database-03.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/database-03.svg
rename to packages/iconify-collections/assets/vender/solid/development/database-03.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/file-heart-02.svg b/packages/iconify-collections/assets/vender/solid/development/file-heart-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/file-heart-02.svg
rename to packages/iconify-collections/assets/vender/solid/development/file-heart-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/pattern-recognition.svg b/packages/iconify-collections/assets/vender/solid/development/pattern-recognition.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/pattern-recognition.svg
rename to packages/iconify-collections/assets/vender/solid/development/pattern-recognition.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/prompt-engineering.svg b/packages/iconify-collections/assets/vender/solid/development/prompt-engineering.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/prompt-engineering.svg
rename to packages/iconify-collections/assets/vender/solid/development/prompt-engineering.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/puzzle-piece-01.svg b/packages/iconify-collections/assets/vender/solid/development/puzzle-piece-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/puzzle-piece-01.svg
rename to packages/iconify-collections/assets/vender/solid/development/puzzle-piece-01.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/semantic.svg b/packages/iconify-collections/assets/vender/solid/development/semantic.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/semantic.svg
rename to packages/iconify-collections/assets/vender/solid/development/semantic.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/terminal-square.svg b/packages/iconify-collections/assets/vender/solid/development/terminal-square.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/terminal-square.svg
rename to packages/iconify-collections/assets/vender/solid/development/terminal-square.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/development/variable-02.svg b/packages/iconify-collections/assets/vender/solid/development/variable-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/development/variable-02.svg
rename to packages/iconify-collections/assets/vender/solid/development/variable-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/editor/brush-01.svg b/packages/iconify-collections/assets/vender/solid/editor/brush-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/editor/brush-01.svg
rename to packages/iconify-collections/assets/vender/solid/editor/brush-01.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/editor/citations.svg b/packages/iconify-collections/assets/vender/solid/editor/citations.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/editor/citations.svg
rename to packages/iconify-collections/assets/vender/solid/editor/citations.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/editor/colors.svg b/packages/iconify-collections/assets/vender/solid/editor/colors.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/editor/colors.svg
rename to packages/iconify-collections/assets/vender/solid/editor/colors.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/editor/paragraph.svg b/packages/iconify-collections/assets/vender/solid/editor/paragraph.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/editor/paragraph.svg
rename to packages/iconify-collections/assets/vender/solid/editor/paragraph.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/editor/type-square.svg b/packages/iconify-collections/assets/vender/solid/editor/type-square.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/editor/type-square.svg
rename to packages/iconify-collections/assets/vender/solid/editor/type-square.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/education/beaker-02.svg b/packages/iconify-collections/assets/vender/solid/education/beaker-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/education/beaker-02.svg
rename to packages/iconify-collections/assets/vender/solid/education/beaker-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/education/bubble-text.svg b/packages/iconify-collections/assets/vender/solid/education/bubble-text.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/education/bubble-text.svg
rename to packages/iconify-collections/assets/vender/solid/education/bubble-text.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/education/heart-02.svg b/packages/iconify-collections/assets/vender/solid/education/heart-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/education/heart-02.svg
rename to packages/iconify-collections/assets/vender/solid/education/heart-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/education/unblur.svg b/packages/iconify-collections/assets/vender/solid/education/unblur.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/education/unblur.svg
rename to packages/iconify-collections/assets/vender/solid/education/unblur.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/files/file-05.svg b/packages/iconify-collections/assets/vender/solid/files/file-05.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/files/file-05.svg
rename to packages/iconify-collections/assets/vender/solid/files/file-05.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/files/file-search-02.svg b/packages/iconify-collections/assets/vender/solid/files/file-search-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/files/file-search-02.svg
rename to packages/iconify-collections/assets/vender/solid/files/file-search-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/files/file-zip.svg b/packages/iconify-collections/assets/vender/solid/files/file-zip.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/files/file-zip.svg
rename to packages/iconify-collections/assets/vender/solid/files/file-zip.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/files/folder.svg b/packages/iconify-collections/assets/vender/solid/files/folder.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/files/folder.svg
rename to packages/iconify-collections/assets/vender/solid/files/folder.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/answer-triangle.svg b/packages/iconify-collections/assets/vender/solid/general/answer-triangle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/answer-triangle.svg
rename to packages/iconify-collections/assets/vender/solid/general/answer-triangle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/arrow-down-round-fill.svg b/packages/iconify-collections/assets/vender/solid/general/arrow-down-round-fill.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/arrow-down-round-fill.svg
rename to packages/iconify-collections/assets/vender/solid/general/arrow-down-round-fill.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/check-circle.svg b/packages/iconify-collections/assets/vender/solid/general/check-circle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/check-circle.svg
rename to packages/iconify-collections/assets/vender/solid/general/check-circle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/check-done-01.svg b/packages/iconify-collections/assets/vender/solid/general/check-done-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/check-done-01.svg
rename to packages/iconify-collections/assets/vender/solid/general/check-done-01.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/download-02.svg b/packages/iconify-collections/assets/vender/solid/general/download-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/download-02.svg
rename to packages/iconify-collections/assets/vender/solid/general/download-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/edit-03.svg b/packages/iconify-collections/assets/vender/solid/general/edit-03.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/edit-03.svg
rename to packages/iconify-collections/assets/vender/solid/general/edit-03.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/edit-04.svg b/packages/iconify-collections/assets/vender/solid/general/edit-04.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/edit-04.svg
rename to packages/iconify-collections/assets/vender/solid/general/edit-04.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/eye.svg b/packages/iconify-collections/assets/vender/solid/general/eye.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/eye.svg
rename to packages/iconify-collections/assets/vender/solid/general/eye.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/github.svg b/packages/iconify-collections/assets/vender/solid/general/github.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/github.svg
rename to packages/iconify-collections/assets/vender/solid/general/github.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/message-clock-circle.svg b/packages/iconify-collections/assets/vender/solid/general/message-clock-circle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/message-clock-circle.svg
rename to packages/iconify-collections/assets/vender/solid/general/message-clock-circle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/plus-circle.svg b/packages/iconify-collections/assets/vender/solid/general/plus-circle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/plus-circle.svg
rename to packages/iconify-collections/assets/vender/solid/general/plus-circle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/question-triangle.svg b/packages/iconify-collections/assets/vender/solid/general/question-triangle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/question-triangle.svg
rename to packages/iconify-collections/assets/vender/solid/general/question-triangle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/search-md.svg b/packages/iconify-collections/assets/vender/solid/general/search-md.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/search-md.svg
rename to packages/iconify-collections/assets/vender/solid/general/search-md.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/target-04.svg b/packages/iconify-collections/assets/vender/solid/general/target-04.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/target-04.svg
rename to packages/iconify-collections/assets/vender/solid/general/target-04.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/tool-03.svg b/packages/iconify-collections/assets/vender/solid/general/tool-03.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/tool-03.svg
rename to packages/iconify-collections/assets/vender/solid/general/tool-03.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/x-circle.svg b/packages/iconify-collections/assets/vender/solid/general/x-circle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/x-circle.svg
rename to packages/iconify-collections/assets/vender/solid/general/x-circle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/zap-fast.svg b/packages/iconify-collections/assets/vender/solid/general/zap-fast.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/zap-fast.svg
rename to packages/iconify-collections/assets/vender/solid/general/zap-fast.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/general/zap-narrow.svg b/packages/iconify-collections/assets/vender/solid/general/zap-narrow.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/general/zap-narrow.svg
rename to packages/iconify-collections/assets/vender/solid/general/zap-narrow.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/layout/grid-01.svg b/packages/iconify-collections/assets/vender/solid/layout/grid-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/layout/grid-01.svg
rename to packages/iconify-collections/assets/vender/solid/layout/grid-01.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/audio-support-icon.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/audio-support-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/audio-support-icon.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/audio-support-icon.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/document-support-icon.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/document-support-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/document-support-icon.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/document-support-icon.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/magic-box.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/magic-box.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/magic-box.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/magic-box.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/magic-eyes.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/magic-eyes.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/magic-eyes.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/magic-eyes.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/magic-wand.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/magic-wand.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/magic-wand.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/magic-wand.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/microphone-01.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/microphone-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/microphone-01.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/microphone-01.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/play.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/play.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/play.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/play.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/robot.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/robot.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/robot.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/robot.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/sliders-02.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/sliders-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/sliders-02.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/sliders-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/speaker.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/speaker.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/speaker.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/speaker.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/stop-circle.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/stop-circle.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/stop-circle.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/stop-circle.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/video-support-icon.svg b/packages/iconify-collections/assets/vender/solid/mediaAndDevices/video-support-icon.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/mediaAndDevices/video-support-icon.svg
rename to packages/iconify-collections/assets/vender/solid/mediaAndDevices/video-support-icon.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/security/lock-01.svg b/packages/iconify-collections/assets/vender/solid/security/lock-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/security/lock-01.svg
rename to packages/iconify-collections/assets/vender/solid/security/lock-01.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/shapes/corner.svg b/packages/iconify-collections/assets/vender/solid/shapes/corner.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/shapes/corner.svg
rename to packages/iconify-collections/assets/vender/solid/shapes/corner.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/shapes/star-04.svg b/packages/iconify-collections/assets/vender/solid/shapes/star-04.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/shapes/star-04.svg
rename to packages/iconify-collections/assets/vender/solid/shapes/star-04.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/shapes/star-06.svg b/packages/iconify-collections/assets/vender/solid/shapes/star-06.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/shapes/star-06.svg
rename to packages/iconify-collections/assets/vender/solid/shapes/star-06.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/users/user-01.svg b/packages/iconify-collections/assets/vender/solid/users/user-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/users/user-01.svg
rename to packages/iconify-collections/assets/vender/solid/users/user-01.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/users/user-edit-02.svg b/packages/iconify-collections/assets/vender/solid/users/user-edit-02.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/users/user-edit-02.svg
rename to packages/iconify-collections/assets/vender/solid/users/user-edit-02.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/users/users-01.svg b/packages/iconify-collections/assets/vender/solid/users/users-01.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/users/users-01.svg
rename to packages/iconify-collections/assets/vender/solid/users/users-01.svg
diff --git a/web/app/components/base/icons/assets/vender/solid/users/users-plus.svg b/packages/iconify-collections/assets/vender/solid/users/users-plus.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/solid/users/users-plus.svg
rename to packages/iconify-collections/assets/vender/solid/users/users-plus.svg
diff --git a/web/app/components/base/icons/assets/vender/system/auto-update-line.svg b/packages/iconify-collections/assets/vender/system/auto-update-line.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/system/auto-update-line.svg
rename to packages/iconify-collections/assets/vender/system/auto-update-line.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/agent.svg b/packages/iconify-collections/assets/vender/workflow/agent.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/agent.svg
rename to packages/iconify-collections/assets/vender/workflow/agent.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/answer.svg b/packages/iconify-collections/assets/vender/workflow/answer.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/answer.svg
rename to packages/iconify-collections/assets/vender/workflow/answer.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/api-aggregate.svg b/packages/iconify-collections/assets/vender/workflow/api-aggregate.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/api-aggregate.svg
rename to packages/iconify-collections/assets/vender/workflow/api-aggregate.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/assigner.svg b/packages/iconify-collections/assets/vender/workflow/assigner.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/assigner.svg
rename to packages/iconify-collections/assets/vender/workflow/assigner.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/asterisk.svg b/packages/iconify-collections/assets/vender/workflow/asterisk.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/asterisk.svg
rename to packages/iconify-collections/assets/vender/workflow/asterisk.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/calendar-check-line.svg b/packages/iconify-collections/assets/vender/workflow/calendar-check-line.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/calendar-check-line.svg
rename to packages/iconify-collections/assets/vender/workflow/calendar-check-line.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/code.svg b/packages/iconify-collections/assets/vender/workflow/code.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/code.svg
rename to packages/iconify-collections/assets/vender/workflow/code.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/datasource.svg b/packages/iconify-collections/assets/vender/workflow/datasource.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/datasource.svg
rename to packages/iconify-collections/assets/vender/workflow/datasource.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/docs-extractor.svg b/packages/iconify-collections/assets/vender/workflow/docs-extractor.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/docs-extractor.svg
rename to packages/iconify-collections/assets/vender/workflow/docs-extractor.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/end.svg b/packages/iconify-collections/assets/vender/workflow/end.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/end.svg
rename to packages/iconify-collections/assets/vender/workflow/end.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/home.svg b/packages/iconify-collections/assets/vender/workflow/home.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/home.svg
rename to packages/iconify-collections/assets/vender/workflow/home.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/http.svg b/packages/iconify-collections/assets/vender/workflow/http.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/http.svg
rename to packages/iconify-collections/assets/vender/workflow/http.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/human-in-loop.svg b/packages/iconify-collections/assets/vender/workflow/human-in-loop.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/human-in-loop.svg
rename to packages/iconify-collections/assets/vender/workflow/human-in-loop.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/if-else.svg b/packages/iconify-collections/assets/vender/workflow/if-else.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/if-else.svg
rename to packages/iconify-collections/assets/vender/workflow/if-else.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/iteration-start.svg b/packages/iconify-collections/assets/vender/workflow/iteration-start.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/iteration-start.svg
rename to packages/iconify-collections/assets/vender/workflow/iteration-start.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/iteration.svg b/packages/iconify-collections/assets/vender/workflow/iteration.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/iteration.svg
rename to packages/iconify-collections/assets/vender/workflow/iteration.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/jinja.svg b/packages/iconify-collections/assets/vender/workflow/jinja.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/jinja.svg
rename to packages/iconify-collections/assets/vender/workflow/jinja.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/knowledge-base.svg b/packages/iconify-collections/assets/vender/workflow/knowledge-base.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/knowledge-base.svg
rename to packages/iconify-collections/assets/vender/workflow/knowledge-base.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/knowledge-retrieval.svg b/packages/iconify-collections/assets/vender/workflow/knowledge-retrieval.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/knowledge-retrieval.svg
rename to packages/iconify-collections/assets/vender/workflow/knowledge-retrieval.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/list-filter.svg b/packages/iconify-collections/assets/vender/workflow/list-filter.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/list-filter.svg
rename to packages/iconify-collections/assets/vender/workflow/list-filter.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/llm.svg b/packages/iconify-collections/assets/vender/workflow/llm.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/llm.svg
rename to packages/iconify-collections/assets/vender/workflow/llm.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/loop-end.svg b/packages/iconify-collections/assets/vender/workflow/loop-end.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/loop-end.svg
rename to packages/iconify-collections/assets/vender/workflow/loop-end.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/loop.svg b/packages/iconify-collections/assets/vender/workflow/loop.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/loop.svg
rename to packages/iconify-collections/assets/vender/workflow/loop.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/parameter-extractor.svg b/packages/iconify-collections/assets/vender/workflow/parameter-extractor.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/parameter-extractor.svg
rename to packages/iconify-collections/assets/vender/workflow/parameter-extractor.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/question-classifier.svg b/packages/iconify-collections/assets/vender/workflow/question-classifier.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/question-classifier.svg
rename to packages/iconify-collections/assets/vender/workflow/question-classifier.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/schedule.svg b/packages/iconify-collections/assets/vender/workflow/schedule.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/schedule.svg
rename to packages/iconify-collections/assets/vender/workflow/schedule.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/templating-transform.svg b/packages/iconify-collections/assets/vender/workflow/templating-transform.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/templating-transform.svg
rename to packages/iconify-collections/assets/vender/workflow/templating-transform.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/trigger-all.svg b/packages/iconify-collections/assets/vender/workflow/trigger-all.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/trigger-all.svg
rename to packages/iconify-collections/assets/vender/workflow/trigger-all.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/variable-x.svg b/packages/iconify-collections/assets/vender/workflow/variable-x.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/variable-x.svg
rename to packages/iconify-collections/assets/vender/workflow/variable-x.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/webhook-line.svg b/packages/iconify-collections/assets/vender/workflow/webhook-line.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/webhook-line.svg
rename to packages/iconify-collections/assets/vender/workflow/webhook-line.svg
diff --git a/web/app/components/base/icons/assets/vender/workflow/window-cursor.svg b/packages/iconify-collections/assets/vender/workflow/window-cursor.svg
similarity index 100%
rename from web/app/components/base/icons/assets/vender/workflow/window-cursor.svg
rename to packages/iconify-collections/assets/vender/workflow/window-cursor.svg
diff --git a/packages/iconify-collections/custom-public/chars.json b/packages/iconify-collections/custom-public/chars.json
new file mode 100644
index 0000000000..0967ef424b
--- /dev/null
+++ b/packages/iconify-collections/custom-public/chars.json
@@ -0,0 +1 @@
+{}
diff --git a/packages/iconify-collections/custom-public/icons.json b/packages/iconify-collections/custom-public/icons.json
new file mode 100644
index 0000000000..347b6145e2
--- /dev/null
+++ b/packages/iconify-collections/custom-public/icons.json
@@ -0,0 +1,572 @@
+{
+  "prefix": "custom-public",
+  "lastModified": 1775115796,
+  "icons": {
+    "avatar-user": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><rect width=\"512\" height=\"512\" fill=\"currentColor\" rx=\"256\"/></g><defs><clipPath id=\"svgID0\"><rect width=\"512\" height=\"512\" fill=\"#fff\" rx=\"256\"/></clipPath></defs></g>",
+      "width": 512,
+      "height": 512
+    },
+    "billing-ar-cube-1": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14 14v9.917M14 14L5.25 9.078M14 14l8.473-4.766m1.152.717v8.098c0 .843-.455 1.62-1.19 2.034l-7.291 4.102c-.71.4-1.578.4-2.288 0l-7.292-4.102a2.33 2.33 0 0 1-1.189-2.034V9.951c0-.843.455-1.62 1.19-2.034l7.291-4.102c.71-.4 1.578-.4 2.288 0l7.292 4.102a2.33 2.33 0 0 1 1.189 2.034\"/>",
+      "width": 28
+    },
+    "billing-asterisk": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"1.5\" d=\"M14.003 3.208v21.584M4.657 8.604L23.35 19.396m-18.69 0L23.35 8.604\"/>",
+      "width": 28
+    },
+    "billing-aws-marketplace-dark": {
+      "body": "<g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path d=\"M47.313 15.06V9.215c0-.57-.11-.982-.328-1.26c-.219-.267-.56-.413-1.02-.413c-.827 0-1.666.255-2.504.764c.012.085.012.17.012.254v6.474h-1.69V9.192c0-.57-.109-.982-.328-1.26c-.218-.268-.559-.413-1.02-.413c-.863 0-1.69.254-2.48.752v6.752h-1.689V6.416h1.41l.17.86c1.094-.751 2.15-1.115 3.184-1.115c1.057 0 1.774.4 2.139 1.2c1.118-.8 2.248-1.2 3.366-1.2c.778 0 1.386.218 1.799.667c.425.436.632 1.067.632 1.879v6.316h-1.653zm8.653 0l-.134-.886a4.8 4.8 0 0 1-1.349.813c-.498.194-.984.29-1.47.29q-1.203 0-1.932-.69c-.487-.461-.73-1.067-.73-1.843c0-.825.292-1.491.888-1.976c.595-.497 1.385-.74 2.382-.74c.656 0 1.373.097 2.138.291V9.204c0-.606-.133-1.043-.413-1.285c-.28-.255-.753-.376-1.422-.376c-.96 0-1.956.17-2.99.521V6.876c.414-.218.912-.375 1.495-.497a9 9 0 0 1 1.787-.182c1.082 0 1.871.219 2.382.667c.51.449.766 1.128.766 2.049v6.146zm-2.552-1.055c.765 0 1.555-.291 2.345-.861V11.41a7.5 7.5 0 0 0-1.798-.218c-1.276 0-1.92.497-1.92 1.48c0 .423.121.763.352.993c.243.218.583.34 1.02.34m5.883 1.055V6.451h1.41l.182 1.273c.316-.34.608-.606.887-.788c.28-.182.547-.327.839-.412a3.2 3.2 0 0 1 .923-.134c.219 0 .45.013.693.049v1.527a7 7 0 0 0-.924-.072c-.911 0-1.689.266-2.333.812v6.352zm5.979 0V2.5h1.69v7.71l3.657-3.746h2.054l-4.083 4.086l4.35 4.51h-2.126l-3.865-4.074v4.073zm9.212-3.94c.024.97.267 1.697.73 2.157c.461.46 1.166.691 2.138.691c.9 0 1.811-.17 2.735-.521v1.2c-.815.437-1.811.667-2.99.667c-1.398 0-2.455-.388-3.16-1.152c-.717-.764-1.07-1.903-1.07-3.406c0-1.443.353-2.558 1.07-3.346s1.714-1.2 2.99-1.2q1.622 0 2.48.909c.583.606.862 1.467.862 2.57c0 .533-.049 1.018-.134 1.443h-5.65zm2.346-3.65c-.717 0-1.276.219-1.665.63c-.401.425-.62 1.055-.68 1.892h4.24c.013-.085.013-.243.013-.436c0-.691-.158-1.213-.486-1.564c-.316-.34-.79-.522-1.422-.522m10.026 7.383c-.56.219-1.191.328-1.884.328c-1.616 0-2.418-.8-2.418-2.413V7.773h-1.568v-1.09l1.616-.207l.255-2.449h1.374V6.44h2.552v1.32h-2.552v4.922c0 .425.097.716.28.885c.182.17.51.255.96.255c.461 0 .923-.06 1.373-.17v1.2zm1.154-8.401h1.41l.158.885c.863-.764 1.823-1.14 2.88-1.14c1.106 0 1.97.4 2.601 1.2c.632.8.948 1.88.948 3.25c0 1.394-.34 2.509-1.009 3.345s-1.555 1.261-2.673 1.261a3.8 3.8 0 0 1-2.638-1.006v4.316h-1.677zm3.962 1.103c-.802 0-1.567.255-2.284.776v4.74c.74.546 1.482.812 2.248.812c1.568 0 2.345-1.054 2.345-3.151c0-1.08-.194-1.867-.57-2.389c-.365-.521-.949-.788-1.739-.788m8.653 7.383a3.6 3.6 0 0 1-1.227.206c-.596 0-1.057-.17-1.373-.521c-.317-.34-.475-.837-.475-1.48V2.5h1.69v10.535c0 .254.048.448.158.57q.167.18.535.181c.23 0 .461-.012.692-.048zm6.514.122l-.133-.886a4.8 4.8 0 0 1-1.349.813c-.499.194-.985.29-1.471.29q-1.203 0-1.932-.69c-.486-.461-.729-1.067-.729-1.843c0-.825.291-1.491.887-1.976c.595-.497 1.385-.74 2.382-.74a8.8 8.8 0 0 1 2.139.291V9.204c0-.606-.134-1.043-.414-1.285c-.279-.255-.753-.376-1.421-.376c-.961 0-1.957.17-2.99.521V6.876c.413-.218.911-.375 1.495-.497a9 9 0 0 1 1.786-.182c1.082 0 1.872.219 2.382.667c.511.449.766 1.128.766 2.049v6.146zm-2.552-1.055c.766 0 1.556-.291 2.346-.861V11.41a7.5 7.5 0 0 0-1.799-.218c-1.276 0-1.92.497-1.92 1.48c0 .423.121.763.352.993c.243.218.584.34 1.021.34m11.898.727c-.656.34-1.422.51-2.285.51c-1.337 0-2.358-.389-3.075-1.153c-.704-.763-1.069-1.866-1.069-3.321c0-1.443.365-2.546 1.094-3.334s1.762-1.176 3.099-1.176c.765 0 1.47.158 2.139.473v1.2a6.2 6.2 0 0 0-1.908-.303c-.948 0-1.641.242-2.054.727c-.426.485-.632 1.249-.632 2.304v.218c0 1.03.219 1.782.632 2.267c.425.485 1.094.727 2.017.727c.608 0 1.276-.109 2.005-.34v1.201zm2.394-3.612c.024.97.267 1.697.729 2.157s1.167.691 2.139.691c.899 0 1.811-.17 2.734-.521v1.2c-.814.437-1.81.667-2.989.667c-1.398 0-2.455-.388-3.16-1.152c-.717-.764-1.069-1.903-1.069-3.406c0-1.443.352-2.558 1.069-3.346s1.714-1.2 2.99-1.2q1.622 0 2.479.909c.583.606.863 1.467.863 2.57c0 .533-.049 1.018-.134 1.443h-5.651zm2.346-3.65c-.717 0-1.277.219-1.665.63c-.401.425-.62 1.055-.681 1.892h4.241c.013-.085.013-.243.013-.436c0-.691-.158-1.213-.487-1.564c-.328-.34-.802-.522-1.421-.522M26.92 15.314q-.82 0-1.604-.182c-.522-.121-.924-.255-1.203-.412c-.17-.097-.28-.194-.316-.291a.6.6 0 0 1-.06-.291v-.521c0-.219.072-.328.23-.328c.06 0 .122.013.195.037c.06.024.158.06.267.109q.526.236 1.142.364c.414.084.827.12 1.24.12c.656 0 1.154-.108 1.52-.339a1.11 1.11 0 0 0 .534-.982c0-.29-.097-.533-.28-.727c-.182-.194-.534-.376-1.045-.546l-1.507-.472c-.766-.243-1.312-.594-1.665-1.055c-.34-.46-.522-.958-.522-1.503c0-.437.097-.825.28-1.152c.181-.327.437-.618.74-.849a3.3 3.3 0 0 1 1.082-.533a4.6 4.6 0 0 1 1.313-.182c.23 0 .461.012.704.049c.231.036.462.072.669.12c.206.05.413.098.595.159q.274.09.438.181c.146.085.243.17.304.255c.06.085.085.194.085.34v.484c0 .219-.073.328-.231.328c-.085 0-.219-.037-.401-.122a4.85 4.85 0 0 0-1.993-.4q-.894 0-1.386.291c-.328.194-.486.497-.486.922c0 .29.097.533.304.74c.207.193.583.387 1.142.569l1.47.473c.754.242 1.29.57 1.605.994c.316.424.486.909.486 1.454c0 .45-.085.85-.267 1.2a2.9 2.9 0 0 1-.754.922a3.3 3.3 0 0 1-1.154.582c-.45.121-.936.194-1.47.194m-13.332-.279c-.182 0-.315-.036-.4-.097c-.086-.06-.159-.206-.22-.412l-2.43-8.013a1.7 1.7 0 0 1-.085-.412q0-.255.255-.255h1.021c.195 0 .328.036.413.097c.073.06.146.206.207.412l1.75 6.85l1.592-6.85c.049-.206.11-.34.194-.412c.085-.06.22-.097.414-.097h.838c.195 0 .328.036.413.097c.085.06.146.206.195.412l1.64 6.947l1.8-6.947c.06-.206.133-.34.206-.412c.073-.06.219-.097.413-.097h.96q.255 0 .255.255c0 .048-.012.096-.012.157q-.018.09-.073.255l-2.503 8.013c-.061.206-.134.34-.22.412c-.084.06-.218.097-.4.097h-.887c-.195 0-.328-.036-.414-.109s-.145-.206-.194-.412L16.7 7.846l-1.605 6.668c-.048.206-.109.34-.194.412c-.085.073-.219.11-.413.11zM5.24 13.908c.34 0 .693-.061 1.07-.194a2.23 2.23 0 0 0 .984-.667a1.54 1.54 0 0 0 .353-.667c.06-.242.097-.545.097-.897v-.436a8 8 0 0 0-.96-.17a9 9 0 0 0-.972-.06c-.693 0-1.204.133-1.544.412q-.51.417-.51 1.2c0 .485.121.848.376 1.09c.28.267.632.389 1.106.389m4.218-1.576c0 .388.036.69.121.921c.073.23.194.473.34.74a.46.46 0 0 1 .073.23c0 .109-.06.206-.194.303l-.669.46a.5.5 0 0 1-.267.085c-.11 0-.207-.048-.304-.145a2.5 2.5 0 0 1-.377-.485a9 9 0 0 1-.316-.606c-.814.958-1.835 1.43-3.05 1.43c-.875 0-1.568-.242-2.066-.74c-.51-.496-.766-1.163-.766-1.987c0-.885.316-1.588.948-2.134c.632-.533 1.483-.812 2.54-.812c.353 0 .717.024 1.094.085c.377.048.778.133 1.191.23v-.764c0-.788-.158-1.333-.486-1.66c-.328-.316-.887-.485-1.69-.485c-.364 0-.74.048-1.117.133a7.5 7.5 0 0 0-1.118.352a2 2 0 0 1-.365.133c-.073.012-.122.024-.158.024q-.219 0-.219-.327v-.51q0-.254.073-.363q.073-.11.292-.218q.547-.273 1.312-.473a6.4 6.4 0 0 1 1.617-.194c1.24 0 2.139.279 2.722.849c.571.557.863 1.406.863 2.545v3.383zm19.431 8.013c-3.415 2.521-8.373 3.855-12.64 3.855c-5.978 0-11.362-2.206-15.446-5.88c-.315-.29-.036-.678.353-.46c4.4 2.558 9.832 4.085 15.458 4.085c3.792 0 7.96-.788 11.789-2.4c.571-.243 1.045.388.486.8\"/><path d=\"M30.31 18.72c-.437-.557-2.891-.266-3.997-.133c-.328.037-.39-.255-.085-.46c1.956-1.37 5.164-.97 5.541-.522c.377.46-.097 3.673-1.932 5.2c-.28.231-.547.11-.425-.205c.413-1.019 1.336-3.31.899-3.88\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M.667.5h124.5v24H.667z\"/></clipPath></defs></g>",
+      "width": 126,
+      "height": 25
+    },
+    "billing-aws-marketplace-light": {
+      "body": "<g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path d=\"M28.972 19.845C25.557 22.366 20.6 23.7 16.333 23.7c-5.98 0-11.363-2.206-15.446-5.88c-.316-.29-.037-.678.352-.46c4.4 2.558 9.832 4.085 15.459 4.085c3.791 0 7.96-.788 11.788-2.4c.571-.243 1.045.388.486.8\"/><path d=\"M30.394 18.22c-.437-.557-2.892-.266-3.998-.133c-.328.037-.39-.255-.085-.46c1.956-1.37 5.165-.97 5.541-.522c.377.46-.097 3.673-1.932 5.2c-.28.231-.547.11-.425-.205c.413-1.019 1.337-3.31.9-3.88\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M.75 0h124.5v24H.75z\"/></clipPath></defs></g>",
+      "width": 126,
+      "height": 24
+    },
+    "billing-azure": {
+      "body": "<g fill=\"none\"><path fill=\"url(#svgID0)\" d=\"M7.084.813h5.77l-5.99 17.748a.92.92 0 0 1-.871.626H1.502a.918.918 0 0 1-.87-1.212l5.58-16.536a.92.92 0 0 1 .872-.626\"/><path fill=\"currentColor\" d=\"M15.469 12.717h-9.15a.424.424 0 0 0-.29.734l5.88 5.488c.172.16.397.248.631.248h5.181z\"/><path fill=\"url(#svgID1)\" d=\"M7.084.813a.91.91 0 0 0-.873.638L.639 17.96a.917.917 0 0 0 .866 1.227H6.11a.98.98 0 0 0 .756-.643l1.111-3.274l3.97 3.701a.94.94 0 0 0 .59.216H17.7l-2.264-6.47l-6.6.002L12.876.813z\"/><path fill=\"url(#svgID2)\" d=\"M14.454 1.438a.92.92 0 0 0-.87-.625H7.153a.92.92 0 0 1 .87.625l5.581 16.536a.92.92 0 0 1-.87 1.213h6.43a.918.918 0 0 0 .87-1.213z\"/><defs><linearGradient id=\"svgID0\" x1=\"9.187\" x2=\"3.195\" y1=\"2.175\" y2=\"19.878\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID1\" x1=\"11.059\" x2=\"9.673\" y1=\"10.425\" y2=\"10.894\" gradientUnits=\"userSpaceOnUse\"><stop stop-opacity=\".3\"/><stop offset=\".071\" stop-opacity=\".2\"/><stop offset=\".321\" stop-opacity=\".1\"/><stop offset=\".623\" stop-opacity=\".05\"/><stop offset=\"1\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"10.297\" x2=\"16.875\" y1=\"1.658\" y2=\"19.183\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient></defs></g>",
+      "width": 21,
+      "height": 20
+    },
+    "billing-buildings": {
+      "body": ""
+    },
+    "billing-diamond": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m10.25 9.042l-2.625 2.625l2.625 2.625m5.733 8.558l9.515-9.515c.918-.918.91-2.41-.019-3.318L20.39 5.04a2.33 2.33 0 0 0-1.632-.665H9.91a2.33 2.33 0 0 0-1.63.665l-5.092 4.977a2.333 2.333 0 0 0-.018 3.318l9.514 9.515a2.333 2.333 0 0 0 3.3 0\"/>"
+    },
+    "billing-google-cloud": {
+      "body": "<g fill=\"currentColor\"><path d=\"M14.159 5.404h.64l1.826-1.825l.09-.775a8.204 8.204 0 0 0-13.35 4.003a1 1 0 0 1 .64-.039l3.652-.602s.185-.307.281-.288a4.554 4.554 0 0 1 6.233-.474z\"/><path d=\"M19.225 6.807a8.2 8.2 0 0 0-2.479-3.997l-2.562 2.562a4.56 4.56 0 0 1 1.672 3.612v.455a2.28 2.28 0 0 1 0 4.56h-4.56l-.455.462v2.735l.455.454h4.56a5.931 5.931 0 0 0 3.369-10.843\"/><path d=\"M6.729 17.625h4.56v-3.65H6.73c-.325 0-.646-.07-.942-.206l-.64.199l-1.838 1.825l-.16.64a5.9 5.9 0 0 0 3.58 1.192\"/><path d=\"M6.729 5.782a5.931 5.931 0 0 0-3.58 10.632l2.645-2.645a2.28 2.28 0 1 1 3.017-3.017l2.645-2.645a5.93 5.93 0 0 0-4.727-2.325\"/></g>",
+      "width": 22,
+      "height": 18
+    },
+    "billing-group-2": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17.494 15.377c3.657-1.519 8.2.408 9.608 5.779c.343 1.309-.754 2.469-2.107 2.469h-5.372M13.207 8.167a3.792 3.792 0 1 1-7.584 0a3.792 3.792 0 0 1 7.584 0m10.5 0a3.792 3.792 0 1 1-7.584 0a3.792 3.792 0 0 1 7.584 0m-9.379 15.458H4.335c-1.353 0-2.449-1.166-2.105-2.475c2.197-8.367 12.006-8.367 14.203 0c.344 1.309-.752 2.475-2.105 2.475\"/>"
+    },
+    "billing-keyframe": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15.983 3.983a2.333 2.333 0 0 0-3.3 0L4.316 12.35a2.333 2.333 0 0 0 0 3.3l8.367 8.367a2.333 2.333 0 0 0 3.3 0l8.367-8.367a2.333 2.333 0 0 0 0-3.3z\"/>"
+    },
+    "billing-sparkles-soft": {
+      "body": "<g fill=\"currentColor\"><path d=\"M9.759 1.673a.19.19 0 0 0-.186-.173a.19.19 0 0 0-.185.172c-.05.457-.181.77-.385.984c-.205.212-.506.348-.944.4a.19.19 0 0 0-.166.194c0 .1.072.182.166.193c.431.051.74.187.949.401c.208.213.34.526.38.979A.19.19 0 0 0 9.573 5a.19.19 0 0 0 .186-.178c.037-.445.17-.765.38-.983c.21-.219.517-.357.944-.395a.19.19 0 0 0 .17-.194c0-.1-.073-.185-.17-.194c-.434-.04-.735-.178-.94-.395s-.335-.539-.384-.988\" opacity=\".5\"/><path d=\"M6.45 2.944a.49.49 0 0 0-.476-.444c-.244 0-.45.19-.478.443c-.13 1.175-.465 1.982-.99 2.529s-1.3.896-2.428 1.031A.493.493 0 0 0 1.653 7c0 .255.184.468.426.497c1.11.13 1.902.48 2.44 1.03c.535.548.877 1.354.976 2.517c.022.258.23.456.479.456a.49.49 0 0 0 .478-.457c.095-1.144.436-1.967.975-2.529s1.33-.917 2.428-1.016a.49.49 0 0 0 .438-.497c0-.26-.19-.476-.437-.5c-1.117-.102-1.89-.458-2.416-1.016c-.529-.56-.864-1.386-.99-2.541\"/></g>",
+      "width": 13,
+      "height": 13
+    },
+    "common-d": {
+      "body": "<g fill=\"none\"><path fill=\"url(#svgID0)\" d=\"M2 1h5.943a7 7 0 1 1 0 14H2z\"/><path fill=\"url(#svgID1)\" d=\"M7.943 8h.265v7h-.265z\"/><defs><radialGradient id=\"svgID0\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(0 8.75 -8.75 0 7.943 8)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\".711\" stop-color=\"currentColor\" stop-opacity=\".2\"/><stop offset=\"1\" stop-color=\"currentColor\" stop-opacity=\"0\"/></radialGradient><linearGradient id=\"svgID1\" x1=\"8.062\" x2=\"7.937\" y1=\"8.438\" y2=\"9.203\" gradientUnits=\"userSpaceOnUse\"/></defs></g>"
+    },
+    "common-diagonal-dividing-line": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" d=\"M1 19.354L5.942.646\"/>",
+      "width": 7,
+      "height": 20
+    },
+    "common-dify": {
+      "body": "<path fill=\"currentColor\" d=\"M6.618 2.064q2.64 0 4.632 1.032q2.016 1.032 3.096 2.952q1.104 1.896 1.104 4.416t-1.104 4.416q-1.08 1.872-3.096 2.904q-1.992 1.032-4.632 1.032H.762V2.064zm-.12 13.896q2.64 0 4.08-1.44t1.44-4.056t-1.44-4.08q-1.44-1.488-4.08-1.488H4.122V15.96zM20.869 3.936q-.888 0-1.488-.552a1.93 1.93 0 0 1-.576-1.416q0-.84.576-1.392q.6-.576 1.488-.576t1.464.576q.6.552.6 1.392t-.6 1.416q-.576.552-1.464.552m1.656 1.584v13.296h-3.36V5.52zM33.14 8.28h-2.327v10.536h-3.408V8.28h-1.512V5.52h1.512v-.672q0-2.448 1.392-3.6t4.2-1.08V3q-1.224-.024-1.704.408t-.48 1.56v.552h2.328zm16.098-2.76l-8.232 19.584H37.43l2.88-6.624l-5.328-12.96h3.768l3.432 9.288l3.48-9.288z\"/>",
+      "width": 50,
+      "height": 26
+    },
+    "common-gdpr": {
+      "body": "<g fill=\"currentColor\"><path d=\"M11.037.899v26.174c1.629-.702 10.195-4.606 10.195-10.194V4.887zm0 0v26.174C9.408 26.371.843 22.467.843 16.88V4.887z\"/><path d=\"m11.037 4.634l.31.927h.954l-.758.561l.28.9l-.786-.563l-.758.562l.28-.899l-.757-.561h.954zm3.286.899l.309.898h.955l-.787.562l.31.927l-.787-.562l-.758.562l.28-.927l-.786-.562h.983zm2.724 2.387l.281.898h.955l-.758.562l.28.927l-.758-.562l-.786.562l.309-.927l-.787-.562h.955zm-6.01 11.851l.31.927h.954l-.758.562l.28.898l-.786-.561l-.758.561l.28-.898l-.757-.562h.954zm3.286-.786l.309.899h.955l-.787.561l.31.927l-.787-.561l-.758.561l.28-.927l-.786-.561h.983zm2.724-1.966l.281.927h.955l-.758.561l.28.9l-.758-.562l-.786.561l.309-.898l-.787-.562h.955zM7.78 5.533l-.31.898h-.954l.786.562l-.309.927l.786-.562l.759.562l-.281-.927l.758-.562H8.06zM5.055 7.92l-.28.898H3.82l.758.562l-.281.927l.758-.562l.787.562l-.31-.927l.787-.562h-.955zM7.78 18.985l-.31.899h-.954l.786.561l-.309.927l.786-.561l.759.561l-.281-.927l.758-.561H8.06zm-2.725-1.966l-.28.927H3.82l.758.561l-.281.9l.758-.562l.787.561l-.31-.898l.787-.562h-.955z\"/></g>",
+      "width": 23,
+      "height": 28
+    },
+    "common-github": {
+      "body": "<path fill=\"currentColor\" d=\"M9 1.125A7.873 7.873 0 0 0 1.125 9a7.87 7.87 0 0 0 5.385 7.471c.393.07.54-.167.54-.374c0-.187-.009-.807-.009-1.466c-1.979.364-2.49-.483-2.648-.926c-.088-.226-.472-.925-.807-1.112c-.276-.148-.67-.512-.01-.522c.62-.01 1.063.571 1.21.807c.71 1.191 1.842.857 2.294.65c.07-.512.276-.856.502-1.053C5.83 12.278 4 11.599 4 8.587c0-.857.306-1.566.808-2.117c-.08-.197-.355-1.004.078-2.087c0 0 .66-.206 2.166.807c.63-.177 1.3-.265 1.969-.265c.67 0 1.338.088 1.968.265c1.507-1.023 2.166-.807 2.166-.807c.433 1.083.158 1.89.079 2.087c.502.551.807 1.25.807 2.117c0 3.022-1.84 3.691-3.593 3.888c.286.246.532.718.532 1.457c0 1.053-.01 1.9-.01 2.165c0 .207.147.453.541.374A7.89 7.89 0 0 0 16.875 9A7.873 7.873 0 0 0 9 1.125\"/>",
+      "width": 18,
+      "height": 18
+    },
+    "common-highlight": {
+      "body": "<g fill=\"none\"><path fill=\"url(#svgID0)\" d=\"M-6.5 8a8 8 0 0 1 8-8h44L33.025 24H1.5a8 8 0 0 1-8-8z\" opacity=\".5\"/><defs><linearGradient id=\"svgID0\" x1=\"1.817\" x2=\"101.257\" y1=\"0\" y2=\"30.387\" gradientUnits=\"userSpaceOnUse\"/></defs></g>",
+      "width": 46,
+      "height": 24
+    },
+    "common-iso": {
+      "body": "<path fill=\"currentColor\" d=\"M8 9.821C8 7.16 10.239 5 13 5h38c2.761 0 5 2.159 5 4.821V54.18c0 2.66-2.239 4.82-5 4.82H13c-2.761 0-5-2.159-5-4.821z\"/>",
+      "width": 64,
+      "height": 64
+    },
+    "common-line-3": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" d=\"M1 11.355L3.942.644\"/>",
+      "width": 5,
+      "height": 12
+    },
+    "common-lock": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8 1.75a3.125 3.125 0 0 0-3.125 3.125v1.25C3.839 6.125 3 6.965 3 8v4.375c0 1.036.84 1.875 1.875 1.875h6.25c1.036 0 1.875-.84 1.875-1.875V8c0-1.036-.84-1.875-1.875-1.875v-1.25c0-1.726-1.4-3.125-3.125-3.125m1.875 4.375v-1.25a1.875 1.875 0 1 0-3.75 0v1.25zM8 8.625c.345 0 .625.28.625.625v1.875a.625.625 0 1 1-1.25 0V9.25c0-.345.28-.625.625-.625\" clip-rule=\"evenodd\"/>"
+    },
+    "common-message-chat-square": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M8.774 6.667h3.785c.352 0 .655 0 .904.02c.264.021.526.069.778.197a2 2 0 0 1 .874.875c.129.252.176.514.198.777c.02.25.02.553.02.905v1.856c0 .293 0 .545-.014.754c-.015.22-.048.44-.138.657A2 2 0 0 1 14.1 13.79c-.217.09-.437.124-.657.139l-.109.005v.732a.667.667 0 0 1-1.047.548l-1.45-1.009c-.224-.155-.27-.184-.312-.203a.7.7 0 0 0-.154-.048c-.046-.009-.1-.011-.372-.011H8.774c-.351 0-.654 0-.904-.02a2 2 0 0 1-.778-.198a2 2 0 0 1-.874-.874a2 2 0 0 1-.198-.778C6 11.823 6 11.52 6 11.168V9.441c0-.352 0-.655.02-.905c.022-.263.07-.525.198-.777a2 2 0 0 1 .874-.875c.252-.128.515-.176.778-.197c.25-.02.553-.02.904-.02\" clip-rule=\"evenodd\"/><path d=\"M9.494.667H4.506c-.537 0-.98 0-1.34.029c-.375.03-.72.096-1.043.261A2.67 2.67 0 0 0 .957 2.123c-.164.323-.23.668-.26 1.042c-.03.361-.03.804-.03 1.34V7.68c0 .295 0 .513.028.706a2.67 2.67 0 0 0 2.252 2.252a.2.2 0 0 1 .09.036v1.052c0 .181 0 .36.013.503c.011.128.04.391.228.61a1 1 0 0 0 .842.345c.287-.023.493-.19.59-.273l.087-.077a4 4 0 0 1-.105-.653c-.025-.305-.025-.659-.025-.984V9.413c0-.326 0-.68.025-.985c.028-.346.098-.803.338-1.275c.32-.627.83-1.137 1.457-1.456c.471-.24.928-.31 1.274-.339c.306-.025.66-.025.985-.025h3.841c.244 0 .503 0 .746.01v-.837c0-.537 0-.98-.029-1.34c-.03-.375-.096-.72-.261-1.043A2.67 2.67 0 0 0 11.877.957c-.323-.165-.668-.23-1.042-.261c-.361-.03-.804-.03-1.34-.03\"/></g>"
+    },
+    "common-multi-path-retrieval": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><rect width=\"36\" height=\"36\" fill=\"currentColor\" rx=\"8\"/><path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M22.25 28a3.25 3.25 0 1 1-6.5 0a3.25 3.25 0 0 1 6.5 0Z\" opacity=\".7\"/><path fill=\"currentColor\" d=\"M19 12a4 4 0 1 0 0-8a4 4 0 0 0 0 8m-4 10a4 4 0 1 0 0-8a4 4 0 0 0 0 8m21 1a5 5 0 1 0 0-10a5 5 0 0 0 0 10\"/><path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M0 18h10m10 0h10M.001 15h.85C7.348 15 7.848 8 14 8m9.75 1.281c2.819.904 3.949 3.923 6.875 5.75\"/><path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M0 21h.894C7.365 21 7.869 28 14 28\" opacity=\".7\"/></g><defs><clipPath id=\"svgID0\"><rect width=\"36\" height=\"36\" fill=\"#fff\" rx=\"8\"/></clipPath></defs></g>",
+      "width": 36,
+      "height": 36
+    },
+    "common-n-to-1-retrieval": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><rect width=\"36\" height=\"36\" fill=\"currentColor\" rx=\"8\"/><path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M23.25 28a3.25 3.25 0 1 1-6.5 0a3.25 3.25 0 0 1 6.5 0Zm0-20a3.25 3.25 0 1 1-6.5 0a3.25 3.25 0 0 1 6.5 0Z\" opacity=\".7\"/><path fill=\"currentColor\" d=\"M16 22a4 4 0 1 0 0-8a4 4 0 0 0 0 8m20 1a5 5 0 1 0 0-10a5 5 0 0 0 0 10\"/><path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M0 18h11m10 0h9\"/><path stroke=\"currentColor\" stroke-width=\"1.5\" d=\"M-.002 15h1.126C8.25 15 8.25 8.25 15 8.25M0 21h1.172c7.1 0 7.102 6.75 13.828 6.75\" opacity=\".7\"/></g><defs><clipPath id=\"svgID0\"><rect width=\"36\" height=\"36\" fill=\"#fff\" rx=\"8\"/></clipPath></defs></g>",
+      "width": 36,
+      "height": 36
+    },
+    "common-notion": {
+      "body": "<g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path d=\"M7.03 8.487V8.36c0-.322.258-.589.59-.611l2.42-.162l3.346 4.928V8.19l-.862-.115v-.06c0-.326.264-.594.6-.612l2.202-.112v.316a.31.31 0 0 1-.262.302l-.53.09v7.003l-.665.229a1.29 1.29 0 0 1-1.492-.493L9.13 9.836v4.678l1 .192l-.014.092a.626.626 0 0 1-.598.524l-2.487.11a.576.576 0 0 1 .524-.625l.327-.034V8.534z\"/><path fill-rule=\"evenodd\" d=\"m12.922 1.854l-9.97.68c-.597.042-1.06.522-1.06 1.1v9.697c0 .544.187 1.072.532 1.502l2.15 2.677c.347.433.894.672 1.46.637l11.065-.681c.567-.035 1.009-.49 1.009-1.04V5.404c0-.34-.172-.659-.46-.853L14.145 2.18a1.95 1.95 0 0 0-1.223-.327M3.447 3.786c-.14-.103-.073-.317.101-.33l9.44-.677c.302-.021.6.062.844.234l1.894 1.342c.072.051.038.161-.05.166l-9.999.544a1.3 1.3 0 0 1-.841-.251zm1.761 2.983c0-.325.263-.593.598-.611l10.57-.576a.56.56 0 0 1 .603.55v9.546a.62.62 0 0 1-.596.611l-10.504.598a.625.625 0 0 1-.67-.611z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h20v20H0z\"/></clipPath></defs></g>",
+      "width": 20,
+      "height": 20
+    },
+    "common-soc2": {
+      "body": "<g fill=\"none\"><path fill=\"url(#svgID0)\" d=\"M14 28c7.732 0 14-6.268 14-14S21.732 0 14 0S0 6.268 0 14s6.268 14 14 14\"/><path fill=\"url(#svgID1)\" d=\"M14 24.864C20 24.864 24.864 20 24.864 14S20 3.136 14 3.136S3.136 8 3.136 14S8 24.864 14 24.864\"/><path fill=\"currentColor\" d=\"M25.857 25.03v.097h-.187v.488h-.116v-.488h-.187v-.097zm.632.585l-.021-.344l-.005-.163h-.006c-.015.051-.032.12-.05.174l-.105.324h-.12l-.105-.333c-.01-.045-.028-.114-.041-.165h-.007q0 .081-.004.163l-.021.344h-.112l.044-.584h.174l.1.285c.014.045.024.088.04.149h.002l.04-.146l.102-.288h.167l.045.584z\"/><defs><linearGradient id=\"svgID0\" x1=\"28\" x2=\"0\" y1=\"14\" y2=\"14\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\".18\" stop-color=\"currentColor\"/><stop offset=\".47\" stop-color=\"currentColor\"/><stop offset=\".84\" stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID1\" x1=\"3.136\" x2=\"24.864\" y1=\"14\" y2=\"14\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\".18\" stop-color=\"currentColor\"/><stop offset=\".47\" stop-color=\"currentColor\"/><stop offset=\".84\" stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient></defs></g>",
+      "width": 28,
+      "height": 28
+    },
+    "common-sparkles-soft": {
+      "body": "<g fill=\"currentColor\"><path d=\"M10.996 1.368a.22.22 0 0 0-.216-.201a.22.22 0 0 0-.216.2c-.06.534-.212.9-.45 1.148s-.59.406-1.101.468a.224.224 0 0 0-.193.226c0 .115.083.212.193.225c.504.06.863.217 1.107.467c.243.249.398.614.443 1.142c.01.117.104.207.217.207s.207-.09.217-.207c.043-.52.198-.893.442-1.148c.245-.254.604-.416 1.102-.46a.223.223 0 0 0 .199-.226a.223.223 0 0 0-.199-.227c-.506-.047-.857-.208-1.096-.461c-.24-.254-.392-.629-.449-1.153\" opacity=\".5\"/><path d=\"M7.136 2.851a.57.57 0 0 0-.555-.518a.57.57 0 0 0-.557.517C5.872 4.22 5.48 5.162 4.868 5.8S3.352 6.846 2.036 7.004a.575.575 0 0 0-.496.58c0 .296.214.546.497.579c1.294.153 2.218.56 2.846 1.202c.625.64 1.023 1.579 1.14 2.937a.57.57 0 0 0 .558.531a.57.57 0 0 0 .557-.533c.11-1.334.509-2.295 1.138-2.95s1.551-1.07 2.832-1.185a.574.574 0 0 0 .512-.581a.575.575 0 0 0-.51-.582c-1.304-.12-2.206-.535-2.82-1.186c-.616-.654-1.007-1.617-1.154-2.965\"/></g>",
+      "width": 14,
+      "height": 14
+    },
+    "common-sparkles-soft-accent": {
+      "body": "<g fill=\"currentColor\"><path d=\"M12.567 1.563a.253.253 0 0 0-.247-.23a.253.253 0 0 0-.247.23c-.068.61-.241 1.028-.514 1.311c-.272.284-.673.465-1.259.535a.256.256 0 0 0-.22.258c0 .132.095.242.22.257c.576.068.987.25 1.266.535c.278.284.455.701.506 1.305c.012.134.12.236.248.236c.13 0 .237-.103.248-.237c.05-.593.226-1.02.506-1.311s.69-.476 1.259-.527a.255.255 0 0 0 .227-.258a.255.255 0 0 0-.227-.259c-.58-.053-.98-.238-1.253-.527c-.274-.29-.447-.718-.513-1.318\" opacity=\".5\"/><path d=\"M8.156 3.258a.65.65 0 0 0-.636-.591a.65.65 0 0 0-.636.59c-.174 1.567-.62 2.643-1.32 3.372S3.83 7.824 2.325 8.004a.66.66 0 0 0-.566.663c0 .34.244.624.568.662c1.479.175 2.535.64 3.253 1.374c.714.73 1.169 1.804 1.301 3.356a.65.65 0 0 0 .638.608a.65.65 0 0 0 .637-.61c.127-1.525.582-2.623 1.3-3.372c.72-.748 1.773-1.222 3.238-1.354a.657.657 0 0 0 .585-.664a.657.657 0 0 0-.584-.664c-1.49-.138-2.52-.612-3.221-1.356c-.705-.748-1.152-1.848-1.32-3.389\"/></g>"
+    },
+    "education-triangle": {
+      "body": "",
+      "height": 22
+    },
+    "files-csv": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M4 7.734c0-2.24 0-3.36.436-4.216A4 4 0 0 1 6.184 1.77c.856-.436 1.976-.436 4.216-.436h8.267L28 10.667v13.6c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748c-.856.436-1.976.436-4.216.436H10.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C4 27.628 4 26.507 4 24.267z\"/></g><defs><filter id=\"svgID0\" width=\"28\" height=\"33.334\" x=\"2\" y=\".334\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6816_769\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_6816_769\" result=\"shape\"/></filter></defs></g>"
+    },
+    "files-doc": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M4 7.733c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748c.856-.436 1.976-.436 4.216-.436h8.267L28 10.666v13.6c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748c-.856.436-1.976.436-4.216.436H10.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C4 27.627 4 26.507 4 24.266z\"/></g><defs><filter id=\"svgID0\" width=\"28\" height=\"33.333\" x=\"2\" y=\".333\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_17194_49206\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_17194_49206\" result=\"shape\"/></filter></defs></g>"
+    },
+    "files-docx": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M4 7.733c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748c.856-.436 1.976-.436 4.216-.436h8.267L28 10.666v13.6c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748c-.856.436-1.976.436-4.216.436H10.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C4 27.627 4 26.506 4 24.266z\"/></g><defs><filter id=\"svgID0\" width=\"28\" height=\"33.333\" x=\"2\" y=\".333\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_10291_62253\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_10291_62253\" result=\"shape\"/></filter></defs></g>"
+    },
+    "files-html": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M4 7.733c0-2.24 0-3.36.436-4.215a4 4 0 0 1 1.748-1.749c.856-.435 1.976-.435 4.216-.435h8.267L28 10.667v13.6c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748c-.856.436-1.976.436-4.216.436H10.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C4 27.627 4 26.507 4 24.267z\"/></g><defs><filter id=\"svgID0\" width=\"28\" height=\"33.334\" x=\"2\" y=\".333\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3055_14424\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_3055_14424\" result=\"shape\"/></filter></defs></g>"
+    },
+    "files-json": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M4 7.733c0-2.24 0-3.36.436-4.215a4 4 0 0 1 1.748-1.749c.856-.435 1.976-.435 4.216-.435h8.267L28 10.667v13.6c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748c-.856.436-1.976.436-4.216.436H10.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C4 27.627 4 26.507 4 24.267z\"/></g><defs><filter id=\"svgID0\" width=\"28\" height=\"33.334\" x=\"2\" y=\".333\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3055_14428\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_3055_14428\" result=\"shape\"/></filter></defs></g>"
+    },
+    "files-md": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M4 7.733c0-2.24 0-3.36.436-4.215a4 4 0 0 1 1.748-1.749c.856-.435 1.976-.435 4.216-.435h8.267L28 10.667v13.6c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748c-.856.436-1.976.436-4.216.436H10.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C4 27.627 4 26.507 4 24.267z\"/></g><defs><filter id=\"svgID0\" width=\"28\" height=\"33.334\" x=\"2\" y=\".333\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3777_37339\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_3777_37339\" result=\"shape\"/></filter></defs></g>"
+    },
+    "files-pdf": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M4 7.733c0-2.24 0-3.36.436-4.215a4 4 0 0 1 1.748-1.749c.856-.435 1.976-.435 4.216-.435h8.267L28 10.667v13.6c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748c-.856.436-1.976.436-4.216.436H10.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C4 27.627 4 26.507 4 24.267z\"/></g><defs><filter id=\"svgID0\" width=\"28\" height=\"33.334\" x=\"2\" y=\".333\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3055_14420\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_3055_14420\" result=\"shape\"/></filter></defs></g>"
+    },
+    "files-txt": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M4 7.733c0-2.24 0-3.36.436-4.215a4 4 0 0 1 1.748-1.749c.856-.435 1.976-.435 4.216-.435h8.267L28 10.667v13.6c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748c-.856.436-1.976.436-4.216.436H10.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C4 27.627 4 26.507 4 24.267z\"/><path stroke=\"currentColor\" stroke-opacity=\".03\" stroke-width=\".5\" d=\"M4.25 7.733c0-1.124 0-1.952.054-2.606c.053-.652.158-1.11.355-1.496a3.75 3.75 0 0 1 1.639-1.639c.386-.197.844-.302 1.495-.355c.655-.053 1.483-.054 2.607-.054h8.163l9.187 9.187v13.497c0 1.124 0 1.952-.054 2.607c-.053.651-.158 1.109-.355 1.495a3.75 3.75 0 0 1-1.639 1.64c-.386.196-.844.3-1.495.354c-.655.054-1.483.054-2.607.054H10.4c-1.124 0-1.952 0-2.607-.054c-.651-.053-1.109-.158-1.495-.355a3.75 3.75 0 0 1-1.64-1.639c-.196-.386-.301-.844-.354-1.495c-.054-.655-.054-1.483-.054-2.607z\"/></g><path fill=\"currentColor\" d=\"M13.225 19.552v-1.248h-4.2v1.248h1.4V24h1.4v-4.448zM18.537 24l-1.776-2.92l1.664-2.776h-1.592l-.832 1.608l-.832-1.608h-1.592l1.664 2.776L13.465 24h1.6l.936-1.752l.936 1.752zm4.438-4.448v-1.248h-4.2v1.248h1.4V24h1.4v-4.448z\" opacity=\".96\"/><defs><filter id=\"svgID0\" width=\"28\" height=\"33.334\" x=\"2\" y=\".333\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3055_14432\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_3055_14432\" result=\"shape\"/></filter></defs></g>"
+    },
+    "files-unknown": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M4 7.733c0-2.24 0-3.36.436-4.215a4 4 0 0 1 1.748-1.749c.856-.435 1.976-.435 4.216-.435h8.267L28 10.667v13.6c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748c-.856.436-1.976.436-4.216.436H10.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C4 27.627 4 26.507 4 24.267z\"/><path stroke=\"currentColor\" stroke-opacity=\".03\" stroke-width=\".5\" d=\"M4.25 7.733c0-1.124 0-1.952.054-2.606c.053-.652.158-1.11.355-1.496a3.75 3.75 0 0 1 1.639-1.639c.386-.197.844-.302 1.495-.355c.655-.053 1.483-.054 2.607-.054h8.163l9.187 9.187v13.497c0 1.124 0 1.952-.054 2.607c-.053.651-.158 1.109-.355 1.495a3.75 3.75 0 0 1-1.639 1.64c-.386.196-.844.3-1.495.354c-.655.054-1.483.054-2.607.054H10.4c-1.124 0-1.952 0-2.607-.054c-.651-.053-1.109-.158-1.495-.355a3.75 3.75 0 0 1-1.64-1.639c-.196-.386-.301-.844-.354-1.495c-.054-.655-.054-1.483-.054-2.607z\"/></g><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16 23.2q-.298 0-.592-.008v.863a.592.592 0 0 0 1.184 0v-.863q-.294.007-.592.007m-3.902-.315l-.341.975a.592.592 0 0 0 1.118.391l.419-1.197a20 20 0 0 1-1.196-.17m8.145.977l-.341-.976q-.575.1-1.196.17l.42 1.197a.592.592 0 0 0 1.117-.392m-.081-6.596q.163.57.163 1.178c0 .468-.275.892-.702 1.082c-.067.03-1.643.72-3.587.72s-3.52-.69-3.587-.72a1.18 1.18 0 0 1-.703-1.082q.001-.617.168-1.193c-1.58.316-3.414.953-3.414 2.198c0 .84.825 1.502 2.453 1.967c.466.134.985.247 1.542.338q.576.093 1.2.155a23 23 0 0 0 2.305.11q.298 0 .592-.008a23 23 0 0 0 1.713-.102q.624-.062 1.2-.155a14 14 0 0 0 1.543-.338c1.627-.465 2.452-1.127 2.452-1.967c0-1.227-1.79-1.863-3.338-2.183\" clip-rule=\"evenodd\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M18.844 17.114a3.1 3.1 0 0 0-.713-.965a3.1 3.1 0 0 0-2.095-.814a3.1 3.1 0 0 0-2.496 1.259a3.1 3.1 0 0 0-.61 1.847s1.391.618 3.106.618s3.105-.618 3.105-.618c0-.475-.107-.924-.297-1.327\" clip-rule=\"evenodd\"/><defs><filter id=\"svgID0\" width=\"28\" height=\"33.334\" x=\"2\" y=\".333\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_3055_14436\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_3055_14436\" result=\"shape\"/></filter></defs></g>"
+    },
+    "files-xlsx": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M3 5.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 1 6.12 1 7.8 1H14l7 7v10.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 23 17.88 23 16.2 23H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 20.72 3 19.88 3 18.2z\"/></g><defs><filter id=\"svgID0\" width=\"22\" height=\"26\" x=\"1\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5938_927\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5938_927\" result=\"shape\"/></filter></defs></g>",
+      "width": 24,
+      "height": 26
+    },
+    "files-yaml": {
+      "body": "<filter id=\"svgID0\" width=\"22\" height=\"26\" x=\"1\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feColorMatrix values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_7605_8828\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_7605_8828\" result=\"shape\"/></filter><g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M3 5.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 1 6.12 1 7.8 1H14l7 7v10.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 23 17.88 23 16.2 23H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 20.72 3 19.88 3 18.2z\"/><path stroke=\"currentColor\" stroke-opacity=\".03\" stroke-width=\".5\" d=\"M16.2 22.75H7.8c-.844 0-1.462 0-1.95-.04c-.485-.04-.819-.117-1.098-.26a2.75 2.75 0 0 1-1.202-1.2c-.143-.28-.22-.614-.26-1.099c-.04-.488-.04-1.106-.04-1.95V5.8c0-.844 0-1.462.04-1.95c.04-.485.117-.819.26-1.098A2.75 2.75 0 0 1 4.752 1.55c.28-.143.613-.22 1.098-.26c.488-.04 1.106-.04 1.95-.04h6.096l6.854 6.854V18.2c0 .844 0 1.462-.04 1.95c-.04.485-.117.819-.26 1.099a2.75 2.75 0 0 1-1.201 1.201c-.28.143-.614.22-1.099.26c-.488.04-1.106.04-1.95.04z\"/></g><path fill=\"currentColor\" d=\"m11.526 9l-2.152 3.227v2.045H8.056v-2.045L6 9h1.482l1.307 2.078L10.107 9zm2.217 4.112h-2.388l-.485 1.172H9.813l2.235-5.272h1.081l2.145 5.272h-1.13zm-.397-1.053l-.732-1.934l-.816 1.935zm-5.291 2.805v5.167h1.108v-3.564l1.16 2.395h.873l1.2-2.48v3.648h1.064v-5.166h-1.452L10.719 17.2l-1.227-2.336zM18 18.908h-2.728v-4.046h-1.13v5.145H18z\"/></g>",
+      "width": 24,
+      "height": 26
+    },
+    "knowledge-file": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M8.667 1.344L8.666 1.3a.69.69 0 0 0-.634-.634H5.84c-.538 0-.98 0-1.341.029c-.375.03-.72.096-1.043.261c-.502.256-.91.664-1.165 1.166c-.165.323-.23.668-.262 1.042C2 3.526 2 3.97 2 4.505v6.989c0 .537 0 .98.03 1.34c.03.375.096.72.26 1.043c.256.502.664.91 1.166 1.165c.324.165.668.231 1.043.262c.36.03.803.03 1.34.03h4.322c.537 0 .98 0 1.34-.03c.375-.03.72-.097 1.043-.261c.502-.256.91-.664 1.165-1.166c.165-.323.23-.668.261-1.043c.03-.36.03-.803.03-1.34V6.635a.69.69 0 0 0-.635-.634L13.323 6h-2.944c-.168 0-.332 0-.471-.011a1.4 1.4 0 0 1-.513-.134a1.33 1.33 0 0 1-.583-.583a1.4 1.4 0 0 1-.134-.513c-.011-.14-.011-.303-.011-.471zM5.333 8.666a.667.667 0 0 0 0 1.334h5.334a.667.667 0 0 0 0-1.334zm0 2.667a.667.667 0 1 0 0 1.333h4a.667.667 0 0 0 0-1.333z\" clip-rule=\"evenodd\"/><path d=\"M12.605 4.667c.196 0 .294 0 .374-.05a.36.36 0 0 0 .15-.362c-.022-.091-.086-.155-.213-.282L10.694 1.75c-.128-.128-.191-.191-.283-.213a.36.36 0 0 0-.362.15C10 1.767 10 1.864 10 2.06v2.072c0 .187 0 .28.036.351a.33.33 0 0 0 .146.146c.071.036.165.036.351.036z\"/></g>",
+      "width": 16,
+      "height": 16
+    },
+    "knowledge-option-card-effect-blue": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\" opacity=\".5\"><circle cx=\"26\" cy=\"26\" r=\"28\" fill=\"currentColor\"/></g><defs><filter id=\"svgID0\" width=\"376\" height=\"376\" x=\"-162\" y=\"-162\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_6128_89310\" stdDeviation=\"80\"/></filter></defs></g>",
+      "width": 214,
+      "height": 124
+    },
+    "knowledge-option-card-effect-blue-light": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\" opacity=\".8\"><circle cx=\"24\" cy=\"24\" r=\"28\" fill=\"currentColor\"/></g><defs><filter id=\"svgID0\" width=\"376\" height=\"376\" x=\"-164\" y=\"-164\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_6128_88629\" stdDeviation=\"80\"/></filter></defs></g>",
+      "width": 212,
+      "height": 74
+    },
+    "knowledge-option-card-effect-orange": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\" opacity=\".8\"><circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\"/></g><defs><filter id=\"svgID0\" width=\"376\" height=\"376\" x=\"-156\" y=\"-156\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_481_16338\" stdDeviation=\"80\"/></filter></defs></g>"
+    },
+    "knowledge-option-card-effect-purple": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\" opacity=\".8\"><circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\"/></g><defs><filter id=\"svgID0\" width=\"376\" height=\"376\" x=\"-156\" y=\"-156\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_5863_82395\" stdDeviation=\"80\"/></filter></defs></g>"
+    },
+    "knowledge-option-card-effect-teal": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\" opacity=\".8\"><circle cx=\"24\" cy=\"24\" r=\"28\" fill=\"currentColor\"/></g><defs><filter id=\"svgID0\" width=\"376\" height=\"376\" x=\"-164\" y=\"-164\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_9981_52393\" stdDeviation=\"80\"/></filter></defs></g>",
+      "width": 212,
+      "height": 92
+    },
+    "knowledge-selection-mod": {
+      "body": "<path fill=\"currentColor\" d=\"M2.5 10H0V7.5h2.5zm3.75-3.75h-2.5v-2.5h2.5zm-3.75 0H0v-2.5h2.5zM6.25 2.5h-2.5V0h2.5zm-3.75 0H0V0h2.5zm7.5 0H7.5V0H10zm-.417 5.417H7.917v1.666h1.666zm0-3.75H7.917v1.666h1.666zm-3.75 3.75H4.167v1.666h1.666z\"/>",
+      "width": 10,
+      "height": 10
+    },
+    "knowledge-watercrawl": {
+      "body": "<path fill=\"currentColor\" stroke=\"currentColor\" d=\"m247.794 213.903l-.984-136.927l7.535-.013l.247 137.026z\"/><ellipse cx=\"250.025\" cy=\"43.859\" fill=\"currentColor\" stroke=\"currentColor\" rx=\"33.966\" ry=\"33.906\"/><path fill=\"currentColor\" stroke=\"currentColor\" d=\"m282.472 260.389l131.709 69.864l-3.618 5.981l-131.183-70.495zm-27.367 21.005l-.62 136.262l-8.329.035l.532-137.181zm24.381-51.877l130.865-69.447l3.572 6.97l-130.196 68.958zM88.545 164.884l131.252 71.186l3.07-6.502l-131.98-70.098zM224.76 266.9L95.55 334.829l-2.672-6.459l127.077-67.095z\"/><ellipse cx=\"251.242\" cy=\"247.466\" fill=\"currentColor\" stroke=\"currentColor\" rx=\"33.966\" ry=\"33.906\"/><path fill=\"currentColor\" stroke=\"currentColor\" d=\"m279.502 433.617l129.164-74.174s3.732 7.522 3.732 7.473s-130.854 73.301-130.854 73.301zm-56.383-2.209l-126.476-70.34l-3.378 6.979l125.63 70.052z\"/><ellipse cx=\"250.504\" cy=\"451.168\" fill=\"currentColor\" stroke=\"currentColor\" rx=\"33.966\" ry=\"33.906\"/><path fill=\"currentColor\" stroke=\"currentColor\" d=\"m435.665 180.895l.194 135.974l7.244-1.29l-.543-134.882z\"/><ellipse cx=\"441.06\" cy=\"349.665\" fill=\"currentColor\" stroke=\"currentColor\" rx=\"33.966\" ry=\"33.906\"/><ellipse cx=\"441.512\" cy=\"147.767\" fill=\"currentColor\" stroke=\"currentColor\" rx=\"33.966\" ry=\"33.906\"/><path fill=\"currentColor\" stroke=\"currentColor\" d=\"m64.755 314.523l-6.827.483l.379-132.045l6.862-.096z\"/><ellipse cx=\"58.177\" cy=\"149.757\" fill=\"currentColor\" stroke=\"currentColor\" rx=\"33.966\" ry=\"33.906\"/><ellipse cx=\"65.909\" cy=\"348.17\" fill=\"currentColor\" stroke=\"currentColor\" rx=\"33.966\" ry=\"33.906\"/>",
+      "width": 500,
+      "height": 500
+    },
+    "knowledge-dataset-card-external-knowledge-base": {
+      "body": "<g fill=\"none\"><path fill=\"currentColor\" d=\"M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h3.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C17 4.04 17 5.16 17 7.4v3.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C13.96 17 12.84 17 10.6 17H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 13.96 1 12.84 1 10.6z\"/><path fill=\"url(#svgID0)\" d=\"M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h3.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C17 4.04 17 5.16 17 7.4v3.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C13.96 17 12.84 17 10.6 17H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 13.96 1 12.84 1 10.6z\"/><path stroke=\"currentColor\" stroke-opacity=\".08\" d=\"M7.4 1.5h3.2c1.128 0 1.945 0 2.587.053c.556.045.948.128 1.27.266l.132.063a3.5 3.5 0 0 1 1.394 1.288l.135.241c.176.346.277.766.33 1.402c.052.642.052 1.459.052 2.587v3.2c0 1.128 0 1.945-.053 2.587c-.045.556-.128.948-.266 1.27l-.063.132a3.5 3.5 0 0 1-1.288 1.394l-.241.135c-.346.176-.766.277-1.402.33c-.642.052-1.459.052-2.587.052H7.4c-1.128 0-1.945 0-2.587-.053c-.556-.045-.948-.128-1.269-.266l-.133-.063a3.5 3.5 0 0 1-1.394-1.288l-.135-.241c-.176-.346-.277-.766-.33-1.402C1.5 12.545 1.5 11.728 1.5 10.6V7.4c0-1.128 0-1.945.053-2.587c.045-.556.128-.948.266-1.269l.063-.133A3.5 3.5 0 0 1 3.17 2.017l.241-.135c.346-.176.766-.277 1.402-.33C5.455 1.5 6.272 1.5 7.4 1.5Z\"/><g filter=\"url(#svgID2)\"><path fill=\"url(#svgID1)\" fill-rule=\"evenodd\" d=\"M9 5.5a3.5 3.5 0 1 0 3.032 5.25a.5.5 0 0 1 .866.5a4.5 4.5 0 0 1-8.37-1.75H4a.5.5 0 0 1 0-1h.527a4.5 4.5 0 0 1 8.37-1.75a.5.5 0 0 1-.865.5A3.5 3.5 0 0 0 9 5.5m0 2a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3M6.5 9a2.5 2.5 0 0 1 4.95-.5H14a.5.5 0 0 1 0 1h-2.55A2.5 2.5 0 0 1 6.5 9\" clip-rule=\"evenodd\"/></g><defs><linearGradient id=\"svgID0\" x1=\"1\" x2=\"17\" y1=\"1\" y2=\"17\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID1\" x1=\"9\" x2=\"9\" y1=\"4.5\" y2=\"13.5\" gradientUnits=\"userSpaceOnUse\"/><filter id=\"svgID2\" width=\"12\" height=\"10\" x=\"3\" y=\"4.25\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\".25\"/><feGaussianBlur stdDeviation=\".25\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5617_78238\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5617_78238\" result=\"shape\"/></filter></defs></g>"
+    },
+    "knowledge-dataset-card-general": {
+      "body": "<g fill=\"none\"><path fill=\"currentColor\" d=\"M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h3.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C17 4.04 17 5.16 17 7.4v3.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C13.96 17 12.84 17 10.6 17H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 13.96 1 12.84 1 10.6z\"/><path fill=\"url(#svgID0)\" d=\"M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h3.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C17 4.04 17 5.16 17 7.4v3.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C13.96 17 12.84 17 10.6 17H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 13.96 1 12.84 1 10.6z\"/><path stroke=\"currentColor\" stroke-opacity=\".08\" d=\"M7.4 1.5h3.2c1.128 0 1.945 0 2.587.053c.556.045.948.128 1.27.266l.132.063a3.5 3.5 0 0 1 1.394 1.288l.135.241c.176.346.277.766.33 1.402c.052.642.052 1.459.052 2.587v3.2c0 1.128 0 1.945-.053 2.587c-.045.556-.128.948-.266 1.27l-.063.132a3.5 3.5 0 0 1-1.288 1.394l-.241.135c-.346.176-.766.277-1.402.33c-.642.052-1.459.052-2.587.052H7.4c-1.128 0-1.945 0-2.587-.053c-.556-.045-.948-.128-1.269-.266l-.133-.063a3.5 3.5 0 0 1-1.394-1.288l-.135-.241c-.176-.346-.277-.766-.33-1.402C1.5 12.545 1.5 11.728 1.5 10.6V7.4c0-1.128 0-1.945.053-2.587c.045-.556.128-.948.266-1.269l.063-.133A3.5 3.5 0 0 1 3.17 2.017l.241-.135c.346-.176.766-.277 1.402-.33C5.455 1.5 6.272 1.5 7.4 1.5Z\"/><g fill-rule=\"evenodd\" clip-rule=\"evenodd\" filter=\"url(#svgID7)\"><path fill=\"url(#svgID1)\" d=\"M11.25 5.5a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75\"/><path fill=\"url(#svgID2)\" d=\"M3.75 5.5a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75\"/><path fill=\"url(#svgID3)\" d=\"M3.75 9a.75.75 0 0 1 .75-.75H6a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 9\"/><path fill=\"url(#svgID4)\" d=\"M7.75 9a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5A.75.75 0 0 1 7.75 9\"/><path fill=\"url(#svgID5)\" d=\"M11.25 12.5a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75\"/><path fill=\"url(#svgID6)\" d=\"M3.75 12.5a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75\"/></g><defs><linearGradient id=\"svgID0\" x1=\"1\" x2=\"17\" y1=\"1\" y2=\"17\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID1\" x1=\"9\" x2=\"9\" y1=\"4.75\" y2=\"13.25\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID2\" x1=\"9\" x2=\"9\" y1=\"4.75\" y2=\"13.25\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID3\" x1=\"9\" x2=\"9\" y1=\"4.75\" y2=\"13.25\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID4\" x1=\"9\" x2=\"9\" y1=\"4.75\" y2=\"13.25\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID5\" x1=\"9\" x2=\"9\" y1=\"4.75\" y2=\"13.25\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID6\" x1=\"9\" x2=\"9\" y1=\"4.75\" y2=\"13.25\" gradientUnits=\"userSpaceOnUse\"/><filter id=\"svgID7\" width=\"11.5\" height=\"9.5\" x=\"3.25\" y=\"4.5\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\".25\"/><feGaussianBlur stdDeviation=\".25\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5617_78288\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5617_78288\" result=\"shape\"/></filter></defs></g>"
+    },
+    "knowledge-dataset-card-graph": {
+      "body": "<g fill=\"none\"><path fill=\"currentColor\" d=\"M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h3.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C17 4.04 17 5.16 17 7.4v3.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C13.96 17 12.84 17 10.6 17H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 13.96 1 12.84 1 10.6z\"/><path fill=\"url(#svgID0)\" d=\"M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h3.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C17 4.04 17 5.16 17 7.4v3.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C13.96 17 12.84 17 10.6 17H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 13.96 1 12.84 1 10.6z\"/><path stroke=\"currentColor\" stroke-opacity=\".08\" d=\"M7.4 1.5h3.2c1.128 0 1.945 0 2.587.053c.556.045.948.128 1.27.266l.132.063a3.5 3.5 0 0 1 1.394 1.288l.135.241c.176.346.277.766.33 1.402c.052.642.052 1.459.052 2.587v3.2c0 1.128 0 1.945-.053 2.587c-.045.556-.128.948-.266 1.27l-.063.132a3.5 3.5 0 0 1-1.288 1.394l-.241.135c-.346.176-.766.277-1.402.33c-.642.052-1.459.052-2.587.052H7.4c-1.128 0-1.945 0-2.587-.053c-.556-.045-.948-.128-1.269-.266l-.133-.063a3.5 3.5 0 0 1-1.394-1.288l-.135-.241c-.176-.346-.277-.766-.33-1.402C1.5 12.545 1.5 11.728 1.5 10.6V7.4c0-1.128 0-1.945.053-2.587c.045-.556.128-.948.266-1.269l.063-.133A3.5 3.5 0 0 1 3.17 2.017l.241-.135c.346-.176.766-.277 1.402-.33C5.455 1.5 6.272 1.5 7.4 1.5Z\"/><g clip-path=\"url(#svgIDk)\" filter=\"url(#svgIDl)\"><path fill=\"url(#svgID1)\" fill-rule=\"evenodd\" d=\"M9 5.318a.5.5 0 0 1 .5.5v2.273a.5.5 0 1 1-1 0V5.818a.5.5 0 0 1 .5-.5\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID2)\" fill-rule=\"evenodd\" d=\"M9 9.41a.5.5 0 0 1 .5.5v2.272a.5.5 0 1 1-1 0V9.909a.5.5 0 0 1 .5-.5\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID3)\" fill-rule=\"evenodd\" d=\"M8.644 5.11a.5.5 0 0 1-.191.68L6.4 6.945a.5.5 0 1 1-.49-.872L7.962 4.92a.5.5 0 0 1 .68.19\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID4)\" fill-rule=\"evenodd\" d=\"M9.357 5.11a.5.5 0 0 1 .68-.191l2.053 1.154a.5.5 0 1 1-.49.872L9.546 5.79a.5.5 0 0 1-.19-.68\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID5)\" fill-rule=\"evenodd\" d=\"M5.72 11.246a.5.5 0 0 1 .68-.19l2.053 1.154a.5.5 0 1 1-.49.871L5.91 11.927a.5.5 0 0 1-.19-.681\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID6)\" fill-rule=\"evenodd\" d=\"M12.28 11.246a.5.5 0 0 1-.19.68l-2.052 1.155a.5.5 0 1 1-.49-.871l2.051-1.155a.5.5 0 0 1 .681.19\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID7)\" fill-rule=\"evenodd\" d=\"M5.364 7.364a.5.5 0 0 1 .5.5v2.272a.5.5 0 0 1-1 0V7.864a.5.5 0 0 1 .5-.5\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID8)\" fill-rule=\"evenodd\" d=\"M12.636 7.364a.5.5 0 0 1 .5.5v2.272a.5.5 0 1 1-1 0V7.864a.5.5 0 0 1 .5-.5\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID9)\" fill-rule=\"evenodd\" d=\"M5.72 7.154a.5.5 0 0 1 .68-.19l2.053 1.155a.5.5 0 1 1-.49.871L5.91 7.835a.5.5 0 0 1-.19-.68\" clip-rule=\"evenodd\"/><path fill=\"url(#svgIDa)\" fill-rule=\"evenodd\" d=\"M12.28 7.155a.5.5 0 0 1-.19.68L10.036 8.99a.5.5 0 1 1-.49-.872L11.6 6.964a.5.5 0 0 1 .68.19\" clip-rule=\"evenodd\"/><path fill=\"url(#svgIDb)\" fill-rule=\"evenodd\" d=\"M8.644 9.2a.5.5 0 0 1-.19.681L6.4 11.036a.5.5 0 1 1-.49-.871L7.963 9.01a.5.5 0 0 1 .681.19\" clip-rule=\"evenodd\"/><path fill=\"url(#svgIDc)\" fill-rule=\"evenodd\" d=\"M9.357 9.2a.5.5 0 0 1 .68-.19l2.052 1.154a.5.5 0 1 1-.49.872L9.547 9.882a.5.5 0 0 1-.19-.681\" clip-rule=\"evenodd\"/><path fill=\"url(#svgIDd)\" fill-rule=\"evenodd\" d=\"M5.364 10.636a.41.41 0 1 0 0 .819a.41.41 0 0 0 0-.819m-1.41.41a1.41 1.41 0 1 1 2.819 0a1.41 1.41 0 0 1-2.818 0\" clip-rule=\"evenodd\"/><path fill=\"url(#svgIDe)\" fill-rule=\"evenodd\" d=\"M5.364 6.545a.41.41 0 1 0 0 .819a.41.41 0 0 0 0-.819m-1.41.41a1.41 1.41 0 1 1 2.819 0a1.41 1.41 0 0 1-2.818 0\" clip-rule=\"evenodd\"/><path fill=\"url(#svgIDf)\" fill-rule=\"evenodd\" d=\"M12.636 10.636a.41.41 0 1 0 0 .819a.41.41 0 0 0 0-.819m-1.409.41a1.41 1.41 0 1 1 2.819 0a1.41 1.41 0 0 1-2.819 0\" clip-rule=\"evenodd\"/><path fill=\"url(#svgIDg)\" fill-rule=\"evenodd\" d=\"M12.636 6.545a.41.41 0 1 0 0 .819a.41.41 0 0 0 0-.819m-1.409.41a1.41 1.41 0 1 1 2.819 0a1.41 1.41 0 0 1-2.819 0\" clip-rule=\"evenodd\"/><path fill=\"url(#svgIDh)\" fill-rule=\"evenodd\" d=\"M9 8.59a.41.41 0 1 0 0 .82a.41.41 0 0 0 0-.82M7.591 9a1.41 1.41 0 1 1 2.818 0a1.41 1.41 0 0 1-2.818 0\" clip-rule=\"evenodd\"/><path fill=\"url(#svgIDi)\" fill-rule=\"evenodd\" d=\"M9 4.5a.41.41 0 1 0 0 .818a.41.41 0 0 0 0-.818m-1.409.41a1.41 1.41 0 1 1 2.818 0a1.41 1.41 0 0 1-2.818 0\" clip-rule=\"evenodd\"/><path fill=\"url(#svgIDj)\" fill-rule=\"evenodd\" d=\"M9 12.682a.41.41 0 1 0 0 .818a.41.41 0 0 0 0-.818m-1.409.409a1.41 1.41 0 1 1 2.818 0a1.41 1.41 0 0 1-2.818 0\" clip-rule=\"evenodd\"/></g><defs><linearGradient id=\"svgID0\" x1=\"1\" x2=\"17\" y1=\"1\" y2=\"17\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID1\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID2\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID3\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID4\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID5\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID6\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID7\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID8\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID9\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgIDa\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgIDb\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgIDc\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgIDd\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgIDe\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgIDf\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgIDg\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgIDh\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgIDi\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgIDj\" x1=\"9\" x2=\"9\" y1=\"3.5\" y2=\"14.5\" gradientUnits=\"userSpaceOnUse\"/><clipPath id=\"svgIDk\"><path fill=\"#fff\" d=\"M3 3h12v12H3z\"/></clipPath><filter id=\"svgIDl\" width=\"11.091\" height=\"12\" x=\"3.455\" y=\"3.25\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\".25\"/><feGaussianBlur stdDeviation=\".25\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5617_78246\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5617_78246\" result=\"shape\"/></filter></defs></g>"
+    },
+    "knowledge-dataset-card-parent-child": {
+      "body": "<g fill=\"none\"><path fill=\"currentColor\" d=\"M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h3.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C17 4.04 17 5.16 17 7.4v3.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C13.96 17 12.84 17 10.6 17H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 13.96 1 12.84 1 10.6z\"/><path fill=\"url(#svgID0)\" d=\"M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h3.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C17 4.04 17 5.16 17 7.4v3.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C13.96 17 12.84 17 10.6 17H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 13.96 1 12.84 1 10.6z\"/><path stroke=\"currentColor\" stroke-opacity=\".08\" d=\"M7.4 1.5h3.2c1.128 0 1.945 0 2.587.053c.556.045.948.128 1.27.266l.132.063a3.5 3.5 0 0 1 1.394 1.288l.135.241c.176.346.277.766.33 1.402c.052.642.052 1.459.052 2.587v3.2c0 1.128 0 1.945-.053 2.587c-.045.556-.128.948-.266 1.27l-.063.132a3.5 3.5 0 0 1-1.288 1.394l-.241.135c-.346.176-.766.277-1.402.33c-.642.052-1.459.052-2.587.052H7.4c-1.128 0-1.945 0-2.587-.053c-.556-.045-.948-.128-1.269-.266l-.133-.063a3.5 3.5 0 0 1-1.394-1.288l-.135-.241c-.176-.346-.277-.766-.33-1.402C1.5 12.545 1.5 11.728 1.5 10.6V7.4c0-1.128 0-1.945.053-2.587c.045-.556.128-.948.266-1.269l.063-.133A3.5 3.5 0 0 1 3.17 2.017l.241-.135c.346-.176.766-.277 1.402-.33C5.455 1.5 6.272 1.5 7.4 1.5Z\"/><g clip-path=\"url(#svgID4)\" filter=\"url(#svgID5)\"><path fill=\"url(#svgID1)\" d=\"M6.708 6.875a1.458 1.458 0 1 0 0-2.917a1.458 1.458 0 0 0 0 2.917\"/><path fill=\"url(#svgID2)\" d=\"M11.292 6.875a1.458 1.458 0 1 0 0-2.916a1.458 1.458 0 0 0 0 2.916\"/><path fill=\"url(#svgID3)\" d=\"M11.292 7.708a2.7 2.7 0 0 0-2.277 1.25a1.25 1.25 0 1 1-.03 0A2.704 2.704 0 0 0 4 10.417v2.708a.417.417 0 0 0 .417.417h2.916V12.5l-1.5-1.125a.418.418 0 0 1 .5-.666l1.556 1.166h2.222l1.556-1.166a.417.417 0 1 1 .5.666l-1.5 1.125v1.042h2.916a.417.417 0 0 0 .417-.417v-2.708a2.71 2.71 0 0 0-2.708-2.709\"/></g><defs><linearGradient id=\"svgID0\" x1=\"1\" x2=\"17\" y1=\"1\" y2=\"17\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID1\" x1=\"9\" x2=\"9\" y1=\"3.958\" y2=\"13.542\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID2\" x1=\"9\" x2=\"9\" y1=\"3.958\" y2=\"13.542\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID3\" x1=\"9\" x2=\"9\" y1=\"3.958\" y2=\"13.542\" gradientUnits=\"userSpaceOnUse\"/><clipPath id=\"svgID4\"><path fill=\"#fff\" d=\"M3 3h12v12H3z\"/></clipPath><filter id=\"svgID5\" width=\"11\" height=\"10.584\" x=\"3.5\" y=\"3.708\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\".25\"/><feGaussianBlur stdDeviation=\".25\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5617_78274\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5617_78274\" result=\"shape\"/></filter></defs></g>"
+    },
+    "knowledge-dataset-card-qa": {
+      "body": "<g fill=\"none\"><path fill=\"currentColor\" d=\"M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h3.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C17 4.04 17 5.16 17 7.4v3.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C13.96 17 12.84 17 10.6 17H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 13.96 1 12.84 1 10.6z\"/><path fill=\"url(#svgID0)\" d=\"M1 7.4c0-2.24 0-3.36.436-4.216a4 4 0 0 1 1.748-1.748C4.04 1 5.16 1 7.4 1h3.2c2.24 0 3.36 0 4.216.436a4 4 0 0 1 1.748 1.748C17 4.04 17 5.16 17 7.4v3.2c0 2.24 0 3.36-.436 4.216a4 4 0 0 1-1.748 1.748C13.96 17 12.84 17 10.6 17H7.4c-2.24 0-3.36 0-4.216-.436a4 4 0 0 1-1.748-1.748C1 13.96 1 12.84 1 10.6z\"/><path stroke=\"currentColor\" stroke-opacity=\".08\" d=\"M7.4 1.5h3.2c1.128 0 1.945 0 2.587.053c.556.045.948.128 1.27.266l.132.063a3.5 3.5 0 0 1 1.394 1.288l.135.241c.176.346.277.766.33 1.402c.052.642.052 1.459.052 2.587v3.2c0 1.128 0 1.945-.053 2.587c-.045.556-.128.948-.266 1.27l-.063.132a3.5 3.5 0 0 1-1.288 1.394l-.241.135c-.346.176-.766.277-1.402.33c-.642.052-1.459.052-2.587.052H7.4c-1.128 0-1.945 0-2.587-.053c-.556-.045-.948-.128-1.269-.266l-.133-.063a3.5 3.5 0 0 1-1.394-1.288l-.135-.241c-.176-.346-.277-.766-.33-1.402C1.5 12.545 1.5 11.728 1.5 10.6V7.4c0-1.128 0-1.945.053-2.587c.045-.556.128-.948.266-1.269l.063-.133A3.5 3.5 0 0 1 3.17 2.017l.241-.135c.346-.176.766-.277 1.402-.33C5.455 1.5 6.272 1.5 7.4 1.5Z\"/><g filter=\"url(#svgID2)\"><path fill=\"url(#svgID1)\" fill-rule=\"evenodd\" d=\"M14.001 5.5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v1h-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h.5v.75a.5.5 0 0 0 .743.437L8.38 12.5H11a1 1 0 0 0 1-1v-1h1a1 1 0 0 0 1-1zm-3 1h-4v-1h6v4h-1v-2a1 1 0 0 0-1-1M6.5 8a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1H8a.5.5 0 0 0 0-1z\" clip-rule=\"evenodd\"/></g><defs><linearGradient id=\"svgID0\" x1=\"1\" x2=\"17\" y1=\"1\" y2=\"17\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID1\" x1=\"9.001\" x2=\"9.001\" y1=\"4.5\" y2=\"13.75\" gradientUnits=\"userSpaceOnUse\"/><filter id=\"svgID2\" width=\"11\" height=\"10.25\" x=\"3.501\" y=\"4.25\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\".25\"/><feGaussianBlur stdDeviation=\".25\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_5617_78260\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_5617_78260\" result=\"shape\"/></filter></defs></g>"
+    },
+    "knowledge-online-drive-buckets-blue": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID1)\"><path fill=\"url(#svgID0)\" fill-rule=\"evenodd\" d=\"M2.934 4.927a1.6 1.6 0 0 1-.059-.427c0-.62.358-1.108.77-1.452c.417-.347.974-.626 1.598-.846C6.496 1.76 8.178 1.5 10 1.5s3.504.26 4.757.702c.624.22 1.181.499 1.598.846c.412.344.77.831.77 1.452q-.001.225-.059.427l-1.543 9.682c-.071.519-.36.939-.713 1.258c-.354.32-.807.575-1.298.772c-.982.395-2.237.61-3.512.61c-1.272 0-2.519-.207-3.498-.6c-.92-.367-1.863-1.01-2.024-2.032zm12.46-.127c-.23.19-.605.397-1.136.584C13.204 5.756 11.698 6 10 6c-1.699 0-3.204-.244-4.258-.616c-.53-.187-.907-.393-1.136-.584c-.252-.21-.262-.38 0-.6c.23-.19.605-.397 1.136-.584C6.796 3.244 8.302 3 10 3s3.204.244 4.258.616c.53.187.907.393 1.136.584c.26.217.265.378 0 .6\" clip-rule=\"evenodd\"/></g><path fill=\"currentColor\" fill-opacity=\".14\" fill-rule=\"evenodd\" d=\"M2.934 4.927a1.6 1.6 0 0 1-.014-.802l.014.052l1.544 9.69c.161 1.023 1.104 1.665 2.024 2.033c.98.392 2.226.6 3.498.6c1.275 0 2.53-.216 3.512-.61c.49-.198.944-.452 1.298-.773c.352-.32.642-.74.713-1.258l1.543-9.682l.014-.052a1.6 1.6 0 0 1-.014.802l-1.543 9.682c-.071.519-.36.939-.713 1.258c-.354.32-.807.575-1.298.772c-.982.395-2.237.611-3.512.611c-1.272 0-2.519-.208-3.498-.6c-.92-.368-1.863-1.01-2.024-2.033z\" clip-rule=\"evenodd\"/><defs><linearGradient id=\"svgID0\" x1=\"10\" x2=\"10\" y1=\"1.5\" y2=\"17.25\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><filter id=\"svgID1\" width=\"18.25\" height=\"19.95\" x=\".875\" y=\".3\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_9100_35711\"/><feBlend in=\"BackgroundImageFix\" in2=\"effect1_dropShadow_9100_35711\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feTurbulence baseFrequency=\"9.0909090042114258 9.0909090042114258\" numOctaves=\"3\" result=\"displacementX\" seed=\"5297\" type=\"fractalNoise\"/><feTurbulence baseFrequency=\"9.0909090042114258 9.0909090042114258\" numOctaves=\"3\" result=\"displacementY\" seed=\"5298\" type=\"fractalNoise\"/><feColorMatrix in=\"displacementX\" result=\"displacementXRed\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1\"/><feColorMatrix in=\"displacementY\" values=\"0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementXRed\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"shape\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"/><feComponentTransfer result=\"sourceDisplacedAlpha\"><feFuncA exponent=\".2\" type=\"gamma\"/></feComponentTransfer><feColorMatrix in=\"shape\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"/><feComponentTransfer result=\"inputSourceAlpha\"><feFuncA exponent=\".2\" type=\"gamma\"/></feComponentTransfer><feComposite in=\"sourceDisplacedAlpha\" k1=\"1\" operator=\"arithmetic\" result=\"displacementAlphasMultiplied\"/><feComposite in=\"displacementAlphasMultiplied\" k3=\"-.5\" k4=\".5\" operator=\"arithmetic\" result=\"centeringAdjustment\"/><feComposite in=\"displacementX\" in2=\"displacementAlphasMultiplied\" k1=\"1\" operator=\"arithmetic\"/><feComposite in=\"centeringAdjustment\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feColorMatrix result=\"displacementXFinal\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementY\" in2=\"displacementAlphasMultiplied\" k1=\"1\" operator=\"arithmetic\"/><feComposite in=\"centeringAdjustment\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feColorMatrix result=\"displacementYFinal\" values=\"0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementXFinal\" in2=\"displacementYFinal\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feComposite in2=\"displacementAlphasMultiplied\" operator=\"in\" result=\"displacementMap\"/><feFlood flood-color=\"currentColor\" flood-opacity=\"1\"/><feComposite in2=\"displacementAlphasMultiplied\" operator=\"out\"/><feComposite in2=\"displacementMap\" result=\"displacementMapWithBg\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"shape\" result=\"displacedImage\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix in=\"shape\" result=\"imageOpaque\" values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 127 0\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"imageOpaque\" in2=\"displacementMapWithBg\" result=\"displacedImageOpaque\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix in=\"displacedImage\" result=\"displacedImageRed\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feColorMatrix in=\"shape\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feComposite in=\"displacedImageRed\" operator=\"atop\" result=\"transparencyRedMap\"/><feColorMatrix in=\"transparencyRedMap\" result=\"transparencyAlphaMap\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0\"/><feComposite in=\"displacedImageOpaque\" in2=\"imageOpaque\"/><feComposite in2=\"transparencyAlphaMap\" operator=\"in\" result=\"effect2_texture_9100_35711\"/></filter></defs></g>",
+      "height": 21
+    },
+    "knowledge-online-drive-buckets-gray": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID1)\"><path fill=\"url(#svgID0)\" fill-rule=\"evenodd\" d=\"M2.719 4.38A1.4 1.4 0 0 1 2.667 4c0-.552.318-.985.684-1.29c.37-.309.866-.557 1.42-.753c1.114-.393 2.61-.624 4.229-.624s3.115.231 4.229.624c.554.196 1.05.444 1.42.753c.366.305.684.738.684 1.29q0 .2-.052.38l-1.371 8.606c-.064.461-.322.834-.635 1.118c-.314.285-.717.511-1.153.687c-.873.35-1.989.542-3.122.542c-1.131 0-2.239-.184-3.11-.533c-.817-.327-1.655-.898-1.798-1.807zm11.075-.113c-.203.17-.537.352-1.009.519c-.937.33-2.275.548-3.785.548s-2.848-.218-3.785-.548c-.472-.167-.806-.35-1.01-.52c-.224-.187-.233-.338 0-.532c.204-.17.538-.353 1.01-.52c.937-.33 2.275-.547 3.785-.547s2.848.217 3.785.548c.472.166.806.349 1.01.519c.23.192.235.336 0 .533\" clip-rule=\"evenodd\"/></g><path fill=\"currentColor\" fill-opacity=\".14\" fill-rule=\"evenodd\" d=\"M2.719 4.38a1.4 1.4 0 0 1-.012-.713l.012.045l1.373 8.614c.143.91.98 1.48 1.799 1.807c.87.349 1.978.534 3.109.534c1.133 0 2.249-.192 3.122-.543c.436-.176.839-.402 1.153-.687c.313-.284.57-.657.635-1.118l1.371-8.606l.012-.046a1.4 1.4 0 0 1-.012.712l-1.371 8.607c-.064.46-.322.834-.635 1.118c-.314.285-.717.51-1.153.686c-.873.351-1.989.543-3.122.543c-1.131 0-2.239-.185-3.11-.533c-.817-.328-1.655-.898-1.798-1.807z\" clip-rule=\"evenodd\"/><defs><linearGradient id=\"svgID0\" x1=\"9\" x2=\"9\" y1=\"1.333\" y2=\"15.333\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><filter id=\"svgID1\" width=\"16.667\" height=\"18.2\" x=\".667\" y=\".133\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_9155_106569\"/><feBlend in=\"BackgroundImageFix\" in2=\"effect1_dropShadow_9155_106569\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feTurbulence baseFrequency=\"9.0909090042114258 9.0909090042114258\" numOctaves=\"3\" result=\"displacementX\" seed=\"5297\" type=\"fractalNoise\"/><feTurbulence baseFrequency=\"9.0909090042114258 9.0909090042114258\" numOctaves=\"3\" result=\"displacementY\" seed=\"5298\" type=\"fractalNoise\"/><feColorMatrix in=\"displacementX\" result=\"displacementXRed\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1\"/><feColorMatrix in=\"displacementY\" values=\"0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementXRed\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"shape\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"/><feComponentTransfer result=\"sourceDisplacedAlpha\"><feFuncA exponent=\".2\" type=\"gamma\"/></feComponentTransfer><feColorMatrix in=\"shape\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"/><feComponentTransfer result=\"inputSourceAlpha\"><feFuncA exponent=\".2\" type=\"gamma\"/></feComponentTransfer><feComposite in=\"sourceDisplacedAlpha\" k1=\"1\" operator=\"arithmetic\" result=\"displacementAlphasMultiplied\"/><feComposite in=\"displacementAlphasMultiplied\" k3=\"-.5\" k4=\".5\" operator=\"arithmetic\" result=\"centeringAdjustment\"/><feComposite in=\"displacementX\" in2=\"displacementAlphasMultiplied\" k1=\"1\" operator=\"arithmetic\"/><feComposite in=\"centeringAdjustment\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feColorMatrix result=\"displacementXFinal\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementY\" in2=\"displacementAlphasMultiplied\" k1=\"1\" operator=\"arithmetic\"/><feComposite in=\"centeringAdjustment\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feColorMatrix result=\"displacementYFinal\" values=\"0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementXFinal\" in2=\"displacementYFinal\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feComposite in2=\"displacementAlphasMultiplied\" operator=\"in\" result=\"displacementMap\"/><feFlood flood-color=\"currentColor\" flood-opacity=\"1\"/><feComposite in2=\"displacementAlphasMultiplied\" operator=\"out\"/><feComposite in2=\"displacementMap\" result=\"displacementMapWithBg\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"shape\" result=\"displacedImage\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix in=\"shape\" result=\"imageOpaque\" values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 127 0\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"imageOpaque\" in2=\"displacementMapWithBg\" result=\"displacedImageOpaque\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix in=\"displacedImage\" result=\"displacedImageRed\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feColorMatrix in=\"shape\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feComposite in=\"displacedImageRed\" operator=\"atop\" result=\"transparencyRedMap\"/><feColorMatrix in=\"transparencyRedMap\" result=\"transparencyAlphaMap\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0\"/><feComposite in=\"displacedImageOpaque\" in2=\"imageOpaque\"/><feComposite in2=\"transparencyAlphaMap\" operator=\"in\" result=\"effect2_texture_9155_106569\"/></filter></defs></g>",
+      "width": 18
+    },
+    "knowledge-online-drive-folder": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID0)\"><path fill=\"url(#svgID2)\" d=\"m11.81 3.75l-3 3H2.5V15c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75V4.5a.75.75 0 0 0-.75-.75z\"/></g><g filter=\"url(#svgID1)\" opacity=\".6\"><path fill=\"currentColor\" d=\"M3.25 2.25A.75.75 0 0 0 2.5 3v2.25h5.69L10 3.44L8.81 2.25z\"/></g><path fill=\"currentColor\" fill-opacity=\".14\" d=\"M17.5 15a.75.75 0 0 1-.75.75H3.25A.75.75 0 0 1 2.5 15v-.75h15z\"/><defs><filter id=\"svgID0\" width=\"19\" height=\"16.2\" x=\".5\" y=\"2.55\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_9155_106307\"/><feBlend in=\"BackgroundImageFix\" in2=\"effect1_dropShadow_9155_106307\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feTurbulence baseFrequency=\"9.0909090042114258 9.0909090042114258\" numOctaves=\"3\" result=\"displacementX\" seed=\"8029\" type=\"fractalNoise\"/><feTurbulence baseFrequency=\"9.0909090042114258 9.0909090042114258\" numOctaves=\"3\" result=\"displacementY\" seed=\"8030\" type=\"fractalNoise\"/><feColorMatrix in=\"displacementX\" result=\"displacementXRed\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1\"/><feColorMatrix in=\"displacementY\" values=\"0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementXRed\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"shape\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"/><feComponentTransfer result=\"sourceDisplacedAlpha\"><feFuncA exponent=\".2\" type=\"gamma\"/></feComponentTransfer><feColorMatrix in=\"shape\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"/><feComponentTransfer result=\"inputSourceAlpha\"><feFuncA exponent=\".2\" type=\"gamma\"/></feComponentTransfer><feComposite in=\"sourceDisplacedAlpha\" k1=\"1\" operator=\"arithmetic\" result=\"displacementAlphasMultiplied\"/><feComposite in=\"displacementAlphasMultiplied\" k3=\"-.5\" k4=\".5\" operator=\"arithmetic\" result=\"centeringAdjustment\"/><feComposite in=\"displacementX\" in2=\"displacementAlphasMultiplied\" k1=\"1\" operator=\"arithmetic\"/><feComposite in=\"centeringAdjustment\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feColorMatrix result=\"displacementXFinal\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementY\" in2=\"displacementAlphasMultiplied\" k1=\"1\" operator=\"arithmetic\"/><feComposite in=\"centeringAdjustment\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feColorMatrix result=\"displacementYFinal\" values=\"0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementXFinal\" in2=\"displacementYFinal\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feComposite in2=\"displacementAlphasMultiplied\" operator=\"in\" result=\"displacementMap\"/><feFlood flood-color=\"currentColor\" flood-opacity=\"1\"/><feComposite in2=\"displacementAlphasMultiplied\" operator=\"out\"/><feComposite in2=\"displacementMap\" result=\"displacementMapWithBg\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"shape\" result=\"displacedImage\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix in=\"shape\" result=\"imageOpaque\" values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 127 0\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"imageOpaque\" in2=\"displacementMapWithBg\" result=\"displacedImageOpaque\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix in=\"displacedImage\" result=\"displacedImageRed\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feColorMatrix in=\"shape\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feComposite in=\"displacedImageRed\" operator=\"atop\" result=\"transparencyRedMap\"/><feColorMatrix in=\"transparencyRedMap\" result=\"transparencyAlphaMap\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0\"/><feComposite in=\"displacedImageOpaque\" in2=\"imageOpaque\"/><feComposite in2=\"transparencyAlphaMap\" operator=\"in\" result=\"effect2_texture_9155_106307\"/></filter><filter id=\"svgID1\" width=\"11.5\" height=\"7.2\" x=\".5\" y=\"1.05\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"1\"/><feGaussianBlur stdDeviation=\"1\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0431373 0 0 0 0.05 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_9155_106307\"/><feBlend in=\"BackgroundImageFix\" in2=\"effect1_dropShadow_9155_106307\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feTurbulence baseFrequency=\"9.0909090042114258 9.0909090042114258\" numOctaves=\"3\" result=\"displacementX\" seed=\"8754\" type=\"fractalNoise\"/><feTurbulence baseFrequency=\"9.0909090042114258 9.0909090042114258\" numOctaves=\"3\" result=\"displacementY\" seed=\"8755\" type=\"fractalNoise\"/><feColorMatrix in=\"displacementX\" result=\"displacementXRed\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1\"/><feColorMatrix in=\"displacementY\" values=\"0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementXRed\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"shape\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"/><feComponentTransfer result=\"sourceDisplacedAlpha\"><feFuncA exponent=\".2\" type=\"gamma\"/></feComponentTransfer><feColorMatrix in=\"shape\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0\"/><feComponentTransfer result=\"inputSourceAlpha\"><feFuncA exponent=\".2\" type=\"gamma\"/></feComponentTransfer><feComposite in=\"sourceDisplacedAlpha\" k1=\"1\" operator=\"arithmetic\" result=\"displacementAlphasMultiplied\"/><feComposite in=\"displacementAlphasMultiplied\" k3=\"-.5\" k4=\".5\" operator=\"arithmetic\" result=\"centeringAdjustment\"/><feComposite in=\"displacementX\" in2=\"displacementAlphasMultiplied\" k1=\"1\" operator=\"arithmetic\"/><feComposite in=\"centeringAdjustment\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feColorMatrix result=\"displacementXFinal\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementY\" in2=\"displacementAlphasMultiplied\" k1=\"1\" operator=\"arithmetic\"/><feComposite in=\"centeringAdjustment\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feColorMatrix result=\"displacementYFinal\" values=\"0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 1\"/><feComposite in=\"displacementXFinal\" in2=\"displacementYFinal\" k2=\"1\" k3=\"1\" operator=\"arithmetic\"/><feComposite in2=\"displacementAlphasMultiplied\" operator=\"in\" result=\"displacementMap\"/><feFlood flood-color=\"currentColor\" flood-opacity=\"1\"/><feComposite in2=\"displacementAlphasMultiplied\" operator=\"out\"/><feComposite in2=\"displacementMap\" result=\"displacementMapWithBg\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"shape\" result=\"displacedImage\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix in=\"shape\" result=\"imageOpaque\" values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 127 0\"/><feDisplacementMap width=\"100%\" height=\"100%\" in=\"imageOpaque\" in2=\"displacementMapWithBg\" result=\"displacedImageOpaque\" scale=\"2.4\" xChannelSelector=\"R\" yChannelSelector=\"G\"/><feColorMatrix in=\"displacedImage\" result=\"displacedImageRed\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feColorMatrix in=\"shape\" values=\"0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feComposite in=\"displacedImageRed\" operator=\"atop\" result=\"transparencyRedMap\"/><feColorMatrix in=\"transparencyRedMap\" result=\"transparencyAlphaMap\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0\"/><feComposite in=\"displacedImageOpaque\" in2=\"imageOpaque\"/><feComposite in2=\"transparencyAlphaMap\" operator=\"in\" result=\"effect2_texture_9155_106307\"/></filter><linearGradient id=\"svgID2\" x1=\"10\" x2=\"10\" y1=\"3.75\" y2=\"15.75\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient></defs></g>"
+    },
+    "llm-anthropic": {
+      "body": "<g fill=\"currentColor\"><rect width=\"24\" height=\"24\" rx=\"6\"/><path d=\"M15.384 6.435H12.97l4.405 11.13h2.416zm-6.979 0L4 17.565h2.463l.901-2.337h4.609l.9 2.337h2.464l-4.405-11.13zm-.244 6.726l1.508-3.912l1.507 3.912z\"/></g>"
+    },
+    "llm-anthropic-dark": {
+      "body": "<defs><path id=\"svgID0\" fill=\"#fff\" d=\"M0-.008h89.375v10H0z\"/></defs><g fill=\"none\"><g clip-path=\"url(#svgIDd)\"><mask id=\"svgID1\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M89.375-.002H0v10h89.375z\"/></mask><g mask=\"url(#svgID1)\"><mask id=\"svgID2\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M0-.004h89.375v10H0z\"/></mask><g mask=\"url(#svgID2)\"><mask id=\"svgID3\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M0-.006h89.375v10H0z\"/></mask><g mask=\"url(#svgID3)\"><mask id=\"svgID4\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID4)\"><path fill=\"currentColor\" fill-opacity=\".95\" d=\"M18.127 6.924L13.777.156H11.43v9.669h2.002V3.057l4.35 6.768h2.348V.156h-2.003z\"/></g><mask id=\"svgID5\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID5)\"><path fill=\"currentColor\" fill-opacity=\".95\" d=\"M21.797 2.02h3.245v7.805h2.072V2.021h3.245V.156h-8.562z\"/></g><mask id=\"svgID6\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID6)\"><path fill=\"currentColor\" fill-opacity=\".95\" d=\"M38.644 4.01h-4.557V.156h-2.071v9.669h2.071v-3.95h4.557v3.95h2.072V.156h-2.072z\"/></g><mask id=\"svgID7\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID7)\"><path fill=\"currentColor\" fill-opacity=\".95\" d=\"M45.338 2.02h2.555c1.022 0 1.56.374 1.56 1.078s-.538 1.078-1.56 1.078h-2.555zm6.188 1.078c0-1.823-1.34-2.942-3.536-2.942h-4.724v9.669h2.072V6.04h2.306l2.072 3.785h2.293l-2.294-4.073c1.152-.443 1.81-1.375 1.81-2.654\"/></g><mask id=\"svgID8\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID8)\"><path fill=\"currentColor\" fill-opacity=\".95\" d=\"M57.873 8.057c-1.63 0-2.623-1.16-2.623-3.053c0-1.92.994-3.08 2.623-3.08c1.616 0 2.596 1.16 2.596 3.08c0 1.892-.98 3.053-2.596 3.053m0-8.067c-2.79 0-4.764 2.072-4.764 5.014c0 2.914 1.975 4.986 4.764 4.986c2.776 0 4.736-2.072 4.736-4.986c0-2.942-1.96-5.014-4.736-5.014\"/></g><mask id=\"svgID9\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID9)\"><path fill=\"currentColor\" fill-opacity=\".95\" d=\"M69.18 4.452h-2.557V2.02h2.556c1.023 0 1.562.414 1.562 1.215s-.54 1.216-1.562 1.216m.096-4.296H64.55v9.669h2.072V6.317h2.653c2.197 0 3.537-1.16 3.537-3.08s-1.34-3.08-3.537-3.08\"/></g><mask id=\"svgIDa\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgIDa)\"><path fill=\"currentColor\" fill-opacity=\".95\" d=\"M86.841 6.579c-.359.939-1.077 1.478-2.057 1.478c-1.63 0-2.624-1.16-2.624-3.053c0-1.92.994-3.08 2.624-3.08c.98 0 1.698.539 2.057 1.478h2.196C88.498 1.33 86.883-.01 84.784-.01c-2.79 0-4.765 2.072-4.765 5.014c0 2.914 1.975 4.986 4.765 4.986c2.112 0 3.728-1.353 4.267-3.411z\"/></g><mask id=\"svgIDb\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgIDb)\"><path fill=\"currentColor\" fill-opacity=\".95\" d=\"m73.648.156l3.855 9.669h2.114L75.762.156z\"/></g><mask id=\"svgIDc\" width=\"90\" height=\"11\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgIDc)\"><path fill=\"currentColor\" fill-opacity=\".95\" d=\"M3.64 5.999L4.96 2.6L6.277 6zM3.854.156L0 9.825h2.155l.788-2.03h4.033l.788 2.03h2.155L6.065.156z\"/></g></g></g></g></g><defs><clipPath id=\"svgIDd\"><path fill=\"#fff\" d=\"M0 0h89.375v10H0z\"/></clipPath></defs></g>",
+      "width": 90,
+      "height": 10
+    },
+    "llm-anthropic-light": {
+      "body": "",
+      "width": 90,
+      "height": 10
+    },
+    "llm-anthropic-short-light": {
+      "body": "<path fill=\"currentColor\" d=\"M25.793 10.131h-4.284L29.32 29.87h4.284zm-12.377 0L5.604 29.87h4.369l1.597-4.145h8.173l1.598 4.145h4.368l-7.812-19.738zm-.433 11.927l2.674-6.936l2.673 6.936z\"/>",
+      "width": 40,
+      "height": 40
+    },
+    "llm-anthropic-text": {
+      "body": "<defs><path id=\"svgID0\" fill=\"#fff\" d=\"M0 4.992h89.375v10H0z\"/></defs><g fill=\"none\"><g clip-path=\"url(#svgIDd)\"><mask id=\"svgID1\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M89.375 4.998H0v10h89.375z\"/></mask><g mask=\"url(#svgID1)\"><mask id=\"svgID2\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M0 4.996h89.375v10H0z\"/></mask><g mask=\"url(#svgID2)\"><mask id=\"svgID3\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M0 4.994h89.375v10H0z\"/></mask><g mask=\"url(#svgID3)\"><mask id=\"svgID4\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID4)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"m18.127 11.924l-4.35-6.768H11.43v9.669h2.002V8.057l4.35 6.768h2.348V5.156h-2.003z\"/></g><mask id=\"svgID5\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID5)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M21.797 7.02h3.245v7.805h2.072V7.021h3.245V5.156h-8.562z\"/></g><mask id=\"svgID6\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID6)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M38.644 9.01h-4.557V5.156h-2.071v9.669h2.071v-3.95h4.557v3.95h2.072V5.156h-2.072z\"/></g><mask id=\"svgID7\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID7)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M45.338 7.02h2.555c1.022 0 1.56.374 1.56 1.078s-.538 1.078-1.56 1.078h-2.555zm6.188 1.078c0-1.823-1.34-2.942-3.536-2.942h-4.724v9.669h2.072V11.04h2.306l2.072 3.785h2.293l-2.294-4.073c1.152-.443 1.81-1.375 1.81-2.654\"/></g><mask id=\"svgID8\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID8)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M57.873 13.057c-1.63 0-2.623-1.16-2.623-3.053c0-1.92.994-3.08 2.623-3.08c1.616 0 2.596 1.16 2.596 3.08c0 1.892-.98 3.053-2.596 3.053m0-8.067c-2.79 0-4.764 2.072-4.764 5.014c0 2.914 1.975 4.986 4.764 4.986c2.776 0 4.736-2.072 4.736-4.986c0-2.942-1.96-5.014-4.736-5.014\"/></g><mask id=\"svgID9\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID9)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M69.18 9.452h-2.557V7.02h2.556c1.023 0 1.562.414 1.562 1.215s-.54 1.216-1.562 1.216m.096-4.296H64.55v9.669h2.072v-3.508h2.653c2.197 0 3.537-1.16 3.537-3.08s-1.34-3.08-3.537-3.08\"/></g><mask id=\"svgIDa\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgIDa)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M86.841 11.579c-.359.939-1.077 1.477-2.057 1.477c-1.63 0-2.624-1.16-2.624-3.052c0-1.92.994-3.08 2.624-3.08c.98 0 1.698.539 2.057 1.478h2.196c-.539-2.072-2.154-3.412-4.253-3.412c-2.79 0-4.765 2.072-4.765 5.014c0 2.914 1.975 4.986 4.765 4.986c2.112 0 3.728-1.353 4.267-3.411z\"/></g><mask id=\"svgIDb\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgIDb)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"m73.648 5.156l3.855 9.669h2.114l-3.855-9.669z\"/></g><mask id=\"svgIDc\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgIDc)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M3.64 10.999L4.96 7.6L6.277 11zm.214-5.843L0 14.825h2.155l.788-2.03h4.033l.788 2.03h2.155L6.065 5.156z\"/></g></g></g></g></g><defs><clipPath id=\"svgIDd\"><path fill=\"#fff\" d=\"M0 5h89.375v10H0z\"/></clipPath></defs></g>",
+      "width": 90,
+      "height": 20
+    },
+    "llm-azure-openai-service": {
+      "body": "<path fill=\"currentColor\" d=\"M2 1.5h10v10H2zm0 11h10v10H2zm11-11h10v10H13zm0 11h10v10H13zm39.276-2.495a5.48 5.48 0 0 0-.47-4.502a5.54 5.54 0 0 0-5.971-2.66A5.48 5.48 0 0 0 41.701 1a5.54 5.54 0 0 0-5.287 3.838a5.48 5.48 0 0 0-3.665 2.658a5.545 5.545 0 0 0 .682 6.5a5.48 5.48 0 0 0 .47 4.502a5.54 5.54 0 0 0 5.97 2.66A5.48 5.48 0 0 0 44.007 23a5.54 5.54 0 0 0 5.29-3.84a5.48 5.48 0 0 0 3.664-2.66a5.545 5.545 0 0 0-.683-6.497zm-8.269 11.557a4.1 4.1 0 0 1-2.64-.954c.034-.018.093-.05.13-.073l4.381-2.53a.71.71 0 0 0 .36-.624v-6.176l1.852 1.069q.03.017.036.05v5.115a4.13 4.13 0 0 1-4.119 4.123m-8.858-3.783a4.1 4.1 0 0 1-.491-2.762l.13.077l4.38 2.53c.223.13.498.13.72 0l5.348-3.088v2.138a.07.07 0 0 1-.026.057l-4.428 2.557a4.13 4.13 0 0 1-5.632-1.51m-1.153-9.563a4.1 4.1 0 0 1 2.146-1.807l-.002.151v5.06a.71.71 0 0 0 .36.624l5.348 3.087l-1.852 1.07a.07.07 0 0 1-.062.005l-4.43-2.559a4.13 4.13 0 0 1-1.508-5.63m15.212 3.54L43.86 8.668L45.71 7.6a.07.07 0 0 1 .063-.006l4.429 2.557a4.124 4.124 0 0 1-.637 7.44V12.38a.71.71 0 0 0-.358-.623m1.842-2.773l-.13-.078l-4.38-2.53a.71.71 0 0 0-.72 0l-5.348 3.088V7.325a.07.07 0 0 1 .026-.057l4.428-2.555a4.122 4.122 0 0 1 6.123 4.27zm-11.585 3.81l-1.852-1.068a.07.07 0 0 1-.035-.051V6.559a4.124 4.124 0 0 1 6.761-3.166l-.13.073l-4.38 2.53a.71.71 0 0 0-.36.623zm1.006-2.168l2.382-1.375l2.383 1.375v2.75l-2.383 1.375l-2.382-1.375z\"/>",
+      "width": 56
+    },
+    "llm-azure-openai-service-text": {
+      "body": "<path fill=\"currentColor\" d=\"M2 1.5h10v10H2zm0 11h10v10H2zm11-11h10v10H13zm0 11h10v10H13zm39.276-2.495a5.48 5.48 0 0 0-.47-4.502a5.54 5.54 0 0 0-5.971-2.66A5.48 5.48 0 0 0 41.701 1a5.54 5.54 0 0 0-5.287 3.838a5.48 5.48 0 0 0-3.665 2.658a5.545 5.545 0 0 0 .682 6.5a5.48 5.48 0 0 0 .47 4.502a5.54 5.54 0 0 0 5.97 2.66A5.48 5.48 0 0 0 44.007 23a5.54 5.54 0 0 0 5.29-3.84a5.48 5.48 0 0 0 3.664-2.66a5.545 5.545 0 0 0-.683-6.497zm-8.269 11.557a4.1 4.1 0 0 1-2.64-.954c.034-.018.093-.05.13-.073l4.381-2.53a.71.71 0 0 0 .36-.624v-6.176l1.852 1.069q.03.017.036.05v5.115a4.13 4.13 0 0 1-4.119 4.123m-8.858-3.783a4.1 4.1 0 0 1-.491-2.762l.13.077l4.38 2.53c.223.13.498.13.72 0l5.348-3.088v2.138a.07.07 0 0 1-.026.057l-4.428 2.557a4.13 4.13 0 0 1-5.632-1.51m-1.153-9.563a4.1 4.1 0 0 1 2.146-1.807l-.002.151v5.06a.71.71 0 0 0 .36.624l5.348 3.087l-1.852 1.07a.07.07 0 0 1-.062.005l-4.43-2.559a4.13 4.13 0 0 1-1.508-5.63m15.212 3.54L43.86 8.668L45.71 7.6a.07.07 0 0 1 .063-.006l4.429 2.557a4.124 4.124 0 0 1-.637 7.44V12.38a.71.71 0 0 0-.358-.623m1.842-2.773l-.13-.078l-4.38-2.53a.71.71 0 0 0-.72 0l-5.348 3.088V7.325a.07.07 0 0 1 .026-.057l4.428-2.555a4.122 4.122 0 0 1 6.123 4.27zm-11.585 3.81l-1.852-1.068a.07.07 0 0 1-.035-.051V6.559a4.124 4.124 0 0 1 6.761-3.166l-.13.073l-4.38 2.53a.71.71 0 0 0-.36.623zm1.006-2.168l2.382-1.375l2.383 1.375v2.75l-2.383 1.375l-2.382-1.375zM64.02 17h-1.97l3.585-10.182h2.277L71.502 17h-1.969l-2.72-8.094h-.079zm.064-3.992h5.37v1.481h-5.37zM72.664 17v-1.143L76.6 10.92v-.065h-3.808V9.364h6.01v1.228l-3.748 4.852v.065h3.878V17zm12.828-3.212V9.364h1.8V17h-1.746v-1.357h-.079a2.3 2.3 0 0 1-.85 1.049q-.587.407-1.447.407q-.75 0-1.327-.333a2.3 2.3 0 0 1-.895-.979q-.323-.645-.323-1.561V9.364h1.8v4.583q0 .726.397 1.154q.398.427 1.044.427q.398 0 .77-.193q.374-.195.612-.577q.244-.388.244-.97M89.142 17V9.364h1.745v1.272h.08q.209-.66.716-1.019a1.97 1.97 0 0 1 1.168-.363q.15 0 .333.015q.189.01.313.035v1.656a2 2 0 0 0-.363-.07a3 3 0 0 0-.472-.035a1.8 1.8 0 0 0-.885.214q-.387.21-.611.582t-.224.86V17zm8.618.15q-1.15 0-1.984-.478a3.23 3.23 0 0 1-1.278-1.362q-.448-.886-.448-2.083q0-1.178.448-2.069a3.4 3.4 0 0 1 1.263-1.392q.81-.502 1.904-.502q.705 0 1.332.229q.631.224 1.114.696q.487.473.765 1.203q.279.726.279 1.73v.552h-6.26v-1.213h4.535a1.94 1.94 0 0 0-.224-.92a1.63 1.63 0 0 0-.612-.641a1.7 1.7 0 0 0-.904-.234q-.552 0-.97.269a1.85 1.85 0 0 0-.651.696q-.229.427-.234.94v1.058q0 .667.244 1.144q.244.473.68.726q.439.248 1.025.248q.393 0 .711-.11q.318-.113.552-.332t.353-.542l1.68.189a2.6 2.6 0 0 1-.606 1.163a2.96 2.96 0 0 1-1.134.766q-.69.268-1.58.268m17.568-5.239q0 1.645-.617 2.818q-.612 1.169-1.67 1.79q-1.054.621-2.392.621t-2.396-.621q-1.054-.627-1.67-1.795q-.612-1.173-.612-2.814q0-1.646.612-2.814q.616-1.173 1.67-1.795q1.06-.621 2.396-.621q1.338 0 2.392.621q1.058.622 1.67 1.795q.617 1.17.617 2.814m-1.855 0q0-1.159-.363-1.955q-.358-.8-.994-1.208q-.636-.412-1.467-.412q-.83 0-1.466.412q-.637.408-1 1.208q-.357.796-.358 1.954q0 1.158.358 1.959q.363.795 1 1.208q.636.408 1.466.408q.831 0 1.467-.408q.636-.413.994-1.208q.363-.801.363-1.959m3.519 7.956v-10.5h1.77v1.262h.104q.14-.277.393-.591q.254-.318.686-.542q.432-.23 1.104-.229q.885 0 1.596.453q.716.447 1.133 1.327q.423.875.423 2.148q0 1.257-.413 2.138q-.413.88-1.124 1.342a2.9 2.9 0 0 1-1.61.462q-.657 0-1.089-.218a2.2 2.2 0 0 1-.696-.527a3.4 3.4 0 0 1-.403-.592h-.074v4.067zm1.765-6.682q0 .74.209 1.297q.213.558.611.87q.403.309.974.309q.597 0 1-.319q.402-.322.606-.88q.21-.561.209-1.277q0-.711-.204-1.263a1.9 1.9 0 0 0-.606-.865q-.403-.313-1.005-.313q-.576 0-.979.303a1.87 1.87 0 0 0-.611.85q-.204.547-.204 1.288m10.366 3.968q-1.149 0-1.984-.478a3.23 3.23 0 0 1-1.278-1.362q-.447-.886-.447-2.083q0-1.178.447-2.069a3.4 3.4 0 0 1 1.263-1.392q.81-.502 1.904-.502q.706 0 1.332.229q.632.224 1.114.696q.487.473.766 1.203q.278.726.278 1.73v.552h-6.259v-1.213h4.534a1.9 1.9 0 0 0-.224-.92a1.63 1.63 0 0 0-.611-.641a1.7 1.7 0 0 0-.905-.234q-.552 0-.97.269a1.86 1.86 0 0 0-.651.696q-.228.427-.233.94v1.058q0 .667.243 1.144q.244.473.681.726q.438.248 1.024.248q.393 0 .711-.11a1.6 1.6 0 0 0 .552-.332q.234-.22.353-.542l1.681.189a2.6 2.6 0 0 1-.607 1.163a2.96 2.96 0 0 1-1.134.766q-.69.268-1.58.268m6.717-4.623V17h-1.799V9.364h1.72v1.297h.089q.264-.64.841-1.019q.58-.378 1.436-.378q.79 0 1.377.338q.593.338.915.98q.329.64.323 1.556V17h-1.799v-4.584q0-.765-.398-1.198q-.393-.432-1.089-.432q-.472 0-.84.208a1.45 1.45 0 0 0-.572.592q-.204.388-.204.94M143.959 17h-1.969l3.585-10.182h2.277L151.441 17h-1.969l-2.719-8.094h-.08zm.065-3.992h5.369v1.481h-5.369zm10.603-6.19V17h-1.845V6.818zm11.003 2.799a1.36 1.36 0 0 0-.586-1.014q-.513-.363-1.333-.363q-.576 0-.989.174a1.47 1.47 0 0 0-.632.472q-.218.299-.223.682q0 .318.144.551q.148.234.403.398q.254.16.561.269q.309.108.622.184l.954.238q.577.134 1.109.363q.537.228.959.577q.429.348.677.84t.248 1.153q0 .895-.457 1.576q-.458.676-1.323 1.06q-.86.377-2.083.377q-1.188 0-2.063-.368q-.87-.368-1.362-1.074q-.488-.706-.527-1.72h1.815q.039.532.328.885q.288.353.75.527q.468.174 1.044.174q.602 0 1.054-.179q.458-.183.716-.507q.259-.328.264-.765a.97.97 0 0 0-.234-.657a1.7 1.7 0 0 0-.641-.437a6 6 0 0 0-.955-.319l-1.158-.298q-1.259-.323-1.989-.98q-.726-.66-.726-1.754q0-.9.488-1.576q.492-.675 1.337-1.05q.844-.377 1.914-.377q1.084 0 1.899.378q.82.373 1.288 1.039q.467.66.482 1.521zm6.86 7.533q-1.149 0-1.984-.478a3.24 3.24 0 0 1-1.278-1.362q-.447-.886-.447-2.083q0-1.178.447-2.069a3.4 3.4 0 0 1 1.263-1.392q.81-.502 1.904-.502q.706 0 1.333.229q.632.224 1.113.696q.487.473.766 1.203q.278.726.278 1.73v.552h-6.259v-1.213h4.534a1.9 1.9 0 0 0-.224-.92a1.6 1.6 0 0 0-.611-.641a1.7 1.7 0 0 0-.905-.234q-.552 0-.969.269a1.85 1.85 0 0 0-.652.696q-.228.427-.233.94v1.058q0 .667.243 1.144q.245.473.681.726q.438.248 1.025.248q.392 0 .71-.11q.32-.113.552-.332q.234-.22.353-.542l1.681.189a2.6 2.6 0 0 1-.607 1.163a2.96 2.96 0 0 1-1.133.766q-.692.268-1.581.268m4.918-.149V9.364h1.745v1.272h.079q.21-.66.716-1.019a1.97 1.97 0 0 1 1.169-.363q.148 0 .333.015q.189.01.313.035v1.656a2 2 0 0 0-.363-.07a3 3 0 0 0-.472-.035q-.492 0-.885.214q-.388.21-.612.582a1.64 1.64 0 0 0-.223.86V17zm12.604-7.636L187.293 17h-1.989l-2.719-7.636h1.919l1.755 5.672h.079l1.76-5.672zM191.257 17V9.364h1.8V17zm.905-8.72q-.427 0-.736-.283a.92.92 0 0 1-.308-.692q0-.407.308-.69q.309-.29.736-.289q.433 0 .736.288q.308.285.308.691a.91.91 0 0 1-.308.692a1.04 1.04 0 0 1-.736.283m6.077 8.87q-1.143 0-1.964-.503a3.35 3.35 0 0 1-1.258-1.387q-.437-.89-.437-2.048q0-1.163.447-2.054a3.34 3.34 0 0 1 1.263-1.392q.82-.502 1.939-.502q.93 0 1.645.343a2.8 2.8 0 0 1 1.149.96q.427.615.487 1.442h-1.72a1.65 1.65 0 0 0-.497-.92q-.388-.373-1.039-.373q-.552 0-.97.298q-.417.294-.651.845q-.228.553-.229 1.323q0 .78.229 1.342q.228.557.641.86q.418.3.98.299q.397 0 .711-.15q.318-.153.532-.442q.213-.288.293-.701h1.72a3 3 0 0 1-.477 1.437q-.413.621-1.124.974q-.711.348-1.67.348m8.13.001q-1.149 0-1.984-.478a3.23 3.23 0 0 1-1.278-1.362q-.447-.886-.447-2.083q0-1.178.447-2.069a3.4 3.4 0 0 1 1.263-1.392q.81-.502 1.904-.502q.706 0 1.333.229q.63.224 1.113.696q.487.473.766 1.203q.278.726.278 1.73v.552h-6.259v-1.213h4.534a1.9 1.9 0 0 0-.224-.92a1.6 1.6 0 0 0-.611-.641a1.7 1.7 0 0 0-.905-.234q-.552 0-.969.269a1.85 1.85 0 0 0-.652.696q-.228.427-.233.94v1.058q0 .667.243 1.144q.244.473.681.726q.438.248 1.024.248q.393 0 .711-.11a1.6 1.6 0 0 0 .552-.332q.234-.22.353-.542l1.681.189a2.6 2.6 0 0 1-.607 1.163a2.96 2.96 0 0 1-1.133.766q-.692.268-1.581.268\"/>",
+      "width": 212
+    },
+    "llm-azureai": {
+      "body": "<g fill=\"none\"><path fill=\"url(#svgID0)\" d=\"M8.416 1.135h6.51L8.169 21.16a1.04 1.04 0 0 1-.983.706H2.119a1.037 1.037 0 0 1-.983-1.368L7.433 1.841a1.04 1.04 0 0 1 .983-.706\"/><path fill=\"currentColor\" d=\"M17.876 14.566H7.553a.478.478 0 0 0-.327.828l6.634 6.192c.193.18.447.28.712.28h5.845z\"/><path fill=\"url(#svgID1)\" d=\"M8.415 1.135a1.03 1.03 0 0 0-.986.72L1.143 20.48a1.035 1.035 0 0 0 .977 1.384h5.197a1.11 1.11 0 0 0 .853-.725l1.253-3.694l4.478 4.176c.188.156.424.241.667.244h5.824l-2.554-7.3l-7.446.002l4.557-13.433z\"/><path fill=\"url(#svgID2)\" d=\"M16.73 1.84a1.04 1.04 0 0 0-.981-.705H8.493a1.04 1.04 0 0 1 .982.705l6.297 18.658a1.037 1.037 0 0 1-.982 1.368h7.256a1.037 1.037 0 0 0 .981-1.369z\"/><defs><linearGradient id=\"svgID0\" x1=\"10.789\" x2=\"4.028\" y1=\"2.671\" y2=\"22.645\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID1\" x1=\"12.9\" x2=\"11.336\" y1=\"11.98\" y2=\"12.508\" gradientUnits=\"userSpaceOnUse\"><stop stop-opacity=\".3\"/><stop offset=\".071\" stop-opacity=\".2\"/><stop offset=\".321\" stop-opacity=\".1\"/><stop offset=\".623\" stop-opacity=\".05\"/><stop offset=\"1\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"12.04\" x2=\"19.462\" y1=\"2.089\" y2=\"21.861\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient></defs></g>"
+    },
+    "llm-azureai-text": {
+      "body": "<g fill=\"none\"><path fill=\"url(#svgID0)\" d=\"M9.637 2.5h5.967L9.409 20.854a.95.95 0 0 1-.901.647H3.864a.95.95 0 0 1-.9-1.254l5.771-17.1a.95.95 0 0 1 .902-.647\"/><path fill=\"currentColor\" d=\"M18.307 14.81H8.845a.438.438 0 0 0-.3.759l6.08 5.675a.96.96 0 0 0 .653.257h5.358z\"/><path fill=\"url(#svgID1)\" d=\"M9.635 2.5a.94.94 0 0 0-.903.66L2.97 20.23a.95.95 0 0 0 .895 1.27H8.63a1.02 1.02 0 0 0 .782-.665l1.149-3.386l4.104 3.828a.97.97 0 0 0 .61.222h5.339l-2.341-6.69l-6.825.002L15.624 2.5z\"/><path fill=\"url(#svgID2)\" d=\"M17.257 3.146a.95.95 0 0 0-.9-.646h-6.65a.95.95 0 0 1 .9.646l5.772 17.1a.95.95 0 0 1-.9 1.255h6.65a.95.95 0 0 0 .9-1.254z\"/><path fill=\"currentColor\" d=\"M34.312 17h-1.969l3.585-10.182h2.277L41.795 17h-1.97l-2.719-8.094h-.08zm.065-3.992h5.369v1.481h-5.37zM42.956 17v-1.143l3.938-4.937v-.065h-3.808V9.364h6.01v1.228l-3.748 4.852v.065h3.877V17zm12.828-3.212V9.364h1.8V17h-1.745v-1.357h-.08a2.3 2.3 0 0 1-.85 1.049q-.586.407-1.446.407q-.75 0-1.328-.333a2.3 2.3 0 0 1-.895-.979q-.323-.645-.323-1.561V9.364h1.8v4.583q0 .726.398 1.154t1.044.427q.398 0 .77-.193q.373-.195.612-.577q.243-.388.243-.97M59.435 17V9.364h1.745v1.272h.08q.208-.66.715-1.019a1.97 1.97 0 0 1 1.169-.363q.148 0 .333.015q.189.01.313.035v1.656a2 2 0 0 0-.363-.07a3 3 0 0 0-.472-.035q-.492 0-.885.214q-.389.21-.612.582a1.64 1.64 0 0 0-.224.86V17zm8.617.15q-1.149 0-1.984-.478a3.23 3.23 0 0 1-1.278-1.362q-.447-.886-.447-2.083q0-1.178.447-2.069a3.4 3.4 0 0 1 1.263-1.392q.81-.502 1.904-.502q.706 0 1.333.229q.63.224 1.113.696q.487.473.766 1.203q.279.726.278 1.73v.552h-6.259v-1.213h4.534a1.94 1.94 0 0 0-.224-.92a1.63 1.63 0 0 0-.611-.641a1.7 1.7 0 0 0-.905-.234q-.551 0-.97.269a1.85 1.85 0 0 0-.65.696q-.23.427-.234.94v1.058q0 .667.243 1.144q.245.473.681.726q.438.248 1.025.248q.392 0 .71-.11q.32-.113.552-.332q.234-.22.353-.542l1.68.189a2.6 2.6 0 0 1-.606 1.163a2.96 2.96 0 0 1-1.133.766q-.691.268-1.581.268M77.83 17h-1.97l3.585-10.182h2.277L85.312 17h-1.969l-2.72-8.094h-.079zm.064-3.992h5.37v1.481h-5.37zm10.603-6.19V17h-1.844V6.818z\"/><defs><linearGradient id=\"svgID0\" x1=\"11.811\" x2=\"5.614\" y1=\"3.908\" y2=\"22.215\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID1\" x1=\"13.746\" x2=\"12.313\" y1=\"12.44\" y2=\"12.924\" gradientUnits=\"userSpaceOnUse\"><stop stop-opacity=\".3\"/><stop offset=\".071\" stop-opacity=\".2\"/><stop offset=\".321\" stop-opacity=\".1\"/><stop offset=\".623\" stop-opacity=\".05\"/><stop offset=\"1\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"12.958\" x2=\"19.761\" y1=\"3.374\" y2=\"21.497\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient></defs></g>",
+      "width": 92
+    },
+    "llm-baichuan": {
+      "body": "<g fill=\"none\"><path fill=\"url(#svgID0)\" fill-rule=\"evenodd\" d=\"M8.582 1.78H5.528L3.347 6.203v11.53L.916 22.22h5.297l2.369-4.488zm1.994 0h5.235v20.44h-5.235zm12.34 0h-5.234v4.237h5.235zm0 5.608h-5.234v14.833h5.235z\" clip-rule=\"evenodd\"/><defs><radialGradient id=\"svgID0\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(14.5 14.5 -15.60613 15.60613 5.5 5.5)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\".776\" stop-color=\"currentColor\"/></radialGradient></defs></g>"
+    },
+    "llm-baichuan-text": {
+      "body": "<g fill=\"none\"><path fill=\"url(#svgID0)\" fill-rule=\"evenodd\" d=\"M9.582 1.78H6.528L4.347 6.203v11.53L1.916 22.22h5.297l2.369-4.488zm1.994 0h5.235v20.44h-5.235zm12.34 0h-5.234v4.237h5.235zm0 5.608h-5.234v14.833h5.235z\" clip-rule=\"evenodd\"/><path fill=\"currentColor\" d=\"M129.722 6.832V18h-2.24V6.832zm-6.526 9.04h-4.448L118.012 18h-2.352l4.016-11.184h2.608L126.3 18h-2.368zm-.608-1.792l-1.616-4.672l-1.616 4.672zM110.962 18h-2.24l-5.072-7.664V18h-2.24V6.816h2.24l5.072 7.68v-7.68h2.24zm-13.836-2.128h-4.448L91.942 18H89.59l4.016-11.184h2.608L100.23 18h-2.368zm-.608-1.792l-1.616-4.672l-1.616 4.672zm-14.87-7.248v6.912q0 1.136.592 1.744q.593.592 1.664.592q1.087 0 1.68-.592q.592-.608.592-1.744V6.832h2.256v6.896q0 1.425-.624 2.416a3.86 3.86 0 0 1-1.648 1.472q-1.023.495-2.288.496q-1.248 0-2.272-.496a3.8 3.8 0 0 1-1.6-1.472q-.592-.992-.592-2.416V6.832zm-4.091 0V18h-2.24v-4.752h-4.784V18h-2.24V6.832h2.24v4.592h4.784V6.832zM55.787 12.4q0-1.648.736-2.944a5.3 5.3 0 0 1 2.032-2.032q1.296-.735 2.896-.736q1.872 0 3.28.96q1.409.96 1.968 2.656h-2.576q-.384-.8-1.088-1.2q-.688-.4-1.6-.4q-.976 0-1.744.464a3.13 3.13 0 0 0-1.184 1.28q-.416.832-.416 1.952q0 1.104.416 1.952a3.24 3.24 0 0 0 1.184 1.296q.768.448 1.744.448q.912 0 1.6-.4q.705-.416 1.088-1.216H66.7q-.56 1.712-1.968 2.672q-1.392.944-3.28.944q-1.6 0-2.896-.72a5.46 5.46 0 0 1-2.032-2.032q-.736-1.296-.736-2.944m-1.351-5.568V18h-2.24V6.832zm-6.524 9.04h-4.448L42.729 18h-2.352l4.016-11.184h2.608L51.017 18h-2.368zm-.608-1.792l-1.616-4.672l-1.616 4.672zm-9.865-1.808a2.5 2.5 0 0 1 1.552.944q.608.768.608 1.76q0 .895-.449 1.584q-.432.672-1.264 1.056q-.831.384-1.968.384h-4.815V6.832h4.608q1.135 0 1.951.368q.832.368 1.249 1.024q.431.655.431 1.488q0 .976-.528 1.632q-.511.656-1.375.928m-4.096-.832h2.047q.801 0 1.233-.352q.43-.368.431-1.04q0-.672-.431-1.04q-.433-.368-1.233-.368h-2.047zm2.255 4.736q.817 0 1.265-.384q.464-.384.464-1.088q0-.72-.48-1.12q-.48-.416-1.297-.416h-2.208v3.008z\"/><defs><radialGradient id=\"svgID0\" cx=\"0\" cy=\"0\" r=\"1\" gradientTransform=\"matrix(14.5 14.5 -15.60613 15.60613 6.5 5.5)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\".776\" stop-color=\"currentColor\"/></radialGradient></defs></g>",
+      "width": 130
+    },
+    "llm-chatglm": {
+      "body": "<mask id=\"svgID0\" width=\"23\" height=\"21\" x=\"1\" y=\"2\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M23.8 2H1v20.4h22.8z\"/></mask><g fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" mask=\"url(#svgID0)\"><path d=\"M3.864 14.454c0-1.356.81-2.717 2.395-3.79c1.58-1.07 3.827-1.77 6.37-1.77c2.541 0 4.79.7 6.368 1.77c.8.54 1.402 1.156 1.803 1.806c.487-.89.697-1.835.584-2.777a.4.4 0 0 1 .017-.182a10 10 0 0 0-1.045-.815C18.327 7.32 15.59 6.51 12.628 6.51s-5.698.81-7.727 2.186c-2.023 1.37-3.444 3.385-3.444 5.758s1.42 4.389 3.444 5.76c2.028 1.374 4.764 2.185 7.727 2.185s5.7-.812 7.728-2.186c2.023-1.37 3.443-3.386 3.443-5.759c0-1.509-.574-2.873-1.512-4.019c-.05 1.057-.425 2.072-1.049 2.995q.155.51.155 1.024c0 1.357-.811 2.718-2.396 3.791c-1.579 1.07-3.827 1.77-6.369 1.77s-4.79-.7-6.369-1.77c-1.585-1.073-2.395-2.434-2.395-3.79\"/><path d=\"M3.844 11.684c-.642 1.805-.49 3.432.345 4.6s2.334 1.85 4.266 1.85c1.928-.001 4.175-.694 6.239-2.142s3.47-3.317 4.111-5.118c.642-1.805.49-3.432-.344-4.6c-.835-1.168-2.334-1.85-4.266-1.85c-1.928 0-4.175.694-6.24 2.142c-2.063 1.447-3.47 3.317-4.11 5.118m-2.308-.806C2.364 8.55 4.113 6.29 6.54 4.586S11.703 2 14.194 2c2.489 0 4.849.892 6.265 2.874c1.416 1.981 1.482 4.483.655 6.807c-.828 2.328-2.577 4.588-5.006 6.291c-2.428 1.704-5.161 2.587-7.653 2.587c-2.488 0-4.848-.892-6.264-2.873s-1.482-4.483-.655-6.807\"/></g>"
+    },
+    "llm-chatglm-text": {
+      "body": "<mask id=\"svgID0\" width=\"23\" height=\"22\" x=\"2\" y=\"1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M24.8 1.8H2v20.4h22.8z\"/></mask><g fill=\"currentColor\"><path d=\"M56.542 9.497a4.3 4.3 0 0 0-2.076-.538c-2.377 0-4.31 1.945-4.31 4.337c0 2.39 1.933 4.335 4.31 4.335a4.3 4.3 0 0 0 1.491-.268a4.34 4.34 0 0 0 2.625-2.784v-2.567a4.35 4.35 0 0 0-2.04-2.515m-.584 4.448a1.63 1.63 0 0 1-1.492.986a1.63 1.63 0 0 1-1.625-1.636c0-.901.729-1.635 1.625-1.635a1.63 1.63 0 0 1 1.492.987a1.64 1.64 0 0 1 0 1.298\"/><path d=\"M58.642 9.497v8.099h-2.683v-3.652a1.64 1.64 0 0 0 0-1.297v-3.15zm4.806-2.027h-2.684v10.144h2.683z\"/><path d=\"M64.842 9.497h-5.463v2.7h4.987a5.8 5.8 0 0 1 .476-2.7m-29.486 5.411a3.07 3.07 0 0 1-2.63-1.494a3.1 3.1 0 0 1-.443-1.598c0-.583.161-1.131.443-1.597a3.07 3.07 0 0 1 2.63-1.495c1.114 0 2.09.6 2.629 1.495l2.296-1.396a5.75 5.75 0 0 0-4.925-2.798a5.75 5.75 0 0 0-4.926 2.798a5.8 5.8 0 0 0-.83 2.994c0 1.095.303 2.12.83 2.993a5.75 5.75 0 0 0 4.926 2.8a5.75 5.75 0 0 0 4.925-2.8l-2.296-1.395a3.07 3.07 0 0 1-2.63 1.494zm44.054.015h5.768v2.7h-7.66v-.01h-.791V6.043h2.683zM96.758 6.05h-2.895l-2.4 4.087l-2.4-4.087h-2.987v11.568h2.684v-7.083l2.704 4.604l2.61-4.447v6.926h2.684zm-25.992 7.167h2.378v.76a3.053 3.053 0 0 1-4.493-.008a3.1 3.1 0 0 1-.821-2.102c0-.583.161-1.131.442-1.597a3.07 3.07 0 0 1 2.63-1.495c.807 0 1.54.314 2.089.827l1.897-1.909a5.7 5.7 0 0 0-3.986-1.618a5.75 5.75 0 0 0-4.926 2.799a5.8 5.8 0 0 0-.83 2.993a5.78 5.78 0 0 0 1.608 4.012a5.72 5.72 0 0 0 4.149 1.78a5.75 5.75 0 0 0 4.925-2.798v-4.344h-5.062zm-21.291-.669v5.07h-2.68v-4.502c0-.856-.689-1.55-1.539-1.55s-1.54.694-1.54 1.55v4.501h-2.683V6h2.684v3.881a3.44 3.44 0 0 1 2.32-.872c1.911.016 3.438 1.615 3.438 3.539\"/><g fill-rule=\"evenodd\" clip-rule=\"evenodd\" mask=\"url(#svgID0)\"><path d=\"M4.864 14.254c0-1.356.81-2.717 2.395-3.79c1.58-1.07 3.827-1.77 6.37-1.77c2.541 0 4.79.7 6.368 1.77c.8.541 1.402 1.156 1.803 1.806c.487-.89.697-1.835.584-2.777a.4.4 0 0 1 .017-.182a10 10 0 0 0-1.045-.815C19.327 7.12 16.59 6.31 13.628 6.31s-5.698.81-7.727 2.186c-2.023 1.37-3.444 3.385-3.444 5.758s1.42 4.389 3.444 5.76c2.028 1.374 4.764 2.185 7.727 2.185s5.7-.812 7.728-2.186c2.023-1.37 3.443-3.386 3.443-5.759c0-1.508-.574-2.873-1.512-4.018c-.05 1.056-.425 2.071-1.049 2.994q.155.51.155 1.024c0 1.357-.811 2.718-2.396 3.791c-1.579 1.07-3.827 1.77-6.369 1.77s-4.79-.7-6.369-1.77c-1.585-1.073-2.395-2.434-2.395-3.79\"/><path d=\"M4.844 11.484c-.642 1.805-.49 3.432.345 4.6s2.334 1.85 4.266 1.85c1.928-.001 4.175-.694 6.239-2.142s3.47-3.317 4.111-5.118c.642-1.805.49-3.432-.344-4.6c-.835-1.168-2.334-1.85-4.266-1.85c-1.928 0-4.175.694-6.24 2.142c-2.063 1.447-3.47 3.317-4.11 5.118m-2.308-.806C3.364 8.35 5.113 6.09 7.54 4.386S12.703 1.8 15.194 1.8c2.489 0 4.849.892 6.265 2.874c1.416 1.981 1.482 4.483.655 6.807c-.828 2.328-2.577 4.588-5.006 6.291c-2.428 1.704-5.161 2.587-7.653 2.587c-2.488 0-4.848-.891-6.264-2.873c-1.417-1.981-1.482-4.483-.655-6.807\"/></g></g>",
+      "width": 100
+    },
+    "llm-cohere": {
+      "body": "<g fill=\"none\"><mask id=\"svgID0\" width=\"22\" height=\"22\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M21.5.5H.5v21h21z\"/></mask><g fill=\"currentColor\" mask=\"url(#svgID0)\"><path fill-rule=\"evenodd\" d=\"M7.304 13.004c.565 0 1.69-.031 3.243-.671c1.811-.746 5.415-2.1 8.014-3.49c1.818-.972 2.615-2.259 2.615-3.99A4.35 4.35 0 0 0 16.823.5H6.752A6.25 6.25 0 0 0 .5 6.752c0 3.452 2.62 6.252 6.804 6.252m1.703 4.305a4.19 4.19 0 0 1 2.582-3.868l3.172-1.316c3.208-1.331 6.74 1.026 6.74 4.5a4.87 4.87 0 0 1-4.874 4.872l-3.434-.001a4.187 4.187 0 0 1-4.186-4.187\" clip-rule=\"evenodd\"/><path d=\"M4.104 13.828A3.604 3.604 0 0 0 .5 17.432v.466a3.604 3.604 0 0 0 7.208 0v-.466a3.604 3.604 0 0 0-3.604-3.604\"/></g></g>",
+      "width": 22,
+      "height": 22
+    },
+    "llm-cohere-text": {
+      "body": "<mask id=\"svgID0\" width=\"20\" height=\"20\" x=\"1\" y=\"2\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M20.835 2.083H1.002v19.833h19.833z\"/></mask><g fill=\"currentColor\"><path d=\"M34.492 21.913c2.946 0 5.524-1.473 6.544-4.447c.197-.596-.086-.992-.652-.992h-1.105c-.51 0-.85.226-1.078.708c-.877 1.729-2.096 2.35-3.625 2.35c-2.72 0-4.392-1.898-4.392-5.07s1.73-5.071 4.334-5.071c1.587 0 2.89.68 3.711 2.294c.256.482.566.708 1.078.708h1.105c.566 0 .85-.368.651-.908c-1.189-3.23-3.853-4.475-6.571-4.475c-4.108 0-7.168 3.032-7.168 7.452c0 4.419 2.918 7.45 7.168 7.45m74.135-8.755c.368-2.408 2.011-3.91 4.249-3.91c2.239 0 3.91 1.53 4.107 3.91zm4.363 8.755c2.606 0 5.213-1.217 6.488-3.966c.312-.651.028-1.105-.538-1.105h-1.048c-.509 0-.821.226-1.076.68c-.85 1.5-2.323 2.124-3.824 2.124c-2.578 0-4.249-1.757-4.447-4.617h10.398c.565 0 .935-.312.935-.907c-.114-4.447-3.002-7.11-6.998-7.11c-3.995 0-7.167 2.89-7.167 7.452c0 4.56 3.088 7.45 7.281 7.45zM96.503 14.83h.935c.566 0 .877-.311.963-.907c.54-3.828 2.781-4.335 5.163-4.221a.875.875 0 0 0 .927-.88v-.877c0-.566-.283-.908-.849-.936c-2.109-.08-3.99.644-5.077 2.693c-.06.112-.228.082-.242-.044l-.176-1.545q-.084-.85-.935-.85h-4.277c-.5 0-.908.406-.908.908v.481c0 .5.406.908.908.908h1.757c.5 0 .907.405.907.907v3.456c0 .5.406.907.907.907zm-3.824 6.8h8.866c.566 0 .908-.34.908-.907v-.482c0-.566-.34-.908-.908-.908h-2.266c-.566 0-.908-.34-.908-.907v-1.559c0-.566-.34-.907-.907-.907H96.5c-.566 0-.908.34-.908.907v1.56c0 .565-.34.906-.907.906h-2.011c-.566 0-.908.34-.908.908v.482c0 .565.34.907.908.907zm-13.683-8.47c.367-2.409 2.01-3.91 4.249-3.91s3.91 1.529 4.107 3.91zm4.363 8.754c2.606 0 5.212-1.217 6.488-3.966c.312-.651.028-1.105-.538-1.105h-1.047c-.51 0-.822.226-1.078.68c-.85 1.5-2.322 2.124-3.823 2.124c-2.579 0-4.25-1.757-4.447-4.617H89.31c.566 0 .935-.312.935-.907c-.114-4.447-3.002-7.11-6.997-7.11s-7.168 2.89-7.168 7.452c0 4.56 3.088 7.45 7.282 7.45zm-32.775 0c4.249 0 7.28-3.144 7.28-7.451c0-4.308-3.031-7.452-7.28-7.452s-7.282 3.202-7.282 7.452c0 .991.17 2.096.68 3.313c.255.596.737.68 1.247.312l.821-.595c.426-.312.538-.68.396-1.218a6 6 0 0 1-.284-1.868c0-2.974 1.785-5.015 4.42-5.015S55 11.403 55 14.463s-1.757 5.071-4.363 5.071c-.908 0-1.757-.17-2.777-.935c-.425-.34-.821-.396-1.275-.056l-.624.454c-.51.367-.565.877-.086 1.275c1.474 1.19 3.172 1.643 4.704 1.643zm10.877-.284h.935c.5 0 .907-.406.907-.907v-6.77c0-2.86 1.53-4.561 3.91-4.561c2.153 0 3.4 1.417 3.4 4.023v7.31c0 .5.406.907.907.907h.964c.5 0 .907-.406.907-.907v-7.763c0-3.824-1.955-5.949-5.269-5.949c-2.256 0-3.59.924-4.585 2.209a.128.128 0 0 1-.23-.078V2.991a.915.915 0 0 0-.91-.908h-.936c-.5 0-.908.406-.908.908v17.733c0 .5.406.907.908.907\"/><g mask=\"url(#svgID0)\"><path fill-rule=\"evenodd\" d=\"M7.428 13.892c.534 0 1.595-.03 3.063-.633c1.71-.705 5.114-1.983 7.569-3.296c1.717-.919 2.47-2.133 2.47-3.77a4.11 4.11 0 0 0-4.111-4.11H6.906a5.904 5.904 0 0 0-5.904 5.905c0 3.26 2.475 5.904 6.426 5.904m1.609 4.066c0-1.598.962-3.04 2.439-3.652l2.995-1.243c3.03-1.258 6.365.969 6.365 4.25a4.6 4.6 0 0 1-4.602 4.6H12.99a3.955 3.955 0 0 1-3.954-3.955\" clip-rule=\"evenodd\"/><path d=\"M4.406 14.67a3.404 3.404 0 0 0-3.404 3.404v.441a3.404 3.404 0 0 0 6.807 0v-.44a3.404 3.404 0 0 0-3.403-3.404\"/></g></g>",
+      "width": 120
+    },
+    "llm-deepseek": {
+      "body": "<path fill=\"currentColor\" d=\"M36.668 11.292c-.336-.164-.48.148-.677.307c-.067.052-.124.12-.18.18c-.491.526-1.064.87-1.811.828c-1.095-.06-2.029.284-2.855 1.122c-.175-1.034-.759-1.65-1.645-2.047c-.465-.205-.935-.411-1.26-.859c-.227-.318-.288-.672-.403-1.02c-.072-.212-.145-.428-.387-.464c-.263-.042-.366.18-.469.364c-.414.755-.573 1.589-.558 2.433c.036 1.895.837 3.406 2.426 4.481c.18.123.227.248.17.427c-.108.37-.237.73-.351 1.1c-.072.236-.18.288-.433.184c-.872-.364-1.626-.903-2.291-1.557c-1.13-1.094-2.153-2.302-3.427-3.248c-.3-.22-.598-.427-.908-.622c-1.3-1.265.17-2.305.51-2.427c.357-.128.124-.57-1.027-.565s-2.203.39-3.544.904a3.7 3.7 0 0 1-.615.18a12.7 12.7 0 0 0-3.803-.134c-2.487.28-4.474 1.456-5.935 3.467c-1.754 2.414-2.167 5.159-1.662 8.023c.532 3.016 2.07 5.516 4.434 7.469c2.45 2.023 5.274 3.015 8.494 2.825c1.955-.112 4.134-.375 6.59-2.456c.62.308 1.269.43 2.348.524c.831.078 1.63-.042 2.25-.17c.97-.205.903-1.104.552-1.27c-2.843-1.326-2.22-.787-2.787-1.222c1.445-1.713 3.623-3.492 4.475-9.252c.066-.458.009-.745 0-1.117c-.005-.224.046-.313.303-.339a5.5 5.5 0 0 0 2.04-.627c1.842-1.008 2.584-2.662 2.76-4.646c.026-.302-.005-.617-.324-.776M20.613 29.149c-2.757-2.17-4.093-2.883-4.645-2.852c-.515.029-.423.62-.31 1.005c.119.38.274.643.491.977c.15.221.253.552-.15.797c-.887.552-2.43-.185-2.503-.222c-1.796-1.057-3.297-2.456-4.356-4.367c-1.02-1.841-1.614-3.815-1.712-5.922c-.026-.51.124-.69.629-.781a6.3 6.3 0 0 1 2.018-.052c2.813.411 5.207 1.672 7.214 3.664c1.146 1.138 2.013 2.495 2.906 3.82c.95 1.41 1.971 2.75 3.272 3.85c.458.385.826.679 1.176.895c-1.057.117-2.823.143-4.03-.812m1.32-8.508a.405.405 0 1 1 .811 0c0 .226-.18.406-.407.406a.4.4 0 0 1-.404-.406m4.103 2.11c-.263.106-.526.2-.779.21c-.392.018-.82-.14-1.053-.336c-.36-.302-.618-.471-.728-1.003c-.045-.226-.02-.575.021-.776c.094-.432-.01-.708-.314-.96c-.248-.206-.562-.26-.909-.26a.74.74 0 0 1-.336-.105c-.144-.073-.263-.253-.15-.474a1.6 1.6 0 0 1 .255-.276c.468-.268 1.01-.18 1.511.02c.465.19.815.54 1.32 1.032c.518.596.61.763.904 1.208c.232.352.444.711.589 1.123c.087.255-.026.466-.331.596\"/>",
+      "width": 40,
+      "height": 40
+    },
+    "llm-gemini": {
+      "body": "<defs><path id=\"svgID0\" fill=\"currentColor\" d=\"M14.708 41.643c4.64-.227 8.163-5.283 7.869-11.294c-.294-6.01-4.293-10.699-8.933-10.472S5.481 25.16 5.775 31.17s4.294 10.699 8.933 10.472\"/></defs><mask id=\"svgID1\" width=\"28\" height=\"29\" x=\"6\" y=\"6\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path d=\"M20 6c.294 0 .549.2.62.486a18 18 0 0 0 4.683 8.211a18 18 0 0 0 5.663 3.82q1.242.534 2.549.863A.64.64 0 0 1 34 20a.64.64 0 0 1-.485.621c-.871.219-1.724.507-2.549.862a18 18 0 0 0-5.663 3.82a18 18 0 0 0-3.82 5.664a17 17 0 0 0-.863 2.548a.64.64 0 0 1-1.24 0a17 17 0 0 0-.863-2.548a18 18 0 0 0-3.82-5.663a18 18 0 0 0-5.664-3.82a17 17 0 0 0-2.548-.863a.64.64 0 0 1 0-1.241a17 17 0 0 0 2.548-.863a18 18 0 0 0 5.663-3.82a18 18 0 0 0 4.684-8.211A.64.64 0 0 1 20 6\"/><path fill=\"url(#svgIDd)\" d=\"M20 6c.294 0 .549.2.62.486a18 18 0 0 0 4.683 8.211a18 18 0 0 0 5.663 3.82q1.242.534 2.549.863A.64.64 0 0 1 34 20a.64.64 0 0 1-.485.621c-.871.219-1.724.507-2.549.862a18 18 0 0 0-5.663 3.82a18 18 0 0 0-3.82 5.664a17 17 0 0 0-.863 2.548a.64.64 0 0 1-1.24 0a17 17 0 0 0-.863-2.548a18 18 0 0 0-3.82-5.663a18 18 0 0 0-5.664-3.82a17 17 0 0 0-2.548-.863a.64.64 0 0 1 0-1.241a17 17 0 0 0 2.548-.863a18 18 0 0 0 5.663-3.82a18 18 0 0 0 4.684-8.211A.64.64 0 0 1 20 6\"/></mask><g fill=\"none\"><g mask=\"url(#svgID1)\"><g filter=\"url(#svgID2)\"><path fill=\"currentColor\" d=\"M3.472 27.892c3.236 1.15 6.954-1.005 8.306-4.812c1.352-3.806-.175-7.823-3.41-8.972S1.414 15.113.062 18.92c-1.352 3.806.175 7.823 3.41 8.972\"/></g><g filter=\"url(#svgID3)\"><path fill=\"currentColor\" d=\"M17.836 15.341c4.445 0 8.048-3.682 8.048-8.225s-3.603-8.224-8.048-8.224s-8.048 3.682-8.048 8.224c0 4.543 3.603 8.225 8.048 8.225\"/></g><g filter=\"url(#svgID4)\"><use href=\"#svgID0\"/></g><g filter=\"url(#svgID5)\"><use href=\"#svgID0\"/></g><g filter=\"url(#svgID6)\"><path fill=\"currentColor\" d=\"M19.355 38.007c3.89-2.366 4.93-7.756 2.325-12.039S13.81 20.133 9.92 22.5s-4.93 7.756-2.325 12.039s7.87 5.835 11.76 3.468\"/></g><g filter=\"url(#svgID7)\"><path fill=\"currentColor\" d=\"M35.076 24.55c4.372 0 7.916-3.412 7.916-7.622s-3.544-7.623-7.916-7.623s-7.916 3.413-7.916 7.623s3.544 7.622 7.916 7.622\"/></g><g filter=\"url(#svgID8)\"><path fill=\"currentColor\" d=\"M.363 23.667c4.025 3.06 9.906 2.1 13.135-2.145c3.228-4.246 2.583-10.17-1.443-13.23C8.03 5.23 2.15 6.19-1.08 10.436c-3.228 4.246-2.583 10.17 1.443 13.23\"/></g><g filter=\"url(#svgID9)\"><path fill=\"currentColor\" d=\"M20.988 28.19c4.804 3.304 11.173 2.383 14.225-2.055s1.63-10.715-3.175-14.018s-11.173-2.383-14.225 2.055s-1.63 10.715 3.175 14.018\"/></g><g filter=\"url(#svgIDa)\"><path fill=\"currentColor\" d=\"M29.723 4.992c1.223 1.662-.348 4.893-3.508 7.218c-3.16 2.324-6.712 2.86-7.935 1.199c-1.222-1.662.348-4.894 3.508-7.218s6.713-2.861 7.935-1.2\"/></g><g filter=\"url(#svgIDb)\"><path fill=\"currentColor\" d=\"M19.69 12.949c4.886-4.533 6.563-10.67 3.745-13.708s-9.063-1.826-13.95 2.707s-6.564 10.67-3.746 13.708c2.818 3.037 9.063 1.825 13.95-2.707\"/></g><g filter=\"url(#svgIDc)\"><path fill=\"currentColor\" d=\"M9.671 29.23c2.905 2.079 6.24 2.395 7.448.706s-.166-4.744-3.07-6.823c-2.904-2.078-6.239-2.394-7.448-.705s.166 4.743 3.07 6.822\"/></g></g><defs><filter id=\"svgID2\" width=\"18.722\" height=\"20.423\" x=\"-3.441\" y=\"10.789\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"1.505\"/></filter><filter id=\"svgID3\" width=\"45.199\" height=\"45.552\" x=\"-4.764\" y=\"-15.66\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"7.276\"/></filter><filter id=\"svgID4\" width=\"41.576\" height=\"46.522\" x=\"-6.612\" y=\"7.499\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"6.185\"/></filter><filter id=\"svgID5\" width=\"41.576\" height=\"46.522\" x=\"-6.612\" y=\"7.499\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"6.185\"/></filter><filter id=\"svgID6\" width=\"41.696\" height=\"42.461\" x=\"-6.211\" y=\"9.023\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"6.185\"/></filter><filter id=\"svgID7\" width=\"39.342\" height=\"38.756\" x=\"15.405\" y=\"-2.45\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"5.878\"/></filter><filter id=\"svgID8\" width=\"39.995\" height=\"40.264\" x=\"-13.789\" y=\"-4.153\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"5.327\"/></filter><filter id=\"svgID9\" width=\"39.641\" height=\"39.065\" x=\"6.692\" y=\".621\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"4.757\"/></filter><filter id=\"svgIDa\" width=\"29.298\" height=\"27.374\" x=\"9.352\" y=\"-4.487\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"4.256\"/></filter><filter id=\"svgIDb\" width=\"34.812\" height=\"34.143\" x=\"-2.819\" y=\"-9.623\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"3.595\"/></filter><filter id=\"svgIDc\" width=\"29.195\" height=\"27.499\" x=\"-2.738\" y=\"12.422\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/><feGaussianBlur result=\"effect1_foregroundBlur_3892_95663\" stdDeviation=\"4.45\"/></filter><linearGradient id=\"svgIDd\" x1=\"13.96\" x2=\"28.503\" y1=\"24.735\" y2=\"12.474\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#4893FC\"/><stop offset=\".27\" stop-color=\"#4893FC\"/><stop offset=\".777\" stop-color=\"#969DFF\"/><stop offset=\"1\" stop-color=\"#BD99FE\"/></linearGradient></defs></g>",
+      "width": 40,
+      "height": 40
+    },
+    "llm-gpt-3": {
+      "body": "<g fill=\"none\"><rect width=\"24\" height=\"24\" fill=\"currentColor\" rx=\"6\"/><rect width=\"23\" height=\"23\" x=\".5\" y=\".5\" stroke=\"currentColor\" stroke-opacity=\".05\" rx=\"5.5\"/></g>"
+    },
+    "llm-gpt-4": {
+      "body": "<g fill=\"none\"><rect width=\"24\" height=\"24\" fill=\"currentColor\" rx=\"6\"/><rect width=\"23\" height=\"23\" x=\".5\" y=\".5\" stroke=\"currentColor\" stroke-opacity=\".05\" rx=\"5.5\"/></g>"
+    },
+    "llm-grok": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"m15.745 24.54l10.97-8.19c.539-.4 1.307-.244 1.564.38c1.349 3.288.746 7.241-1.938 9.955c-2.683 2.714-6.417 3.31-9.83 1.954l-3.728 1.745c5.347 3.697 11.84 2.782 15.898-1.324c3.219-3.255 4.216-7.692 3.284-11.693l.008.009c-1.351-5.878.332-8.227 3.782-13.031L36 4l-4.54 4.59v-.014L15.743 24.544m-2.263 1.987c-3.837-3.707-3.175-9.446.1-12.755c2.42-2.449 6.388-3.448 9.852-1.979l3.72-1.737c-.67-.49-1.53-1.017-2.515-1.387a12.25 12.25 0 0 0-13.41 2.728c-3.483 3.523-4.579 8.94-2.697 13.561c1.405 3.454-.899 5.898-3.22 8.364C4.49 34.2 3.666 35.074 3 36l10.478-9.466\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M3 4h33v32H3z\"/></clipPath></defs></g>",
+      "width": 40,
+      "height": 40
+    },
+    "llm-huggingface": {
+      "body": "<mask id=\"svgID0\" width=\"8\" height=\"5\" x=\"8\" y=\"11\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#fff\" d=\"M11.856 15.1c2.483 0 3.284-2.213 3.284-3.35c0-.59-.397-.405-1.033-.09c-.588.291-1.38.692-2.25.692c-1.814 0-3.285-1.739-3.285-.602s.801 3.35 3.284 3.35\"/></mask><g fill=\"none\"><path fill=\"currentColor\" d=\"M11.929 20.206a8.778 8.778 0 1 0 0-17.556a8.778 8.778 0 0 0 0 17.556\"/><path fill=\"currentColor\" d=\"M20.71 11.433a8.778 8.778 0 1 0-17.557 0a8.778 8.778 0 0 0 17.557 0m-18.567 0c0-5.407 4.382-9.79 9.788-9.79s9.789 4.383 9.789 9.79s-4.383 9.788-9.789 9.788s-9.788-4.382-9.788-9.788\"/><path fill=\"currentColor\" d=\"M14.782 9.037c.322.114.45.776.775.603a1.263 1.263 0 1 0-1.708-.523c.155.291.645-.182.933-.08m-5.948 0c-.322.114-.45.776-.775.603a1.263 1.263 0 1 1 1.708-.523c-.154.291-.645-.182-.933-.08m3.034 6.067c2.483 0 3.284-2.213 3.284-3.35c0-.59-.397-.405-1.033-.09c-.588.291-1.38.692-2.251.692c-1.814 0-3.284-1.739-3.284-.602s.801 3.35 3.284 3.35\"/><g mask=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M11.92 17.682a2.19 2.19 0 0 0 .667-4.278c-.21-.067-.435.657-.668.657c-.217 0-.427-.729-.626-.67a2.192 2.192 0 0 0 .626 4.291\"/></g><path fill=\"currentColor\" d=\"M17.87 10.227a.821.821 0 1 0 0-1.642a.821.821 0 0 0 0 1.642m-11.75 0a.821.821 0 1 0 0-1.642a.821.821 0 0 0 0 1.642M4.43 13.01c-.41 0-.775.167-1.03.472c-.158.189-.323.493-.336.948a1.8 1.8 0 0 0-.49-.077c-.392 0-.746.15-.996.423c-.321.35-.464.78-.402 1.21c.03.205.098.388.2.558a1.34 1.34 0 0 0-.45.71c-.06.23-.123.707.2 1.198a1.32 1.32 0 0 0-.093 1.268c.258.586.902 1.048 2.151 1.543c.778.308 1.489.505 1.495.507c1.028.267 1.957.402 2.762.402c1.478 0 2.537-.453 3.146-1.346c.98-1.438.84-2.754-.428-4.022c-.702-.702-1.17-1.737-1.266-1.964c-.196-.672-.715-1.42-1.577-1.42q-.109 0-.218.018a1.44 1.44 0 0 0-.943.603c-.254-.316-.501-.568-.725-.71q-.508-.32-1-.322m0 1.01c.128 0 .285.054.459.165c.539.341 1.578 2.129 1.96 2.824a.62.62 0 0 0 .541.331c.39 0 .694-.387.036-.88c-.99-.74-.643-1.95-.17-2.024a.4.4 0 0 1 .06-.005c.43 0 .62.74.62.74s.555 1.394 1.508 2.348c.954.953 1.004 1.718.308 2.738c-.474.695-1.381.905-2.311.905c-.965 0-1.954-.226-2.508-.37c-.028-.007-3.398-.96-2.971-1.77c.071-.136.19-.19.338-.19c.602 0 1.695.895 2.165.895c.105 0 .18-.045.21-.154c.2-.719-3.046-1.021-2.772-2.062c.048-.184.179-.259.363-.259c.794 0 2.576 1.398 2.95 1.398q.044 0 .06-.027c.187-.302.085-.513-1.235-1.311c-1.319-.799-2.245-1.28-1.718-1.853c.06-.066.146-.095.25-.095c.801 0 2.694 1.722 2.694 1.722s.51.532.82.532a.19.19 0 0 0 .172-.098c.22-.369-2.034-2.077-2.161-2.781c-.086-.478.06-.72.331-.72\"/><path fill=\"currentColor\" d=\"M9.759 20.254c.695-1.02.646-1.785-.308-2.738s-1.51-2.348-1.51-2.348s-.207-.81-.679-.735s-.82 1.285.17 2.025s-.197 1.243-.577.548c-.381-.695-1.42-2.482-1.96-2.824c-.539-.342-.918-.15-.79.554c.126.705 2.38 2.412 2.16 2.782s-.992-.434-.992-.434s-2.418-2.2-2.944-1.627s.4 1.053 1.719 1.852c1.32.799 1.422 1.01 1.235 1.312c-.188.302-3.1-2.154-3.374-1.113c-.273 1.041 2.972 1.343 2.772 2.062c-.2.72-2.286-1.36-2.713-.55s2.944 1.762 2.971 1.77c1.089.282 3.854.88 4.82-.536m9.798-7.244c.409 0 .774.167 1.03.472c.157.189.322.493.335.948q.258-.076.49-.077c.392 0 .746.15.996.423c.321.35.464.78.402 1.21c-.03.205-.098.388-.2.558c.215.175.374.418.45.71c.06.23.123.707-.2 1.198q.031.048.058.1c.194.367.206.782.035 1.169c-.258.585-.902 1.047-2.151 1.542c-.778.308-1.489.505-1.495.507c-1.028.267-1.957.402-2.761.402c-1.48 0-2.538-.453-3.147-1.346c-.981-1.438-.84-2.754.428-4.022c.702-.702 1.17-1.737 1.267-1.964c.196-.672.714-1.42 1.576-1.42q.108 0 .218.018c.377.059.707.276.943.603c.254-.316.501-.568.725-.71c.337-.213.674-.322 1-.322m0 1.01c-.129 0-.286.054-.46.165c-.539.341-1.579 2.129-1.96 2.824a.61.61 0 0 1-.541.331c-.39 0-.694-.387-.036-.88c.99-.74.643-1.95.17-2.024a.4.4 0 0 0-.06-.005c-.43 0-.62.74-.62.74s-.555 1.394-1.509 2.348c-.953.953-1.003 1.718-.307 2.738c.474.695 1.381.905 2.312.905c.964 0 1.953-.226 2.507-.37c.028-.007 3.398-.96 2.971-1.77c-.071-.136-.19-.19-.338-.19c-.602 0-1.695.895-2.165.895c-.105 0-.18-.045-.21-.154c-.2-.719 3.046-1.021 2.773-2.062c-.049-.184-.18-.259-.364-.259c-.794 0-2.576 1.398-2.95 1.398q-.044 0-.06-.027c-.187-.302-.085-.513 1.235-1.311c1.319-.799 2.245-1.28 1.718-1.853c-.06-.066-.146-.095-.25-.095c-.802 0-2.694 1.722-2.694 1.722s-.51.532-.82.532a.19.19 0 0 1-.172-.098c-.22-.369 2.034-2.077 2.161-2.781c.086-.478-.06-.72-.331-.72\"/><path fill=\"currentColor\" d=\"M14.235 20.254c-.695-1.02-.646-1.785.308-2.738s1.51-2.348 1.51-2.348s.207-.81.68-.735c.472.075.818 1.285-.171 2.025c-.99.74.197 1.243.578.548s1.42-2.482 1.959-2.824s.918-.15.791.554s-2.38 2.412-2.161 2.782s.992-.434.992-.434s2.418-2.2 2.944-1.627c.527.573-.4 1.053-1.719 1.852c-1.32.799-1.422 1.01-1.234 1.312s3.1-2.154 3.373-1.113s-2.972 1.343-2.772 2.062c.2.72 2.287-1.36 2.713-.55s-2.943 1.762-2.97 1.77c-1.09.282-3.855.88-4.82-.536\"/></g>"
+    },
+    "llm-huggingface-text": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID1)\"><g clip-path=\"url(#svgID2)\"><path fill=\"currentColor\" d=\"M11.929 20.206a8.778 8.778 0 1 0 0-17.556a8.778 8.778 0 0 0 0 17.556\"/><path fill=\"currentColor\" d=\"M20.71 11.433a8.778 8.778 0 1 0-17.557 0a8.778 8.778 0 0 0 17.557 0m-18.567 0c0-5.407 4.382-9.79 9.788-9.79s9.789 4.383 9.789 9.79s-4.383 9.788-9.789 9.788s-9.788-4.382-9.788-9.788\"/><path fill=\"currentColor\" d=\"M14.782 9.037c.322.114.45.776.775.603a1.263 1.263 0 1 0-1.708-.523c.155.291.645-.182.933-.08m-5.948 0c-.322.114-.45.776-.775.603a1.263 1.263 0 1 1 1.708-.523c-.154.291-.645-.182-.933-.08m3.034 6.067c2.483 0 3.284-2.213 3.284-3.35c0-.59-.397-.405-1.033-.09c-.588.291-1.38.692-2.251.692c-1.814 0-3.284-1.739-3.284-.602s.801 3.35 3.284 3.35\"/><mask id=\"svgID0\" width=\"8\" height=\"5\" x=\"8\" y=\"11\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#fff\" d=\"M11.856 15.1c2.483 0 3.284-2.213 3.284-3.35c0-.59-.397-.405-1.033-.09c-.588.291-1.38.692-2.25.692c-1.814 0-3.285-1.739-3.285-.602s.801 3.35 3.284 3.35\"/></mask><g mask=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M11.92 17.682a2.19 2.19 0 0 0 .667-4.278c-.21-.067-.435.657-.668.657c-.217 0-.427-.729-.626-.67a2.192 2.192 0 0 0 .626 4.291\"/></g><path fill=\"currentColor\" d=\"M17.87 10.227a.821.821 0 1 0 0-1.642a.821.821 0 0 0 0 1.642m-11.75 0a.821.821 0 1 0 0-1.642a.821.821 0 0 0 0 1.642M4.43 13.01c-.41 0-.775.167-1.03.472c-.158.189-.323.493-.336.948a1.8 1.8 0 0 0-.49-.077c-.392 0-.746.15-.996.423c-.321.35-.464.78-.402 1.21c.03.205.098.388.2.558a1.34 1.34 0 0 0-.45.71c-.06.23-.123.707.2 1.198a1.32 1.32 0 0 0-.093 1.268c.258.586.902 1.048 2.151 1.543c.778.308 1.489.505 1.495.507c1.028.267 1.957.402 2.762.402c1.478 0 2.537-.453 3.146-1.346c.98-1.438.84-2.754-.428-4.022c-.702-.702-1.17-1.737-1.266-1.964c-.196-.672-.715-1.42-1.577-1.42q-.109 0-.218.018a1.44 1.44 0 0 0-.943.603c-.254-.316-.501-.568-.725-.71q-.508-.32-1-.322m0 1.01c.128 0 .285.054.459.165c.539.341 1.578 2.129 1.96 2.824a.62.62 0 0 0 .541.331c.39 0 .694-.387.036-.88c-.99-.74-.643-1.95-.17-2.024a.4.4 0 0 1 .06-.005c.43 0 .62.74.62.74s.555 1.394 1.508 2.348c.954.953 1.004 1.718.308 2.738c-.474.695-1.381.905-2.311.905c-.965 0-1.954-.226-2.508-.37c-.028-.007-3.398-.96-2.971-1.77c.071-.136.19-.19.338-.19c.602 0 1.695.895 2.165.895c.105 0 .18-.045.21-.154c.2-.719-3.046-1.021-2.772-2.062c.048-.184.179-.259.363-.259c.794 0 2.576 1.398 2.95 1.398q.044 0 .06-.027c.187-.302.085-.513-1.235-1.311c-1.319-.799-2.245-1.28-1.718-1.853c.06-.066.146-.095.25-.095c.801 0 2.694 1.722 2.694 1.722s.51.532.82.532a.19.19 0 0 0 .172-.098c.22-.369-2.034-2.077-2.161-2.781c-.086-.478.06-.72.331-.72\"/><path fill=\"currentColor\" d=\"M9.759 20.254c.695-1.02.646-1.785-.308-2.738s-1.51-2.348-1.51-2.348s-.207-.81-.679-.735s-.82 1.285.17 2.025s-.197 1.243-.577.548c-.381-.695-1.42-2.482-1.96-2.824c-.539-.342-.918-.15-.79.554c.126.705 2.38 2.412 2.16 2.782s-.992-.434-.992-.434s-2.418-2.2-2.944-1.627s.4 1.053 1.719 1.852c1.32.799 1.422 1.01 1.235 1.312c-.188.302-3.1-2.154-3.374-1.113c-.273 1.041 2.972 1.343 2.772 2.062c-.2.72-2.286-1.36-2.713-.55s2.944 1.762 2.971 1.77c1.089.282 3.854.88 4.82-.536m9.798-7.244c.409 0 .774.167 1.03.472c.157.189.322.493.335.948q.258-.076.49-.077c.392 0 .746.15.996.423c.321.35.464.78.402 1.21c-.03.205-.098.388-.2.558c.215.175.374.418.45.71c.06.23.123.707-.2 1.198q.031.048.058.1c.194.367.206.782.035 1.169c-.258.585-.902 1.047-2.151 1.542c-.778.308-1.489.505-1.495.507c-1.028.267-1.957.402-2.761.402c-1.48 0-2.538-.453-3.147-1.346c-.981-1.438-.84-2.754.428-4.022c.702-.702 1.17-1.737 1.267-1.964c.196-.672.714-1.42 1.576-1.42q.108 0 .218.018c.377.059.707.276.943.603c.254-.316.501-.568.725-.71c.337-.213.674-.322 1-.322m0 1.01c-.129 0-.286.054-.46.165c-.539.341-1.579 2.129-1.96 2.824a.61.61 0 0 1-.541.331c-.39 0-.694-.387-.036-.88c.99-.74.643-1.95.17-2.024a.4.4 0 0 0-.06-.005c-.43 0-.62.74-.62.74s-.555 1.394-1.509 2.348c-.953.953-1.003 1.718-.307 2.738c.474.695 1.381.905 2.312.905c.964 0 1.953-.226 2.507-.37c.028-.007 3.398-.96 2.971-1.77c-.071-.136-.19-.19-.338-.19c-.602 0-1.695.895-2.165.895c-.105 0-.18-.045-.21-.154c-.2-.719 3.046-1.021 2.773-2.062c-.049-.184-.18-.259-.364-.259c-.794 0-2.576 1.398-2.95 1.398q-.044 0-.06-.027c-.187-.302-.085-.513 1.235-1.311c1.319-.799 2.245-1.28 1.718-1.853c-.06-.066-.146-.095-.25-.095c-.802 0-2.694 1.722-2.694 1.722s-.51.532-.82.532a.19.19 0 0 1-.172-.098c-.22-.369 2.034-2.077 2.161-2.781c.086-.478-.06-.72-.331-.72\"/><path fill=\"currentColor\" d=\"M14.235 20.254c-.695-1.02-.646-1.785.308-2.738s1.51-2.348 1.51-2.348s.207-.81.68-.735c.472.075.818 1.285-.171 2.025c-.99.74.197 1.243.578.548s1.42-2.482 1.959-2.824s.918-.15.791.554s-2.38 2.412-2.161 2.782s.992-.434.992-.434s2.418-2.2 2.944-1.627c.527.573-.4 1.053-1.719 1.852c-1.32.799-1.422 1.01-1.234 1.312s3.1-2.154 3.373-1.113s-2.972 1.343-2.772 2.062c.2.72 2.287-1.36 2.713-.55s-2.943 1.762-2.97 1.77c-1.09.282-3.855.88-4.82-.536\"/></g><path fill=\"currentColor\" d=\"M33.153 17V7.22h2.205v3.765h3.375V7.22h2.22V17h-2.22v-4.08h-3.375V17zm12.162.18q-1.215 0-1.77-.795q-.54-.81-.54-2.205V9.56h2.205v4.335q0 .795.225 1.11q.225.3.705.3q.42 0 .705-.195t.615-.63V9.56h2.205V17h-1.8l-.165-1.035h-.045q-.465.555-1.02.885t-1.32.33m8.945 2.985q-.87 0-1.574-.195t-1.125-.615t-.42-1.08q0-.9 1.065-1.5v-.06a2 2 0 0 1-.495-.495q-.195-.3-.195-.765q0-.405.24-.78t.6-.615V14q-.39-.27-.705-.78q-.3-.51-.3-1.155q0-.9.435-1.485q.435-.6 1.14-.9t1.5-.3q.66 0 1.155.18h2.715v1.605H57.11q.105.165.165.42q.075.255.075.555q0 .855-.39 1.41t-1.05.825t-1.485.27q-.435 0-.9-.15a.7.7 0 0 0-.27.555q0 .285.255.42t.87.135h1.2q1.38 0 2.1.45q.735.435.735 1.44q0 .765-.51 1.365q-.51.615-1.44.96t-2.205.345m.166-6.855a.93.93 0 0 0 .72-.315q.3-.315.3-.93q0-.585-.3-.885a.93.93 0 0 0-.72-.315a1 1 0 0 0-.735.3q-.285.3-.285.9q0 .615.285.93q.3.315.735.315m.18 5.475q.75 0 1.23-.27t.48-.645q0-.345-.3-.465q-.285-.12-.84-.12h-.765q-.375 0-.63-.03q-.24-.015-.42-.06q-.405.36-.405.735q0 .42.45.63q.465.225 1.2.225m7.667 1.38q-.87 0-1.575-.195t-1.125-.615t-.42-1.08q0-.9 1.065-1.5v-.06a2 2 0 0 1-.495-.495q-.195-.3-.195-.765q0-.405.24-.78t.6-.615V14q-.39-.27-.705-.78q-.3-.51-.3-1.155q0-.9.435-1.485q.435-.6 1.14-.9t1.5-.3q.66 0 1.155.18h2.715v1.605h-1.185q.105.165.165.42q.075.255.075.555q0 .855-.39 1.41t-1.05.825t-1.485.27q-.435 0-.9-.15a.7.7 0 0 0-.27.555q0 .285.255.42t.87.135h1.2q1.38 0 2.1.45q.735.435.735 1.44q0 .765-.51 1.365q-.51.615-1.44.96t-2.205.345m.165-6.855a.93.93 0 0 0 .72-.315q.3-.315.3-.93q0-.585-.3-.885a.93.93 0 0 0-.72-.315a1 1 0 0 0-.735.3q-.285.3-.285.9q0 .615.285.93q.3.315.735.315m.18 5.475q.75 0 1.23-.27t.48-.645q0-.345-.3-.465q-.285-.12-.84-.12h-.765q-.375 0-.63-.03q-.24-.015-.42-.06q-.405.36-.405.735q0 .42.45.63q.465.225 1.2.225M67.631 17V9.56h2.205V17zm1.095-8.535q-.555 0-.9-.315t-.345-.84t.345-.84t.9-.315t.9.315t.345.84t-.345.84t-.9.315M71.777 17V9.56h1.8l.15.945h.06q.48-.45 1.05-.78q.585-.345 1.334-.345q1.215 0 1.755.81q.555.795.555 2.19V17h-2.204v-4.335q0-.81-.225-1.11q-.21-.3-.69-.3q-.42 0-.72.195q-.3.18-.66.525V17zm11.239 3.165q-.87 0-1.576-.195q-.704-.195-1.124-.615t-.42-1.08q0-.9 1.064-1.5v-.06a2 2 0 0 1-.494-.495q-.195-.3-.195-.765q0-.405.24-.78t.6-.615V14q-.39-.27-.706-.78q-.3-.51-.3-1.155q0-.9.435-1.485q.435-.6 1.14-.9t1.5-.3q.66 0 1.155.18h2.716v1.605h-1.186q.106.165.166.42q.075.255.075.555q0 .855-.39 1.41t-1.05.825t-1.486.27q-.435 0-.9-.15a.7.7 0 0 0-.27.555q0 .285.255.42t.87.135h1.2q1.38 0 2.1.45q.735.435.736 1.44q0 .765-.51 1.365q-.51.615-1.44.96t-2.206.345m.164-6.855a.93.93 0 0 0 .72-.315q.3-.315.3-.93q0-.585-.3-.885a.93.93 0 0 0-.72-.315a1 1 0 0 0-.735.3q-.284.3-.284.9q0 .615.284.93q.3.315.736.315m.18 5.475q.75 0 1.23-.27t.48-.645q0-.345-.3-.465q-.285-.12-.84-.12h-.765q-.375 0-.63-.03q-.24-.015-.42-.06q-.404.36-.404.735q0 .42.45.63q.465.225 1.2.225M91.556 17V7.22h6.165v1.86h-3.96v2.265h3.39v1.86h-3.39V17zm8.99.18q-1.02 0-1.62-.645q-.6-.66-.6-1.605q0-1.17.99-1.83t3.195-.885q-.03-.495-.3-.78q-.255-.3-.87-.3q-.465 0-.945.18t-1.02.495l-.795-1.455q.705-.435 1.5-.705q.81-.27 1.68-.27q1.425 0 2.19.825t.765 2.535V17h-1.8l-.15-.765h-.06q-.465.42-1.005.69q-.525.255-1.155.255m.75-1.71q.375 0 .645-.165q.285-.18.57-.465v-1.305q-1.17.15-1.62.48q-.45.315-.45.75q0 .36.225.54q.24.165.63.165m8.525 1.71q-1.035 0-1.875-.45q-.825-.465-1.32-1.335q-.48-.885-.48-2.115q0-1.245.54-2.115t1.425-1.32a4.04 4.04 0 0 1 1.905-.465q.69 0 1.215.225q.54.225.96.57l-1.035 1.425q-.525-.435-1.005-.435q-.795 0-1.275.57q-.465.57-.465 1.545q0 .96.465 1.545q.48.57 1.2.57q.36 0 .705-.15q.345-.165.63-.39l.87 1.44q-.555.48-1.2.69q-.645.195-1.26.195m6.667 0q-1.065 0-1.92-.465a3.4 3.4 0 0 1-1.35-1.335q-.495-.87-.495-2.1q0-1.215.495-2.085q.51-.87 1.32-1.335q.81-.48 1.695-.48q1.065 0 1.755.48q.705.465 1.05 1.275q.36.795.36 1.815a5.4 5.4 0 0 1-.09.975h-4.455q.15.81.675 1.2q.525.375 1.26.375q.795 0 1.605-.495l.735 1.335q-.57.39-1.275.615a4.5 4.5 0 0 1-1.365.225m-1.65-4.71h2.685q0-.615-.3-1.005q-.285-.405-.945-.405q-.51 0-.915.36q-.405.345-.525 1.05\"/></g><defs><clipPath id=\"svgID1\"><rect width=\"119.998\" height=\"24\" fill=\"#fff\" rx=\"6\"/></clipPath><clipPath id=\"svgID2\"><path fill=\"#fff\" d=\"M0 .885h23.998v22.23H0z\"/></clipPath></defs></g>",
+      "width": 120
+    },
+    "llm-huggingface-text-hub": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID1)\"><g clip-path=\"url(#svgID2)\"><path fill=\"currentColor\" d=\"M12.927 20.206a8.778 8.778 0 1 0 0-17.556a8.778 8.778 0 0 0 0 17.556\"/><path fill=\"currentColor\" d=\"M21.708 11.433a8.778 8.778 0 1 0-17.557 0a8.778 8.778 0 0 0 17.557 0m-18.567 0c0-5.407 4.382-9.79 9.788-9.79s9.789 4.383 9.789 9.79s-4.383 9.788-9.789 9.788s-9.788-4.382-9.788-9.788\"/><path fill=\"currentColor\" d=\"M15.78 9.037c.322.114.45.776.775.603a1.263 1.263 0 1 0-1.708-.523c.155.291.646-.182.933-.08m-5.948 0c-.322.114-.45.776-.775.603a1.263 1.263 0 1 1 1.708-.523c-.154.291-.645-.182-.933-.08m3.034 6.067c2.483 0 3.284-2.213 3.284-3.35c0-.59-.397-.405-1.033-.09c-.588.291-1.38.692-2.251.692c-1.814 0-3.284-1.739-3.284-.602s.801 3.35 3.284 3.35\"/><mask id=\"svgID0\" width=\"8\" height=\"5\" x=\"9\" y=\"11\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#fff\" d=\"M12.854 15.1c2.483 0 3.284-2.213 3.284-3.35c0-.59-.397-.405-1.033-.09c-.588.291-1.38.692-2.25.692c-1.814 0-3.285-1.739-3.285-.602s.801 3.35 3.284 3.35\"/></mask><g mask=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M12.918 17.682a2.19 2.19 0 0 0 .667-4.278c-.21-.067-.435.657-.668.657c-.217 0-.427-.729-.626-.67a2.192 2.192 0 0 0 .627 4.291\"/></g><path fill=\"currentColor\" d=\"M18.868 10.227a.82.82 0 1 0 0-1.642a.82.82 0 0 0 0 1.642m-11.75 0a.821.821 0 1 0 0-1.642a.821.821 0 0 0 0 1.642M5.427 13.01c-.409 0-.774.167-1.03.472c-.157.189-.322.493-.335.948a1.8 1.8 0 0 0-.49-.077c-.392 0-.746.15-.996.423c-.321.35-.464.78-.402 1.21c.03.205.098.388.2.558a1.34 1.34 0 0 0-.45.71c-.06.23-.123.707.2 1.198a1.32 1.32 0 0 0-.093 1.268c.259.586.902 1.048 2.151 1.543c.778.308 1.489.505 1.495.507c1.028.267 1.957.402 2.762.402c1.478 0 2.537-.453 3.146-1.346c.981-1.438.84-2.754-.428-4.022c-.702-.702-1.17-1.737-1.266-1.964c-.196-.672-.715-1.42-1.576-1.42q-.11 0-.219.018a1.44 1.44 0 0 0-.943.603c-.254-.316-.501-.568-.725-.71q-.507-.32-1-.322m0 1.01c.129 0 .286.054.46.165c.539.341 1.579 2.129 1.96 2.824a.62.62 0 0 0 .541.331c.39 0 .694-.387.036-.88c-.99-.74-.643-1.95-.17-2.024a.4.4 0 0 1 .06-.005c.43 0 .62.74.62.74s.555 1.394 1.509 2.348c.953.953 1.003 1.718.308 2.738c-.475.695-1.382.905-2.312.905c-.965 0-1.954-.226-2.508-.37c-.028-.007-3.398-.96-2.971-1.77c.071-.136.19-.19.338-.19c.602 0 1.695.895 2.165.895c.105 0 .18-.045.21-.154c.2-.719-3.046-1.021-2.772-2.062c.048-.184.179-.259.363-.259c.794 0 2.576 1.398 2.95 1.398q.044 0 .06-.027c.187-.302.085-.513-1.235-1.311c-1.319-.799-2.245-1.28-1.718-1.853c.06-.066.146-.095.25-.095c.802 0 2.694 1.722 2.694 1.722s.51.532.82.532a.19.19 0 0 0 .172-.098c.22-.369-2.034-2.077-2.161-2.781c-.086-.478.06-.72.331-.72\"/><path fill=\"currentColor\" d=\"M10.757 20.254c.695-1.02.646-1.785-.308-2.738s-1.51-2.348-1.51-2.348s-.207-.81-.679-.735s-.82 1.285.17 2.025s-.197 1.243-.577.548c-.381-.695-1.42-2.482-1.96-2.824c-.538-.342-.918-.15-.79.554c.126.705 2.38 2.412 2.16 2.782s-.991-.434-.991-.434s-2.418-2.2-2.945-1.627s.4 1.053 1.719 1.852c1.32.799 1.422 1.01 1.235 1.312c-.188.302-3.1-2.154-3.374-1.113c-.273 1.041 2.972 1.343 2.772 2.062c-.2.72-2.286-1.36-2.713-.55s2.944 1.762 2.971 1.77c1.089.282 3.854.88 4.82-.536m9.798-7.244c.409 0 .774.167 1.03.472c.157.189.322.493.335.948q.258-.076.49-.077c.392 0 .746.15.996.423c.321.35.464.78.402 1.21c-.03.205-.098.388-.2.558c.215.175.374.418.45.71c.061.23.123.707-.2 1.198q.031.048.058.1c.194.367.206.782.035 1.169c-.258.585-.902 1.047-2.151 1.542c-.777.308-1.489.505-1.495.507c-1.028.267-1.957.402-2.761.402c-1.48 0-2.538-.453-3.147-1.346c-.98-1.438-.84-2.754.428-4.022c.702-.702 1.17-1.737 1.267-1.964c.196-.672.714-1.42 1.576-1.42q.109 0 .218.018c.377.059.707.276.943.603c.254-.316.501-.568.725-.71c.337-.213.674-.322 1-.322m0 1.01c-.129 0-.286.054-.46.165c-.539.341-1.578 2.129-1.96 2.824a.62.62 0 0 1-.541.331c-.39 0-.694-.387-.036-.88c.99-.74.643-1.95.17-2.024a.4.4 0 0 0-.06-.005c-.43 0-.62.74-.62.74s-.555 1.394-1.508 2.348c-.954.953-1.004 1.718-.308 2.738c.474.695 1.381.905 2.312.905c.964 0 1.953-.226 2.507-.37c.028-.007 3.398-.96 2.971-1.77c-.071-.136-.19-.19-.338-.19c-.602 0-1.695.895-2.165.895c-.105 0-.18-.045-.21-.154c-.2-.719 3.046-1.021 2.772-2.062c-.048-.184-.179-.259-.363-.259c-.794 0-2.576 1.398-2.95 1.398q-.044 0-.06-.027c-.187-.302-.085-.513 1.235-1.311c1.319-.799 2.245-1.28 1.718-1.853c-.06-.066-.146-.095-.25-.095c-.802 0-2.694 1.722-2.694 1.722s-.51.532-.82.532a.19.19 0 0 1-.172-.098c-.219-.369 2.034-2.077 2.161-2.781c.086-.478-.06-.72-.331-.72\"/><path fill=\"currentColor\" d=\"M15.233 20.254c-.695-1.02-.646-1.785.308-2.738s1.51-2.348 1.51-2.348s.207-.81.68-.735c.472.075.818 1.285-.171 2.025c-.99.74.197 1.243.578.548s1.42-2.482 1.959-2.824s.918-.15.791.554s-2.38 2.412-2.161 2.782s.992-.434.992-.434s2.418-2.2 2.944-1.627c.527.573-.4 1.053-1.718 1.852c-1.32.799-1.422 1.01-1.235 1.312s3.1-2.154 3.373-1.113s-2.972 1.343-2.772 2.062c.2.72 2.287-1.36 2.713-.55s-2.943 1.762-2.97 1.77c-1.09.282-3.855.88-4.82-.536\"/></g><path fill=\"currentColor\" d=\"M34.15 17V7.22h2.206v3.765h3.375V7.22h2.22V17h-2.22v-4.08h-3.375V17zm12.163.18q-1.215 0-1.77-.795q-.54-.81-.54-2.205V9.56h2.205v4.335q0 .795.225 1.11q.225.3.705.3q.42 0 .705-.195t.615-.63V9.56h2.205V17h-1.8l-.165-1.035h-.045q-.465.555-1.02.885t-1.32.33m8.946 2.985q-.87 0-1.575-.195t-1.125-.615t-.42-1.08q0-.9 1.065-1.5v-.06a2 2 0 0 1-.495-.495q-.195-.3-.195-.765q0-.405.24-.78t.6-.615V14q-.39-.27-.705-.78q-.3-.51-.3-1.155q0-.9.435-1.485q.435-.6 1.14-.9t1.5-.3q.66 0 1.155.18h2.715v1.605h-1.185q.105.165.165.42q.075.255.075.555q0 .855-.39 1.41t-1.05.825t-1.485.27q-.435 0-.9-.15a.7.7 0 0 0-.27.555q0 .285.255.42t.87.135h1.2q1.38 0 2.1.45q.735.435.735 1.44q0 .765-.51 1.365q-.51.615-1.44.96t-2.205.345m.165-6.855a.93.93 0 0 0 .72-.315q.3-.315.3-.93q0-.585-.3-.885a.93.93 0 0 0-.72-.315a1 1 0 0 0-.735.3q-.285.3-.285.9q0 .615.285.93q.3.315.735.315m.18 5.475q.75 0 1.23-.27t.48-.645q0-.345-.3-.465q-.285-.12-.84-.12h-.765q-.375 0-.63-.03q-.24-.015-.42-.06q-.405.36-.405.735q0 .42.45.63q.465.225 1.2.225m7.667 1.38q-.87 0-1.575-.195t-1.125-.615t-.42-1.08q0-.9 1.065-1.5v-.06a2 2 0 0 1-.495-.495q-.195-.3-.195-.765q0-.405.24-.78t.6-.615V14q-.39-.27-.705-.78q-.3-.51-.3-1.155q0-.9.435-1.485q.435-.6 1.14-.9t1.5-.3q.66 0 1.155.18h2.715v1.605h-1.185q.105.165.165.42q.075.255.075.555q0 .855-.39 1.41t-1.05.825t-1.485.27q-.435 0-.9-.15a.7.7 0 0 0-.27.555q0 .285.255.42t.87.135h1.2q1.38 0 2.1.45q.735.435.735 1.44q0 .765-.51 1.365q-.51.615-1.44.96t-2.205.345m.165-6.855a.93.93 0 0 0 .72-.315q.3-.315.3-.93q0-.585-.3-.885a.93.93 0 0 0-.72-.315a1 1 0 0 0-.735.3q-.285.3-.285.9q0 .615.285.93q.3.315.735.315m.18 5.475q.75 0 1.23-.27t.48-.645q0-.345-.3-.465q-.285-.12-.84-.12h-.765q-.375 0-.63-.03q-.24-.015-.42-.06q-.405.36-.405.735q0 .42.45.63q.465.225 1.2.225M68.63 17V9.56h2.204V17zm1.094-8.535q-.555 0-.9-.315t-.345-.84t.345-.84t.9-.315t.9.315t.345.84t-.345.84t-.9.315M72.775 17V9.56h1.8l.15.945h.06q.48-.45 1.05-.78q.585-.345 1.335-.345q1.215 0 1.755.81q.555.795.555 2.19V17h-2.205v-4.335q0-.81-.225-1.11q-.21-.3-.69-.3q-.42 0-.72.195q-.3.18-.66.525V17zm11.239 3.165q-.87 0-1.575-.195t-1.125-.615t-.42-1.08q0-.9 1.065-1.5v-.06a2 2 0 0 1-.495-.495q-.195-.3-.195-.765q0-.405.24-.78t.6-.615V14q-.39-.27-.705-.78q-.3-.51-.3-1.155q0-.9.435-1.485q.435-.6 1.14-.9t1.5-.3q.66 0 1.155.18h2.715v1.605h-1.185q.105.165.165.42q.075.255.075.555q0 .855-.39 1.41t-1.05.825t-1.485.27q-.435 0-.9-.15a.7.7 0 0 0-.27.555q0 .285.255.42t.87.135h1.2q1.38 0 2.1.45q.735.435.735 1.44q0 .765-.51 1.365q-.51.615-1.44.96t-2.205.345m.165-6.855a.93.93 0 0 0 .72-.315q.3-.315.3-.93q0-.585-.3-.885a.93.93 0 0 0-.72-.315a1 1 0 0 0-.735.3q-.285.3-.285.9q0 .615.285.93q.3.315.735.315m.18 5.475q.75 0 1.23-.27t.48-.645q0-.345-.3-.465q-.285-.12-.84-.12h-.765q-.375 0-.63-.03q-.24-.015-.42-.06q-.405.36-.405.735q0 .42.45.63q.465.225 1.2.225M92.554 17V7.22h6.165v1.86h-3.96v2.265h3.39v1.86h-3.39V17zm8.99.18q-1.02 0-1.62-.645q-.6-.66-.6-1.605q0-1.17.99-1.83t3.195-.885q-.03-.495-.3-.78q-.255-.3-.87-.3q-.465 0-.945.18t-1.02.495l-.795-1.455q.705-.435 1.5-.705q.81-.27 1.68-.27q1.425 0 2.19.825t.765 2.535V17h-1.8l-.15-.765h-.06q-.465.42-1.005.69q-.525.255-1.155.255m.75-1.71q.375 0 .645-.165q.285-.18.57-.465v-1.305q-1.17.15-1.62.48q-.45.315-.45.75q0 .36.225.54q.24.165.63.165m8.525 1.71q-1.035 0-1.875-.45q-.825-.465-1.32-1.335q-.48-.885-.48-2.115q0-1.245.54-2.115t1.425-1.32a4.04 4.04 0 0 1 1.905-.465q.69 0 1.215.225q.54.225.96.57l-1.035 1.425q-.525-.435-1.005-.435q-.795 0-1.275.57q-.465.57-.465 1.545q0 .96.465 1.545q.48.57 1.2.57q.36 0 .705-.15q.345-.165.63-.39l.87 1.44q-.555.48-1.2.69q-.645.195-1.26.195m6.667 0q-1.065 0-1.92-.465a3.4 3.4 0 0 1-1.35-1.335q-.495-.87-.495-2.1q0-1.215.495-2.085q.51-.87 1.32-1.335q.81-.48 1.695-.48q1.065 0 1.755.48q.705.465 1.05 1.275q.36.795.36 1.815a5.4 5.4 0 0 1-.09.975h-4.455q.15.81.675 1.2q.525.375 1.26.375q.795 0 1.605-.495l.735 1.335q-.57.39-1.275.615a4.5 4.5 0 0 1-1.365.225m-1.65-4.71h2.685q0-.615-.3-1.005q-.285-.405-.945-.405q-.51 0-.915.36q-.405.345-.525 1.05m9.267 4.53V7.22h2.205v3.765h3.375V7.22h2.22V17h-2.22v-4.08h-3.375V17zm12.162.18q-1.215 0-1.77-.795q-.54-.81-.54-2.205V9.56h2.205v4.335q0 .795.225 1.11q.225.3.705.3q.42 0 .705-.195t.615-.63V9.56h2.205V17h-1.8l-.165-1.035h-.045q-.465.555-1.02.885t-1.32.33m10.191 0q-.495 0-1.005-.24q-.495-.255-.93-.735h-.06l-.18.795h-1.725V6.485h2.205v2.58l-.06 1.14q.435-.39.945-.6q.51-.225 1.02-.225q.9 0 1.56.465t1.005 1.32q.36.84.36 1.98q0 1.275-.45 2.19q-.45.9-1.17 1.38a2.7 2.7 0 0 1-1.515.465m-.51-1.8q.57 0 .975-.525t.405-1.665q0-2.01-1.29-2.01q-.66 0-1.275.675V14.9q.3.27.6.375t.585.105\"/></g><defs><clipPath id=\"svgID1\"><rect width=\"150\" height=\"24\" x=\".998\" fill=\"#fff\" rx=\"6\"/></clipPath><clipPath id=\"svgID2\"><path fill=\"#fff\" d=\"M.998.885h23.998v22.23H.998z\"/></clipPath></defs></g>",
+      "width": 151
+    },
+    "llm-iflytek-spark": {
+      "body": "<g fill=\"currentColor\"><path d=\"M21.655 16.8a9.7 9.7 0 0 1-1.65 3.248c-1.1 1.363-4.879 1.363-7.147.772c-2.45-.658-4.215-2.18-4.352-2.294a5.66 5.66 0 0 0 3.505 1.181c3.184 0 5.75-2.59 5.75-5.77c0-.954-.23-1.84-.642-2.635c-.023-.046.023-.091.046-.069c1.81.296 5.406 1.977 4.49 5.566M22 12.777c0 .068-.07.091-.115.023c-.848-1.795-2.337-2.34-4.123-2.749a10.2 10.2 0 0 1-2.635-.954c-.091-.045-.16-.114-.252-.16c-2.818-1.703-2.863-4.634-2.863-4.634V.055c0-.045.068-.068.091-.045l6.666 6.497l.504.477C20.74 8.53 21.747 10.551 22 12.777\"/><path d=\"M20.005 20.046C18.173 22.432 15.286 24 12.033 24C6.49 24 2 19.501 2 13.958a9.98 9.98 0 0 1 2.795-6.952l.504-.5L9.65 2.258c.046-.046.115 0 .092.045c-.069.296-.184.977-.115 1.886c.092 1.068.435 2.499 1.443 4.09c.619.999 1.512 2.044 2.75 3.134c.137.137.297.25.457.386c.55.568.87 1.318.87 2.159a3.1 3.1 0 0 1-3.092 3.09c-.733 0-1.397-.25-1.924-.682c-.046-.046 0-.114.046-.091c.114.023.229.045.343.045c.596 0 1.1-.477 1.1-1.09c0-.364-.183-.704-.458-.886a18 18 0 0 1-1.878-1.727c-.733-.795-1.283-1.567-1.673-2.317c-.801 1-1.305 2.25-1.305 3.635a5.71 5.71 0 0 0 2.245 4.566c.137.114 1.9 1.636 4.352 2.295c2.222.636 6.002.613 7.101-.75\"/></g>"
+    },
+    "llm-iflytek-spark-text": {
+      "body": "<g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path d=\"M19.655 16.8a9.7 9.7 0 0 1-1.65 3.248c-1.099 1.363-4.878 1.363-7.146.772c-2.451-.658-4.215-2.18-4.353-2.294a5.66 5.66 0 0 0 3.505 1.181c3.184 0 5.75-2.59 5.75-5.77c0-.954-.23-1.84-.641-2.635c-.023-.046.022-.091.045-.069c1.81.296 5.407 1.977 4.49 5.566M20 12.777c0 .068-.07.091-.115.023c-.848-1.795-2.337-2.34-4.124-2.749a10.2 10.2 0 0 1-2.634-.954c-.091-.045-.16-.114-.252-.16c-2.818-1.703-2.863-4.634-2.863-4.634V.055c0-.045.068-.068.091-.045l6.666 6.497l.504.477C18.74 8.53 19.747 10.551 20 12.777\"/><path d=\"M18.005 20.046C16.173 22.432 13.286 24 10.033 24C4.49 24 0 19.501 0 13.958a9.98 9.98 0 0 1 2.795-6.952l.504-.5L7.65 2.258c.046-.046.115 0 .092.045c-.069.296-.184.977-.115 1.886c.092 1.068.435 2.499 1.443 4.09c.619.999 1.512 2.044 2.75 3.134c.137.137.297.25.457.386c.55.568.87 1.318.87 2.159a3.1 3.1 0 0 1-3.092 3.09c-.733 0-1.397-.25-1.924-.682c-.046-.046 0-.114.046-.091c.114.023.229.045.344.045c.595 0 1.1-.477 1.1-1.09c0-.364-.184-.704-.459-.886a18 18 0 0 1-1.878-1.727c-.733-.795-1.283-1.567-1.673-2.317c-.801 1-1.305 2.25-1.305 3.635a5.71 5.71 0 0 0 2.245 4.566c.137.114 1.9 1.636 4.352 2.295c2.222.636 6.002.613 7.101-.75M27 10.1v6.3h2.008v-6.3zm0-2.2v1.4h2.008V7.9zm12.148 1.2V7.5h-8.132v8.8h2.209v-3.4h5.622v-1.6h-5.623V9.1zm4.219 5.6V7.5h-2.209v8.8h7.129v-1.6zm11.85-7.1l-2.61 3.7l-2.611-3.7h-2.71l4.216 5.5v3.3h2.209v-3.3l4.217-5.5zm3.715 0v1.6h3.313v7.2h2.209V9.2h3.213V7.6zm12.951 7.2v-2.1h5.823v-1.6h-5.823v-2h6.024V7.5h-8.233v8.8h8.433v-1.6h-6.224zm13.252-3.5l4.318-3.7H86.64l-4.317 3.8V7.6h-2.209v8.8h2.21v-2.6l1.304-1.1l3.414 3.8h2.912zm18.032.1c-.301-.1-.603-.2-1.205-.3s-2.209-.3-2.811-.5c-.402-.1-.703-.3-.703-.8c0-.9 1.205-1 1.205-1h.703c.803 0 1.807.1 2.309.8c.1.1.1.1.201.3l2.108-.5c-.201-.3-.301-.5-.602-.8c-.402-.4-.904-.6-1.105-.7c-.602-.3-1.405-.6-2.911-.6c-1.607 0-2.51.4-3.012.8c-.302.2-1.105.8-1.105 2c0 1.3 1.004 1.9 1.406 2.1c.703.3 1.606.5 3.213.7c.803.1 1.405.2 1.606.4q.301.15.301.6c0 .4-.301.7-.401.8c-.603.4-1.707.4-1.808.4c-1.104 0-2.41-.3-2.911-1.4l-2.008.5c.1.1.1.2.2.4s.402.7.904 1c.301.2.502.3.603.4c.602.3 1.506.7 3.112.7h.904c.502 0 1.004-.1 1.405-.3c1.807-.6 2.109-1.8 2.109-2.6c.1-1.7-1.205-2.2-1.707-2.4m12.151-2.6c-.502-.8-1.306-1.1-2.209-1.2h-6.125v8.8h2.209v-3.3h3.113c.803 0 1.706 0 2.309-.4c.301-.2.502-.4.602-.5c.201-.2.301-.4.301-.5c.201-.5.201-1.1.201-1.3c0-.9-.201-1.4-.401-1.6m-2.41 2.6c-.301.1-.703.1-1.104.1h-2.711V9.1h3.112c.301 0 .402 0 .502.1c.703.2.703 1 .703 1.2c.1.1.1.7-.502 1m9.437-3.8h-2.409l-4.217 8.8h2.409l.703-1.7h4.518l.703 1.7h2.51zm-2.711 5.5l1.607-3.4l1.506 3.4zm14.96-.4c.904-.2 1.707-.4 2.109-1.3c.201-.5.201-.9.201-1.2c0-1.2-.603-2.1-1.807-2.5c-.402-.1-.703-.2-1.507-.2h-6.024v8.8h2.209v-3.5h2.51l2.309 3.5h2.611zm-.702-1.5h-4.016V9.1h3.514c.401 0 .903 0 1.204.4c.201.2.201.6.201.7c-.1.7-.602 1-.903 1m10.443.1l4.318-3.7h-2.812l-4.317 3.8V7.6h-2.309v8.8h2.209v-2.6l1.305-1.1l3.414 3.8h2.911z\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h150v24H0z\"/></clipPath></defs></g>",
+      "width": 150
+    },
+    "llm-iflytek-spark-text-cn": {
+      "body": "<g fill=\"currentColor\"><path d=\"M34.876 7.492h-1.73v4.065h1.298v1.47h-1.297v5.687h-1.99v-5.665h-1.405v-1.47h1.427V7.492h-1.34v-1.47h7.113c.303 0 .54.238.54.54V17.33h.952l-.67 1.405l-2.292.022l-.022-10.638a.58.58 0 0 0-.584-.627m-8.693 4.368h-.865v-1.47h2.292c.303 0 .54.237.54.54l.022 6.379h1.06l-.649 1.427h-1.86a.535.535 0 0 1-.54-.54zm1.989-5.838h-2.854v1.535h2.854zm21.978 0l-4.563 4.064h3.092l4.152-4.064zm-1.06 5.751h-2.962l3.46 3.74h2.962zm-5.643 5.578c-.195 0-.325-.173-.281-.367L45.89 6.692c.087-.346-.173-.692-.519-.692H40.14v1.449h2.897c.281 0 .497.28.41.54l-2.659 10.033c-.086.346.173.692.52.692h10.486l.8-1.384h-9.146zm18.833-.886h4.842v-1.124H62.28v-1.103h4.843v-1.081H62.28v-.93h4.843V6.562a.535.535 0 0 0-.54-.54h-11.05v5.643c0 .303.238.54.54.54h.93l-1.47 2.033h4.627v1.103h-4.605v1.124l4.605-.022v.909h-4.605v1.383H67.1v-1.383h-4.843v-.887zm-4.65-6.681h6.163l.605-1.168h-6.767V7.32h7.373v3.568H57.63zm2.53 3.351h-1.838l.714-.93h1.124zm11.389-7.113h-2.076l1.535 6.205h2.076zm8.13 0l-1.535 6.227h2.097l1.535-6.227zm-3.027 6.292V6.022h-2.14v6.292l-5.147 6.443h2.616l3.654-4.52l3.676 4.542l2.638-.022zm-55.767 4.184a9.3 9.3 0 0 1-1.556 3.092c-1.038 1.297-4.606 1.297-6.746.735c-2.314-.627-3.979-2.076-4.108-2.184a5.32 5.32 0 0 0 3.308 1.124c3.005 0 5.427-2.464 5.427-5.491a5.4 5.4 0 0 0-.606-2.509c-.021-.043.022-.086.044-.064c1.708.28 5.102 1.88 4.237 5.297m.325-3.828c0 .065-.065.087-.108.022c-.8-1.708-2.205-2.227-3.892-2.616a9.6 9.6 0 0 1-2.486-.908c-.087-.043-.152-.108-.238-.152c-2.66-1.621-2.703-4.41-2.703-4.41V.562c0-.043.065-.065.087-.043l6.292 6.184l.475.454a9.65 9.65 0 0 1 2.573 5.514\"/><path d=\"M19.329 19.59c-1.73 2.27-4.455 3.762-7.525 3.762c-5.232 0-9.47-4.282-9.47-9.557a9.54 9.54 0 0 1 2.638-6.616l.475-.476l4.11-4.043c.043-.044.108 0 .086.043c-.065.281-.173.93-.108 1.794c.086 1.017.41 2.379 1.362 3.892c.584.952 1.427 1.946 2.595 2.984c.13.13.28.238.432.368a2.93 2.93 0 0 1 .822 2.054c0 1.621-1.32 2.94-2.92 2.94a2.83 2.83 0 0 1-1.815-.648c-.044-.044 0-.108.043-.087c.108.022.216.043.324.043c.562 0 1.038-.454 1.038-1.037c0-.346-.173-.67-.432-.844A17 17 0 0 1 9.21 12.52c-.692-.757-1.211-1.492-1.579-2.205c-.756.951-1.232 2.14-1.232 3.46a5.45 5.45 0 0 0 2.119 4.345c.13.108 1.794 1.557 4.108 2.184c2.097.605 5.665.584 6.703-.714\"/></g>",
+      "width": 84
+    },
+    "llm-jina": {
+      "body": "<path fill=\"currentColor\" d=\"M6.56 21.449a4.56 4.56 0 1 0 0-9.121a4.56 4.56 0 0 0 0 9.12M22 3.595l-.06 8.733c0 4.977-3.994 9.031-8.971 9.12l-.09-9.09V3.624c0-.596.477-1.073 1.073-1.073h6.975C21.523 2.551 22 3 22 3.595\"/>"
+    },
+    "llm-jina-text": {
+      "body": "<g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path d=\"M4.471 23.952a3.672 3.672 0 1 0 0-7.344a3.672 3.672 0 0 0 0 7.344\"/><path fill-rule=\"evenodd\" d=\"M16.039 8.712a.86.86 0 0 1 .864.864l-.048 7.032c0 4.008-3.216 7.272-7.224 7.344h-.12v-7.32h.024L9.559 9.6a.86.86 0 0 1 .864-.864h5.616zm11.28 0a.86.86 0 0 1 .864.864v9.84a.86.86 0 0 1-.864.864h-5.616a.86.86 0 0 1-.864-.864v-9.84a.86.86 0 0 1 .864-.864zm8.832-.024h.12c3.6.048 6.528 2.952 6.624 6.552v4.152a.86.86 0 0 1-.864.864h-9.072a.86.86 0 0 1-.864-.864v-9.84a.86.86 0 0 1 .864-.864zM51.007 20.16c-3.024-.192-5.448-2.712-5.448-5.784a5.787 5.787 0 0 1 5.784-5.784c3.072 0 5.592 2.4 5.784 5.448v5.256a.86.86 0 0 1-.864.864z\" clip-rule=\"evenodd\"/><path d=\"M24.499 7.344a3.672 3.672 0 1 0 0-7.344a3.672 3.672 0 0 0 0 7.344\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M.8 0h56.4v24H.8z\"/></clipPath></defs></g>",
+      "width": 58
+    },
+    "llm-microsoft": {
+      "body": "<path fill=\"currentColor\" d=\"M0 .5h10v10H0zm0 11h10v10H0zm11-11h10v10H11zm0 11h10v10H11z\"/>",
+      "width": 21,
+      "height": 22
+    },
+    "llm-openai-black": {
+      "body": "<rect width=\"24\" height=\"24\" fill=\"currentColor\" rx=\"6\"/>"
+    },
+    "llm-openai-blue": {
+      "body": "<rect width=\"24\" height=\"24\" fill=\"currentColor\" rx=\"6\"/>"
+    },
+    "llm-openai-green": {
+      "body": "<rect width=\"24\" height=\"24\" fill=\"currentColor\" rx=\"6\"/>"
+    },
+    "llm-openai-teal": {
+      "body": "<rect width=\"24\" height=\"24\" fill=\"currentColor\" rx=\"6\"/>"
+    },
+    "llm-openai-text": {
+      "body": "<path fill=\"currentColor\" fill-opacity=\".92\" d=\"M.004 8.7c0 3.358 2.156 5.699 5.144 5.699s5.144-2.341 5.144-5.698s-2.156-5.699-5.144-5.699S.004 5.343.004 8.701m8.317 0c0 2.403-1.31 3.959-3.173 3.959c-1.864 0-3.173-1.556-3.173-3.958s1.31-3.959 3.173-3.959S8.32 6.298 8.32 8.701m7.526 5.697c2.264 0 3.557-1.91 3.557-4.205s-1.293-4.205-3.557-4.205c-1.048 0-1.818.416-2.326 1.017v-.863h-1.848V17h1.848v-3.619c.508.6 1.278 1.017 2.326 1.017m-2.372-4.436c0-1.525.862-2.356 2.002-2.356c1.34 0 2.064 1.047 2.064 2.587s-.724 2.587-2.064 2.587c-1.14 0-2.002-.847-2.002-2.34zm10.93 4.436c1.617 0 2.895-.848 3.465-2.264l-1.586-.601c-.247.832-.97 1.294-1.88 1.294c-1.185 0-2.017-.848-2.155-2.234h5.667v-.616c0-2.217-1.247-3.989-3.588-3.989s-3.85 1.833-3.85 4.205c0 2.495 1.617 4.205 3.927 4.205m-.093-6.854c1.171 0 1.725.77 1.74 1.663h-3.71c.276-1.093 1.016-1.663 1.97-1.663m4.989 6.684h1.849V9.484c0-1.155.847-1.77 1.679-1.77c1.016 0 1.417.723 1.417 1.724v4.79h1.848V8.9c0-1.74-1.017-2.91-2.71-2.91a2.85 2.85 0 0 0-2.234 1.016v-.863H29.3zM41.51 3.172L37.32 14.23h1.956l.94-2.526h4.774l.955 2.526h1.987l-4.19-11.058zm1.078 2.187l1.755 4.62h-3.48zm8.516-2.156h-1.971v11.058h1.971z\"/>",
+      "width": 52,
+      "height": 20
+    },
+    "llm-openai-transparent": {
+      "body": "<path fill=\"currentColor\" d=\"M21.276 10.005a5.48 5.48 0 0 0-.47-4.502a5.54 5.54 0 0 0-5.971-2.66A5.48 5.48 0 0 0 10.701 1a5.54 5.54 0 0 0-5.287 3.838a5.48 5.48 0 0 0-3.665 2.658a5.545 5.545 0 0 0 .682 6.5a5.48 5.48 0 0 0 .47 4.502a5.54 5.54 0 0 0 5.97 2.66A5.48 5.48 0 0 0 13.007 23a5.54 5.54 0 0 0 5.29-3.84a5.48 5.48 0 0 0 3.664-2.66a5.545 5.545 0 0 0-.683-6.497zm-8.269 11.557a4.1 4.1 0 0 1-2.64-.954c.034-.018.093-.05.13-.073l4.381-2.53a.71.71 0 0 0 .36-.624v-6.176l1.852 1.069q.03.017.036.05v5.115a4.13 4.13 0 0 1-4.119 4.123M4.149 17.78a4.1 4.1 0 0 1-.491-2.762l.13.077l4.38 2.53c.222.13.497.13.72 0l5.348-3.088v2.138a.07.07 0 0 1-.026.057l-4.428 2.557a4.13 4.13 0 0 1-5.632-1.51M2.996 8.216A4.1 4.1 0 0 1 5.142 6.41l-.002.151v5.06a.71.71 0 0 0 .36.624l5.348 3.087l-1.852 1.07a.07.07 0 0 1-.062.005l-4.43-2.559a4.13 4.13 0 0 1-1.508-5.63m15.212 3.54l-5.348-3.09L14.71 7.6a.07.07 0 0 1 .063-.006l4.429 2.557a4.124 4.124 0 0 1-.637 7.44V12.38a.71.71 0 0 0-.357-.623zm1.842-2.773l-.13-.078l-4.38-2.53a.71.71 0 0 0-.72 0L9.472 9.463V7.325a.07.07 0 0 1 .026-.057l4.428-2.555a4.122 4.122 0 0 1 6.123 4.27zm-11.585 3.81l-1.852-1.068a.07.07 0 0 1-.035-.051V6.559a4.124 4.124 0 0 1 6.761-3.166l-.13.073l-4.38 2.53a.71.71 0 0 0-.36.623zm1.006-2.168l2.382-1.375l2.383 1.375v2.75l-2.383 1.375l-2.382-1.375z\"/>"
+    },
+    "llm-openai-violet": {
+      "body": "<rect width=\"24\" height=\"24\" fill=\"currentColor\" rx=\"6\"/>"
+    },
+    "llm-openai-yellow": {
+      "body": "<rect width=\"24\" height=\"24\" fill=\"currentColor\" rx=\"6\"/>"
+    },
+    "llm-openllm": {
+      "body": "<g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path d=\"M23.918 1.27A1.8 1.8 0 0 0 22.814.11a1.8 1.8 0 0 0-.621-.11H6q-.056 0-.11.004l-.033.003l-.08.007l-.032.004l-.092.016l-.014.002a2 2 0 0 0-.207.055L5.4.1l-.08.031l-.018.008a2 2 0 0 0-.19.092l-.027.016l-.07.043l-.019.013l-.085.06l-.015.012l-.066.053l-.023.02q-.03.026-.058.054L4.73.52L4.7.552V.55L.451 4.38A1.52 1.52 0 0 0 0 5.465v17.093c0 .848.687 1.537 1.536 1.537H18.63a1.54 1.54 0 0 0 1.086-.45l3.822-4.439q.105-.117.188-.25l.006-.01l.03-.052l.012-.02l.026-.049q.008-.012.014-.027l.022-.046l.014-.03l.019-.046q.008-.017.013-.035l.017-.044l.012-.037l.014-.044l.011-.04l.02-.086l.01-.04l.008-.047l.007-.04q.004-.024.006-.05l.005-.036l.005-.058l.002-.03l.002-.09V1.807q-.002-.281-.081-.537zM22.193.542a1.26 1.26 0 0 1 .85.33l.044.04a1.4 1.4 0 0 1 .155.188c.137.202.216.445.216.706V18q0 .054-.005.108v.012a1 1 0 0 1-.013.1l-.003.016l-.022.097l-.003.012l-.032.098v.003a1.2 1.2 0 0 1-.155.287v.002a2 2 0 0 1-.112.134l-.046.046l-.002.002l-.048.043l-.001.001a1.3 1.3 0 0 1-.287.184l-.053.024l-.015.005l-.046.018l-.02.006l-.043.014l-.022.006l-.041.01l-.023.006l-.042.009l-.024.005l-.043.005l-.024.003l-.069.006l-.068.002H6a1.26 1.26 0 0 1-1.05-.558A1.27 1.27 0 0 1 4.735 18V1.807q0-.036.002-.07l.002-.022q.001-.025.004-.049l.003-.025l.006-.044l.005-.025l.01-.044l.005-.024l.013-.049l.005-.016q.021-.067.047-.13l.001-.002l.028-.06l.005-.01a1 1 0 0 1 .065-.11l.004-.008l.038-.055a1.3 1.3 0 0 1 .504-.41l.006-.002q.045-.02.091-.037l.007-.002a1.4 1.4 0 0 1 .19-.05L5.79.56q.046-.007.094-.012H5.9q.05-.005.1-.005h16.193z\"/><path d=\"M16.28 11.002a1.1 1.1 0 1 0 0-2.2a1.1 1.1 0 0 0 0 2.2m-4.358 0a1.1 1.1 0 1 0 0-2.2a1.1 1.1 0 0 0 0 2.2\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h24v24.095H0z\"/></clipPath></defs></g>"
+    },
+    "llm-openllm-text": {
+      "body": "<g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path d=\"M24.918 1.27A1.8 1.8 0 0 0 23.814.11a1.8 1.8 0 0 0-.621-.11H7q-.056 0-.11.004l-.033.003l-.08.007l-.032.004l-.092.016l-.014.002a2 2 0 0 0-.207.055L6.4.1l-.08.031l-.018.008a2 2 0 0 0-.19.092l-.027.016l-.07.043l-.019.013l-.085.06l-.015.012l-.066.053l-.023.02q-.03.026-.058.054L5.73.52L5.7.552V.55L1.45 4.38c-.29.287-.45.677-.45 1.085v17.093c0 .848.687 1.537 1.536 1.537H19.63a1.54 1.54 0 0 0 1.086-.45l3.822-4.439q.105-.117.188-.25l.006-.01l.03-.052l.012-.02l.026-.049q.008-.012.014-.027l.022-.046l.014-.03l.019-.046q.008-.017.013-.035l.017-.044l.012-.037l.014-.044l.011-.04l.02-.086l.01-.04l.008-.047l.007-.04q.004-.024.006-.05l.005-.036l.005-.058l.002-.03l.002-.09V1.807q-.002-.281-.081-.537zM23.193.542a1.26 1.26 0 0 1 .85.33l.044.04a1.4 1.4 0 0 1 .155.188c.137.202.216.445.216.706V18q0 .054-.005.108v.012a1 1 0 0 1-.013.1l-.003.016l-.022.097l-.003.012l-.032.098v.003a1.2 1.2 0 0 1-.155.287v.002a2 2 0 0 1-.112.134l-.046.046l-.002.002l-.048.043l-.001.001a1.3 1.3 0 0 1-.287.184l-.053.024l-.015.005l-.046.018l-.02.006l-.043.014l-.022.006l-.041.01l-.023.006l-.042.009l-.024.005l-.043.005l-.024.003l-.069.006l-.068.002H7a1.26 1.26 0 0 1-1.05-.558A1.27 1.27 0 0 1 5.735 18V1.807q0-.036.002-.07l.002-.022q.001-.025.004-.049l.003-.025l.006-.044l.005-.025l.01-.044l.005-.024l.013-.049l.005-.016q.021-.067.047-.13l.001-.002l.028-.06l.005-.01a1 1 0 0 1 .065-.11l.004-.008l.038-.055a1.3 1.3 0 0 1 .504-.41l.006-.002q.045-.02.091-.037l.007-.002a1.4 1.4 0 0 1 .19-.05L6.79.56q.046-.007.094-.012H6.9q.05-.005.1-.005h16.193z\"/><path d=\"M17.28 11.002a1.1 1.1 0 1 0 0-2.2a1.1 1.1 0 0 0 0 2.2m-4.358 0a1.1 1.1 0 1 0 0-2.2a1.1 1.1 0 0 0 0 2.2\"/></g><path fill=\"currentColor\" d=\"M36.488 17.098q-1.359 0-2.506-.63a4.85 4.85 0 0 1-1.806-1.778q-.659-1.148-.658-2.576q0-1.428.658-2.562a4.75 4.75 0 0 1 1.806-1.764q1.147-.644 2.506-.644q1.371 0 2.506.644A4.6 4.6 0 0 1 40.8 9.552q.657 1.134.658 2.562q0 1.428-.658 2.576a4.7 4.7 0 0 1-1.806 1.778q-1.135.63-2.506.63m0-1.386q.966 0 1.722-.434a3.07 3.07 0 0 0 1.176-1.26q.434-.825.434-1.904t-.434-1.89a3 3 0 0 0-1.176-1.246q-.756-.434-1.722-.434t-1.722.434q-.756.435-1.19 1.246q-.42.812-.42 1.89t.42 1.904q.434.812 1.19 1.26q.756.434 1.722.434m7.856-5.292q.406-.532 1.106-.896a3.4 3.4 0 0 1 1.582-.364q1.008 0 1.834.504q.84.49 1.316 1.386t.476 2.058t-.476 2.086a3.6 3.6 0 0 1-1.316 1.428a3.45 3.45 0 0 1-1.834.504q-.882 0-1.568-.35a3.6 3.6 0 0 1-1.12-.896v4.788h-1.596V9.286h1.596zm4.69 2.688q0-.799-.336-1.372a2.14 2.14 0 0 0-.868-.882a2.25 2.25 0 0 0-1.148-.308q-.602 0-1.148.308a2.36 2.36 0 0 0-.868.896q-.322.588-.322 1.386t.322 1.4q.336.587.868.896a2.3 2.3 0 0 0 2.296 0q.546-.322.868-.924q.336-.602.336-1.4m9.992-.154q0 .434-.056.784h-5.894q.07.923.686 1.484t1.512.56q1.289 0 1.82-1.078h1.722a3.5 3.5 0 0 1-1.274 1.75q-.909.672-2.268.672q-1.106 0-1.988-.49a3.66 3.66 0 0 1-1.372-1.4q-.49-.91-.49-2.1t.476-2.086a3.44 3.44 0 0 1 1.358-1.4q.882-.49 2.016-.49q1.092 0 1.946.476q.855.475 1.33 1.344q.477.854.476 1.974m-1.666-.504q-.014-.883-.63-1.414q-.615-.532-1.526-.532q-.825 0-1.414.532q-.588.518-.7 1.414zm6.849-3.29q.91 0 1.624.378q.727.378 1.134 1.12t.406 1.792V17h-1.582v-4.312q0-1.036-.518-1.582q-.518-.56-1.414-.56t-1.428.56q-.518.546-.518 1.582V17h-1.596V9.286h1.596v.882q.392-.476.994-.742a3.25 3.25 0 0 1 1.302-.266m6.516 6.552h3.29V17h-4.886V7.27h1.596zm5.941 0h3.29V17H75.07V7.27h1.596zM91.258 7.27V17h-1.596v-6.664L86.694 17h-1.106l-2.982-6.664V17H81.01V7.27h1.722l3.416 7.63l3.402-7.63z\"/><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M1 0h24v24.095H1z\"/></clipPath></defs></g>",
+      "width": 92,
+      "height": 25
+    },
+    "llm-replicate": {
+      "body": "<rect width=\"24\" height=\"24\" fill=\"currentColor\" rx=\"6\"/>"
+    },
+    "llm-replicate-text": {
+      "body": "<g fill=\"currentColor\"><path d=\"M18.493 2v1.79H6.005v14.112H4V2z\"/><path d=\"M18.497 5.395v1.79H9.796V17.9H7.789V5.395z\"/><path d=\"M18.494 8.777v1.8h-4.917v7.324H11.57V8.777zm5.707-.175c2.387 0 4.392 1.583 4.392 4.526c0 .195 0 .36-.02.659h-7.17c.093 1.491 1.297 2.478 2.808 2.478c1.275 0 2.13-.587 2.602-1.388l1.533 1.09c-.823 1.296-2.241 2.118-4.155 2.118c-2.766 0-4.761-1.965-4.761-4.742c.01-2.685 2.005-4.741 4.773-4.741m-2.695 3.713h5.072c-.217-1.317-1.275-2.027-2.449-2.027s-2.355.679-2.623 2.027m9.125-3.538h2.005V10c.515-.73 1.625-1.398 2.932-1.398c2.5 0 4.391 2.13 4.391 4.741c0 2.612-1.893 4.742-4.392 4.742c-1.316 0-2.428-.678-2.931-1.41v5.03h-2.005zm4.576 1.645c-1.625 0-2.736 1.275-2.736 2.921c0 1.647 1.111 2.922 2.736 2.922s2.715-1.275 2.715-2.922c0-1.646-1.111-2.921-2.715-2.921m8.804-6.202h-2.005v13.67h2.005zm3.701 2.574c-.73 0-1.347-.596-1.347-1.346s.617-1.327 1.347-1.327s1.327.607 1.327 1.327c0 .751-.577 1.346-1.327 1.346m-.998 1.985h2.005v9.114h-2.005zm8.855 9.298c-2.736 0-4.813-2.047-4.813-4.742s2.078-4.741 4.813-4.741c1.882 0 3.467 1.008 4.249 2.52l-1.749.946c-.441-.925-1.326-1.605-2.5-1.605c-1.625 0-2.767 1.255-2.767 2.88s1.152 2.88 2.767 2.88c1.162 0 2.057-.678 2.5-1.605l1.749.947c-.782 1.522-2.377 2.52-4.249 2.52M65.4 8.602c1.316 0 2.406.678 2.921 1.398V8.777h2.005v9.113h-2.005v-1.223c-.515.73-1.605 1.41-2.921 1.41c-2.5 0-4.392-2.13-4.392-4.742S62.9 8.603 65.4 8.603m.37 1.82c-1.626 0-2.715 1.275-2.715 2.922s1.09 2.922 2.714 2.922c1.625 0 2.715-1.275 2.715-2.922s-1.1-2.922-2.715-2.922m7.994 7.48V10.57h-1.904V8.78h1.904V6.25h2.006v2.53h3.455v1.79H75.77v5.533h3.455v1.8zm11.181-9.301c2.386 0 4.391 1.583 4.391 4.526c0 .195 0 .36-.02.659h-7.17c.094 1.491 1.297 2.478 2.809 2.478c1.275 0 2.13-.587 2.601-1.388l1.533 1.09c-.823 1.296-2.241 2.118-4.154 2.118c-2.767 0-4.762-1.965-4.762-4.742c.02-2.685 2.005-4.741 4.773-4.741m-2.695 3.713h5.072c-.217-1.317-1.275-2.027-2.448-2.027s-2.346.679-2.624 2.027\"/></g>",
+      "width": 92
+    },
+    "llm-xorbits-inference": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID3)\"><path fill=\"url(#svgID0)\" d=\"M8.004 12.312c.69.763 1.471 1.437 2.328 2.007c.735.491 1.519.906 2.34 1.235a17.7 17.7 0 0 0 3.647-4.893L21.705 0l-9.392 7.384a17.7 17.7 0 0 0-4.31 4.928\"/><path fill=\"url(#svgID1)\" d=\"M7.235 18.951a26 26 0 0 1-1.913-1.412L2.064 24l5.856-4.604q-.346-.219-.685-.445\"/><path fill=\"url(#svgID2)\" d=\"M19.316 8.575c1.765 2.34 2.28 4.94 1.084 6.73c-1.747 2.614-6.484 2.513-10.58-.224s-6-7.074-4.253-9.688c1.197-1.79 3.796-2.306 6.634-1.574C7.293 1.735 2.624 1.94.813 4.645c-2.273 3.402.831 9.473 6.932 13.544c6.1 4.071 12.891 4.623 15.164 1.223c1.809-2.709.208-7.101-3.593-10.837\"/></g><defs><linearGradient id=\"svgID0\" x1=\"2.152\" x2=\"21.292\" y1=\"24.302\" y2=\".099\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID1\" x1=\"2.063\" x2=\"21.203\" y1=\"24.229\" y2=\".028\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"-.614\" x2=\"21.445\" y1=\"3.843\" y2=\"18.726\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><clipPath id=\"svgID3\"><path fill=\"#fff\" d=\"M0 0h24v24H0z\"/></clipPath></defs></g>"
+    },
+    "llm-xorbits-inference-text": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID3)\"><path fill=\"url(#svgID0)\" d=\"M8.004 12.312c.69.763 1.471 1.437 2.328 2.007c.735.491 1.519.906 2.34 1.235a17.7 17.7 0 0 0 3.647-4.893L21.705 0l-9.392 7.384a17.7 17.7 0 0 0-4.31 4.928\"/><path fill=\"url(#svgID1)\" d=\"M7.235 18.951a26 26 0 0 1-1.913-1.412L2.064 24l5.856-4.604q-.346-.219-.685-.445\"/><path fill=\"url(#svgID2)\" d=\"M19.316 8.575c1.765 2.34 2.28 4.94 1.084 6.73c-1.747 2.614-6.484 2.513-10.58-.224s-6-7.074-4.253-9.688c1.197-1.79 3.796-2.306 6.634-1.574C7.293 1.735 2.624 1.94.813 4.645c-2.273 3.402.831 9.473 6.932 13.544c6.1 4.071 12.891 4.623 15.164 1.223c1.809-2.709.208-7.101-3.593-10.837\"/><path fill=\"currentColor\" d=\"M35.516 12.142L38.54 17h-1.792l-2.198-3.528L32.492 17h-1.778l3.024-4.858L30.7 7.27h1.792l2.212 3.556l2.072-3.556h1.778zm7.842 4.984a4 4 0 0 1-1.974-.49a3.63 3.63 0 0 1-1.386-1.4q-.504-.91-.504-2.1q0-1.177.518-2.086a3.6 3.6 0 0 1 1.414-1.4a4.1 4.1 0 0 1 2.002-.49q1.107 0 2.002.49a3.6 3.6 0 0 1 1.414 1.4q.518.91.518 2.086q0 1.177-.532 2.086a3.7 3.7 0 0 1-1.456 1.414a4.2 4.2 0 0 1-2.016.49m0-1.386q.617 0 1.148-.294q.546-.294.882-.882t.336-1.428t-.322-1.414a2.16 2.16 0 0 0-.854-.882a2.34 2.34 0 0 0-1.148-.294q-.615 0-1.148.294q-.517.294-.826.882q-.308.574-.308 1.414q0 1.246.63 1.932q.645.672 1.61.672m6.898-5.334q.35-.588.924-.91q.588-.336 1.386-.336v1.652h-.406q-.937 0-1.428.476q-.476.476-.476 1.652V17H48.66V9.286h1.596zm5.094.028a3 3 0 0 1 1.105-.91a3.4 3.4 0 0 1 1.582-.364q1.021 0 1.848.49q.826.49 1.302 1.4q.477.896.476 2.058q0 1.162-.476 2.086a3.6 3.6 0 0 1-1.316 1.428a3.45 3.45 0 0 1-1.834.504q-.896 0-1.596-.35a3.1 3.1 0 0 1-1.092-.896V17h-1.596V6.64h1.596zm4.69 2.674q0-.799-.337-1.372a2.14 2.14 0 0 0-.868-.882a2.25 2.25 0 0 0-1.148-.308q-.602 0-1.148.308a2.36 2.36 0 0 0-.868.896q-.322.588-.322 1.386t.322 1.4q.337.587.868.896a2.3 2.3 0 0 0 2.296 0q.546-.322.868-.924q.336-.602.336-1.4m3.734-4.844a1 1 0 0 1-.728-.294a1 1 0 0 1-.294-.728q0-.434.294-.728a1 1 0 0 1 .728-.294q.42 0 .714.294a1 1 0 0 1 .294.728q0 .434-.294.728a.97.97 0 0 1-.714.294m.784 1.022V17h-1.596V9.286zm3.678 1.302v4.27q0 .435.196.63q.21.182.7.182h.98V17h-1.26q-1.079 0-1.652-.504q-.574-.504-.574-1.638v-4.27h-.91V9.286h.91V7.368h1.61v1.918h1.876v1.302zm5.867 6.538a4 4 0 0 1-1.638-.322a2.96 2.96 0 0 1-1.134-.896a2.27 2.27 0 0 1-.448-1.274h1.652q.042.49.462.826q.434.322 1.078.322q.672 0 1.036-.252q.378-.265.378-.672q0-.434-.42-.644q-.406-.21-1.302-.462a13 13 0 0 1-1.414-.462a2.54 2.54 0 0 1-.952-.686q-.392-.462-.392-1.218q0-.616.364-1.12q.364-.518 1.036-.812q.686-.294 1.568-.294q1.316 0 2.114.672q.811.658.868 1.806h-1.596a1.14 1.14 0 0 0-.42-.826q-.378-.308-1.022-.308q-.63 0-.966.238a.74.74 0 0 0-.336.63q0 .308.224.518t.546.336q.322.112.952.294q.84.224 1.372.462q.546.224.938.672t.406 1.19q0 .658-.364 1.176t-1.036.812q-.658.294-1.554.294m9.351-9.856V17h-1.596V7.27zm5.707 1.89q.91 0 1.624.378q.729.378 1.134 1.12q.406.742.406 1.792V17h-1.581v-4.312q0-1.036-.518-1.582q-.519-.56-1.414-.56q-.897 0-1.429.56q-.517.546-.517 1.582V17h-1.596V9.286h1.596v.882q.39-.476.994-.742q.615-.266 1.302-.266m8.153 1.428h-1.428V17h-1.61v-6.412h-.91V9.286h.91V8.74q0-1.33.7-1.932q.714-.615 2.226-.616v1.33q-.728 0-1.022.28q-.294.266-.294.938v.546h1.428zm8.205 2.366q0 .434-.056.784h-5.894q.07.923.686 1.484q.615.56 1.512.56q1.287 0 1.82-1.078h1.722a3.5 3.5 0 0 1-1.274 1.75q-.91.672-2.268.672q-1.106 0-1.988-.49a3.66 3.66 0 0 1-1.372-1.4q-.49-.91-.49-2.1t.476-2.086a3.44 3.44 0 0 1 1.358-1.4q.882-.49 2.016-.49q1.091 0 1.946.476a3.36 3.36 0 0 1 1.33 1.344q.476.854.476 1.974m-1.666-.504q-.015-.883-.63-1.414q-.617-.532-1.526-.532q-.826 0-1.414.532q-.588.518-.7 1.414zm4.552-2.044q.351-.588.924-.91q.588-.336 1.386-.336v1.652h-.406q-.937 0-1.428.476q-.476.476-.476 1.652V17h-1.596V9.286h1.596zm10.567 2.548q0 .434-.056.784h-5.894q.07.923.686 1.484t1.512.56q1.289 0 1.82-1.078h1.722a3.5 3.5 0 0 1-1.274 1.75q-.909.672-2.268.672q-1.106 0-1.988-.49a3.67 3.67 0 0 1-1.372-1.4q-.49-.91-.49-2.1t.476-2.086a3.45 3.45 0 0 1 1.358-1.4q.882-.49 2.016-.49q1.092 0 1.946.476q.855.475 1.33 1.344q.477.854.476 1.974m-1.666-.504q-.013-.883-.63-1.414q-.615-.532-1.526-.532q-.826 0-1.414.532q-.588.518-.7 1.414zm6.849-3.29q.91 0 1.624.378q.727.378 1.134 1.12t.406 1.792V17h-1.582v-4.312q0-1.036-.518-1.582q-.518-.56-1.414-.56t-1.428.56q-.518.546-.518 1.582V17h-1.596V9.286h1.596v.882q.392-.476.994-.742a3.25 3.25 0 0 1 1.302-.266m4.388 3.976q0-1.19.476-2.086a3.46 3.46 0 0 1 1.344-1.4q.853-.49 1.96-.49q1.4 0 2.31.672q.924.658 1.246 1.89h-1.722a1.82 1.82 0 0 0-.672-.896q-.462-.322-1.162-.322q-.98 0-1.568.7q-.574.685-.574 1.932t.574 1.946q.587.7 1.568.7q1.386 0 1.834-1.218h1.722q-.336 1.177-1.26 1.876q-.924.686-2.296.686q-1.107 0-1.96-.49a3.6 3.6 0 0 1-1.344-1.4q-.477-.91-.476-2.1m15.716-.182q0 .434-.056.784h-5.894q.07.923.686 1.484t1.512.56q1.289 0 1.82-1.078h1.722a3.5 3.5 0 0 1-1.274 1.75q-.909.672-2.268.672q-1.106 0-1.988-.49a3.67 3.67 0 0 1-1.372-1.4q-.49-.91-.49-2.1t.476-2.086a3.45 3.45 0 0 1 1.358-1.4q.882-.49 2.016-.49q1.092 0 1.946.476q.855.475 1.33 1.344q.476.854.476 1.974m-1.666-.504q-.013-.883-.63-1.414q-.615-.532-1.526-.532q-.826 0-1.414.532q-.588.518-.7 1.414z\"/></g><defs><linearGradient id=\"svgID0\" x1=\"2.152\" x2=\"21.292\" y1=\"24.302\" y2=\".099\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID1\" x1=\"2.063\" x2=\"21.203\" y1=\"24.229\" y2=\".028\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"-.614\" x2=\"21.445\" y1=\"3.843\" y2=\"18.726\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><clipPath id=\"svgID3\"><path fill=\"#fff\" d=\"M0 0h152v24H0z\"/></clipPath></defs></g>",
+      "width": 152
+    },
+    "llm-zhipuai": {
+      "body": "<g fill=\"currentColor\"><path d=\"M11.892 23.499a.255.255 0 0 0-.191.298c.03.132.161.226.29.195a.254.254 0 0 0 .192-.297c-.03-.133-.16-.227-.29-.196m3.583-14.972c.836-.386 1.206-1.393.828-2.248a1.647 1.647 0 0 0-2.198-.847c-.835.388-1.207 1.394-.828 2.249a1.646 1.646 0 0 0 2.198.846m2.618 5.101c.88-.27 1.377-1.217 1.113-2.115c-.265-.899-1.19-1.408-2.07-1.137c-.878.27-1.376 1.217-1.111 2.116c.264.898 1.19 1.407 2.069 1.136m-12.92-2.904a1.73 1.73 0 0 0-.139 2.395a1.64 1.64 0 0 0 2.342.142a1.73 1.73 0 0 0 .138-2.396a1.64 1.64 0 0 0-2.342-.141m14.596-2.16a1.07 1.07 0 0 0 .084-1.48a1.013 1.013 0 0 0-1.448-.086a1.067 1.067 0 0 0-.084 1.48c.376.43 1.026.469 1.448.086m-7.823-3.945c.566 0 1.026-.47 1.026-1.05c0-.578-.46-1.048-1.026-1.048S10.92 2.99 10.92 3.57c0 .578.46 1.049 1.026 1.049m-7.14 4.21c.565 0 1.024-.469 1.024-1.048s-.459-1.05-1.025-1.05c-.567 0-1.026.47-1.026 1.05c0 .579.46 1.049 1.026 1.049m-.69 6.607a1.07 1.07 0 0 0-.085 1.48c.375.43 1.026.47 1.447.086a1.07 1.07 0 0 0 .085-1.48a1.01 1.01 0 0 0-1.447-.086m7.83 6.051c.566 0 1.026-.47 1.026-1.049s-.46-1.049-1.026-1.049s-1.026.47-1.026 1.049c0 .58.46 1.049 1.026 1.049m7.149-4.227c.566 0 1.025-.47 1.025-1.049s-.459-1.049-1.026-1.049c-.566 0-1.025.47-1.025 1.05c0 .578.459 1.048 1.026 1.048m-2.02-13.746a.63.63 0 0 0 .666-.611a.633.633 0 1 0-1.263-.07a.633.633 0 0 0 .596.681m-10.631-.11a.62.62 0 0 0 .872-.188a.654.654 0 0 0-.183-.892a.62.62 0 0 0-.873.188a.654.654 0 0 0 .184.892m-5.09 8.016a.654.654 0 0 0 .08 1.192a.63.63 0 0 0 .486-.034a.654.654 0 0 0 .134-1.067a.63.63 0 0 0-.7-.09m5.473 9.072a.626.626 0 0 0-.667.61a.632.632 0 1 0 1.263.071a.633.633 0 0 0-.596-.68m10.63.11a.623.623 0 0 0-.872.187a.654.654 0 0 0 .184.893a.62.62 0 0 0 .872-.188a.653.653 0 0 0-.183-.893m5.152-9.143a.62.62 0 0 0-.873.188a.653.653 0 0 0 .184.892a.62.62 0 0 0 .873-.188a.653.653 0 0 0-.184-.892m-.551-5.15a.26.26 0 0 0 .023-.353a.247.247 0 0 0-.345-.023a.26.26 0 0 0-.022.352a.247.247 0 0 0 .344.023M11.991.5a.26.26 0 0 0 .156-.11c.036-.056.05-.123.036-.188c-.03-.132-.16-.226-.29-.195a.255.255 0 0 0-.192.297c.03.133.16.227.29.196M1.927 6.364c.13.047.268-.032.314-.157a.26.26 0 0 0-.153-.32a.25.25 0 0 0-.314.156a.26.26 0 0 0 .153.321m-.092 11.318a.26.26 0 0 0-.023.353a.247.247 0 0 0 .344.023a.26.26 0 0 0 .023-.352a.247.247 0 0 0-.344-.024m20.137-.054c-.13-.047-.267.032-.313.157a.26.26 0 0 0 .153.32c.13.047.268-.031.313-.156a.26.26 0 0 0-.153-.321\"/><path d=\"M15.29 15.413a1.635 1.635 0 0 0-1.913.704l-.015.031c-.383.666-1.141 1.018-1.89.775a1.67 1.67 0 0 1-.95-.79a1.31 1.31 0 0 1 1.163-1.714h.169c1.309.054 2.418-.987 2.472-2.333s-.964-2.473-2.28-2.529h-.36c-.712-.03-1.21-.595-1.18-1.322c0-.173.031-.345.1-.494l.015-.046q.05-.108.085-.22c.275-.9-.214-1.855-1.087-2.137A1.657 1.657 0 0 0 7.537 6.45c-.276.877.183 1.816 1.033 2.121c.138.047.222.063.352.087h.069c.674.077 1.202.633 1.179 1.338a1.3 1.3 0 0 1-.222.689a2.4 2.4 0 0 0-.367 1.205c-.023.496.105.988.367 1.41c.13.195.214.43.222.688c.03.705-.429 1.26-1.102 1.33h-.016c-.099 0-.214.024-.306.04c-.918.211-1.461 1.127-1.255 2.043a1.654 1.654 0 0 0 2.574.998a1.6 1.6 0 0 0 .45-.49a1.65 1.65 0 0 1 1.935-.75c.406.132.697.383.904.735l.022.04c.177.289.514.587.911.704c.904.274 1.792-.227 2.075-1.104c.29-.916-.23-1.864-1.072-2.137z\"/></g>"
+    },
+    "llm-zhipuai-text": {
+      "body": "<g fill=\"currentColor\"><path d=\"M88.805 8.83h-2.093v13.62h2.093zm-8.257 0l-2.132 13.62h1.918l.225-1.534l.112-.73c.02-.147.204-.272.408-.272h1.806c.205 0 .388.115.409.271l.112.73l.224 1.535h2.113L83.61 8.83zm2.236 9.466H81.18a.194.194 0 0 1-.194-.23l.715-5.948c.02-.168.142-.283.275-.283c.132 0 .266.115.276.282l.714 5.949c.01.126-.082.23-.194.23zM14.856 31.332a.34.34 0 0 0-.255.397c.04.177.215.302.388.26a.34.34 0 0 0 .255-.396c-.04-.178-.214-.303-.388-.261m4.778-19.963c1.113-.515 1.607-1.857 1.103-2.996c-.505-1.14-1.817-1.646-2.931-1.13c-1.114.517-1.608 1.859-1.104 2.998s1.816 1.644 2.932 1.128m3.49 6.802c1.172-.36 1.836-1.623 1.484-2.82c-.353-1.199-1.588-1.877-2.76-1.517c-1.17.36-1.835 1.624-1.482 2.822s1.588 1.876 2.759 1.515M5.897 14.298a2.31 2.31 0 0 0-.184 3.195a2.19 2.19 0 0 0 3.123.188a2.31 2.31 0 0 0 .184-3.195a2.19 2.19 0 0 0-3.123-.188m19.462-2.88a1.424 1.424 0 0 0 .112-1.972a1.35 1.35 0 0 0-1.93-.115a1.423 1.423 0 0 0-.111 1.972a1.35 1.35 0 0 0 1.929.115m-10.43-5.26c.755 0 1.367-.627 1.367-1.399c0-.771-.611-1.398-1.367-1.398s-1.368.626-1.368 1.398s.612 1.399 1.368 1.399m-9.521 5.615c.755 0 1.366-.626 1.366-1.399c0-.771-.611-1.398-1.367-1.398c-.755 0-1.368.626-1.368 1.398s.613 1.399 1.369 1.399m-.92 8.808a1.423 1.423 0 0 0-.113 1.973a1.35 1.35 0 0 0 1.93.115a1.424 1.424 0 0 0 .113-1.973a1.35 1.35 0 0 0-1.93-.115m10.44 8.068c.756 0 1.368-.626 1.368-1.398s-.611-1.399-1.367-1.399s-1.368.627-1.368 1.399s.612 1.398 1.368 1.398m9.532-5.635c.756 0 1.368-.626 1.368-1.4c0-.77-.612-1.398-1.368-1.398c-.755 0-1.367.626-1.367 1.399c0 .772.611 1.399 1.367 1.399M21.765 4.686a.84.84 0 0 0 .888-.815a.843.843 0 1 0-1.684-.094a.843.843 0 0 0 .796.909M7.59 4.54a.83.83 0 0 0 1.164-.25a.87.87 0 0 0-.245-1.19a.83.83 0 0 0-1.164.25a.87.87 0 0 0 .245 1.19M.804 15.228c-.42.208-.582.73-.378 1.158a.836.836 0 0 0 1.132.386c.42-.208.582-.73.378-1.158a.84.84 0 0 0-1.132-.386M8.1 27.324a.836.836 0 0 0-.889.814A.843.843 0 0 0 8.34 29a.84.84 0 0 0 .557-.768a.843.843 0 0 0-.795-.908m14.175.146a.83.83 0 0 0-1.164.25a.87.87 0 0 0 .245 1.19a.83.83 0 0 0 1.163-.25a.87.87 0 0 0-.244-1.19m6.867-12.19a.83.83 0 0 0-1.163.25a.87.87 0 0 0 .245 1.19a.83.83 0 0 0 1.164-.25a.87.87 0 0 0-.246-1.19m-.734-6.868a.347.347 0 0 0 .03-.47a.33.33 0 0 0-.459-.03a.35.35 0 0 0-.03.469a.33.33 0 0 0 .46.031M14.988.668a.34.34 0 0 0 .256-.397c-.04-.177-.214-.302-.388-.26a.34.34 0 0 0-.255.395c.04.178.214.304.387.262M1.568 8.486c.174.062.358-.043.42-.21a.344.344 0 0 0-.205-.428c-.174-.062-.357.043-.418.21a.344.344 0 0 0 .204.428m-.122 15.09a.347.347 0 0 0-.03.47a.33.33 0 0 0 .459.032a.347.347 0 0 0 .03-.47a.33.33 0 0 0-.459-.032m26.85-.072c-.173-.062-.356.042-.418.209a.345.345 0 0 0 .205.428c.173.062.357-.042.418-.209a.344.344 0 0 0-.205-.428\"/><path d=\"M19.387 20.55a2.18 2.18 0 0 0-2.551.94l-.02.041c-.51.888-1.522 1.357-2.521 1.034a2.22 2.22 0 0 1-1.266-1.055a2.2 2.2 0 0 1-.082-.449c-.04-.969.684-1.784 1.633-1.836h.225c1.745.073 3.224-1.316 3.296-3.11c.072-1.795-1.286-3.298-3.041-3.372h-.48c-.949-.041-1.612-.793-1.572-1.764c0-.23.042-.459.133-.657l.02-.062q.066-.143.114-.292c.367-1.201-.287-2.475-1.45-2.85c-1.154-.365-2.399.271-2.776 1.482c-.367 1.17.244 2.421 1.378 2.829c.183.062.295.083.47.114h.09c.9.104 1.603.846 1.572 1.785c-.01.344-.122.658-.295.918a3.2 3.2 0 0 0-.49 1.608c-.03.661.14 1.316.49 1.879c.173.26.285.574.295.918c.042.94-.571 1.68-1.469 1.774h-.02c-.132 0-.286.031-.409.052c-1.224.282-1.948 1.503-1.673 2.725c.275 1.23 1.48 1.95 2.623 1.69a2.17 2.17 0 0 0 1.408-1.013a2.2 2.2 0 0 1 2.581-1.001c.542.177.93.511 1.205.98l.03.053c.235.386.684.783 1.214.94c1.205.365 2.389-.303 2.767-1.472c.387-1.221-.306-2.485-1.43-2.85zm55.62-6.45c-.562 0-1.02.47-1.02 1.044s.458 1.044 1.02 1.044c.56 0 1.02-.47 1.02-1.045a1.035 1.035 0 0 0-1.02-1.043m-36.904-3.36h3.348a.273.273 0 0 1 .265.27c0 .033 0 .074-.02.095l-3.776 9.29v1.888h6.052v-1.92h-3.531a.274.274 0 0 1-.266-.272c0-.031 0-.063.021-.094l3.776-9.29V8.82h-5.87zm11.512 3.58a.273.273 0 0 1-.265.27h-1.826a.266.266 0 0 1-.266-.27V8.819h-2.072v13.463h2.072v-5.5a.273.273 0 0 1 .255-.272h1.827c.143 0 .255.126.255.272v5.5h2.102V8.82h-2.102v5.5zm5.674-5.501h-2.07v13.464h2.07zm4.552 0H56.79v13.464h2.07v-5.062h.981c2.072 0 3.082-1.169 3.082-3.33v-1.753c0-2.15-1.01-3.33-3.082-3.33zm1.01 5.208c0 .96-.358 1.274-1.01 1.274h-.715a.267.267 0 0 1-.264-.272v-4.018a.273.273 0 0 1 .265-.271h.714c.653 0 1.01.303 1.01 1.273zm7.144 5.176c0 .96-.418 1.306-1.071 1.306c-.654 0-1.072-.344-1.072-1.306V8.82H63.78v10.249c0 2.15 1.051 3.38 3.082 3.38s3.083-1.23 3.083-3.381V8.818h-1.96v10.385z\"/></g>",
+      "width": 89,
+      "height": 32
+    },
+    "llm-zhipuai-text-cn": {
+      "body": "<g fill=\"currentColor\"><path d=\"M85.392 8.941h-2.118v13.53h2.118zm-8.4 0l-2.165 13.53h1.953l.235-1.53l.118-.73c.024-.14.212-.258.424-.258h1.835c.212 0 .4.117.423.259l.118.73l.235 1.529h2.141L80.122 8.94zm2.282 9.412h-1.623c-.118 0-.212-.118-.212-.235l.73-5.906c.023-.165.14-.283.282-.283c.14 0 .259.118.282.283l.73 5.906c.023.14-.071.235-.189.235m-64 12.965a.32.32 0 0 0-.33.329c0 .188.142.33.33.33s.33-.142.33-.33a.32.32 0 0 0-.33-.33m3.859-19.647a2.259 2.259 0 1 0 0-4.518a2.259 2.259 0 0 0 0 4.518m5.427 6.004a2.257 2.257 0 0 0 0-3.194a2.259 2.259 0 1 0 0 3.194m-14.868-.738a2.26 2.26 0 1 0-4.174-1.73a2.26 2.26 0 0 0 4.174 1.73m15.276-5.055a1.388 1.388 0 1 0 0-2.775a1.388 1.388 0 0 0 0 2.775M15.59 6.246a1.388 1.388 0 1 0-.6-2.71a1.388 1.388 0 0 0 .6 2.71m-9.986 5.636a1.388 1.388 0 1 0 0-2.775a1.388 1.388 0 0 0 0 2.775m.985 10.767a1.388 1.388 0 1 0-1.963-1.963A1.388 1.388 0 0 0 6.59 22.65m9.003 5.95a1.388 1.388 0 1 0-.638-2.703a1.387 1.387 0 0 0-.421 2.542a1.4 1.4 0 0 0 1.059.16m9.693-5.602a1.388 1.388 0 1 0-.617-2.706a1.388 1.388 0 0 0 .617 2.706m-3-18.174c.47 0 .847-.376.847-.847a.843.843 0 0 0-.847-.847a.844.844 0 0 0-.847.847c0 .471.376.847.847.847m-14 0c.47 0 .847-.376.847-.847a.844.844 0 0 0-.847-.847a.844.844 0 0 0-.847.847c0 .471.376.847.847.847m-6.988 10.4a.843.843 0 0 0-.847.847c0 .471.376.848.847.848c.47 0 .847-.377.847-.848c.023-.47-.377-.847-.847-.847m6.988 12.095a.844.844 0 0 0-.847.847c0 .47.376.847.847.847c.47 0 .847-.377.847-.847a.844.844 0 0 0-.847-.847m14 .023a.844.844 0 0 0-.847.847c0 .47.376.847.847.847c.47 0 .847-.376.847-.847a.844.844 0 0 0-.847-.847m6.988-12.118a.843.843 0 0 0-.847.847c0 .471.377.848.847.848s.847-.377.847-.848a.844.844 0 0 0-.847-.847m-.517-6.611a.32.32 0 0 0 .329-.33a.32.32 0 0 0-.33-.33a.32.32 0 0 0-.329.33c0 .189.165.33.33.33M15.274.847c.188 0 .33-.141.33-.33a.32.32 0 0 0-.33-.329a.32.32 0 0 0-.33.33c0 .188.165.329.33.329M1.815 8.612c.189 0 .33-.141.33-.33a.32.32 0 0 0-.33-.33a.32.32 0 0 0-.329.33c0 .189.141.33.33.33m0 14.917a.32.32 0 0 0-.329.33c0 .188.141.33.33.33a.32.32 0 0 0 .329-.33a.337.337 0 0 0-.33-.33m26.965-.023a.32.32 0 0 0-.33.33c0 .188.142.329.33.329s.33-.142.33-.33a.337.337 0 0 0-.33-.33\"/><path d=\"M19.815 20.588c-1.011-.33-2.047.094-2.588.941l-.023.047c-.518.871-1.553 1.342-2.565 1.036a2.32 2.32 0 0 1-1.294-1.06a1.4 1.4 0 0 1-.07-.446a1.724 1.724 0 0 1 1.67-1.812h.235a3.21 3.21 0 0 0 3.341-3.082a3.21 3.21 0 0 0-3.082-3.341h-.494c-.965-.048-1.647-.8-1.6-1.742c0-.235.047-.447.141-.659l.023-.07c.048-.118.071-.165.118-.282a2.24 2.24 0 0 0-1.482-2.824c-1.177-.353-2.447.282-2.824 1.459c-.376 1.153.26 2.4 1.412 2.8c.188.07.306.094.47.117l.095.024c.917.094 1.623.824 1.6 1.765c-.024.33-.118.659-.306.917a3.13 3.13 0 0 0-.494 1.6a3.3 3.3 0 0 0 .494 1.86c.188.258.282.564.306.917c.047.941-.588 1.67-1.506 1.765h-.024c-.14 0-.282.023-.4.047a2.24 2.24 0 0 0-1.694 2.705a2.263 2.263 0 0 0 2.683 1.695a2.24 2.24 0 0 0 1.435-1.012c.518-.894 1.6-1.318 2.635-.988c.565.164.941.517 1.224.964l.023.047c.235.377.683.777 1.224.942c1.223.352 2.423-.306 2.8-1.46a2.31 2.31 0 0 0-1.483-2.87m50.448-4.33a1.035 1.035 0 1 0 0-2.07a1.035 1.035 0 0 0 0 2.07m-26.4-.729c-.142-.07-.353-.235-.66-.423c-.823-.565-1.458-.988-1.858-1.294h2.565v-1.224h-2.4c.047-.117.047-1.294.047-1.623c.023-.283.047-.518.047-.683h1.906V9.06h-3.93c.188-.33.33-.683.447-1.106l-1.318-.118a6.45 6.45 0 0 1-1.694 2.753c.33.33.518.541.589.683c.117.117.188.235.282.305a7 7 0 0 0 1.035-1.294h1.318c0 .494-.047 1.883-.118 2.283h-2.988v1.223h2.73c-.353.847-1.318 1.6-2.824 2.212c.282.4.565.823.823 1.294c.283-.212.589-.376.871-.494v6.73h1.412v-.683h6.917v.682h1.46v-6.776h-5.436zm-5.06 1.2c.989-.611 1.624-1.247 1.954-1.882c.14.07.329.235.54.424c.754.611 1.366 1.105 1.789 1.458zm8.26 5.036h-6.918v-1.341h6.917zm0-2.447h-6.918v-1.295h6.917z\"/><path d=\"M44.45 15.694h5.06V8.941h-5.06zm1.318-5.388h2.447v4.118h-2.447zm8.706 1.082l1.247-.847a40 40 0 0 0-1.74-2.33l-1.083.73c.14.235.353.588.659 1.035q.67.99.917 1.412m9.553 2.588c.118-.117.259-.329.447-.611c.4-.518.683-.918.824-1.153l-.989-.683c-.211.377-.635.941-1.246 1.718zm-5.576-.729a9 9 0 0 0-.66-.847c-.281-.4-.517-.682-.658-.847l-.918.682c.542.73.965 1.318 1.247 1.765zm-3.153 7.035c-.118.118-.189.212-.212.236v-6.589h-2.565v1.53h1.153v5.435c0 .541-.117.918-.376 1.153l.87 1.341c.518-.682 1.294-1.506 2.33-2.447c-.118-.73-.188-1.294-.283-1.717q-.246.387-.917 1.058m-1.13 3.13v-.024l-.023.024zm2.87.164h1.366v-.611h4.635v.611h1.412v-6.54h-7.412zm1.366-5.317h4.635v1.294h-4.635zm0 2.33h4.635v1.223h-4.635z\"/><path d=\"M65.321 10.8V9.647h-2.4c.353-.565.589-.918.66-1.035c.117-.212.187-.353.281-.424l-1.364-.306c-.33.612-.683 1.2-1.083 1.765h-1.317a29 29 0 0 0-.706-1.106c-.188-.282-.33-.518-.447-.682l-1.318.306c.188.235.494.73.918 1.458h-2.282v1.153h2.564v4h-3.059v1.153h9.906v-1.153h-3.153V10.8zm-3.976 3.976h-1.247v-4h1.247z\"/></g>",
+      "width": 86,
+      "height": 32
+    },
+    "model-checked": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.333 4L6 11.333L2.667 8\"/>"
+    },
+    "other-default-tool-icon": {
+      "body": "<g fill=\"none\" opacity=\".5\"><rect width=\"24\" height=\"24\" fill=\"currentColor\" rx=\"6\"/><rect width=\"23.5\" height=\"23.5\" x=\".25\" y=\".25\" stroke=\"currentColor\" stroke-opacity=\".05\" stroke-width=\".5\" rx=\"5.75\"/><path fill=\"currentColor\" d=\"M11.888 5.306a.4.4 0 0 0 .167-.168l.359-.717a.375.375 0 0 1 .67 0l.36.717a.37.37 0 0 0 .167.168l.717.359a.375.375 0 0 1 0 .67l-.717.36a.37.37 0 0 0-.168.167l-.358.717a.375.375 0 0 1-.671 0l-.359-.717a.4.4 0 0 0-.167-.168l-.718-.359a.375.375 0 0 1 0-.67zm-4 1.25a.4.4 0 0 0 .167-.168l.234-.467a.375.375 0 0 1 .67 0l.234.467a.4.4 0 0 0 .168.168l.468.234a.375.375 0 0 1 0 .67l-.468.234a.4.4 0 0 0-.168.168l-.233.467a.375.375 0 0 1-.671 0l-.234-.467a.4.4 0 0 0-.167-.168L7.42 7.46a.375.375 0 0 1 0-.67z\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M17.942 5.91a.56.56 0 0 1 .148.782L16.006 9.75h1.431c.311 0 .563.252.563.563v7.874c0 .725-.588 1.313-1.312 1.313H7.313A1.313 1.313 0 0 1 6 18.188v-7.875c0-.311.252-.563.563-.563h8.082l2.515-3.692a.563.563 0 0 1 .782-.148m-7.63 6.84a.562.562 0 1 0 0 1.125h3.376a.563.563 0 0 0 0-1.125z\" clip-rule=\"evenodd\"/></g>"
+    },
+    "other-icon-3-dots": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 6.5V5m3.94 2.56L10 6.5m.01 5h1.5\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "other-message-3-fill": {
+      "body": "<g fill=\"none\"><g filter=\"url(#svgID1)\"><path fill=\"url(#svgID0)\" d=\"M2 8.994A5.99 5.99 0 0 1 8 3h8c3.313 0 6 2.695 6 5.994V21H8c-3.313 0-6-2.695-6-5.994zM14 11v2h2v-2zm-6 0v2h2v-2z\"/></g><defs><linearGradient id=\"svgID0\" x1=\"12\" x2=\"12\" y1=\"3\" y2=\"21\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><filter id=\"svgID1\" width=\"21\" height=\"19\" x=\"1.5\" y=\"2.75\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\".25\"/><feGaussianBlur stdDeviation=\".25\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1071_49501\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_1071_49501\" result=\"shape\"/></filter></defs></g>"
+    },
+    "other-row-struct": {
+      "body": "<g fill=\"currentColor\"><rect width=\"16\" height=\"16\" x=\"8\" y=\"7\" rx=\"5\"/><rect width=\"233\" height=\"10\" x=\"32\" y=\"10\" rx=\"3\"/><rect width=\"345\" height=\"6\" x=\"32\" y=\"31\" rx=\"3\"/></g>",
+      "width": 624,
+      "height": 48
+    },
+    "other-slack": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9.625 0a2.627 2.627 0 0 0-2.426 3.636A2.63 2.63 0 0 0 9.625 5.26h2.625V2.63A2.627 2.627 0 0 0 9.625 0m0 7.014h-7A2.628 2.628 0 0 0 .199 10.65a2.63 2.63 0 0 0 2.426 1.624h7a2.627 2.627 0 0 0 2.625-2.63a2.627 2.627 0 0 0-2.625-2.63m16.625 2.63a2.627 2.627 0 0 0-4.482-1.859A2.63 2.63 0 0 0 21 9.644v2.63h2.625a2.626 2.626 0 0 0 2.625-2.63m-7 0V2.63A2.627 2.627 0 0 0 15.62.201A2.63 2.63 0 0 0 14 2.631v7.013a2.628 2.628 0 0 0 3.63 2.43a2.63 2.63 0 0 0 1.62-2.43m-2.625 16.658a2.626 2.626 0 0 0 2.625-2.63a2.627 2.627 0 0 0-2.625-2.63H14v2.63a2.627 2.627 0 0 0 2.625 2.63m0-7.014h7a2.628 2.628 0 0 0 2.426-3.636a2.63 2.63 0 0 0-2.426-1.624h-7A2.626 2.626 0 0 0 14 16.658a2.627 2.627 0 0 0 2.625 2.63M0 16.658a2.627 2.627 0 0 0 3.63 2.429a2.63 2.63 0 0 0 1.62-2.429v-2.63H2.625A2.627 2.627 0 0 0 0 16.658m7 0v7.014a2.627 2.627 0 0 0 3.63 2.429a2.63 2.63 0 0 0 1.62-2.43v-7.013a2.628 2.628 0 0 0-3.63-2.429A2.63 2.63 0 0 0 7 16.658\" clip-rule=\"evenodd\"/>",
+      "width": 27,
+      "height": 27
+    },
+    "other-teams": {
+      "body": "<defs><path id=\"svgID0\" d=\"M9.333 11.807v8.61a6.3 6.3 0 0 0 .712 2.916h5.833a1.75 1.75 0 0 0 1.622-1.575V10.5h-6.86a1.307 1.307 0 0 0-1.307 1.307M16.135 7h-3.5a3.84 3.84 0 0 0 3.698 2.695c.397-.006.79-.073 1.167-.198V8.33A1.377 1.377 0 0 0 16.135 7\"/></defs><g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID1)\"><use href=\"#svgID0\" opacity=\".1\"/><path d=\"M26.682 10.5h-5.834l-1.621 1.318v6.522a4.386 4.386 0 0 0 8.761 0v-6.522a1.31 1.31 0 0 0-1.306-1.318m-2.765-1.167a2.917 2.917 0 1 0 0-5.833a2.917 2.917 0 0 0 0 5.833\"/><path d=\"M10.64 10.5h10.22a1.307 1.307 0 0 1 1.307 1.307v8.61a6.416 6.416 0 1 1-12.834 0v-8.61A1.307 1.307 0 0 1 10.64 10.5m5.693-.805a3.862 3.862 0 1 0 0-7.724a3.862 3.862 0 0 0 0 7.724\"/><use href=\"#svgID0\" opacity=\".5\"/><path d=\"M14.968 5.833H1.365C.611 5.833 0 6.444 0 7.198v13.604c0 .753.611 1.365 1.365 1.365h13.603c.754 0 1.365-.612 1.365-1.365V7.198c0-.754-.61-1.365-1.365-1.365\"/></g><defs><clipPath id=\"svgID1\"><path fill=\"#fff\" d=\"M0 0h28v28H0z\"/></clipPath></defs></g>",
+      "width": 28,
+      "height": 28
+    },
+    "plugins-google": {
+      "body": "<g fill=\"currentColor\"><path d=\"M22.501 12.233c0-.863-.071-1.493-.226-2.147h-10.06v3.897h5.905c-.119.968-.762 2.427-2.19 3.407l-.02.13l3.18 2.415l.22.021c2.024-1.831 3.191-4.526 3.191-7.723\"/><path d=\"M12.215 22.5c2.893 0 5.321-.933 7.095-2.543l-3.381-2.567c-.905.618-2.12 1.05-3.714 1.05a6.44 6.44 0 0 1-6.096-4.363l-.125.01l-3.307 2.509l-.044.117c1.762 3.43 5.381 5.787 9.572 5.787\"/><path d=\"M6.12 14.077A6.4 6.4 0 0 1 5.763 12c0-.724.13-1.424.345-2.077l-.006-.139l-3.349-2.549l-.11.051A10.34 10.34 0 0 0 1.502 12c0 1.691.417 3.29 1.143 4.713z\"/><path d=\"M12.215 5.56c2.012 0 3.369.852 4.143 1.563L19.38 4.23c-1.857-1.692-4.273-2.73-7.166-2.73c-4.19 0-7.81 2.357-9.572 5.787l3.465 2.636a6.465 6.465 0 0 1 6.107-4.363\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "plugins-partner-dark": {
+      "body": "<g fill=\"none\"><mask id=\"svgID0\" width=\"18\" height=\"20\" x=\"1\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#932F19\" d=\"M7.333 1.54C8.305.979 8.791.698 9.307.589c.457-.098.93-.098 1.386 0c.516.11 1.002.39 1.974.95l3.327 1.921c.971.561 1.457.842 1.81 1.234c.313.347.549.756.693 1.2c.163.503.163 1.063.163 2.185v3.842c0 1.122 0 1.682-.163 2.185c-.144.444-.38.853-.693 1.2c-.353.392-.839.673-1.81 1.234l-3.327 1.92c-.972.561-1.458.842-1.974.951c-.457.098-.93.098-1.386 0c-.516-.11-1.002-.39-1.974-.95L4.006 16.54c-.971-.561-1.457-.842-1.81-1.234a3.3 3.3 0 0 1-.693-1.2c-.163-.503-.163-1.063-.163-2.185V8.079c0-1.122 0-1.682.163-2.185c.144-.444.38-.853.693-1.2c.353-.392.839-.673 1.81-1.234z\"/><path fill=\"url(#svgID1)\" fill-opacity=\".9\" d=\"M7.333 1.54C8.305.979 8.791.698 9.307.589c.457-.098.93-.098 1.386 0c.516.11 1.002.39 1.974.95l3.327 1.921c.971.561 1.457.842 1.81 1.234c.313.347.549.756.693 1.2c.163.503.163 1.063.163 2.185v3.842c0 1.122 0 1.682-.163 2.185c-.144.444-.38.853-.693 1.2c-.353.392-.839.673-1.81 1.234l-3.327 1.92c-.972.561-1.458.842-1.974.951c-.457.098-.93.098-1.386 0c-.516-.11-1.002-.39-1.974-.95L4.006 16.54c-.971-.561-1.457-.842-1.81-1.234a3.3 3.3 0 0 1-.693-1.2c-.163-.503-.163-1.063-.163-2.185V8.079c0-1.122 0-1.682.163-2.185c.144-.444.38-.853.693-1.2c.353-.392.839-.673 1.81-1.234z\"/><path stroke=\"url(#svgID2)\" stroke-opacity=\".8\" stroke-width=\".556\" d=\"M7.472 1.78c.988-.57 1.43-.82 1.893-.92a3.1 3.1 0 0 1 1.27 0c.463.099.905.35 1.893.92l3.327 1.921c.987.57 1.426.827 1.743 1.179c.286.318.503.693.635 1.1c.146.45.15.959.15 2.1v3.84c0 1.141-.004 1.65-.15 2.1a3.1 3.1 0 0 1-.635 1.1c-.317.352-.756.609-1.743 1.179l-3.327 1.92c-.988.571-1.43.822-1.893.92a3.1 3.1 0 0 1-1.27 0c-.463-.098-.905-.349-1.893-.92L4.145 16.3c-.987-.57-1.426-.827-1.743-1.179a3.1 3.1 0 0 1-.635-1.1c-.146-.45-.15-.959-.15-2.1V8.08c0-1.141.004-1.65.15-2.1c.132-.407.349-.782.635-1.1c.317-.352.756-.609 1.743-1.179z\"/></mask><g mask=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M7.333 1.54C8.305.979 8.791.698 9.307.589c.457-.098.93-.098 1.386 0c.516.11 1.002.39 1.974.95l3.327 1.921c.971.561 1.457.842 1.81 1.234c.313.347.549.756.693 1.2c.163.503.163 1.063.163 2.185v3.842c0 1.122 0 1.682-.163 2.185c-.144.444-.38.853-.693 1.2c-.353.392-.839.673-1.81 1.234l-3.327 1.92c-.972.561-1.458.842-1.974.951c-.457.098-.93.098-1.386 0c-.516-.11-1.002-.39-1.974-.95L4.006 16.54c-.971-.561-1.457-.842-1.81-1.234a3.3 3.3 0 0 1-.693-1.2c-.163-.503-.163-1.063-.163-2.185V8.079c0-1.122 0-1.682.163-2.185c.144-.444.38-.853.693-1.2c.353-.392.839-.673 1.81-1.234z\"/><path fill=\"url(#svgID3)\" fill-opacity=\".9\" d=\"M7.333 1.54C8.305.979 8.791.698 9.307.589c.457-.098.93-.098 1.386 0c.516.11 1.002.39 1.974.95l3.327 1.921c.971.561 1.457.842 1.81 1.234c.313.347.549.756.693 1.2c.163.503.163 1.063.163 2.185v3.842c0 1.122 0 1.682-.163 2.185c-.144.444-.38.853-.693 1.2c-.353.392-.839.673-1.81 1.234l-3.327 1.92c-.972.561-1.458.842-1.974.951c-.457.098-.93.098-1.386 0c-.516-.11-1.002-.39-1.974-.95L4.006 16.54c-.971-.561-1.457-.842-1.81-1.234a3.3 3.3 0 0 1-.693-1.2c-.163-.503-.163-1.063-.163-2.185V8.079c0-1.122 0-1.682.163-2.185c.144-.444.38-.853.693-1.2c.353-.392.839-.673 1.81-1.234z\"/><path stroke=\"url(#svgID4)\" stroke-opacity=\".8\" d=\"M7.583 1.973c1.001-.578 1.407-.806 1.828-.895c.388-.083.79-.083 1.178 0c.42.089.827.317 1.828.895l3.327 1.92c1 .578 1.4.816 1.689 1.136c.265.295.466.642.589 1.02c.132.409.138.875.138 2.03v3.842c0 1.155-.006 1.621-.138 2.03a2.8 2.8 0 0 1-.59 1.02c-.287.32-.688.558-1.688 1.136l-3.327 1.92c-1.001.578-1.407.806-1.828.895c-.388.083-.79.083-1.178 0c-.42-.089-.827-.317-1.828-.895l-3.327-1.92c-1-.578-1.4-.816-1.689-1.136a2.8 2.8 0 0 1-.589-1.02c-.132-.409-.138-.875-.138-2.03V8.079c0-1.155.006-1.621.138-2.03a2.8 2.8 0 0 1 .59-1.02c.287-.32.688-.558 1.688-1.136z\"/><g filter=\"url(#svgID7)\"><path fill=\"url(#svgID5)\" d=\"M11.097 9.648a.517.517 0 0 0-.731 0l-.366.366a1.034 1.034 0 0 1-1.463-1.463L11.45 5.64a3.362 3.362 0 0 1 3.298 5.465l-1.09 1.104zM5.429 6.54a3.36 3.36 0 0 1 4.142-.485L7.806 7.82a2.069 2.069 0 0 0 2.85 2.997l.075-.072l2.194 2.195l-2.194 2.194a1.034 1.034 0 0 1-1.462 0l-3.84-3.84a3.36 3.36 0 0 1 0-4.754\"/></g><path fill=\"url(#svgID6)\" d=\"M0 0h15.556L5.266 20H0z\" opacity=\".5\"/></g><defs><linearGradient id=\"svgID1\" x1=\"0\" x2=\"22.641\" y1=\"0\" y2=\"1.786\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#FF692E\"/><stop offset=\"1\" stop-color=\"#E04F16\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"8.554\" x2=\"19.78\" y1=\"0\" y2=\"12.735\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#fff\" stop-opacity=\".2\"/><stop offset=\"1\" stop-color=\"#FF4405\"/></linearGradient><linearGradient id=\"svgID3\" x1=\"0\" x2=\"22.641\" y1=\"0\" y2=\"1.786\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID4\" x1=\"8.554\" x2=\"19.78\" y1=\"0\" y2=\"12.735\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID5\" x1=\"10\" x2=\"10\" y1=\"5.556\" y2=\"15.437\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID6\" x1=\"-4.786\" x2=\"16.216\" y1=\"4.375\" y2=\"10.4\" gradientUnits=\"userSpaceOnUse\"/><filter id=\"svgID7\" width=\"12.111\" height=\"10.881\" x=\"3.944\" y=\"5.306\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\".25\"/><feGaussianBlur stdDeviation=\".25\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6296_109592\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_6296_109592\" result=\"shape\"/></filter></defs></g>"
+    },
+    "plugins-partner-light": {
+      "body": "<g fill=\"none\"><mask id=\"svgID0\" width=\"18\" height=\"20\" x=\"1\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#F9DBAF\" d=\"M7.333 1.54C8.305.979 8.791.698 9.307.589c.457-.098.93-.098 1.386 0c.516.11 1.002.39 1.974.95l3.327 1.921c.971.561 1.457.842 1.81 1.234c.313.347.549.756.693 1.2c.163.503.163 1.063.163 2.185v3.842c0 1.122 0 1.682-.163 2.185c-.144.444-.38.853-.693 1.2c-.353.392-.839.673-1.81 1.234l-3.327 1.92c-.972.561-1.458.842-1.974.951c-.457.098-.93.098-1.386 0c-.516-.11-1.002-.39-1.974-.95L4.006 16.54c-.971-.561-1.457-.842-1.81-1.234a3.3 3.3 0 0 1-.693-1.2c-.163-.503-.163-1.063-.163-2.185V8.079c0-1.122 0-1.682.163-2.185c.144-.444.38-.853.693-1.2c.353-.392.839-.673 1.81-1.234z\"/><path fill=\"url(#svgID1)\" fill-opacity=\".9\" d=\"M7.333 1.54C8.305.979 8.791.698 9.307.589c.457-.098.93-.098 1.386 0c.516.11 1.002.39 1.974.95l3.327 1.921c.971.561 1.457.842 1.81 1.234c.313.347.549.756.693 1.2c.163.503.163 1.063.163 2.185v3.842c0 1.122 0 1.682-.163 2.185c-.144.444-.38.853-.693 1.2c-.353.392-.839.673-1.81 1.234l-3.327 1.92c-.972.561-1.458.842-1.974.951c-.457.098-.93.098-1.386 0c-.516-.11-1.002-.39-1.974-.95L4.006 16.54c-.971-.561-1.457-.842-1.81-1.234a3.3 3.3 0 0 1-.693-1.2c-.163-.503-.163-1.063-.163-2.185V8.079c0-1.122 0-1.682.163-2.185c.144-.444.38-.853.693-1.2c.353-.392.839-.673 1.81-1.234z\"/><path stroke=\"url(#svgID2)\" stroke-opacity=\".8\" stroke-width=\".556\" d=\"M7.472 1.78c.988-.57 1.43-.82 1.893-.92a3.1 3.1 0 0 1 1.27 0c.463.099.905.35 1.893.92l3.327 1.921c.987.57 1.426.827 1.743 1.179c.286.318.503.693.635 1.1c.146.45.15.959.15 2.1v3.84c0 1.141-.004 1.65-.15 2.1a3.1 3.1 0 0 1-.635 1.1c-.317.352-.756.609-1.743 1.179l-3.327 1.92c-.988.571-1.43.822-1.893.92a3.1 3.1 0 0 1-1.27 0c-.463-.098-.905-.349-1.893-.92L4.145 16.3c-.987-.57-1.426-.827-1.743-1.179a3.1 3.1 0 0 1-.635-1.1c-.146-.45-.15-.959-.15-2.1V8.08c0-1.141.004-1.65.15-2.1c.132-.407.349-.782.635-1.1c.317-.352.756-.609 1.743-1.179z\"/></mask><g mask=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M7.333 1.54C8.305.979 8.791.698 9.307.589c.457-.098.93-.098 1.386 0c.516.11 1.002.39 1.974.95l3.327 1.921c.971.561 1.457.842 1.81 1.234c.313.347.549.756.693 1.2c.163.503.163 1.063.163 2.185v3.842c0 1.122 0 1.682-.163 2.185c-.144.444-.38.853-.693 1.2c-.353.392-.839.673-1.81 1.234l-3.327 1.92c-.972.561-1.458.842-1.974.951c-.457.098-.93.098-1.386 0c-.516-.11-1.002-.39-1.974-.95L4.006 16.54c-.971-.561-1.457-.842-1.81-1.234a3.3 3.3 0 0 1-.693-1.2c-.163-.503-.163-1.063-.163-2.185V8.079c0-1.122 0-1.682.163-2.185c.144-.444.38-.853.693-1.2c.353-.392.839-.673 1.81-1.234z\"/><path fill=\"url(#svgID3)\" fill-opacity=\".9\" d=\"M7.333 1.54C8.305.979 8.791.698 9.307.589c.457-.098.93-.098 1.386 0c.516.11 1.002.39 1.974.95l3.327 1.921c.971.561 1.457.842 1.81 1.234c.313.347.549.756.693 1.2c.163.503.163 1.063.163 2.185v3.842c0 1.122 0 1.682-.163 2.185c-.144.444-.38.853-.693 1.2c-.353.392-.839.673-1.81 1.234l-3.327 1.92c-.972.561-1.458.842-1.974.951c-.457.098-.93.098-1.386 0c-.516-.11-1.002-.39-1.974-.95L4.006 16.54c-.971-.561-1.457-.842-1.81-1.234a3.3 3.3 0 0 1-.693-1.2c-.163-.503-.163-1.063-.163-2.185V8.079c0-1.122 0-1.682.163-2.185c.144-.444.38-.853.693-1.2c.353-.392.839-.673 1.81-1.234z\"/><path stroke=\"url(#svgID4)\" stroke-opacity=\".8\" d=\"M7.583 1.973c1.001-.578 1.407-.806 1.828-.895c.388-.083.79-.083 1.178 0c.42.089.827.317 1.828.895l3.327 1.92c1 .578 1.4.816 1.689 1.136c.265.295.466.642.589 1.02c.132.409.138.875.138 2.03v3.842c0 1.155-.006 1.621-.138 2.03a2.8 2.8 0 0 1-.59 1.02c-.287.32-.688.558-1.688 1.136l-3.327 1.92c-1.001.578-1.407.806-1.828.895c-.388.083-.79.083-1.178 0c-.42-.089-.827-.317-1.828-.895l-3.327-1.92c-1-.578-1.4-.816-1.689-1.136a2.8 2.8 0 0 1-.589-1.02c-.132-.409-.138-.875-.138-2.03V8.079c0-1.155.006-1.621.138-2.03a2.8 2.8 0 0 1 .59-1.02c.287-.32.688-.558 1.688-1.136z\"/><g filter=\"url(#svgID7)\"><path fill=\"url(#svgID5)\" d=\"M11.097 9.649a.517.517 0 0 0-.731 0l-.366.365a1.034 1.034 0 0 1-1.463-1.463L11.45 5.64a3.362 3.362 0 0 1 3.298 5.465l-1.09 1.104zM5.429 6.54a3.36 3.36 0 0 1 4.142-.485L7.806 7.82a2.069 2.069 0 0 0 2.85 2.997l.075-.071l2.194 2.194l-2.194 2.194a1.034 1.034 0 0 1-1.462 0l-3.84-3.84a3.36 3.36 0 0 1 0-4.754\"/></g><path fill=\"url(#svgID6)\" d=\"M0 0h15.556L5.266 20H0z\" opacity=\".5\"/></g><defs><linearGradient id=\"svgID1\" x1=\"0\" x2=\"22.641\" y1=\"0\" y2=\"1.786\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#FF692E\"/><stop offset=\"1\" stop-color=\"#E04F16\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"8.554\" x2=\"19.78\" y1=\"0\" y2=\"12.735\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#fff\" stop-opacity=\".95\"/><stop offset=\"1\" stop-color=\"#E62E05\"/></linearGradient><linearGradient id=\"svgID3\" x1=\"0\" x2=\"22.641\" y1=\"0\" y2=\"1.786\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID4\" x1=\"8.554\" x2=\"19.78\" y1=\"0\" y2=\"12.735\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID5\" x1=\"10\" x2=\"10\" y1=\"5.556\" y2=\"15.437\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID6\" x1=\"-4.786\" x2=\"16.216\" y1=\"4.375\" y2=\"10.4\" gradientUnits=\"userSpaceOnUse\"/><filter id=\"svgID7\" width=\"12.111\" height=\"10.881\" x=\"3.944\" y=\"5.306\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\".25\"/><feGaussianBlur stdDeviation=\".25\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6291_109635\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_6291_109635\" result=\"shape\"/></filter></defs></g>"
+    },
+    "plugins-verified-dark": {
+      "body": "<g fill=\"none\"><mask id=\"svgID0\" width=\"20\" height=\"20\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#003DC1\" fill-rule=\"evenodd\" d=\"M8.088 1.625a2.704 2.704 0 0 1 3.824 0l.9.901c.17.17.4.264.638.264h1.056a2.704 2.704 0 0 1 2.703 2.704V6.55c0 .239.096.468.265.637l.9.901a2.704 2.704 0 0 1 0 3.824l-.9.901a.9.9 0 0 0-.265.637v1.056a2.704 2.704 0 0 1-2.703 2.704H13.45a.9.9 0 0 0-.637.264l-.901.9a2.704 2.704 0 0 1-3.824 0l-.901-.9a.9.9 0 0 0-.637-.264H5.494a2.704 2.704 0 0 1-2.704-2.704V13.45a.9.9 0 0 0-.264-.637l-.9-.901a2.704 2.704 0 0 1 0-3.824l.9-.9a.9.9 0 0 0 .264-.638V5.494A2.704 2.704 0 0 1 5.494 2.79H6.55a.9.9 0 0 0 .637-.264z\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID1)\" fill-opacity=\".9\" fill-rule=\"evenodd\" d=\"M8.088 1.625a2.704 2.704 0 0 1 3.824 0l.9.901c.17.17.4.264.638.264h1.056a2.704 2.704 0 0 1 2.703 2.704V6.55c0 .239.096.468.265.637l.9.901a2.704 2.704 0 0 1 0 3.824l-.9.901a.9.9 0 0 0-.265.637v1.056a2.704 2.704 0 0 1-2.703 2.704H13.45a.9.9 0 0 0-.637.264l-.901.9a2.704 2.704 0 0 1-3.824 0l-.901-.9a.9.9 0 0 0-.637-.264H5.494a2.704 2.704 0 0 1-2.704-2.704V13.45a.9.9 0 0 0-.264-.637l-.9-.901a2.704 2.704 0 0 1 0-3.824l.9-.9a.9.9 0 0 0 .264-.638V5.494A2.704 2.704 0 0 1 5.494 2.79H6.55a.9.9 0 0 0 .637-.264z\" clip-rule=\"evenodd\"/><path stroke=\"url(#svgID2)\" stroke-opacity=\".8\" stroke-width=\".539\" d=\"M8.279 1.816c.95-.95 2.491-.95 3.442 0l.901.901c.22.22.518.343.828.343h1.056a2.434 2.434 0 0 1 2.434 2.434V6.55c0 .31.123.608.343.828l.901.9l.19-.19l-.19.19c.95.951.95 2.493 0 3.443l-.901.901a1.17 1.17 0 0 0-.343.828v1.056a2.434 2.434 0 0 1-2.434 2.434H13.45c-.31 0-.608.123-.828.343l-.901.901c-.95.95-2.492.95-3.442 0l-.901-.901a1.17 1.17 0 0 0-.828-.343H5.494a2.434 2.434 0 0 1-2.434-2.434V13.45c0-.31-.123-.608-.343-.828l-.901-.9a2.434 2.434 0 0 1 0-3.443l.901-.901c.22-.22.343-.518.343-.828V5.494A2.434 2.434 0 0 1 5.494 3.06H6.55c.31 0 .608-.123.828-.343z\"/></mask><g mask=\"url(#svgID0)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.088 1.625a2.704 2.704 0 0 1 3.824 0l.9.901c.17.17.4.264.638.264h1.056a2.704 2.704 0 0 1 2.703 2.704V6.55c0 .239.096.468.265.637l.9.901a2.704 2.704 0 0 1 0 3.824l-.9.901a.9.9 0 0 0-.265.637v1.056a2.704 2.704 0 0 1-2.703 2.704H13.45a.9.9 0 0 0-.637.264l-.901.9a2.704 2.704 0 0 1-3.824 0l-.901-.9a.9.9 0 0 0-.637-.264H5.494a2.704 2.704 0 0 1-2.704-2.704V13.45a.9.9 0 0 0-.264-.637l-.9-.901a2.704 2.704 0 0 1 0-3.824l.9-.9a.9.9 0 0 0 .264-.638V5.494A2.704 2.704 0 0 1 5.494 2.79H6.55a.9.9 0 0 0 .637-.264z\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID3)\" fill-opacity=\".9\" fill-rule=\"evenodd\" d=\"M8.088 1.625a2.704 2.704 0 0 1 3.824 0l.9.901c.17.17.4.264.638.264h1.056a2.704 2.704 0 0 1 2.703 2.704V6.55c0 .239.096.468.265.637l.9.901a2.704 2.704 0 0 1 0 3.824l-.9.901a.9.9 0 0 0-.265.637v1.056a2.704 2.704 0 0 1-2.703 2.704H13.45a.9.9 0 0 0-.637.264l-.901.9a2.704 2.704 0 0 1-3.824 0l-.901-.9a.9.9 0 0 0-.637-.264H5.494a2.704 2.704 0 0 1-2.704-2.704V13.45a.9.9 0 0 0-.264-.637l-.9-.901a2.704 2.704 0 0 1 0-3.824l.9-.9a.9.9 0 0 0 .264-.638V5.494A2.704 2.704 0 0 1 5.494 2.79H6.55a.9.9 0 0 0 .637-.264z\" clip-rule=\"evenodd\"/><path stroke=\"url(#svgID4)\" stroke-opacity=\".8\" d=\"M8.442 1.979c.86-.86 2.255-.86 3.116 0l.901.901c.263.263.62.41.991.41h1.056c1.217 0 2.203.987 2.203 2.204V6.55c0 .371.148.728.41.99l.902.902l.354-.354l-.354.354c.86.86.86 2.256 0 3.116l-.901.901c-.263.263-.41.62-.41.991v1.056a2.203 2.203 0 0 1-2.204 2.204H13.45c-.372 0-.728.147-.99.41l-.902.901c-.86.86-2.256.86-3.116 0l-.901-.901a1.4 1.4 0 0 0-.991-.41H5.494a2.204 2.204 0 0 1-2.204-2.204V13.45c0-.371-.147-.728-.41-.99l-.901-.902a2.204 2.204 0 0 1 0-3.116l.9-.901c.264-.263.411-.62.411-.991V5.494c0-1.217.987-2.204 2.204-2.204H6.55c.371 0 .728-.147.99-.41z\"/><g filter=\"url(#svgID7)\"><path fill=\"url(#svgID5)\" fill-rule=\"evenodd\" d=\"M13.422 6.981a.957.957 0 0 1 .245 1.354l-3.627 5.05a1.015 1.015 0 0 1-1.474.174l-2.073-1.767A.955.955 0 0 1 6.4 10.42a1.016 1.016 0 0 1 1.407-.091l1.236 1.054l2.99-4.163c.316-.44.938-.547 1.389-.239\" clip-rule=\"evenodd\"/></g><path fill=\"url(#svgID6)\" d=\"M0 0h15.556L5.266 20H0z\" opacity=\".5\"/></g><defs><linearGradient id=\"svgID1\" x1=\"16.302\" x2=\"-.372\" y1=\"19.167\" y2=\"14.82\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#296DFF\"/><stop offset=\"1\" stop-color=\"#5289FF\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"8.675\" x2=\"18.965\" y1=\".833\" y2=\"12.507\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#fff\" stop-opacity=\".2\"/><stop offset=\"1\" stop-color=\"#296DFF\"/></linearGradient><linearGradient id=\"svgID3\" x1=\"16.302\" x2=\"-.372\" y1=\"19.167\" y2=\"14.82\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID4\" x1=\"8.675\" x2=\"18.965\" y1=\".833\" y2=\"12.507\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID5\" x1=\"10\" x2=\"10\" y1=\"6.805\" y2=\"13.8\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID6\" x1=\"-4.786\" x2=\"16.216\" y1=\"4.375\" y2=\"10.4\" gradientUnits=\"userSpaceOnUse\"/><filter id=\"svgID7\" width=\"8.695\" height=\"7.995\" x=\"5.653\" y=\"6.555\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\".25\"/><feGaussianBlur stdDeviation=\".25\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6296_109593\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_6296_109593\" result=\"shape\"/></filter></defs></g>"
+    },
+    "plugins-verified-light": {
+      "body": "<g fill=\"none\"><mask id=\"svgID0\" width=\"20\" height=\"20\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:alpha\"><path fill=\"#B2CAFF\" fill-rule=\"evenodd\" d=\"M8.088 1.625a2.704 2.704 0 0 1 3.824 0l.9.901c.17.17.4.264.638.264h1.056a2.704 2.704 0 0 1 2.703 2.704V6.55c0 .239.096.468.265.637l.9.901a2.704 2.704 0 0 1 0 3.824l-.9.9a.9.9 0 0 0-.265.638v1.056a2.704 2.704 0 0 1-2.703 2.703H13.45a.9.9 0 0 0-.637.265l-.901.9a2.704 2.704 0 0 1-3.824 0l-.901-.9a.9.9 0 0 0-.637-.265H5.494a2.704 2.704 0 0 1-2.704-2.703V13.45a.9.9 0 0 0-.264-.637l-.9-.901a2.704 2.704 0 0 1 0-3.824l.9-.901a.9.9 0 0 0 .264-.637V5.494A2.704 2.704 0 0 1 5.494 2.79H6.55a.9.9 0 0 0 .637-.264z\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID1)\" fill-opacity=\".9\" fill-rule=\"evenodd\" d=\"M8.088 1.625a2.704 2.704 0 0 1 3.824 0l.9.901c.17.17.4.264.638.264h1.056a2.704 2.704 0 0 1 2.703 2.704V6.55c0 .239.096.468.265.637l.9.901a2.704 2.704 0 0 1 0 3.824l-.9.9a.9.9 0 0 0-.265.638v1.056a2.704 2.704 0 0 1-2.703 2.703H13.45a.9.9 0 0 0-.637.265l-.901.9a2.704 2.704 0 0 1-3.824 0l-.901-.9a.9.9 0 0 0-.637-.265H5.494a2.704 2.704 0 0 1-2.704-2.703V13.45a.9.9 0 0 0-.264-.637l-.9-.901a2.704 2.704 0 0 1 0-3.824l.9-.901a.9.9 0 0 0 .264-.637V5.494A2.704 2.704 0 0 1 5.494 2.79H6.55a.9.9 0 0 0 .637-.264z\" clip-rule=\"evenodd\"/><path stroke=\"url(#svgID2)\" stroke-opacity=\".8\" stroke-width=\".539\" d=\"M8.279 1.816c.95-.95 2.491-.95 3.442 0l.901.901c.22.22.518.343.828.343h1.056a2.434 2.434 0 0 1 2.434 2.434V6.55c0 .31.123.608.343.828l.901.9l.19-.19l-.19.19c.95.951.95 2.492 0 3.443l-.901.901a1.17 1.17 0 0 0-.343.828v1.056a2.434 2.434 0 0 1-2.434 2.434H13.45c-.31 0-.608.123-.828.343l-.901.901c-.95.95-2.492.95-3.442 0l-.901-.901a1.17 1.17 0 0 0-.828-.343H5.494a2.434 2.434 0 0 1-2.434-2.434V13.45c0-.31-.123-.608-.343-.828l-.901-.9a2.434 2.434 0 0 1 0-3.443l.901-.901c.22-.22.343-.518.343-.828V5.494A2.434 2.434 0 0 1 5.494 3.06H6.55c.31 0 .608-.123.828-.343z\"/></mask><g mask=\"url(#svgID0)\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.088 1.625a2.704 2.704 0 0 1 3.824 0l.9.901c.17.17.4.264.638.264h1.056a2.704 2.704 0 0 1 2.703 2.704V6.55c0 .239.096.468.265.637l.9.901a2.704 2.704 0 0 1 0 3.824l-.9.9a.9.9 0 0 0-.265.638v1.056a2.704 2.704 0 0 1-2.703 2.703H13.45a.9.9 0 0 0-.637.265l-.901.9a2.704 2.704 0 0 1-3.824 0l-.901-.9a.9.9 0 0 0-.637-.265H5.494a2.704 2.704 0 0 1-2.704-2.703V13.45a.9.9 0 0 0-.264-.637l-.9-.901a2.704 2.704 0 0 1 0-3.824l.9-.901a.9.9 0 0 0 .264-.637V5.494A2.704 2.704 0 0 1 5.494 2.79H6.55a.9.9 0 0 0 .637-.264z\" clip-rule=\"evenodd\"/><path fill=\"url(#svgID3)\" fill-opacity=\".9\" fill-rule=\"evenodd\" d=\"M8.088 1.625a2.704 2.704 0 0 1 3.824 0l.9.901c.17.17.4.264.638.264h1.056a2.704 2.704 0 0 1 2.703 2.704V6.55c0 .239.096.468.265.637l.9.901a2.704 2.704 0 0 1 0 3.824l-.9.9a.9.9 0 0 0-.265.638v1.056a2.704 2.704 0 0 1-2.703 2.703H13.45a.9.9 0 0 0-.637.265l-.901.9a2.704 2.704 0 0 1-3.824 0l-.901-.9a.9.9 0 0 0-.637-.265H5.494a2.704 2.704 0 0 1-2.704-2.703V13.45a.9.9 0 0 0-.264-.637l-.9-.901a2.704 2.704 0 0 1 0-3.824l.9-.901a.9.9 0 0 0 .264-.637V5.494A2.704 2.704 0 0 1 5.494 2.79H6.55a.9.9 0 0 0 .637-.264z\" clip-rule=\"evenodd\"/><path stroke=\"url(#svgID4)\" stroke-opacity=\".8\" d=\"M8.442 1.979c.86-.86 2.255-.86 3.116 0l.901.9v.001c.263.263.62.41.991.41h1.056c1.217 0 2.203.987 2.203 2.204V6.55c0 .371.148.728.41.99l.902.902l.354-.354l-.354.354c.86.86.86 2.256 0 3.116l-.901.901c-.263.263-.41.62-.41.991v1.056a2.203 2.203 0 0 1-2.204 2.203H13.45a1.4 1.4 0 0 0-.99.41l-.902.902c-.86.86-2.256.86-3.116 0l-.901-.901a1.4 1.4 0 0 0-.991-.41H5.494a2.204 2.204 0 0 1-2.204-2.204V13.45c0-.371-.147-.728-.41-.99l-.901-.902a2.204 2.204 0 0 1 0-3.116l.9-.901c.264-.263.411-.62.411-.991V5.494c0-1.217.987-2.204 2.204-2.204H6.55c.371 0 .728-.147.99-.41z\"/><g filter=\"url(#svgID7)\"><path fill=\"url(#svgID5)\" fill-rule=\"evenodd\" d=\"M13.422 6.981a.957.957 0 0 1 .245 1.354l-3.627 5.05a1.014 1.014 0 0 1-1.474.174l-2.073-1.767A.955.955 0 0 1 6.4 10.42a1.016 1.016 0 0 1 1.407-.091l1.236 1.054l2.99-4.163c.316-.44.938-.547 1.389-.239\" clip-rule=\"evenodd\"/></g><path fill=\"url(#svgID6)\" d=\"M0 0h15.556L5.266 20H0z\" opacity=\".5\"/></g><defs><linearGradient id=\"svgID1\" x1=\"16.302\" x2=\"-.372\" y1=\"19.167\" y2=\"14.82\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#155AEF\"/><stop offset=\"1\" stop-color=\"#5289FF\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"8.675\" x2=\"18.965\" y1=\".833\" y2=\"12.507\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#fff\" stop-opacity=\".95\"/><stop offset=\"1\" stop-color=\"#155AEF\"/></linearGradient><linearGradient id=\"svgID3\" x1=\"16.302\" x2=\"-.372\" y1=\"19.167\" y2=\"14.82\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID4\" x1=\"8.675\" x2=\"18.965\" y1=\".833\" y2=\"12.507\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID5\" x1=\"10\" x2=\"10\" y1=\"6.805\" y2=\"13.8\" gradientUnits=\"userSpaceOnUse\"/><linearGradient id=\"svgID6\" x1=\"-4.786\" x2=\"16.216\" y1=\"4.375\" y2=\"10.4\" gradientUnits=\"userSpaceOnUse\"/><filter id=\"svgID7\" width=\"8.695\" height=\"7.995\" x=\"5.653\" y=\"6.555\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\".25\"/><feGaussianBlur stdDeviation=\".25\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6295_120949\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_6295_120949\" result=\"shape\"/></filter></defs></g>"
+    },
+    "plugins-web-reader": {
+      "body": "<g fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><path d=\"M9.592 3.326A9 9 0 0 1 12 3a8.96 8.96 0 0 1 5.256 1.693c-.787.52-1.374 1.085-1.78 1.689c-.622.922-.781 1.876-.653 2.747c.125.845.514 1.567.922 2.101c.395.518.88.951 1.308 1.165c1.076.538 2.318.807 3.247.946c.84.126 2.62.546 2.686-.792Q23 12.276 23 12c0-6.075-4.925-11-11-11S1 5.925 1 12s4.925 11 11 11q.276 0 .55-.014a1 1 0 1 0-.1-1.997q-.223.01-.45.011a9 9 0 0 1-8.034-4.939l.969-.559l3.572.669a1.5 1.5 0 0 0 1.776-1.481l-.014-3.153l1.826-3.126a1.5 1.5 0 0 0-.068-1.62z\"/><path d=\"M13.946 12.656a1 1 0 0 0-1.29 1.29l3.167 8.349a1 1 0 0 0 1.863.016l1.321-3.304l3.304-1.32a1 1 0 0 0-.017-1.864z\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "plugins-wikipedia": {
+      "body": "<path fill=\"currentColor\" d=\"M23.843 5h-4.782v.817h.478c.374 0 .711.192.902.513c.191.322.198.71.02 1.038l-5.144 9.44l-2.342-5.584l2.206-4.049a2.6 2.6 0 0 1 2.287-1.358h.262V5h-4.94v.817h.478c.374 0 .71.192.902.513c.19.322.198.71.019 1.038l-1.6 2.937l-1.427-3.4a.77.77 0 0 1 .07-.738a.77.77 0 0 1 .654-.35h.522V5H6.565v.817h.233c1.091 0 2.069.65 2.491 1.656l2.107 5.024l-2.348 4.31l-4.154-9.902a.77.77 0 0 1 .07-.738a.77.77 0 0 1 .654-.35h.718V5H0v.817h.527c1.09 0 2.069.65 2.49 1.656l4.79 11.416a.535.535 0 0 0 .964.05l.625-1.147l2.385-4.377l2.296 5.474a.535.535 0 0 0 .965.049l.624-1.146l5.786-10.617a2.6 2.6 0 0 1 2.287-1.358H24V5z\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "thought-data-set": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M10.5 2.5C10.5 3.328 8.485 4 6 4s-4.5-.672-4.5-1.5m9 0C10.5 1.672 8.485 1 6 1s-4.5.672-4.5 1.5m9 0v7c0 .83-2 1.5-4.5 1.5s-4.5-.67-4.5-1.5v-7m9 3.5c0 .83-2 1.5-4.5 1.5S1.5 6.83 1.5 6\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h12v12H0z\"/></clipPath></defs></g>"
+    },
+    "thought-loading": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M6 1.125v1.25M6 9v2M2.875 6h-1.75m9.5 0h-.75m-.646 3.229l-.354-.354m.457-6.167l-.707.707M2.461 9.539l1.414-1.414m-1.31-5.52l1.06 1.06\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h12v12H0z\"/></clipPath></defs></g>"
+    },
+    "thought-search": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M10.5 10.5L8.75 8.75m1.25-3a4.25 4.25 0 1 1-8.5 0a4.25 4.25 0 0 1 8.5 0\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h12v12H0z\"/></clipPath></defs></g>"
+    },
+    "thought-thought-list": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4 6a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6A.5.5 0 0 1 4 6m0-3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6A.5.5 0 0 1 4 3m0 6a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6A.5.5 0 0 1 4 9M1 6a1 1 0 1 1 2 0a1 1 0 0 1-2 0m0-3a1 1 0 1 1 2 0a1 1 0 0 1-2 0m0 6a1 1 0 1 1 2 0a1 1 0 0 1-2 0\" clip-rule=\"evenodd\"/>"
+    },
+    "thought-web-reader": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M4.5 1.75V1M2.53 2.53L2 2m.53 4.5L2 7.03m4.5-4.5L7.03 2M1.75 4.5H1m6.932 3.595l-1.246 2.313c-.142.265-.213.397-.299.43a.25.25 0 0 1-.225-.022c-.078-.049-.122-.193-.21-.48l-1.73-5.613c-.072-.235-.108-.352-.079-.431a.25.25 0 0 1 .149-.149c.08-.029.196.007.43.08l5.615 1.729c.287.088.43.132.48.21a.25.25 0 0 1 .021.225c-.033.086-.165.157-.43.3L8.095 7.931a.4.4 0 0 0-.076.046a.3.3 0 0 0-.041.04a1 1 0 0 0-.046.077\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h12v12H0z\"/></clipPath></defs></g>"
+    },
+    "tracing-aliyun-icon": {
+      "body": "<g fill=\"none\"><defs><clipPath id=\"svgID0\"><rect width=\"19\" height=\"16\" rx=\"0\"/></clipPath></defs><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path fill-rule=\"evenodd\" d=\"M4.069 14.667q-.415 0-1.013-.294a3 3 0 0 0-.156-.074a4.7 4.7 0 0 1-1.509-1Q.001 11.93 0 10q0-1.93 1.391-3.299q1.156-1.136 2.707-1.328q.201-2.085 1.758-3.616Q7.643 0 10.172 0q2.03 0 3.652 1.191A5.85 5.85 0 0 1 16 4.216l-1.296.395a4.55 4.55 0 0 0-1.692-2.352a4.68 4.68 0 0 0-2.84-.926q-1.967 0-3.357 1.367q-1.39 1.365-1.39 3.3v.667h-.678q-1.403 0-2.397.977T1.356 10t.994 2.356q.47.463 1.079.715q.079.034.233.11q.312.152.407.152z\"/><path d=\"M13.459 7.78a12 12 0 0 0-1.465-.093c-.841 0-1.69.092-2.5.255c-.811.163-1.59.418-2.338.712q-.748.325-1.496.774c-.327.194-.42.643-.226.968l1.98 2.903a.77.77 0 0 0 1.004.224q.195-.132.647-.325a6.7 6.7 0 0 1 1.394-.418c.483-.1.974-.163 1.496-.163l1.426-4.807zm1.815.355l-.257-2.802l-1.558 2.454c.358.031.685.093 1.036.163q0-.008.779.185m-3.21 4.513l-.685 2.322L12.516 16l1.558-.356l.452-2.616c-.327-.093-.647-.194-.974-.256c-.483-.054-.974-.124-1.488-.124m6.264-3.22q-.748-.45-1.496-.774a12 12 0 0 0-1.527-.519v.132l-.841 4.776c.132.062.296.093.42.163q.452.193.647.325c.327.193.81.093 1.005-.225l1.979-2.903c.265-.363.171-.781-.187-.975\"/></g><path fill=\"currentColor\" d=\"M25.044 2.668h9.632V4.04h-9.632zm4.914 5.152q-.7 1.246-1.603 2.59T26.92 12.3l5.586-.518q-1.064-1.624-1.666-2.436l1.218-.784q.728.938 1.785 2.45t1.673 2.534l-1.302.98q-.322-.56-.868-1.428q-1.33.084-3.612.28t-3.864.364l-.56.07l-.476.07l-.42-1.414q.294-.098.448-.203t.259-.196t.147-.133q.644-.616 1.456-1.771t1.484-2.345h-4.354V6.434h12.012V7.82zm12.698-.406v1.162h-1.302V1.814l1.302.056v5.166q.658-1.19 1.232-2.667t.826-2.709l1.372.322q-.126.63-.364 1.428H49.6v1.33h-4.326q-.658 1.82-1.568 3.388zm-4.06-5.068l1.288.056v5.81h-1.288zm7.588 2.618q.504.392 1.316 1.211t1.288 1.407L47.752 8.59q-.406-.518-1.176-1.316t-1.372-1.372zM48.41 9.01v3.696h1.484v1.26H37.392v-1.26h1.456V9.01zm-6.734 1.246h-1.512v2.45h1.512zm1.232 2.45h1.456v-2.45h-1.456zm2.674 0h1.526v-2.45h-1.526zm9.324-5.25l.21.938l-.938.42v4.004q0 .616-.147.917t-.497.427t-1.078.196l-.588.056l-.392-1.33l.686-.056q.35-.028.49-.07t.189-.161t.049-.413V9.36q-.91.364-1.568.588l-.308-1.372q.784-.252 1.876-.7V5.524h-1.47V4.166h1.47V1.758l1.288.056v2.352h1.036v1.358h-1.036v1.792l.63-.294zm1.988-2.912v1.554h-1.33V3.256h3.122q-.266-.91-.42-1.33l1.358-.168q.224.518.518 1.498h3.108v2.842h-1.288V4.544zm2.114 1.778q-.616.616-1.323 1.19t-1.729 1.33l-.714-1.078q1.582-1.036 2.884-2.394zm1.414-.952q.602.406 1.673 1.211t1.561 1.225l-.714 1.176q-.574-.532-1.61-1.33t-1.666-1.218zm2.17 4.886h-2.548v2.31h3.528v1.26h-8.428v-1.26h3.486v-2.31h-2.576V8.982h6.538z\"/></g>",
+      "width": 65
+    },
+    "tracing-aliyun-icon-big": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M6.103 22q-.622 0-1.519-.44a5 5 0 0 0-.234-.111a7.1 7.1 0 0 1-2.263-1.5Q0 17.896 0 15t2.087-4.948q1.735-1.705 4.06-1.993q.3-3.127 2.637-5.424Q11.464 0 15.257 0q3.047 0 5.479 1.786Q23.123 3.541 24 6.324l-1.943.592q-.681-2.163-2.539-3.527Q17.628 2 15.258 2q-2.951 0-5.036 2.05T8.137 9v1H7.12q-2.103 0-3.595 1.466q-1.49 1.466-1.49 3.534q0 2.069 1.49 3.534q.705.693 1.618 1.073q.12.05.35.163q.468.23.61.23z\"/><path d=\"M20.188 11.67a17 17 0 0 0-2.197-.14c-1.262 0-2.536.14-3.751.383c-1.216.244-2.384.627-3.506 1.068q-1.122.488-2.244 1.161c-.49.29-.63.964-.339 1.452l2.969 4.354a1.15 1.15 0 0 0 1.507.337q.292-.198.97-.488c.678-.29 1.367-.488 2.092-.627c.724-.151 1.46-.244 2.244-.244l2.138-7.21zm2.723.533L22.525 8l-2.337 3.68c.538.047 1.028.14 1.554.245q0-.012 1.169.278m-4.815 6.77l-1.028 3.483L18.774 24l2.337-.534l.678-3.925c-.49-.139-.97-.29-1.46-.383c-.725-.081-1.462-.186-2.233-.186m9.396-4.83a19 19 0 0 0-2.244-1.162c-.725-.29-1.508-.58-2.29-.778v.198l-1.263 7.164c.2.092.445.139.631.243q.678.291.97.488c.491.29 1.216.14 1.508-.337l2.968-4.354c.397-.545.257-1.172-.28-1.463m8.293-10.279h14.448V5.92H35.785zm7.371 7.728q-1.05 1.87-2.404 3.885q-1.355 2.016-2.153 2.835l8.379-.777q-1.596-2.436-2.499-3.654l1.827-1.176q1.092 1.407 2.678 3.675t2.509 3.801l-1.953 1.47q-.483-.84-1.302-2.142q-1.995.126-5.418.42t-5.796.546l-.84.105l-.714.105l-.63-2.12q.441-.148.672-.305q.231-.158.389-.294q.157-.137.22-.2q.966-.924 2.184-2.656t2.226-3.518H34V9.511h18.018v2.08zm19.047-.609v1.743H60.25V2.581l1.953.084v7.75q.987-1.786 1.848-4.001T65.29 2.35l2.058.483q-.189.945-.546 2.142h5.817V6.97H66.13q-.987 2.73-2.352 5.082zm-6.09-7.602l1.932.084v8.715h-1.932zm11.382 3.927q.756.588 1.974 1.817q1.218 1.228 1.932 2.11l-1.554 1.512q-.609-.777-1.764-1.974t-2.058-2.058zm3.339 6.07v5.543h2.226v1.89H54.307v-1.89h2.184v-5.544zm-10.101 1.868h-2.268v3.675h2.268zm1.848 3.675h2.184v-3.675h-2.184zm4.011 0h2.289v-3.675h-2.289zm13.986-7.875l.315 1.407l-1.407.63v6.006q0 .924-.22 1.376q-.221.451-.746.64q-.525.19-1.617.294l-.882.084l-.588-1.995l1.029-.084q.525-.042.735-.105t.284-.241t.073-.62V13.9q-1.365.546-2.352.882l-.462-2.058q1.176-.378 2.814-1.05V8.146h-2.205V6.11h2.205V2.497l1.932.084V6.11h1.554v2.037h-1.554v2.688l.945-.44zm2.982-4.368v2.331h-1.995V4.744h4.683q-.399-1.365-.63-1.995l2.037-.252q.336.777.777 2.247h4.662v4.263h-1.932v-2.33zm3.171 2.667q-.924.924-1.984 1.785t-2.594 1.995l-1.071-1.617q2.373-1.554 4.326-3.59zm2.121-1.428q.903.61 2.51 1.817t2.341 1.837l-1.071 1.764q-.861-.798-2.415-1.995t-2.499-1.827zm3.255 7.33h-3.822v3.464h5.292v1.89H80.935v-1.89h5.229v-3.465H82.3v-1.91h9.807z\"/></g>",
+      "width": 96,
+      "height": 24
+    },
+    "tracing-arize-icon": {
+      "body": "<path fill=\"none\" d=\"M0 0h74v16H0z\"/><path fill=\"currentColor\" d=\"M67.29 9.7h-7.52c0 .08 0 .15.01.21c.35 1.03 1.03 1.73 2.13 1.92c1.13.19 2.14 0 2.86-1.01c.06-.09.19-.18.29-.19c.66-.02 1.33 0 1.99 0c-.1 1.79-2.59 3.32-5.07 3.14c-2.66-.2-4.61-2.53-4.39-5.25c.25-3.08 2.44-4.88 5.58-4.56c2.7.27 4.45 2.69 4.12 5.76Zm-7.48-1.93h5.3c-.28-1.25-1.36-2.01-2.78-1.98c-1.25.03-2.32.87-2.52 1.98M13.87 1.69c.4-.02.74.17.99.54c2.03 2.92 4.06 5.85 6.08 8.77c.42.61.28 1.33-.29 1.73c-.56.39-1.31.24-1.74-.38c-1.4-2.01-2.79-4.02-4.19-6.04c-.03-.04-.05-.08-.08-.11c-.55-.78-1.1-.78-1.64 0l-4.23 6.09c-.23.34-.52.59-.93.63c-.51.06-.92-.13-1.19-.57c-.28-.46-.25-.92.05-1.35c.68-.98 1.36-1.96 2.04-2.93c1.34-1.93 2.68-3.85 4.02-5.78c.26-.37.59-.6 1.11-.59Zm21.36 11.93h-2.01v-.77c-.07.01-.1 0-.13.02c-1.64 1.16-3.39 1.25-5.12.34c-1.74-.92-2.47-2.51-2.45-4.45c.02-2.17 1.22-3.97 3.1-4.57c1.57-.5 3.09-.45 4.46.62c.02.02.06.02.14.05v-.79h2.02v9.54Zm-7.66-4.74c0 .11.01.31.03.5c.14 1.39 1.18 2.39 2.61 2.51c1.4.12 2.53-.63 2.92-1.97c.09-.32.14-.65.15-.98c.09-2.15-1.5-3.51-3.56-3.07c-1.28.27-2.13 1.43-2.15 3.02Zm26.04-2.95h-4.96V4.08h7.76c0 .54.01 1.07 0 1.61c0 .12-.12.24-.21.34c-1.52 1.79-3.05 3.57-4.57 5.36c-.07.09-.14.18-.26.32h5.02v1.91h-7.83c0-.54-.01-1.08 0-1.61c0-.11.11-.22.19-.31c1.55-1.83 3.1-3.65 4.64-5.47c.06-.07.11-.14.21-.28ZM39.6 13.69h-2.02V4.15h2.02v1.03c.54-.32 1.04-.68 1.58-.94c.57-.28 1.19-.27 1.85-.23v1.96c-.1 0-.2.02-.3.02c-1.58.02-2.68.9-3.01 2.46c-.08.38-.11.77-.11 1.16c-.01 1.24 0 2.47 0 3.71v.38Zm5.14-9.63h1.99v9.56h-1.99zm-30.92 8.96c.84 0 1.49.64 1.5 1.46c0 .83-.68 1.53-1.5 1.52c-.82 0-1.47-.67-1.48-1.5c0-.83.64-1.48 1.47-1.48ZM47.13 1.41c0 .8-.61 1.43-1.39 1.43c-.8 0-1.44-.63-1.44-1.43c0-.78.63-1.41 1.42-1.41s1.41.62 1.41 1.41\"/>"
+    },
+    "tracing-arize-icon-big": {
+      "body": "<path fill=\"none\" d=\"M0 0h111v24H0z\"/><path fill=\"currentColor\" d=\"M100.94 14.55H89.65c0 .13-.01.23.02.31c.53 1.55 1.54 2.59 3.19 2.88c1.7.29 3.22 0 4.3-1.52c.09-.13.28-.27.43-.28c.99-.02 1.99-.01 2.99-.01c-.16 2.69-3.89 4.98-7.6 4.7c-3.99-.3-6.91-3.79-6.58-7.88c.37-4.62 3.67-7.31 8.37-6.85c4.05.4 6.68 4.04 6.19 8.64Zm-11.23-2.89h7.96c-.43-1.88-2.04-3.02-4.17-2.97c-1.87.04-3.48 1.3-3.78 2.97Zm-68.9-9.13c.59-.03 1.11.26 1.49.8c3.05 4.38 6.09 8.77 9.13 13.16c.63.91.43 1.99-.43 2.59c-.84.59-1.97.35-2.62-.57c-2.1-3.01-4.19-6.04-6.28-9.05c-.04-.06-.08-.11-.12-.17c-.83-1.17-1.65-1.18-2.47 0c-2.11 3.05-4.23 6.09-6.34 9.14c-.35.5-.77.88-1.4.95c-.77.08-1.39-.19-1.79-.86c-.41-.69-.38-1.38.07-2.03c1.01-1.47 2.04-2.93 3.06-4.4c2.01-2.89 4.03-5.77 6.03-8.67c.39-.56.88-.9 1.67-.89m32.03 17.9h-3.02v-1.16c-.1.02-.16.01-.19.03c-2.46 1.73-5.09 1.88-7.68.51c-2.61-1.38-3.71-3.77-3.68-6.67c.03-3.26 1.82-5.96 4.64-6.86c2.35-.75 4.64-.67 6.69.93c.04.03.09.03.2.07V6.1h3.03v14.31Zm-11.48-7.11c.01.17.02.46.05.75c.22 2.09 1.76 3.58 3.91 3.76c2.1.18 3.8-.95 4.38-2.96c.14-.47.2-.98.22-1.47c.13-3.22-2.25-5.27-5.33-4.61c-1.92.41-3.19 2.14-3.23 4.53M80.41 8.9h-7.44V6.13h11.64c0 .81.02 1.61-.01 2.41c0 .17-.19.35-.32.51c-2.28 2.68-4.57 5.36-6.85 8.04c-.11.13-.21.26-.38.47h7.53v2.86H72.84c0-.82-.02-1.62.01-2.42c0-.16.17-.33.28-.47c2.32-2.74 4.64-5.47 6.96-8.21c.09-.1.16-.21.32-.42M59.39 20.54h-3.03V6.22h3.03v1.54c.8-.48 1.55-1.01 2.37-1.41c.85-.41 1.79-.41 2.77-.35v2.94c-.16.01-.3.03-.45.03c-2.37.03-4.01 1.36-4.51 3.69c-.12.57-.16 1.16-.16 1.74c-.02 1.85 0 3.71 0 5.56v.57ZM67.1 6.09h2.99v14.33H67.1zM20.73 19.53c1.25 0 2.24.96 2.25 2.19c.01 1.24-1.02 2.29-2.24 2.28a2.245 2.245 0 0 1-2.22-2.24c0-1.25.96-2.22 2.21-2.22ZM70.7 2.11c0 1.19-.92 2.14-2.09 2.15a2.14 2.14 0 0 1-2.16-2.14A2.13 2.13 0 0 1 68.58 0a2.1 2.1 0 0 1 2.12 2.11\"/>",
+      "width": 111,
+      "height": 24
+    },
+    "tracing-databricks-icon": {
+      "body": "<g fill=\"currentColor\"><path d=\"m13.887 6.598l-6.54 3.722L.353 6.344l-.336.183v2.887l7.332 4.164l6.539-3.71v1.53l-6.54 3.723l-6.995-3.976l-.336.183v.496l7.332 4.16l7.324-4.16v-2.89l-.34-.184l-6.984 3.965L.8 9.004V7.477l6.547 3.71l7.324-4.164V4.176l-.367-.211l-6.957 3.95l-6.211-3.513L7.347.88l5.106 2.902l.45-.254v-.355L7.347.016L.016 4.176v.453l7.332 4.164l6.539-3.723Zm14.488 7.023V.906h-1.937v4.758c0 .07-.043.129-.114.156c-.07.028-.14 0-.18-.043C25.485 5 24.462 4.56 23.34 4.56c-2.399 0-4.281 2.039-4.281 4.644c0 1.274.437 2.45 1.234 3.313a4.1 4.1 0 0 0 3.047 1.332c1.105 0 2.129-.47 2.805-1.274c.039-.058.125-.07.18-.058c.07.03.113.086.113.156v.95Zm-4.617-1.543c-1.543 0-2.746-1.262-2.746-2.875s1.203-2.875 2.746-2.875s2.75 1.262 2.75 2.875s-1.207 2.875-2.75 2.875m14.965 1.543V4.773H36.8v.891c0 .07-.04.129-.11.156c-.07.028-.14 0-.183-.058c-.645-.778-1.656-1.215-2.805-1.215c-2.398 0-4.277 2.039-4.277 4.64c0 2.606 1.879 4.645 4.277 4.645c1.11 0 2.133-.465 2.805-1.285c.043-.059.125-.074.183-.059c.07.028.11.086.11.157v.96h1.922Zm-4.586-1.543c-1.543 0-2.75-1.262-2.75-2.875s1.207-2.875 2.75-2.875s2.75 1.262 2.75 2.875s-1.207 2.875-2.75 2.875m21.039 1.543V4.773h-1.922v.891c0 .07-.043.129-.113.156a.15.15 0 0 1-.18-.058c-.648-.778-1.656-1.215-2.809-1.215c-2.41 0-4.277 2.039-4.277 4.656c0 2.621 1.883 4.645 4.277 4.645c1.11 0 2.133-.47 2.809-1.29c.039-.054.125-.07.18-.054c.07.027.113.082.113.156v.961Zm-4.586-1.543c-1.543 0-2.75-1.262-2.75-2.875s1.207-2.875 2.75-2.875s2.75 1.262 2.75 2.875s-1.207 2.875-2.75 2.875m8.105.496c.016 0 .043-.015.055-.015c.043 0 .102.027.129.058c.66.778 1.684 1.215 2.805 1.215c2.398 0 4.277-2.039 4.277-4.645c0-1.273-.434-2.449-1.234-3.312a4.1 4.1 0 0 0-3.043-1.328c-1.11 0-2.133.465-2.805 1.273c-.043.055-.113.07-.184.055c-.07-.027-.113-.082-.113-.156V.906h-1.934v12.715h1.934v-.89c0-.07.043-.13.113-.157m-.195-3.37c0-1.614 1.207-2.876 2.75-2.876s2.746 1.262 2.746 2.875s-1.203 2.875-2.746 2.875s-2.75-1.273-2.75-2.875m13.059-2.617c.18 0 .347.012.46.039V4.617a1.7 1.7 0 0 0-.324-.031a2.82 2.82 0 0 0-2.425 1.36c-.04.074-.11.1-.18.074a.17.17 0 0 1-.13-.157v-1.09h-1.92v8.864h1.937v-3.91c0-1.938.98-3.141 2.582-3.141m1.679-1.813h1.965v8.864h-1.965Zm.957-3.851c-.66 0-1.195.535-1.195 1.203a1.2 1.2 0 0 0 1.195 1.203c.657 0 1.192-.539 1.192-1.203c0-.668-.535-1.203-1.192-1.203m6.758 3.625c-2.691 0-4.64 1.953-4.64 4.656c0 1.317.46 2.492 1.289 3.344c.84.848 2.02 1.316 3.34 1.316c1.093 0 1.933-.215 3.53-1.402l-1.105-1.176c-.785.524-1.515.777-2.23.777c-1.63 0-2.848-1.23-2.848-2.859s1.219-2.86 2.848-2.86c.77 0 1.484.255 2.203.778l1.23-1.176c-1.44-1.245-2.746-1.398-3.617-1.398m6.93 5.18a.16.16 0 0 1 .113-.043h.012c.043 0 .086.03.125.058l3.101 3.88h2.383l-4.012-4.9c-.054-.07-.054-.171.016-.226l3.688-3.723H90.94L87.758 8c-.043.043-.113.055-.184.043a.17.17 0 0 1-.097-.156V.922h-1.95v12.715h1.934V10.18c0-.043.016-.098.055-.125Zm0 0\"/><path d=\"M96.773 13.848c1.586 0 3.2-.977 3.2-2.832c0-1.22-.758-2.055-2.301-2.563l-1.05-.355c-.716-.239-1.056-.578-1.056-1.047c0-.54.477-.906 1.153-.906c.644 0 1.219.425 1.586 1.16l1.554-.848c-.574-1.191-1.765-1.926-3.14-1.926c-1.739 0-3.004 1.133-3.004 2.676c0 1.23.73 2.055 2.23 2.535l1.082.352c.758.242 1.078.554 1.078 1.05c0 .75-.687 1.02-1.273 1.02c-.789 0-1.488-.512-1.824-1.348l-1.586.852c.52 1.344 1.797 2.18 3.351 2.18m-52.663-.086c.617 0 1.163-.055 1.472-.098v-1.7c-.254.028-.703.056-.969.056c-.785 0-1.386-.141-1.386-1.852v-3.64c0-.098.07-.169.168-.169h1.894V4.758h-1.894c-.098 0-.168-.07-.168-.172V2.039h-1.938v2.563c0 .097-.07.171-.168.171h-1.344v1.598h1.344c.098 0 .168.07.168.172v4.117c0 3.102 2.05 3.102 2.82 3.102m0 0\"/></g>",
+      "width": 100
+    },
+    "tracing-databricks-icon-big": {
+      "body": "<g fill=\"currentColor\"><path d=\"m20.965 9.898l-9.867 5.586L.53 9.516l-.511.277v4.332l11.078 6.242l9.867-5.562v2.293l-9.867 5.586L.53 16.714l-.511.278v.742l11.078 6.246l11.054-6.246v-4.332l-.507-.277l-10.547 5.95l-9.891-5.567v-2.293l9.89 5.562l11.055-6.242v-4.27l-.55-.32l-10.504 5.926l-9.383-5.266l9.383-5.289l7.707 4.356l.68-.383v-.531L11.097.02L.02 6.266v.68l11.078 6.242l9.867-5.583Zm21.879 10.536V1.359h-2.922v7.137c0 .106-.067.191-.172.234a.25.25 0 0 1-.273-.066c-.997-1.168-2.543-1.824-4.235-1.824c-3.625 0-6.46 3.058-6.46 6.965c0 1.914.656 3.675 1.863 4.968a6.2 6.2 0 0 0 4.597 2c1.672 0 3.219-.703 4.235-1.914c.062-.086.191-.105.273-.086c.105.043.172.13.172.235v1.426Zm-6.969-2.317c-2.328 0-4.148-1.89-4.148-4.312s1.82-4.313 4.148-4.313c2.332 0 4.152 1.89 4.152 4.313s-1.82 4.312-4.152 4.312m22.598 2.317V7.156H55.57v1.34c0 .106-.062.191-.168.234c-.105.043-.21 0-.277-.085c-.973-1.168-2.496-1.829-4.234-1.829c-3.621 0-6.457 3.059-6.457 6.97c0 3.905 2.836 6.964 6.457 6.964c1.672 0 3.218-.7 4.234-1.934c.066-.082.191-.105.277-.082c.106.04.168.125.168.23v1.446h2.903Zm-6.926-2.317c-2.328 0-4.149-1.89-4.149-4.312s1.82-4.313 4.149-4.313c2.332 0 4.152 1.89 4.152 4.313s-1.82 4.312-4.152 4.312m31.769 2.317V7.156h-2.902v1.34c0 .106-.062.191-.172.234c-.105.043-.21 0-.273-.085c-.973-1.168-2.5-1.829-4.235-1.829c-3.644 0-6.46 3.059-6.46 6.989s2.84 6.968 6.46 6.968c1.672 0 3.22-.703 4.235-1.933c.062-.086.191-.106.273-.086c.11.043.172.129.172.234v1.446Zm-6.925-2.317c-2.332 0-4.153-1.89-4.153-4.312s1.82-4.313 4.153-4.313c2.328 0 4.148 1.89 4.148 4.313s-1.82 4.312-4.148 4.312m12.238.743c.023 0 .066-.02.086-.02a.32.32 0 0 1 .191.086c.996 1.168 2.54 1.824 4.235 1.824c3.62 0 6.46-3.059 6.46-6.965c0-1.914-.656-3.676-1.863-4.972a6.22 6.22 0 0 0-4.597-1.997c-1.672 0-3.22.704-4.235 1.914c-.062.082-.172.106-.277.082a.24.24 0 0 1-.168-.23V1.359h-2.922v19.075h2.922v-1.34c0-.106.062-.192.168-.235m-.297-5.055c0-2.422 1.824-4.313 4.152-4.313s4.153 1.89 4.153 4.313s-1.825 4.312-4.153 4.312s-4.152-1.91-4.152-4.312m19.718-3.929c.274 0 .532.023.7.066V6.926a2.6 2.6 0 0 0-.488-.043c-1.524 0-2.922.785-3.664 2.039c-.063.105-.168.148-.274.105a.25.25 0 0 1-.191-.234V7.156h-2.903v13.297h2.922V14.59c0-2.91 1.485-4.715 3.899-4.715m2.543-2.719h2.965v13.297h-2.965Zm1.437-5.777c-.996 0-1.8.809-1.8 1.809a1.801 1.801 0 1 0 3.601 0c0-1-.805-1.81-1.8-1.81m10.206 5.438c-4.062 0-7.008 2.934-7.008 6.989c0 1.976.7 3.738 1.95 5.011c1.27 1.278 3.047 1.977 5.039 1.977c1.652 0 2.922-.32 5.336-2.102l-1.672-1.765c-1.188.789-2.29 1.168-3.367 1.168c-2.457 0-4.301-1.848-4.301-4.29c0-2.44 1.844-4.288 4.3-4.288c1.165 0 2.247.382 3.325 1.168l1.863-1.762c-2.18-1.871-4.148-2.106-5.465-2.106m10.465 7.774a.24.24 0 0 1 .168-.063h.024c.062 0 .125.043.187.086l4.684 5.82h3.597l-6.054-7.351c-.086-.105-.086-.254.02-.34l5.57-5.586h-3.579L132.512 12c-.063.063-.168.086-.278.063a.26.26 0 0 1-.144-.231V1.379h-2.945v19.074h2.921V15.27c0-.063.024-.149.086-.192Zm0 0\"/><path d=\"M146.129 20.773c2.394 0 4.828-1.468 4.828-4.25c0-1.824-1.144-3.078-3.473-3.843l-1.59-.532c-1.078-.359-1.585-.87-1.585-1.57c0-.808.718-1.36 1.734-1.36c.977 0 1.844.637 2.394 1.743l2.352-1.277c-.871-1.782-2.668-2.887-4.746-2.887c-2.625 0-4.531 1.7-4.531 4.016c0 1.847 1.101 3.078 3.367 3.8l1.633.532c1.14.359 1.629.828 1.629 1.57c0 1.125-1.04 1.531-1.926 1.531c-1.188 0-2.246-.766-2.754-2.02l-2.395 1.274c.786 2.02 2.711 3.273 5.063 3.273m-79.524-.128c.93 0 1.758-.086 2.223-.149v-2.55c-.379.042-1.058.085-1.46.085c-1.188 0-2.098-.21-2.098-2.781V9.793c0-.152.105-.258.253-.258h2.86V7.137h-2.86a.244.244 0 0 1-.253-.254V3.059h-2.922v3.843a.244.244 0 0 1-.254.254h-2.032V9.56h2.032c.148 0 .254.105.254.254v6.18c0 4.652 3.093 4.652 4.257 4.652m0 0\"/></g>",
+      "width": 151,
+      "height": 24
+    },
+    "tracing-langfuse-icon": {
+      "body": "<g fill=\"none\"><mask id=\"svgID0\" width=\"96\" height=\"16\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M95.573 0H0v16h95.573z\"/></mask><g mask=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M21.283 11.543V3.727h1.09v6.77h4.02v1.046zM27.7 7.448c.22-1.134 1.19-1.872 2.423-1.872c1.421 0 2.357.826 2.357 2.444v2.213c0 .253.11.363.353.363h.253v.947h-.309c-.704 0-1.123-.374-1.233-.892c-.22.54-.903 1.024-1.817 1.024c-1.178 0-2.126-.616-2.126-1.662c0-1.211.892-1.552 2.236-1.806l1.575-.308c-.011-.892-.518-1.332-1.3-1.332c-.66 0-1.145.396-1.277.958zm1.025 2.543c.01.407.363.748 1.134.748c.881 0 1.575-.616 1.575-1.662v-.253l-1.256.22c-.814.143-1.453.21-1.453.947m5.821-4.283h.98l.034.98c.308-.749.958-1.112 1.74-1.112c1.3 0 1.938.958 1.938 2.213v3.754H38.17V8.064c0-1.035-.342-1.574-1.146-1.574c-.848 0-1.41.54-1.41 1.574v3.48h-1.068zm8.685 5.527c-1.442 0-2.467-1.156-2.467-2.797c0-1.695 1.025-2.862 2.467-2.862c.782 0 1.465.418 1.73 1.024l.01-.892h1.025v5.197c-.011 1.596-1.025 2.422-2.588 2.422c-1.278 0-2.203-.672-2.478-1.685l1.123-.077c.231.507.683.804 1.355.804c.947 0 1.508-.43 1.52-1.233v-.87c-.298.562-1.003.969-1.697.969m-1.343-2.808c0 1.101.583 1.872 1.542 1.872c.936 0 1.508-.77 1.52-1.872c.021-1.09-.562-1.86-1.52-1.86c-.959 0-1.542.77-1.542 1.86m7.11-2.972c0-1.079.54-1.728 1.729-1.728h1.608v.946h-1.63c-.375 0-.639.287-.639.76v.65h2.192v.946h-2.192v4.514h-1.068V7.03h-1.531v-.946h1.53zm9.907 6.088h-1.013l-.011-.947c-.309.727-.947 1.08-1.696 1.08c-1.278 0-1.905-.959-1.905-2.214V5.708h1.068v3.48c0 1.034.341 1.573 1.112 1.573c.826 0 1.377-.539 1.377-1.574V5.708h1.068zm5.624-4.007c-.122-.617-.694-.97-1.377-.97c-.562 0-1.08.276-1.068.816c0 .583.705.715 1.354.88c1.113.276 2.225.683 2.225 1.773c0 1.145-1.101 1.64-2.313 1.64c-1.365 0-2.478-.77-2.566-1.981l1.124-.067c.11.65.693 1.057 1.442 1.057c.584 0 1.19-.154 1.19-.704c0-.573-.738-.672-1.388-.826c-1.101-.264-2.192-.671-2.192-1.728c0-1.178 1.058-1.85 2.291-1.85c1.234 0 2.192.738 2.379 1.894zm2.682 1.09c0-1.86 1.069-3.05 2.71-3.05c1.31 0 2.5.848 2.588 2.95v.408h-4.163c.088 1.1.65 1.75 1.575 1.75c.583 0 1.112-.34 1.365-.924l1.135.099c-.33 1.112-1.333 1.816-2.5 1.816c-1.641 0-2.71-1.189-2.71-3.05m1.168-.55h2.962c-.154-1.113-.76-1.51-1.42-1.51c-.848 0-1.388.562-1.542 1.51\"/><mask id=\"svgID1\" width=\"17\" height=\"18\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M16.362-.051H.203v16.153h16.16z\"/></mask><g fill=\"currentColor\" mask=\"url(#svgID1)\"><path stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"1.707\" d=\"M14.626 11.236a4.17 4.17 0 0 1-3.032 1.698l-.115.008c-1.442.072-2.532-.586-3.254-1.197c-1.279-.676-2.279-.847-2.864-.994a3.3 3.3 0 0 1-.958-.428a1.81 1.81 0 0 1-.886-1.606a7 7 0 0 1 .94-.06c1.291-.002 2.293.061 3.022.385c.394.174.76.407 1.085.69c.419.366 1.275.943 2.33.746q.2-.038.386-.1a4.5 4.5 0 0 1 3.346.858Zm-.096-6.629c-.32-.416-.711-.809-1.172-1.077a4.5 4.5 0 0 0-1.875-.598c-1.85-.163-3.116.863-3.347 1.058c-.287.269-1.434 1.221-2.816 1.75a2.73 2.73 0 0 0-1.679 1.69q.248.034.51.049c1.34.075 2.49.082 3.244-.287a4.5 4.5 0 0 0 1.31-.995c.677-.731 1.666-1.057 2.566-.834a4.6 4.6 0 0 0 1.966-.153c.575-.176 1.003-.398 1.293-.604Zm-12.56.308A6 6 0 0 1 .782 4.11a.236.236 0 0 0-.39.18v1.664c0 .072.032.141.088.186l.683.656a3.84 3.84 0 0 1 .807-1.88ZM12.952 8.63c.078-.24.121-.493.128-.75c.005-.203-.018-.279-.054-.475c.364-.061.817-.16 1.23-.267c.437-.113.76-.244 1.123-.374c.053.253.108.377.128.565a6.5 6.5 0 0 1-.141 2.148a9 9 0 0 0-2.414-.847ZM.766 12.145a.236.236 0 0 1-.374-.193V9.907a.24.24 0 0 1 .113-.203l.676-.29a5.2 5.2 0 0 0 .789 1.95z\"/><path fill-rule=\"evenodd\" d=\"M5.119 3.213c1.351-.067 2.362.499 2.883.877c-.394.348-1.462 1.189-2.724 1.674a3 3 0 0 0-.327.141a2.64 2.64 0 0 0-1.48 2.304q-.007.24.025.48h-.007a1.8 1.8 0 0 0 .886 1.593c.07.047.181.114.32.184a2.7 2.7 0 0 0 .637.241l.237.057c.602.143 1.515.36 2.634.948q.17.143.365.284q-.06.053-.1.091c-.23.196-1.497 1.227-3.35 1.063a4.5 4.5 0 0 1-1.876-.6a4.2 4.2 0 0 1-1.792-2.142a6.46 6.46 0 0 1-.153-4.157c.501-1.673 1.963-2.9 3.706-3.03zm9.467 7.971a4.54 4.54 0 0 0-3.338-.847q-.186.061-.387.1c-1.054.195-1.91-.378-2.328-.74a4 4 0 0 0-.251-.202a4.3 4.3 0 0 1 .928-.627c.754-.37 1.905-.362 3.246-.288a6.5 6.5 0 0 1 3.632 1.387c.057.045.09.113.09.185v1.66a.237.237 0 0 1-.393.18a6 6 0 0 0-1.199-.808m-5.922-4.96a5 5 0 0 1-.382.374q.39.289.834.484c.729.322 1.73.384 3.02.383a7.63 7.63 0 0 0 3.928-1.104a.24.24 0 0 0 .113-.202V4.122a.237.237 0 0 0-.376-.193c-.373.268-.927.61-1.64.88a4.5 4.5 0 0 1-2.928.578c-.9-.225-1.89.103-2.569.838\" clip-rule=\"evenodd\"/><path d=\"m8.002 4.09l.135.153l.191-.169l-.206-.15zm-2.884-.877l-.01-.204h-.001zm.16 2.551l.068.193l.003-.001l.002-.001zm-.327.141l.09.184h.001l.002-.002zM3.495 8.688l.027.203l.204-.027l-.028-.203zm-.006.001l-.027-.202l-.174.023l-.004.175zm.885 1.593l.114-.17l-.005-.003l-.005-.003zm.32.184l.097-.18l-.002-.002h-.002zm.545.216l.056-.196zm2.963 1.03l.132-.157l-.017-.014l-.02-.01zm.366.284l.136.152l.19-.17l-.207-.149zm-.1.092l.132.156l.004-.004l.004-.004zm-5.226.462l.103-.177zM1.025 8.208l.204-.003zm.271-1.957L1.1 6.192zm3.707-3.03l-.014-.205h-.002zm0 0l.014.203zm8.038 7.22l.052-.197zm1.544.743l-.121.165l.013.01l.016.008zm-3.338-.846l-.029-.202l-.017.002l-.017.006zm-.386.098l.037.201zm-2.328-.74l.133-.154zm-.252-.2l-.135-.154l-.19.167l.203.15zm4.174-.916l.012-.204zm3.633 1.387l.127-.16zm-.303 2.024l.134-.154zM8.282 6.599l-.135-.153l-.19.167l.203.15zm.834.485l.082-.187zm3.02.382v.204zm3.927-1.104l.106.175zM14.16 4.81l-.073-.192l-.016.006l-.015.01zm-2.928.578l-.05.198l.011.003l.011.001zm-3.11-1.462c-.542-.394-1.599-.987-3.014-.916l.02.408c1.288-.064 2.253.475 2.753.838zM5.35 5.955c1.294-.498 2.383-1.356 2.786-1.712l-.27-.306c-.386.34-1.433 1.163-2.663 1.636zm-.307.132c.12-.06.224-.102.302-.13l-.137-.385a3 3 0 0 0-.351.151zm-1.37 2.127A2.43 2.43 0 0 1 5.04 6.089l-.18-.367a2.84 2.84 0 0 0-1.596 2.482zm.024.447a3 3 0 0 1-.024-.447l-.409-.01a3 3 0 0 0 .028.512zm-.183.231h.007l-.053-.406h-.007zm.398.649a1.6 1.6 0 0 1-.22-.847l-.409-.01a2 2 0 0 0 .276 1.064zm.565.565a1.6 1.6 0 0 1-.565-.565l-.353.207c.236.402.553.618.71.71zm.309.177a3 3 0 0 1-.3-.171l-.226.34c.077.052.195.123.342.197zm.507.203a2.5 2.5 0 0 1-.503-.2l-.192.36q.264.143.584.233zm.087.023l-.086-.023l-.113.393l.1.027zm.235.057l-.235-.057l-.1.397l.24.057zm2.681.965c-1.142-.6-2.075-.822-2.681-.965l-.095.397c.599.143 1.49.354 2.586.93zm.39.298a6 6 0 0 1-.353-.274l-.263.313q.174.148.378.294zm-.079.407l.096-.088l-.273-.305l-.104.096zM5.1 13.354c1.937.172 3.258-.906 3.5-1.11l-.264-.312c-.22.185-1.432 1.171-3.2 1.015zm-1.961-.628c.512.3 1.168.558 1.961.628l.036-.407a4.3 4.3 0 0 1-1.79-.574zm-1.88-2.246a4.4 4.4 0 0 0 1.88 2.246l.206-.353a4 4 0 0 1-1.704-2.038zM.82 8.211c.014.906.212 1.675.438 2.27l.383-.146a6.3 6.3 0 0 1-.412-2.13zm.28-2.019a6.7 6.7 0 0 0-.28 2.02l.41-.008a6.2 6.2 0 0 1 .262-1.895zm3.887-3.176c-1.83.138-3.362 1.426-3.887 3.176l.392.118c.479-1.596 1.872-2.761 3.526-2.886zm.002 0l.027.408zm.118-.007l-.118.007l.028.408l.112-.007zm7.882 7.63a4.3 4.3 0 0 1 1.475.71l.243-.329a4.8 4.8 0 0 0-1.614-.776zm-1.713-.099a4.3 4.3 0 0 1 1.713.1l.104-.396a4.7 4.7 0 0 0-1.875-.108zm-.378.097a3 3 0 0 0 .413-.105l-.127-.388a3 3 0 0 1-.36.091zm-2.5-.786c.434.375 1.352 1 2.5.786l-.075-.402c-.96.179-1.753-.343-2.157-.693zm-.239-.192q.123.091.24.192l.267-.31a5 5 0 0 0-.263-.21zm.96-.974a4.5 4.5 0 0 0-.973.657l.27.307c.27-.237.565-.44.884-.597zm3.348-.309c-.672-.037-1.305-.058-1.868-.022c-.56.036-1.068.129-1.48.33l.181.368c.342-.168.787-.256 1.326-.29c.536-.034 1.149-.015 1.818.023zm3.748 1.43a6.7 6.7 0 0 0-3.748-1.43l-.023.409a6.27 6.27 0 0 1 3.516 1.342zm.166.347a.44.44 0 0 0-.166-.346l-.255.32a.03.03 0 0 1 .012.025zm0 1.66v-1.66h-.409v1.66zm-.73.333a.441.441 0 0 0 .73-.334h-.409a.03.03 0 0 1-.004.019a.03.03 0 0 1-.015.011a.04.04 0 0 1-.018.003a.03.03 0 0 1-.016-.008zm-1.158-.78c.5.255.892.55 1.158.78l.268-.31a6.2 6.2 0 0 0-1.24-.834zM8.417 6.753q.21-.184.397-.388l-.3-.278a5 5 0 0 1-.367.359zm.781.143a4 4 0 0 1-.794-.46l-.244.328c.27.2.564.37.873.507zm2.938.365c-1.295.002-2.254-.063-2.938-.364l-.165.374c.774.34 1.817.4 3.104.4zm3.821-1.073a7.43 7.43 0 0 1-3.821 1.073v.41a7.84 7.84 0 0 0 4.033-1.134zm.015-.028a.03.03 0 0 1-.015.028l.213.35a.44.44 0 0 0 .211-.378zm0-2.037V6.16h.41V4.122zm-.052-.027a.033.033 0 0 1 .052.027h.41a.442.442 0 0 0-.7-.359zM14.232 5a7.3 7.3 0 0 0 1.688-.905l-.239-.332c-.362.26-.9.593-1.594.854zm-.972.428c.4-.123.735-.285 1.003-.443l-.207-.353a4.3 4.3 0 0 1-.917.405zm-2.056.161c.432.06 1.185.107 2.056-.161l-.12-.39a4.35 4.35 0 0 1-1.88.146zm-2.39.775c.634-.687 1.549-.984 2.369-.779l.099-.397c-.981-.245-2.045.114-2.769.898z\"/></g></g></g>"
+    },
+    "tracing-langfuse-icon-big": {
+      "body": "<g fill=\"none\"><mask id=\"svgID0\" width=\"144\" height=\"24\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M143.36 0H0v24h143.36z\"/></mask><g mask=\"url(#svgID0)\"><path fill=\"currentColor\" d=\"M31.926 17.314V5.59h1.635v10.156h6.03v1.568zm9.624-6.143c.33-1.7 1.784-2.807 3.635-2.807c2.13 0 3.535 1.238 3.535 3.666v3.32c0 .379.165.544.528.544h.38v1.42h-.462c-1.057 0-1.685-.561-1.85-1.337c-.33.809-1.355 1.535-2.726 1.535c-1.768 0-3.188-.924-3.188-2.493c0-1.817 1.338-2.328 3.353-2.708l2.362-.463c-.016-1.337-.776-1.998-1.949-1.998c-.991 0-1.718.595-1.916 1.437zm1.537 3.815c.016.61.545 1.123 1.701 1.123c1.322 0 2.362-.925 2.362-2.494v-.38l-1.883.33c-1.222.215-2.18.315-2.18 1.42m8.732-6.424h1.47l.05 1.47c.462-1.123 1.437-1.668 2.61-1.668c1.95 0 2.907 1.437 2.907 3.32v5.63h-1.602v-5.218c0-1.552-.512-2.361-1.718-2.361c-1.272 0-2.115.809-2.115 2.361v5.218H51.82zm13.028 8.29c-2.165 0-3.7-1.734-3.7-4.194c0-2.544 1.535-4.294 3.7-4.294c1.172 0 2.197.627 2.593 1.536l.017-1.338h1.536v7.795c-.017 2.394-1.536 3.633-3.882 3.633c-1.917 0-3.304-1.008-3.717-2.527l1.685-.116c.347.76 1.024 1.206 2.032 1.206c1.42 0 2.263-.644 2.28-1.85V15.4c-.447.842-1.504 1.453-2.544 1.453m-2.016-4.211c0 1.651.876 2.807 2.313 2.807c1.404 0 2.263-1.156 2.28-2.807c.032-1.635-.843-2.79-2.28-2.79s-2.313 1.155-2.313 2.79m10.665-4.459c0-1.618.81-2.592 2.594-2.592h2.41v1.42h-2.444c-.562 0-.959.43-.959 1.14v.974h3.288v1.42h-3.287v6.77h-1.603v-6.77H71.2v-1.42h2.296zm14.861 9.132h-1.52l-.016-1.42c-.463 1.09-1.42 1.618-2.544 1.618c-1.916 0-2.858-1.436-2.858-3.319v-5.63h1.602v5.217c0 1.553.512 2.362 1.669 2.362c1.239 0 2.065-.81 2.065-2.362V8.562h1.602zm8.436-6.01c-.182-.925-1.041-1.454-2.065-1.454c-.843 0-1.62.413-1.603 1.222c0 .875 1.057 1.074 2.032 1.321c1.669.413 3.337 1.024 3.337 2.659c0 1.717-1.652 2.46-3.47 2.46c-2.047 0-3.716-1.155-3.848-2.972l1.685-.099c.165.974 1.04 1.585 2.164 1.585c.875 0 1.784-.23 1.784-1.057c0-.858-1.107-1.007-2.081-1.238c-1.652-.396-3.288-1.008-3.288-2.593c0-1.767 1.586-2.774 3.436-2.774s3.288 1.106 3.568 2.84zm4.024 1.634c0-2.79 1.602-4.574 4.063-4.574c1.966 0 3.75 1.271 3.883 4.426v.61h-6.245c.132 1.652.975 2.626 2.362 2.626c.876 0 1.669-.512 2.049-1.387l1.701.149c-.495 1.668-1.998 2.724-3.75 2.724c-2.461 0-4.063-1.783-4.063-4.574m1.751-.825h4.443c-.231-1.668-1.139-2.263-2.131-2.263c-1.272 0-2.081.842-2.312 2.263\"/><mask id=\"svgID1\" width=\"25\" height=\"26\" x=\"0\" y=\"-1\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M24.547-.077H.31v24.23h24.238z\"/></mask><g fill=\"currentColor\" mask=\"url(#svgID1)\"><path stroke=\"currentColor\" stroke-miterlimit=\"10\" stroke-width=\"2.56\" d=\"M21.942 16.853c-1.067 1.444-2.702 2.407-4.547 2.548l-.174.011c-2.163.108-3.797-.879-4.88-1.795c-1.918-1.014-3.418-1.27-4.296-1.49a5 5 0 0 1-1.437-.644a2.72 2.72 0 0 1-1.329-2.408a10 10 0 0 1 1.41-.09c1.937-.003 3.44.092 4.533.577c.59.262 1.139.61 1.627 1.036c.628.548 1.912 1.414 3.495 1.118q.3-.056.58-.148a6.76 6.76 0 0 1 5.018 1.285ZM21.8 6.91c-.481-.624-1.066-1.213-1.757-1.615a6.7 6.7 0 0 0-2.812-.897c-2.777-.245-4.675 1.295-5.021 1.586c-.43.404-2.152 1.832-4.224 2.625a4.16 4.16 0 0 0-1.673 1.11a4.1 4.1 0 0 0-.845 1.427q.37.05.765.073c2.009.112 3.735.123 4.864-.43c.746-.364 1.4-.884 1.965-1.492c1.017-1.097 2.5-1.586 3.85-1.251c.62.086 1.7.152 2.948-.23c.863-.264 1.505-.596 1.94-.907Zm-18.841.462a9 9 0 0 1-1.782-1.21a.354.354 0 0 0-.585.27V8.93c0 .109.049.212.133.279l1.023.984a5.76 5.76 0 0 1 1.21-2.82Zm16.474 5.573c.117-.361.182-.74.191-1.125c.008-.304-.027-.418-.08-.713a23 23 0 0 0 1.845-.4c.655-.17 1.14-.366 1.684-.562c.08.38.162.566.191.848a9.7 9.7 0 0 1-.211 3.222a13.6 13.6 0 0 0-3.62-1.27Zm-18.28 5.272a.354.354 0 0 1-.561-.29v-3.066a.36.36 0 0 1 .17-.305l1.013-.436a7.9 7.9 0 0 0 1.184 2.925z\"/><path fill-rule=\"evenodd\" d=\"M7.682 4.819c2.028-.1 3.544.748 4.326 1.316c-.592.522-2.193 1.782-4.086 2.51a4 4 0 0 0-.49.212a3.95 3.95 0 0 0-2.222 3.456q-.01.363.038.719l-.01.001a2.7 2.7 0 0 0 1.329 2.39c.105.07.272.17.48.276a4 4 0 0 0 .955.362l.356.085c.903.215 2.272.54 3.95 1.421q.255.214.549.426q-.09.08-.15.138c-.346.293-2.246 1.84-5.025 1.594a6.7 6.7 0 0 1-2.814-.901c-1.24-.725-2.177-1.871-2.688-3.213a9.67 9.67 0 0 1-.23-6.235c.752-2.51 2.945-4.35 5.56-4.546zm14.202 11.957a6.8 6.8 0 0 0-5.007-1.27q-.28.091-.58.148c-1.582.293-2.865-.566-3.493-1.11a7 7 0 0 0-.377-.302a6.4 6.4 0 0 1 1.393-.94c1.13-.555 2.857-.544 4.868-.432c2.77.155 4.685 1.474 5.449 2.08c.085.068.134.17.134.278v2.49a.355.355 0 0 1-.589.269a9 9 0 0 0-1.798-1.21M13 9.336a8 8 0 0 1-.573.56q.584.434 1.25.727c1.093.482 2.595.576 4.531.574A11.45 11.45 0 0 0 24.1 9.542a.36.36 0 0 0 .17-.304V6.182a.356.356 0 0 0-.564-.289a10.7 10.7 0 0 1-2.462 1.32a6.74 6.74 0 0 1-4.39.866c-1.351-.337-2.835.155-3.853 1.258\" clip-rule=\"evenodd\"/><path d=\"m12.007 6.135l.203.23l.287-.254l-.31-.225zM7.682 4.819l-.016-.307h-.001zm.239 3.827l.103.288h.004l.003-.002zm-.49.211l.135.276l.002-.001l.002-.001zm-2.184 4.175l.04.304l.306-.04l-.041-.305zm-.01.002l-.04-.305l-.26.035l-.007.263zm1.329 2.389l.17-.255l-.007-.005l-.007-.004zm.48.276l.145-.271l-.003-.002l-.004-.001zm.816.324l.086-.294h-.001l-.001-.001zm4.446 1.544l.197-.235l-.025-.02l-.03-.016zm.548.426l.205.229l.285-.256l-.311-.222zm-.15.138l.198.234l.007-.005l.005-.006zm-7.839.693l.155-.265zM1.542 12.31l.306-.005zm.407-2.935l-.294-.088zm5.56-4.546l-.021-.306h-.003zm0 0l.02.306zm12.056 10.832l.078-.297zm2.318 1.114l-.183.247l.02.015l.024.012zm-5.008-1.27l-.043-.303l-.027.004l-.025.008zm-.58.148l.056.302zm-3.492-1.11l.201-.232zm-.377-.302l-.202-.23l-.286.25l.305.227zm6.261-1.372l.017-.306zm5.449 2.08l.19-.24zm-.455 3.037l.201-.232zm-11.254-8.09l-.202-.23l-.286.25l.305.226zm1.251.726l.124-.28zm4.53.574l.001.306zM24.1 9.542l.16.262zm-2.855-2.33l-.108-.287l-.025.01l-.023.013zm-4.391.868l-.074.297l.015.004l.016.002zm-4.666-2.194c-.813-.59-2.397-1.479-4.52-1.374l.03.613c1.932-.096 3.38.713 4.13 1.258zM8.031 8.932c1.941-.747 3.574-2.033 4.179-2.568l-.406-.46c-.578.511-2.148 1.746-3.993 2.455zm-.46.199c.178-.092.335-.154.453-.197l-.207-.577a5 5 0 0 0-.526.227zm-2.055 3.19a3.65 3.65 0 0 1 2.05-3.188l-.271-.55a4.26 4.26 0 0 0-2.392 3.722zm.036.67a4 4 0 0 1-.036-.67l-.613-.016q-.01.387.04.768zm-.274.347l.01-.002l-.08-.608l-.011.002zm.595.973a2.4 2.4 0 0 1-.33-1.27l-.613-.014a3.03 3.03 0 0 0 .414 1.595zm.849.848a2.4 2.4 0 0 1-.849-.848l-.529.31c.355.604.83.927 1.066 1.066zm.462.266a4 4 0 0 1-.448-.257l-.34.51c.115.077.293.184.513.295zm.762.303q-.419-.12-.755-.3l-.289.541q.397.213.877.35zm.13.035l-.128-.034l-.171.589l.15.04zm.352.085q-.192-.045-.352-.085l-.15.595l.36.087zm4.023 1.448c-1.714-.9-3.114-1.232-4.023-1.448l-.142.597c.898.213 2.236.53 3.88 1.394zm.584.448a9 9 0 0 1-.53-.412l-.394.47q.263.221.566.44zm-.119.61l.145-.132l-.41-.457l-.156.143zm-5.261 1.677c2.905.257 4.886-1.36 5.249-1.666l-.396-.468c-.33.279-2.147 1.757-4.8 1.523zm-2.943-.942a7 7 0 0 0 2.943.942l.054-.611a6.4 6.4 0 0 1-2.687-.86zm-2.82-3.369c.535 1.403 1.516 2.607 2.82 3.369l.31-.53c-1.176-.687-2.069-1.777-2.557-3.057zm-.657-3.404a10 10 0 0 0 .657 3.404l.573-.218a9.4 9.4 0 0 1-.617-3.196zm.42-3.028a10 10 0 0 0-.42 3.028l.613-.01a9.4 9.4 0 0 1 .395-2.842zm5.83-4.764c-2.746.207-5.043 2.139-5.83 4.764l.588.176C2.96 7.07 5.05 5.323 7.532 5.136zm.003 0l.041.612zm.177-.011l-.178.011l.043.612l.168-.011zm11.822 11.446a6.5 6.5 0 0 1 2.213 1.064l.365-.493a7.1 7.1 0 0 0-2.422-1.165zm-2.568-.149a6.5 6.5 0 0 1 2.568.149l.157-.594a7.1 7.1 0 0 0-2.812-.162zm-.567.146q.321-.06.618-.158l-.19-.583a4 4 0 0 1-.54.137zm-3.75-1.18c.65.563 2.027 1.499 3.75 1.18l-.113-.604c-1.44.268-2.63-.515-3.235-1.04zm-.359-.287q.184.136.36.287l.4-.464a7 7 0 0 0-.394-.316zm1.44-1.462a6.7 6.7 0 0 0-1.46.985l.406.46c.404-.355.846-.66 1.326-.895zm5.021-.463c-1.007-.056-1.957-.088-2.8-.034s-1.603.194-2.22.497l.27.55c.513-.251 1.181-.383 1.989-.435c.805-.051 1.724-.021 2.727.034zm5.623 2.146c-.788-.625-2.762-1.986-5.623-2.146l-.034.612c2.68.15 4.535 1.427 5.275 2.014zm.25.518a.66.66 0 0 0-.25-.518l-.382.48a.05.05 0 0 1 .018.038zm0 2.49v-2.49h-.614v2.49zm-1.097.5a.662.662 0 0 0 1.097-.5h-.614a.05.05 0 0 1-.007.028l-.021.017l-.027.005a.05.05 0 0 1-.026-.013zm-1.736-1.168a8.7 8.7 0 0 1 1.736 1.169l.402-.464a9.3 9.3 0 0 0-1.86-1.252zm-9.114-6.923q.313-.275.596-.582l-.451-.416q-.263.285-.55.538zm1.172.216a6.2 6.2 0 0 1-1.192-.692l-.366.492q.612.454 1.31.761zm4.406.547c-1.943.002-3.381-.095-4.406-.547l-.248.561c1.16.511 2.726.602 4.655.6zm5.732-1.61a11.14 11.14 0 0 1-5.732 1.61l.001.613a11.76 11.76 0 0 0 6.05-1.7zm.023-.042a.05.05 0 0 1-.023.042l.319.524a.66.66 0 0 0 .318-.566zm0-3.056v3.056h.614V6.182zm-.079-.04a.05.05 0 0 1 .08.04h.613a.663.663 0 0 0-1.051-.537zM21.352 7.5a11 11 0 0 0 2.532-1.357l-.358-.497c-.543.39-1.35.888-2.39 1.28zm-1.458.642a7 7 0 0 0 1.506-.664l-.312-.529a6.4 6.4 0 0 1-1.375.607zm-3.084.242c.648.091 1.777.16 3.084-.242l-.18-.586a6.5 6.5 0 0 1-2.818.22zm-3.584 1.162c.95-1.03 2.322-1.475 3.553-1.168l.148-.595c-1.471-.367-3.067.171-4.152 1.347z\"/></g></g></g>",
+      "width": 111,
+      "height": 24
+    },
+    "tracing-langsmith-icon": {
+      "body": "<g fill=\"none\"><mask id=\"svgID0\" width=\"84\" height=\"14\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M83.216.6H.8v12.8h82.416z\"/></mask><g fill=\"currentColor\" mask=\"url(#svgID0)\"><path d=\"M31.026 3.123v7.761h5.348v-1.17H32.24v-6.59zm8.198 1.841c-1.165 0-2.037.547-2.39 1.499l-.091.245l.999.646l.135-.354c.232-.603.66-.884 1.347-.884s1.08.333 1.073.99l-.002.107s-.91.147-1.284.226c-1.6.338-2.269.949-2.269 1.947c0 .532.296 1.108.835 1.431c.323.194.746.267 1.212.267c.307 0 .605-.046.88-.13c.628-.208.803-.618.803-.618v.536h1.039V7.043c0-1.301-.855-2.079-2.287-2.079M40.3 9.05c0 .403-.438.97-1.46.97c-.287 0-.492-.077-.628-.19a.62.62 0 0 1-.217-.564a.68.68 0 0 1 .25-.422c.191-.16.53-.275 1.055-.389c.431-.094 1-.197 1-.197zm5.052-4.086q-.216 0-.422.03c-.93.14-1.202.612-1.202.612v-.473h-1.163v5.74h1.213V7.689c0-1.082.79-1.574 1.523-1.574c.792 0 1.177.426 1.177 1.303v3.455h1.214V7.25c0-1.411-.896-2.287-2.34-2.287m7.406.167v.59s-.298-.756-1.651-.756c-1.682 0-2.726 1.16-2.726 3.029c0 1.054.337 1.884.931 2.408c.463.408 1.08.617 1.815.631c.512.01.843-.13 1.05-.261c.397-.253.545-.493.545-.493s-.017.188-.048.442a2 2 0 0 1-.063.314c-.185.658-.726 1.038-1.514 1.038c-.789 0-1.267-.26-1.361-.77l-1.18.352c.203.983 1.126 1.57 2.467 1.57c.912 0 1.627-.248 2.125-.738c.502-.493.757-1.205.757-2.114V5.13h-1.148m-.077 2.915c0 1.148-.56 1.835-1.501 1.835c-1.007 0-1.585-.689-1.585-1.888s.578-1.877 1.585-1.877c.918 0 1.492.683 1.501 1.783zM61.022 9.7q.246-.449.247-1.043c0-.395-.07-.698-.21-.943a1.8 1.8 0 0 0-.531-.599a3 3 0 0 0-.676-.357a7 7 0 0 0-.637-.203L57.83 6.17a4 4 0 0 1-.521-.176a1.25 1.25 0 0 1-.436-.29a.67.67 0 0 1-.179-.483q0-.31.208-.543a1.3 1.3 0 0 1 .542-.354q.335-.122.726-.117c.267.007.523.062.759.163q.356.154.606.445c.16.188.27.418.33.682l1.34-.233a2.94 2.94 0 0 0-.579-1.182a2.7 2.7 0 0 0-1.032-.763a3.6 3.6 0 0 0-1.408-.27a3.8 3.8 0 0 0-1.416.246a2.3 2.3 0 0 0-1.01.751c-.247.333-.373.75-.373 1.239q0 .504.166.845t.429.561t.557.345q.298.126.553.2l1.998.591q.218.066.384.156t.274.2a.8.8 0 0 1 .164.253a.8.8 0 0 1 .055.307a.9.9 0 0 1-.235.625a1.5 1.5 0 0 1-.603.382a2.4 2.4 0 0 1-.788.13a2.12 2.12 0 0 1-1.247-.38a1.8 1.8 0 0 1-.71-1.056l-1.295.197c.08.487.264.915.546 1.27c.288.362.66.644 1.107.838c.448.195.959.294 1.518.294c.393 0 .774-.05 1.134-.15c.36-.098.683-.25.962-.447a2.2 2.2 0 0 0 .666-.746m6.358-3.473q.253-.143.571-.144q.517 0 .82.342c.2.225.302.541.302.94v3.466h1.243V7.04c0-.612-.17-1.112-.507-1.487c-.335-.374-.824-.564-1.455-.564c-.38 0-.73.085-1.04.253q-.437.237-.707.65l-.023.037l-.02-.038q-.213-.391-.595-.631c-.286-.18-.647-.27-1.073-.27c-.388 0-.743.085-1.054.254q-.36.197-.607.503l-.046.057v-.67h-1.092v5.696h1.254V7.318c0-.363.102-.663.304-.89q.306-.344.812-.344c.336 0 .623.115.825.344c.2.227.301.548.301.953v3.45h1.238V7.318q0-.384.148-.665q.149-.28.401-.425m6.892 3.145q.012.386.207.756q.222.406.648.593c.286.125.614.193.976.202q.537.014 1.099-.09V9.801c-.35.05-.668.063-.944.039q-.436-.04-.637-.373a.9.9 0 0 1-.114-.442a21 21 0 0 1-.008-.612V6.046h1.703v-.964h-1.703v-1.95h-1.237v1.95h-1.053v.964h1.053v2.442c0 .329.003.627.01.885m6.605-4.418a3 3 0 0 0-.389.026c-.915.142-1.185.609-1.185.609V3.113h-1.214v7.752h1.214V7.68c0-1.089.789-1.584 1.522-1.584c.793 0 1.178.426 1.178 1.303v3.465h1.213V7.233c0-1.383-.918-2.277-2.339-2.277m-8.484.177h-1.207v5.744h1.207zm-.604-.428a.787.787 0 1 0 0-1.573a.787.787 0 0 0 0 1.573M15.594 10.42c-.07.117-.281.125-.46.017a.5.5 0 0 1-.2-.214c-.035-.076-.035-.147-.003-.2c.037-.062.113-.093.203-.093a.5.5 0 0 1 .258.076c.18.108.273.298.203.415M25.994 7c0 3.529-2.871 6.4-6.4 6.4H7.209c-3.53 0-6.4-2.87-6.4-6.4S3.679.6 7.209.6h12.385c3.53 0 6.4 2.871 6.4 6.4m-12.851 3.21c.1-.123-.365-.467-.46-.594c-.194-.21-.195-.512-.326-.757c-.32-.74-.686-1.475-1.2-2.102c-.543-.685-1.212-1.252-1.8-1.896c-.437-.45-.554-1.089-.94-1.571c-.531-.785-2.211-1-2.458.11c.001.034-.01.056-.04.078a1.7 1.7 0 0 0-.359.349c-.25.347-.288.936.024 1.247c.01-.164.015-.319.145-.437c.241.207.605.28.884.126c.616.88.462 2.097.952 3.046c.135.224.271.453.445.65c.14.218.627.477.656.68c.005.348-.036.728.192 1.02c.108.218-.156.437-.37.41c-.276.038-.613-.186-.855-.048c-.086.092-.253-.01-.327.118c-.026.067-.164.16-.082.225c.092-.07.177-.143.3-.101c-.018.1.061.114.124.144c-.002.068-.042.137.01.195c.062-.061.098-.148.195-.174c.321.429.648-.434 1.344-.045c-.141-.007-.267.01-.362.127c-.023.026-.043.056-.002.09c.375-.242.373.083.617-.017c.188-.098.374-.22.597-.185c-.217.062-.226.236-.353.383c-.021.023-.031.049-.006.086c.45-.038.486-.187.85-.37c.27-.166.54.235.774.006c.052-.05.123-.032.187-.039c-.082-.437-.983.08-.969-.506c.29-.197.224-.574.243-.879c.333.185.704.292 1.03.469c.166.266.424.618.769.595l.027-.077c.104.018.239.087.296-.045c.156.163.385.155.59.113c.15-.123-.284-.298-.343-.425m4.672-2.064l-.685-.925c-.598.684-.998 1.018-1.005 1.024c-.003.003-.385.375-.733.693c-.34.312-.61.56-.747.83a.83.83 0 0 0-.005.626q.136.32.54.45q.123.038.233.037c.486 0 .805-.487.807-.492c.004-.005.417-.595.92-1.34c.168-.249.36-.51.675-.904m3.22 2.13a.56.56 0 0 0-.14-.37l-.084-.097l-2.345-2.657a40 40 0 0 1-1.424-1.736l-.087-.18v-.315a.9.9 0 0 0-.068-.335l-.183-.435q-.003-.01-.002-.02l.007-.06a.04.04 0 0 1 .013-.026a2.16 2.16 0 0 1 1.497-.5c.108.005.127-.054.13-.08c.014-.12-.261-.262-.518-.315c-.354-.072-1.293-.264-2.044.23l-.006.003c-.485.406-.875.716-.88.719l-.008.008a.5.5 0 0 0-.11.38c.022.137-.048.186-.053.188s-.1.063-.2-.005c-.12-.09-.328.065-.371.098l-.315.272l-.006.006c-.006.007-.141.165.04.419c.156.22.21.293.347.462s.386.387.399.398c.006.005.158.12.367-.04c.171-.131.309-.25.309-.25c.011-.01.11-.091.115-.212q.002-.052 0-.093c-.003-.085-.003-.11.06-.15c.032 0 .126.034.207.075a.86.86 0 0 0 .394.11c.116.016.244.147.288.2c.004.005.395.416.946 1.136c.105.137.49.65.596.794l.73.992c.497.677 1.054 1.435 1.306 1.776a.56.56 0 0 0 .345.217l.094.018q.054.01.107.01a.55.55 0 0 0 .427-.202l.006-.007a.55.55 0 0 0 .116-.341v-.086zm.442-6.073l-.11-.11a.16.16 0 0 0-.238.01l-.686.812a.12.12 0 0 1-.077.04l-.244.025a.12.12 0 0 1-.086-.026l-.39-.33a.12.12 0 0 1-.041-.086l-.006-.195a.12.12 0 0 1 .027-.077l.667-.804a.16.16 0 0 0-.001-.209l-.067-.08a.16.16 0 0 0-.18-.046c-.158.06-.556.215-.843.371c-.406.22-.688.567-.737.907c-.035.25-.02.66-.008.883a.5.5 0 0 1-.058.254a4 4 0 0 1-.284.44c-.072.1-.117.135-.179.209l.755.887c.181-.212.34-.373.48-.528c.253-.282.332-.285.543-.292c.13-.004.308-.01.59-.08c.77-.193 1.014-1.027 1.024-1.064l.192-.757a.16.16 0 0 0-.043-.154M9.635 9.488c-.083.324-.11.875-.531.891c-.035.187.13.257.279.197c.148-.068.218.054.267.175c.229.034.567-.076.58-.346c-.342-.197-.447-.57-.596-.917z\"/></g></g>",
+      "width": 84,
+      "height": 14
+    },
+    "tracing-langsmith-icon-big": {
+      "body": "<g fill=\"none\"><mask id=\"svgID0\" width=\"124\" height=\"20\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M123.825.4H.2v19.2h123.625z\"/></mask><g fill=\"currentColor\" mask=\"url(#svgID0)\"><path d=\"M45.54 4.184v11.643h8.021v-1.758h-6.2V4.184zm12.296 2.762c-1.748 0-3.055.82-3.586 2.248l-.136.367l1.498.97l.204-.531c.347-.905.99-1.326 2.02-1.326s1.62.5 1.61 1.484l-.004.16s-1.364.222-1.926.34c-2.398.508-3.403 1.423-3.403 2.92c0 .799.443 1.663 1.252 2.147c.485.29 1.12.4 1.819.4c.46 0 .907-.068 1.32-.194c.942-.312 1.204-.927 1.204-.927v.803h1.558v-5.743c0-1.952-1.282-3.118-3.43-3.118m1.616 6.129c0 .604-.658 1.454-2.19 1.454c-.431 0-.738-.115-.942-.285a.93.93 0 0 1-.326-.846c.016-.126.092-.397.374-.632c.288-.24.797-.412 1.584-.584c.646-.14 1.5-.295 1.5-.295zm7.576-6.128a5 5 0 0 0-.633.043c-1.396.21-1.804.919-1.804.919l.001-.709h-1.746v8.61h1.82v-4.776c0-1.623 1.184-2.362 2.284-2.362c1.189 0 1.766.64 1.766 1.955v5.182h1.821v-5.432c0-2.117-1.345-3.431-3.509-3.431m11.109.248v.887s-.446-1.135-2.476-1.135c-2.522 0-4.089 1.74-4.089 4.543c0 1.581.506 2.826 1.397 3.613c.694.611 1.62.924 2.723.946c.767.014 1.264-.194 1.574-.392c.596-.38.817-.74.817-.74s-.025.282-.07.664c-.034.277-.096.47-.096.47c-.277.988-1.088 1.558-2.271 1.558s-1.9-.389-2.042-1.156l-1.77.528c.306 1.475 1.69 2.355 3.702 2.355c1.368 0 2.44-.372 3.187-1.106c.754-.74 1.136-1.807 1.136-3.171V7.193h-1.722m-.114 4.373c0 1.723-.842 2.752-2.252 2.752c-1.51 0-2.377-1.032-2.377-2.83c0-1.8.866-2.816 2.377-2.816c1.376 0 2.239 1.024 2.252 2.674zm12.509 2.484c.246-.447.37-.973.37-1.565s-.105-1.047-.313-1.415a2.7 2.7 0 0 0-.798-.897a4.4 4.4 0 0 0-1.014-.536c-.35-.127-.672-.23-.955-.305l-2.08-.58a6 6 0 0 1-.781-.263a1.9 1.9 0 0 1-.654-.436q-.268-.282-.269-.723q.001-.466.312-.815a2 2 0 0 1 .814-.53a3.08 3.08 0 0 1 2.227.07a2.35 2.35 0 0 1 1.405 1.69l2.01-.35c-.172-.688-.464-1.285-.87-1.774a4.06 4.06 0 0 0-1.548-1.145c-.615-.262-1.325-.398-2.112-.404c-.774-.005-1.49.119-2.124.368c-.632.25-1.141.629-1.514 1.128c-.371.498-.56 1.123-.56 1.858c0 .502.084.928.25 1.267c.165.34.382.623.642.842q.395.33.837.518q.444.188.829.3l2.997.886q.326.1.575.233q.251.136.412.301q.161.166.245.38q.083.212.083.46c0 .368-.118.684-.352.937a2.2 2.2 0 0 1-.906.573a3.5 3.5 0 0 1-1.18.196c-.704 0-1.333-.192-1.872-.57c-.53-.374-.889-.907-1.066-1.584l-1.941.295c.12.73.395 1.372.82 1.905c.43.543.99.966 1.66 1.257c.671.292 1.437.44 2.276.44c.59 0 1.162-.075 1.702-.224a4.6 4.6 0 0 0 1.442-.671a3.3 3.3 0 0 0 1-1.119zm9.539-5.209a1.7 1.7 0 0 1 .857-.216c.513 0 .927.172 1.228.512c.301.338.454.812.454 1.41v5.2h1.864V10.06c0-.917-.256-1.668-.759-2.23c-.503-.56-1.238-.845-2.183-.845a3.24 3.24 0 0 0-1.56.378a2.9 2.9 0 0 0-1.06.976l-.036.055l-.03-.057a2.5 2.5 0 0 0-.891-.947c-.43-.269-.972-.405-1.61-.405a3.3 3.3 0 0 0-1.581.382a3 3 0 0 0-.911.754l-.069.085V7.201h-1.639v8.545h1.881v-5.27c0-.544.154-.994.457-1.335c.304-.342.714-.516 1.218-.516c.503 0 .935.174 1.237.516c.3.341.452.823.452 1.43v5.175h1.856v-5.27c0-.382.075-.717.222-.996a1.56 1.56 0 0 1 .603-.638m10.337 4.717c.01.384.114.766.309 1.135c.221.403.548.703.972.89c.429.187.921.289 1.464.302a8 8 0 0 0 1.648-.134V14.2a6.2 6.2 0 0 1-1.414.058q-.656-.059-.956-.558c-.106-.17-.162-.394-.171-.663a31 31 0 0 1-.012-.92v-3.55h2.553V7.123h-2.553V4.198h-1.856v2.925h-1.58v1.445h1.58v3.664c0 .493.005.94.016 1.328zm9.908-6.626q-.3 0-.583.038c-1.374.214-1.778.914-1.778.914V4.17h-1.821v11.628h1.821v-4.776c0-1.633 1.183-2.377 2.283-2.377c1.189 0 1.766.64 1.766 1.955v5.198h1.821V10.35c0-2.075-1.377-3.416-3.509-3.416m-12.727.266h-1.812v8.616h1.812zm-.907-.642a1.18 1.18 0 1 0 0-2.362a1.18 1.18 0 0 0 0 2.362M22.391 15.13c-.105.176-.421.188-.691.025a.74.74 0 0 1-.3-.321c-.051-.113-.052-.22-.003-.3c.055-.093.17-.14.305-.14c.12 0 .26.038.387.115c.27.162.408.447.303.622m15.6-5.13c0 5.293-4.307 9.6-9.6 9.6H9.813c-5.293 0-9.6-4.306-9.6-9.6S4.52.4 9.813.4H28.39c5.294 0 9.6 4.307 9.6 9.6m-19.277 4.815c.151-.184-.548-.7-.69-.89c-.29-.316-.292-.769-.488-1.136c-.48-1.111-1.03-2.213-1.8-3.153c-.814-1.028-1.819-1.88-2.701-2.845c-.655-.673-.83-1.633-1.409-2.357c-.797-1.177-3.318-1.498-3.687.165c.002.052-.015.085-.06.118a2.5 2.5 0 0 0-.54.523c-.373.52-.43 1.404.036 1.871c.016-.246.024-.479.22-.655c.36.31.905.419 1.324.188c.925 1.32.694 3.146 1.428 4.569c.203.336.408.68.668.974c.211.329.94.717.984 1.02c.007.523-.054 1.094.288 1.53c.162.328-.235.657-.554.616c-.415.057-.92-.279-1.284-.072c-.129.139-.38-.015-.49.178c-.039.1-.246.24-.122.336c.137-.104.265-.213.45-.151c-.028.15.091.172.186.216c-.004.102-.063.206.015.293c.091-.092.146-.223.291-.261c.482.643.973-.65 2.017-.068c-.212-.01-.4.016-.543.19c-.036.04-.066.085-.003.136c.563-.363.56.125.925-.025c.281-.147.56-.33.895-.278c-.325.093-.338.354-.529.575c-.032.034-.047.072-.01.128c.675-.057.73-.28 1.275-.556c.406-.248.81.353 1.162.01c.078-.074.184-.048.28-.058c-.123-.655-1.474.12-1.452-.759c.434-.296.335-.862.364-1.319c.5.278 1.056.439 1.546.704c.247.4.635.927 1.152.892l.04-.116c.157.027.358.13.444-.067c.235.245.579.232.885.17c.227-.185-.426-.448-.514-.637zm7.008-3.096l-1.028-1.387c-.897 1.026-1.496 1.526-1.506 1.535a58 58 0 0 1-1.1 1.04c-.51.468-.915.84-1.12 1.245a1.23 1.23 0 0 0-.008.938q.203.481.811.676q.183.056.348.055c.73 0 1.208-.73 1.21-.737c.007-.008.627-.894 1.382-2.012c.25-.372.538-.765 1.011-1.354m4.831 3.194a.84.84 0 0 0-.21-.555l-.127-.144l-3.517-3.986a60 60 0 0 1-2.137-2.604l-.13-.27v-.472a1.3 1.3 0 0 0-.1-.503l-.276-.653q-.006-.015-.004-.03l.011-.09a.06.06 0 0 1 .02-.038a3.24 3.24 0 0 1 2.246-.75c.161.006.19-.082.194-.12c.022-.18-.392-.394-.777-.473c-.53-.109-1.939-.396-3.065.344l-.009.006a74 74 0 0 1-1.32 1.077l-.012.013c-.009.01-.215.257-.165.57c.033.205-.073.278-.08.282a.28.28 0 0 1-.299-.008c-.18-.135-.494.097-.558.148l-.473.407l-.009.01c-.008.009-.211.246.06.627c.234.33.317.44.52.693c.207.257.58.581.6.598c.01.008.236.18.55-.06c.257-.197.464-.375.464-.375c.017-.014.166-.137.172-.318c.003-.052 0-.098 0-.14c-.003-.127-.004-.164.092-.226c.046 0 .187.052.309.113c.013.008.316.178.592.166c.173.023.365.22.431.301a22 22 0 0 1 1.42 1.703c.157.205.735.975.893 1.19c.265.36.665.903 1.095 1.49c.745 1.014 1.58 2.151 1.96 2.663a.84.84 0 0 0 .517.325l.14.027q.081.015.162.015a.82.82 0 0 0 .64-.303l.008-.01a.83.83 0 0 0 .174-.512v-.128zm.662-9.11l-.164-.163a.243.243 0 0 0-.357.015l-1.03 1.218a.17.17 0 0 1-.114.06l-.367.037a.18.18 0 0 1-.13-.04l-.585-.495a.18.18 0 0 1-.061-.128l-.009-.293a.17.17 0 0 1 .04-.116l1.001-1.206a.244.244 0 0 0-.001-.312l-.101-.12a.24.24 0 0 0-.27-.07c-.237.09-.833.323-1.264.557c-.609.328-1.032.85-1.105 1.36c-.054.375-.031.991-.013 1.325a.7.7 0 0 1-.086.38a5 5 0 0 1-.427.661c-.108.148-.175.203-.268.313l1.132 1.33c.273-.317.511-.558.72-.791c.38-.423.498-.427.814-.438c.196-.007.463-.015.886-.121c1.155-.289 1.52-1.54 1.536-1.595l.287-1.136a.25.25 0 0 0-.064-.23zm-17.763 7.93c-.124.485-.165 1.312-.796 1.336c-.052.28.194.385.418.295c.222-.102.327.081.402.263c.342.05.849-.114.868-.52c-.511-.295-.67-.855-.892-1.375\"/></g></g>",
+      "width": 124,
+      "height": 20
+    },
+    "tracing-mlflow-icon": {
+      "body": "<path fill=\"currentColor\" d=\"M0 12.414V6.2h1.398v.79c.352-.637 1.122-.97 1.813-.97c.805 0 1.508.368 1.836 1.098c.48-.816 1.195-1.097 1.988-1.097c1.11 0 2.168.714 2.168 2.359v4.035h-1.41V8.621c0-.726-.367-1.277-1.184-1.277c-.77 0-1.273.613-1.273 1.379v3.687H3.902V8.621c0-.715-.355-1.273-1.183-1.273c-.781 0-1.274.59-1.274 1.379v3.687Zm10.988 0V3.172h1.461v9.242Zm.875 3.379c.328.094.625.156 1.25.156c1.164 0 2.54-.668 2.903-2.535l1.492-7.496h2.219L20 4.668h-2.246l.305-1.488c.23-1.157.859-1.743 1.875-1.743c.261 0 .187.024.425.067l.325-1.277C20.37.133 20.09.078 19.48.078a2.88 2.88 0 0 0-1.789.59c-.566.45-.941 1.102-1.113 1.945l-.422 2.055h-1.984l-.164 1.25h1.902l-1.37 6.93c-.15.785-.59 1.726-1.856 1.726c-.286 0-.184-.023-.442-.066Zm9.18-3.43h-1.461l2.004-9.324h1.457Zm7.285-5.773a3.114 3.114 0 0 0-4.082.418a3.22 3.22 0 0 0-.195 4.152l.957-.71a2.02 2.02 0 0 1-.246-2.11a1.97 1.97 0 0 1 1.765-1.149v.758Zm-3.625 5.2a3.11 3.11 0 0 0 4.078-.419a3.22 3.22 0 0 0 .196-4.152l-.957.71a2.02 2.02 0 0 1 .25 2.11a1.97 1.97 0 0 1-1.766 1.149v-.758Zm6.106-5.595h1.593l.325 4.246L35 6.195l1.512.024l.597 4.222l2-4.246l1.461.024l-3.03 6.199h-1.458l-.703-4.445l-2.328 4.445h-1.516Zm10.641.114h-.302v-.11h.727v.11h-.3v.898h-.126Zm.609-.109h.152l.187.538c.028.067.047.137.07.207h.009q.034-.106.07-.207l.187-.539h.153v1.008h-.121v-.555c0-.09.011-.21.015-.3h-.004l-.074.23l-.187.523h-.082l-.192-.523l-.074-.227h-.008c.008.09.016.211.016.297v.555h-.114Zm0 0\"/>",
+      "width": 43
+    },
+    "tracing-mlflow-icon-big": {
+      "body": "<path fill=\"currentColor\" d=\"M0 18.617V9.301h2.113v1.18c.532-.958 1.692-1.454 2.739-1.454c1.218 0 2.28.555 2.777 1.645c.726-1.223 1.809-1.645 3.008-1.645c1.675 0 3.273 1.07 3.273 3.543v6.047h-2.129v-5.683c0-1.094-.554-1.914-1.793-1.914c-1.16 0-1.922.918-1.922 2.066v5.531H5.898v-5.683c0-1.075-.535-1.91-1.789-1.91c-1.18 0-1.921.882-1.921 2.066v5.535Zm16.61 0V4.757h2.21v13.86Zm1.324 5.074c.496.141.941.23 1.886.23c1.762 0 3.84-1 4.387-3.804l2.258-11.242h3.355l.41-1.871h-3.39l.457-2.234c.348-1.735 1.305-2.614 2.836-2.614c.398 0 .285.035.64.102l.493-1.914c-.473-.145-.899-.23-1.82-.23a4.37 4.37 0 0 0-2.7.89c-.86.668-1.426 1.652-1.687 2.918l-.633 3.082h-3.004l-.246 1.871h2.879L21.98 19.273c-.226 1.18-.894 2.59-2.808 2.59c-.434 0-.274-.035-.668-.097Zm13.875-5.148h-2.207l3.027-13.984h2.207ZM42.82 9.887a4.73 4.73 0 0 0-6.168.625a4.8 4.8 0 0 0-.293 6.23l1.446-1.066a3.02 3.02 0 0 1-.375-3.168a2.98 2.98 0 0 1 2.668-1.719v1.137Zm-5.48 7.797a4.726 4.726 0 0 0 6.168-.63a4.8 4.8 0 0 0 .297-6.226l-1.45 1.067c.72.894.864 2.125.375 3.168a2.98 2.98 0 0 1-2.667 1.718v-1.136Zm9.23-8.387h2.41l.493 6.367l3.433-6.367l2.29.031l.898 6.336l3.027-6.367l2.207.031l-4.582 9.297H54.54l-1.062-6.664l-3.516 6.664h-2.29Zm16.086.163H62.2V9.3h1.102v.165h-.457v1.344h-.188Zm.922-.16h.227l.289.805l.105.313h.012c.035-.105.066-.211.102-.313l.285-.804h.226v1.508h-.176v-.832c0-.13.016-.313.024-.446h-.008l-.117.344l-.281.781h-.125l-.286-.781l-.113-.344h-.012c.012.133.028.317.028.45v.832h-.176Zm0 0\"/>",
+      "width": 65,
+      "height": 24
+    },
+    "tracing-opik-icon": {
+      "body": "<g fill=\"none\"><path d=\"M0 0h47.119v15.982H0z\"/><path fill=\"url(#svgID0)\" fill-rule=\"evenodd\" d=\"M9.64 3.926c-2.182-.958-4.77.065-5.767 2.33c-.996 2.263 0 4.861 2.18 5.82c.88.386 1.821.45 2.7.242a.703.703 0 0 1 .323 1.368a5.66 5.66 0 0 1-3.588-.324c-2.92-1.282-4.2-4.725-2.902-7.672c1.296-2.948 4.7-4.333 7.62-3.051c1.78.782 2.953 2.373 3.3 4.16a.703.703 0 1 1-1.381.267c-.265-1.361-1.153-2.555-2.486-3.14m2.365 7.766a1.062 1.062 0 1 1-2.066.492a1.062 1.062 0 0 1 2.066-.492m.886-.81a1.419 1.419 0 1 0-.658-2.76a1.419 1.419 0 1 0 .658 2.76\" clip-rule=\"evenodd\"/><path fill=\"currentColor\" d=\"M20.687 11.857q-1.082 0-1.928-.461a3.55 3.55 0 0 1-1.333-1.293q-.489-.818-.488-1.86q0-1.054.488-1.86q.489-.817 1.333-1.28q.845-.46 1.928-.46q1.095 0 1.94.46q.858.463 1.333 1.267q.489.804.489 1.873q0 1.043-.489 1.86a3.43 3.43 0 0 1-1.333 1.293q-.845.46-1.94.461m0-1.411q.606 0 1.082-.264q.475-.263.74-.765q.277-.5.277-1.174q0-.685-.278-1.174a1.83 1.83 0 0 0-.739-.765a2.17 2.17 0 0 0-1.07-.264q-.606 0-1.082.264q-.462.264-.739.765q-.277.489-.277 1.174q0 .673.277 1.174q.277.502.74.765q.474.264 1.069.264m9.247 1.411a3.2 3.2 0 0 1-1.57-.396q-.7-.395-1.123-1.187q-.41-.804-.41-2.03q0-1.241.397-2.032q.409-.793 1.109-1.174q.7-.396 1.597-.396q1.043 0 1.835.449q.806.448 1.267 1.253q.475.804.475 1.9q0 1.093-.475 1.912q-.462.804-1.267 1.253q-.792.448-1.835.448m-3.142 2.467a.765.765 0 0 1-.765-.765V5.486c0-.422.342-.765.765-.765h.04c.423 0 .766.343.766.765v.897l-.053 1.873l.132 1.873v3.43a.765.765 0 0 1-.766.765zm2.957-3.878q.594 0 1.056-.264a1.9 1.9 0 0 0 .753-.765q.277-.5.277-1.174q0-.685-.277-1.174a1.9 1.9 0 0 0-.753-.765a2.1 2.1 0 0 0-1.056-.264q-.594 0-1.069.264a1.9 1.9 0 0 0-.752.765q-.278.489-.278 1.174q0 .673.278 1.174q.276.502.752.765q.475.264 1.07.264m6.092 1.319a.765.765 0 0 1-.766-.765V5.486c0-.422.343-.765.766-.765h.12c.422 0 .764.343.764.765V11a.765.765 0 0 1-.765.765zm.066-8.204q-.462 0-.766-.29a.95.95 0 0 1-.29-.7q0-.422.29-.699q.304-.29.766-.29t.752.277q.304.264.304.673q0 .435-.29.738q-.292.29-.766.29m4.331 6.635l.04-2.07l3.479-3.216a.707.707 0 0 1 .982 1.018l-1.927 1.934l-.872.725zm-.582 1.57a.765.765 0 0 1-.765-.765V2.742c0-.422.343-.764.765-.764h.12c.423 0 .765.342.765.764V11a.765.765 0 0 1-.765.765zm4.92 0a.77.77 0 0 1-.595-.284l-2.344-2.895l1.043-1.319l2.564 3.26a.765.765 0 0 1-.601 1.238z\"/><defs><linearGradient id=\"svgID0\" x1=\"258.131\" x2=\"88.645\" y1=\"269.783\" y2=\"75.457\" gradientTransform=\"scale(.04557 .04553)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient></defs></g>",
+      "width": 47.134
+    },
+    "tracing-opik-icon-big": {
+      "body": "<g fill=\"none\"><path d=\"M0 0h70.701v24H0z\"/><path fill=\"url(#svgID0)\" fill-rule=\"evenodd\" d=\"M14.463 5.895c-3.272-1.438-7.156.098-8.651 3.498s0 7.301 3.271 8.74a6.37 6.37 0 0 0 4.05.365a1.055 1.055 0 1 1 .486 2.054a8.48 8.48 0 0 1-5.385-.487c-4.38-1.925-6.3-7.095-4.354-11.521s7.053-6.507 11.433-4.581c2.672 1.174 4.432 3.564 4.952 6.247a1.055 1.055 0 1 1-2.072.401c-.397-2.044-1.73-3.837-3.73-4.716m3.55 11.663a1.595 1.595 0 1 1-3.102.74a1.595 1.595 0 0 1 3.103-.74m1.33-1.217a2.13 2.13 0 1 0-.988-4.145a2.13 2.13 0 0 0 .988 4.145\" clip-rule=\"evenodd\"/><path fill=\"currentColor\" d=\"M31.04 17.806q-1.625 0-2.892-.694a5.33 5.33 0 0 1-2-1.94q-.735-1.229-.734-2.794q0-1.584.733-2.792a5.2 5.2 0 0 1 2-1.922q1.269-.693 2.893-.693q1.644 0 2.911.693a5.05 5.05 0 0 1 2 1.902q.735 1.208.734 2.812q0 1.566-.733 2.793a5.15 5.15 0 0 1-2 1.941q-1.268.693-2.912.694m0-2.12q.91 0 1.624-.396a2.74 2.74 0 0 0 1.109-1.149q.416-.753.416-1.763q0-1.03-.416-1.762a2.74 2.74 0 0 0-1.11-1.15a3.25 3.25 0 0 0-1.604-.395q-.91 0-1.624.396a2.9 2.9 0 0 0-1.109 1.149q-.416.733-.416 1.762q0 1.01.416 1.763t1.11 1.15q.713.395 1.604.395m13.875 2.12a4.8 4.8 0 0 1-2.357-.595q-1.05-.594-1.683-1.782q-.614-1.21-.614-3.05q0-1.863.594-3.05q.615-1.189 1.663-1.764q1.05-.594 2.397-.594q1.565 0 2.753.674a4.9 4.9 0 0 1 1.902 1.881q.713 1.209.713 2.852q0 1.645-.713 2.872a4.9 4.9 0 0 1-1.902 1.882q-1.188.675-2.753.674m-4.714 3.703a1.15 1.15 0 0 1-1.149-1.148V8.238c0-.634.514-1.148 1.149-1.148h.06c.634 0 1.148.514 1.148 1.148v1.348l-.079 2.812l.198 2.813v5.15c0 .634-.514 1.148-1.148 1.148zm4.437-5.823q.891 0 1.584-.396a2.87 2.87 0 0 0 1.13-1.149q.415-.753.415-1.763q0-1.03-.416-1.762a2.87 2.87 0 0 0-1.129-1.15q-.693-.395-1.584-.395t-1.604.396a2.87 2.87 0 0 0-1.13 1.149q-.415.733-.415 1.762q0 1.01.415 1.763q.416.753 1.13 1.15q.713.395 1.604.395m9.142 1.981a1.15 1.15 0 0 1-1.149-1.148v-8.28c0-.635.514-1.15 1.148-1.15h.18a1.15 1.15 0 0 1 1.148 1.15v8.28c0 .634-.514 1.148-1.148 1.148zm.099-12.32q-.693 0-1.149-.436q-.435-.435-.436-1.05q0-.633.436-1.05q.456-.435 1.149-.435t1.129.416q.456.395.455 1.01q0 .653-.435 1.11q-.435.435-1.15.435m6.499 9.963l.06-3.11l5.22-4.828c.196-.181.454-.282.721-.282c.945 0 1.419 1.141.752 1.81l-2.89 2.904l-1.308 1.09zm-.872 2.357a1.15 1.15 0 0 1-1.148-1.148v-12.4c0-.635.514-1.149 1.148-1.149h.18c.633 0 1.147.514 1.147 1.148v12.4c0 .635-.514 1.149-1.148 1.149zm7.382 0a1.15 1.15 0 0 1-.893-.426l-3.518-4.348l1.565-1.98l3.848 4.896c.592.753.056 1.858-.902 1.858z\"/><defs><linearGradient id=\"svgID0\" x1=\"258.131\" x2=\"88.645\" y1=\"269.783\" y2=\"75.457\" gradientTransform=\"scale(.06838)\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient></defs></g>",
+      "width": 70.701,
+      "height": 24
+    },
+    "tracing-phoenix-icon": {
+      "body": "<defs><linearGradient id=\"svgID0\" x1=\"6.05\" x2=\"13.18\" y1=\".98\" y2=\"13.34\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\".5\" stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID1\" x1=\"12.99\" x2=\"6.97\" y1=\"10.87\" y2=\".45\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\" stop-opacity=\"0\"/><stop offset=\".12\" stop-color=\"currentColor\" stop-opacity=\".17\"/><stop offset=\".3\" stop-color=\"currentColor\" stop-opacity=\".42\"/><stop offset=\".47\" stop-color=\"currentColor\" stop-opacity=\".63\"/><stop offset=\".64\" stop-color=\"currentColor\" stop-opacity=\".79\"/><stop offset=\".78\" stop-color=\"currentColor\" stop-opacity=\".9\"/><stop offset=\".91\" stop-color=\"currentColor\" stop-opacity=\".97\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"11.21\" x2=\"6.88\" y1=\"10.8\" y2=\"3.29\" href=\"#svgID1\"/><linearGradient id=\"svgID3\" x1=\"10.62\" x2=\"8.2\" y1=\"11.35\" y2=\"7.16\" href=\"#svgID1\"/><linearGradient id=\"svgID4\" x1=\"10.72\" x2=\"9.21\" y1=\"12.2\" y2=\"9.59\" href=\"#svgID1\"/><linearGradient id=\"svgID5\" x1=\"8.17\" x2=\"8.17\" y1=\"11.96\" y2=\"14.71\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\".03\" stop-color=\"currentColor\" stop-opacity=\".9\"/><stop offset=\".22\" stop-color=\"currentColor\" stop-opacity=\".4\"/><stop offset=\".42\" stop-color=\"currentColor\" stop-opacity=\".1\"/><stop offset=\".65\" stop-color=\"currentColor\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID6\" x1=\"11.26\" x2=\"11.26\" y1=\"11.7\" y2=\"13.1\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID7\" x1=\"11.94\" x2=\"11.94\" y1=\"8.07\" y2=\"6.92\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\".03\" stop-color=\"currentColor\" stop-opacity=\".95\"/><stop offset=\".51\" stop-color=\"currentColor\" stop-opacity=\".26\"/><stop offset=\".81\" stop-color=\"currentColor\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID8\" x1=\"14.45\" x2=\"14.45\" y1=\"8.92\" y2=\"6.14\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\".18\" stop-color=\"currentColor\" stop-opacity=\".48\"/><stop offset=\".38\" stop-color=\"currentColor\" stop-opacity=\".12\"/><stop offset=\".58\" stop-color=\"currentColor\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID9\" x1=\"17.03\" x2=\"16.07\" y1=\"11.1\" y2=\"9.44\" href=\"#svgID6\"/><linearGradient id=\"svgIDa\" x1=\"17.8\" x2=\"16.36\" y1=\"10.64\" y2=\"8.16\" href=\"#svgID1\"/><linearGradient id=\"svgIDb\" x1=\"14.07\" x2=\"16.16\" y1=\"10.22\" y2=\"9.02\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\".31\" stop-color=\"currentColor\" stop-opacity=\".5\"/><stop offset=\".67\" stop-color=\"currentColor\" stop-opacity=\".13\"/><stop offset=\"1\" stop-color=\"currentColor\" stop-opacity=\"0\"/></linearGradient></defs><path fill=\"none\" d=\"M0 .02h74v16H0z\"/><path fill=\"url(#svgID0)\" d=\"M17.91 10c-.04-.19-.14-.36-.28-.51c-.06-.06-.12-.11-.19-.16l-.1-.07c-.04-.03-.09-.05-.14-.08c-.19-.09-.34-.19-.48-.29c-.06-.04-.11-.09-.16-.13c-.12-.11-.21-.2-.27-.3a.5.5 0 0 1-.05-.1c0-.01-.02-.03-.03-.04c-.02-.02-.05-.02-.08-.02c-.04 0-.08.04-.08.09v.11c0 .02 0 .04-.03.05H16c-.03 0-.06.02-.07.04c-.02.02-.02.05-.02.08s.01.04.02.06s0 .03.01.04c.01.03.03.05.05.08c.03.05.07.09.11.15c.01.02.02.04 0 .06c-.01.02-.03.03-.05.03c-.25-.03-.46-.09-.67-.16c-.02 0-.05-.02-.07-.03c-.18-.08.15-.41.3-.64c.66-1.02.8-2.19.81-3.38c0-1.15-.12-2.27-.35-3.39C15.92.55 15.8.2 15.72.07c-.02-.03-.04-.06-.06-.07s-.03 0-.03 0c-.04 0-.09.04-.15.1c-.25.26-.23.57-.17.89c.31 1.47.55 2.95.44 4.47c-.07 1.04-.27 2.05-1 2.86c-.04.05-.09.1-.14.14c-.05.05-.14.16-.2.11c-.08-.06 0-.18.02-.24c.43-1 .55-2.05.48-3.12v-.13c-.01-.14-.02-.28-.04-.43c-.18-1.71-.4-1.82-.4-1.82s-.03-.02-.06-.03c-.12-.02-.18.08-.23.15c-.23.35-.13.72-.05 1.08c.26 1.28.27 2.55-.18 3.79c-.04.11-.09.22-.14.33c-.05.12-.09.26-.28.2c-.18-.06-.13-.19-.1-.31c.06-.31.11-.62.14-.93s0-.06 0-.09c0-.05 0-.11.01-.16v-.2c.04-.99-.13-1.44-.19-1.57c0-.02-.01-.03-.02-.04c-.07-.1-.17-.09-.27 0c-.17.17-.27.37-.22.62c.13.74.05 1.46-.08 2.19c-.02.1-.06.27-.27.23c-.14-.03-.17-.09-.18-.21v-.34c0-.13-.02-.25-.03-.38v-.04c-.08-.71-.18-.78-.18-.78c-.07-.09-.17-.07-.26.02c-.17.17-.26.37-.22.62c.03.19.02.13.04.29c.01.08.03.23.03.28c0 .04-.01.08-.04.11c-.09.09-.23 0-.34-.05c-2.08-.86-3.86-2.07-5.42-3.6c-.61-.62-1.65-1.88-1.65-1.88s-.09-.07-.16-.04c-.14.06-.13.23-.14.38c-.02.29.13.51.3.7c2.35 2.74 5.21 4.71 8.67 5.69l.62.16h.02l.54.14h.01s-.04.01-.06.02c-.59.12-1.76-.1-2.69-.32c-.46-.1-.92-.22-1.36-.36H10c-1.73-.55-3.32-1.44-4.7-2.81c-.13-.13-.25-.27-.37-.41c-.11-.13-.34-.4-.41-.5c0-.01-.02-.02-.03-.03c-.02-.02-.05-.04-.09-.03c-.1.02-.12.12-.14.21c-.07.34.04.62.26.88c1.42 1.59 3.2 2.61 5.21 3.28c1.14.38 2.31.61 3.5.76c-.71.23-1.44.3-2.18.28a9.8 9.8 0 0 1-4.03-.99c-.46-.24-.9-.5-1.01-.58c-.07-.04-.13-.07-.2-.02c-.13.1-.04.27 0 .4c.08.26.25.43.49.55c2.05 1.08 4.22 1.52 6.52 1.13c.23-.04.45-.08.7-.16c-.39.33-.83.55-1.3.72c-1.44.53-2.88.51-4.31.15c-.46-.12-.99-.32-.99-.32c-.08-.03-.15-.05-.21.04c-.1.15-.01.3.08.45c.21.33.63.36.95.48c.11.04-.19.24-.29.31c-.47.36-.94.69-1.41 1.04l-.31.23c-.05.04-.1.08-.08.15c.03.09.12.1.2.12c.34.07.62-.04.89-.24c.57-.43 1.15-.84 1.71-1.28c.21-.17.4-.15.7-.08c-.73.55-1.4 1.06-2.08 1.57L5 15.36l-.46.34s-.01 0-.02.01c-.04.03-.07.07-.06.11c.02.1.14.13.24.15c.41.07.66-.08.94-.29c1.39-1.05 2.79-2.09 4.18-3.14c.31-.24.63-.37 1.08-.32c-.38.29-.75.56-1.11.83l-.98.73l-.02.02c-.05.04-.09.09-.07.16c.04.13.19.15.33.17c.24.04.45-.05.64-.19l.33-.24l1.5-1.19s.35-.25.76-.49c.04-.02.07-.05.11-.07c.02 0 .05-.02.11-.05c.04-.02.09-.05.13-.07c.06-.03.14-.07.22-.12c.24-.1.93-.42 1.51-1.03c.27-.21.66-.48.95-.62c.02-.01.04-.02.07-.03c.01 0 .03-.01.04-.01h.04c.11-.05.28-.06.31.18v.18c0 .05-.01.1-.02.14c0 .04 0 .08.04.1h.02c.04.02.09.01.12-.02c.01-.01.02-.03.04-.04q.225-.225.45-.33q.345-.15.72 0c.12.05.23.11.34.19c.05.03.1.07.14.12c.03.03.06.05.08.08s.02.02.02.02l.01.01c.02.02.05.02.08.02s.06-.03.07-.06v-.02c.07-.21.09-.4.04-.59Z\"/><path fill=\"currentColor\" d=\"M13.48 7.75c-.02.1-.03.21-.05.31c.02-.1.04-.21.05-.31m1.85 1.15h.02zm.31-.65h-.01zm-1.83-.08s-.02.06-.04.08c.01-.03.02-.06.04-.08m-1.43-.15v.01zm.43-.21s0 .04-.01.06c0-.02 0-.04.01-.06m-1.14-.14s-.03.02-.05.03c.02 0 .03-.02.05-.03m.72.36s.03.03.05.04s-.03-.03-.05-.04m-.94-.35c.04.02.09.03.13.03h.05h-.05c-.04 0-.09-.02-.13-.03m3.9 1.23h.01zm-.96-.4s.01.06.04.08c.01 0 .02.01.03.01c.02 0 .04 0 .05-.02c-.02.01-.04.02-.05.02s-.02 0-.03-.01a.09.09 0 0 1-.04-.08m.07-.18v.01zm.02-.07s-.02.05-.03.07c0-.02.02-.05.03-.07m-1.08-.05c0 .07.03.13.13.16c.03.01.06.01.08.01c.09 0 .13-.06.16-.13c-.03.07-.07.13-.16.13c-.02 0-.05 0-.08-.01c-.1-.03-.13-.09-.13-.16m-.66-.17s-.08.07-.14.07h-.02h.02c.07 0 .11-.03.14-.07m1.31-.5c-.03.1-.06.2-.1.3c-.04.11-.09.22-.14.33c.05-.11.1-.22.14-.33c.04-.1.07-.2.1-.3m-1.18-.05c-.02.11-.03.22-.05.33l.06-.33m2.64-.52c-.15.49-.38.95-.75 1.36c-.04.05-.09.1-.14.14s.09-.09.14-.14c.37-.41.6-.87.75-1.36\"/><path fill=\"url(#svgID1)\" d=\"M4.17 2.09s-.04 0-.06.01c-.1.04-.12.14-.13.25c.52.68 2.56 3.18 5.78 4.9c0 0 3.15 1.66 6.32 1.84c-.25-.03-.46-.09-.67-.16c-.01 0-.02 0-.04-.01c-1.15-.25-2.13-.56-2.83-.81h.04h-.04c-.04 0-.07-.02-.1-.04c-.55-.2-.9-.35-.98-.39c-.04-.02-.08-.04-.12-.05c-2.08-.86-3.86-2.07-5.42-3.6c-.61-.62-1.65-1.88-1.65-1.88s-.06-.05-.1-.05\" opacity=\".4\"/><path fill=\"url(#svgID2)\" d=\"M4.39 4.75h-.02c-.1.02-.12.12-.14.21v.05C5.84 7.19 8 8.08 8 8.08c2.15 1.01 3.92 1.22 5 1.22c.45 0 .77-.04.96-.06c-.09 0-.18.01-.28.01c-.63 0-1.53-.17-2.29-.35c-.46-.1-.92-.22-1.36-.36H10C8.27 7.99 6.68 7.1 5.3 5.73c-.13-.13-.25-.27-.37-.41c-.11-.13-.34-.4-.41-.5c0-.01-.02-.02-.03-.03a.1.1 0 0 0-.07-.03\" opacity=\".4\"/><path fill=\"url(#svgID3)\" d=\"M5.86 8.53s-.05 0-.08.03c-.11.08-.06.22-.02.35c.81.49 2.66 1.44 4.84 1.44c.83 0 1.7-.14 2.59-.48c-.64.21-1.3.28-1.96.28h-.22a9.8 9.8 0 0 1-4.03-.99c-.46-.24-.9-.5-1.01-.58a.2.2 0 0 0-.12-.05\" opacity=\".4\"/><path fill=\"url(#svgID4)\" d=\"M13.34 10.6c-.35.27-.75.46-1.16.61c-.77.28-1.55.41-2.32.41c-.67 0-1.33-.09-1.99-.26c-.46-.12-.99-.32-.99-.32s-.07-.03-.1-.03c-.04 0-.08.02-.11.06c-.05.07-.05.14-.04.21c.51.24 1.6.66 2.93.66c1.15 0 2.49-.32 3.78-1.34\" opacity=\".4\"/><path fill=\"url(#svgID5)\" d=\"M9.91 12.25c-1.25 0-2.19-.25-2.31-.29c.04.01.07.02.1.03c.11.04-.19.24-.29.31c-.35.27-.69.52-1.04.77h1.06c.33-.25.67-.5.99-.75c.12-.1.24-.13.37-.13c.1 0 .2.02.33.05c-.73.55-1.4 1.06-2.08 1.57c-.4.3-.79.6-1.19.9h1.07c.96-.72 1.92-1.44 2.87-2.16c.22-.17.44-.28.71-.32c-.2.01-.4.02-.58.02Z\" opacity=\".4\"/><path fill=\"url(#svgID6)\" d=\"M9.69 13.1h1.03l.76-.6s.35-.25.76-.49c.04-.02.07-.05.11-.07c.02 0 .05-.02.11-.05c.04-.02.09-.05.13-.07c.07-.03.15-.08.23-.12c-.73.31-1.49.46-2.18.52h.03c.06 0 .12 0 .18.01c-.38.29-.75.56-1.11.83l-.06.05Z\" opacity=\".4\"/><path fill=\"url(#svgID7)\" d=\"M12.35 7.89v-.34c0-.08 0-.16-.02-.23c-.25-.1-.48-.24-.69-.39V7c.03.19.02.13.04.29c.01.08.03.23.03.28c0 .04-.01.08-.04.11s-.06.04-.09.04c-.04 0-.09-.02-.13-.03c.08.04.43.19.98.39c-.06-.04-.08-.09-.08-.18Z\" opacity=\".4\"/><path fill=\"url(#svgID8)\" d=\"M16.36 6.14c-.23.32-.51.6-.84.83c-.15.49-.38.95-.75 1.36c-.04.05-.09.1-.14.14s-.11.12-.17.12c-.01 0-.02 0-.03-.01c-.08-.06 0-.18.02-.24c.14-.32.24-.65.32-.98q-.345.135-.72.18c-.03.1-.06.2-.1.3c-.04.11-.09.22-.14.33c-.05.1-.08.21-.2.21c-.02 0-.05 0-.08-.01c-.18-.06-.13-.19-.1-.31c.03-.16.06-.32.08-.49c-.22 0-.43-.04-.64-.08c-.02.13-.04.26-.07.39c-.02.09-.05.24-.21.24h-.06c.69.25 1.68.56 2.83.81s-.02 0-.03-.01c-.18-.08.15-.41.3-.64c.43-.66.64-1.37.73-2.12Z\" opacity=\".4\"/><path fill=\"url(#svgID9)\" d=\"M16.19 9.7c-.14 0-.29.01-.43.04h-.08c-.04 0-.08 0-.11-.02l.02.02c.06.09.1.18.11.28c.02.02.03.04.04.07s0 .05 0 .07v.11c0 .05-.01.1-.02.14v.02c0 .03.02.06.04.08h.02s.03.02.05.02c.03 0 .06-.01.08-.03c.01-.01.02-.03.04-.04q.225-.225.45-.33a.92.92 0 0 1 .71 0c.12.05.23.11.34.19c.05.03.1.07.14.12c.03.03.06.05.08.08s.02.02.02.02h.01s.04.03.06.03c-.1-.21-.22-.41-.4-.56c-.33-.29-.75-.41-1.18-.41\" opacity=\".5\"/><path fill=\"url(#svgIDa)\" d=\"M16.15 8.3h-.02s-.08.05-.08.09v.14c.18.26.56.73 1.15.91c0 0 .91.47.68 1.16v-.02c.08-.21.09-.4.05-.59s-.14-.36-.28-.51c-.06-.06-.12-.11-.19-.16l-.1-.07c-.04-.03-.09-.05-.14-.08c-.19-.09-.34-.19-.48-.29c-.06-.04-.11-.09-.16-.13c-.12-.11-.21-.2-.27-.3a.5.5 0 0 1-.05-.1c0-.01-.02-.03-.03-.04c-.02-.01-.04-.02-.06-.02\" opacity=\".4\"/><path fill=\"url(#svgIDb)\" d=\"m15 10.21l.18-.11l.77-1.03s-.42-.08-.63-.17c0 0-.21.96-.99 1.77l.29-.21c.11-.08.22-.15.38-.25\" opacity=\".5\"/><path fill=\"currentColor\" d=\"M25.33 4.73h1.97c1.42 0 2.07.73 2.07 2.23v.74c0 1.5-.65 2.23-2.07 2.23h-1.14v4.09h-.82V4.73Zm1.97 4.46c.86 0 1.25-.39 1.25-1.44v-.84c0-1.04-.39-1.44-1.25-1.44h-1.14v3.71h1.14Zm5.1-4.46h.82v4.08h2.54V4.73h.82v9.3h-.82V9.55h-2.54v4.48h-.82zm7.42 7.17V6.88c0-1.48.74-2.27 2.09-2.27S44 5.41 44 6.88v5.02c0 1.48-.74 2.27-2.09 2.27s-2.09-.8-2.09-2.27m3.35.05V6.82c0-1-.45-1.48-1.26-1.48s-1.26.48-1.26 1.48v5.13c0 1 .45 1.46 1.26 1.46s1.26-.47 1.26-1.46m4.06-7.22h3.72v.74h-2.9v3.34h2.38v.74h-2.38v3.72h2.9v.76h-3.72zm6.7 0h1.09l2.42 7.19V4.73h.77v9.3h-.88L54.69 6.1v7.93h-.76zm7.62 0h.82v9.3h-.82zm5.64 4.56l-1.82-4.56h.88l1.46 3.69l1.48-3.69h.8l-1.82 4.56l1.9 4.74h-.88l-1.54-3.91l-1.55 3.91h-.8l1.9-4.74Z\"/>"
+    },
+    "tracing-phoenix-icon-big": {
+      "body": "<defs><linearGradient id=\"svgID0\" x1=\"9.07\" x2=\"19.77\" y1=\"1.47\" y2=\"20\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\".5\" stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID1\" x1=\"19.48\" x2=\"10.46\" y1=\"16.3\" y2=\".67\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\" stop-opacity=\"0\"/><stop offset=\".12\" stop-color=\"currentColor\" stop-opacity=\".17\"/><stop offset=\".3\" stop-color=\"currentColor\" stop-opacity=\".42\"/><stop offset=\".47\" stop-color=\"currentColor\" stop-opacity=\".63\"/><stop offset=\".64\" stop-color=\"currentColor\" stop-opacity=\".79\"/><stop offset=\".78\" stop-color=\"currentColor\" stop-opacity=\".9\"/><stop offset=\".91\" stop-color=\"currentColor\" stop-opacity=\".97\"/><stop offset=\"1\" stop-color=\"currentColor\"/></linearGradient><linearGradient id=\"svgID2\" x1=\"16.82\" x2=\"10.32\" y1=\"16.21\" y2=\"4.94\" href=\"#svgID1\"/><linearGradient id=\"svgID3\" x1=\"15.92\" x2=\"12.29\" y1=\"17.03\" y2=\"10.74\" href=\"#svgID1\"/><linearGradient id=\"svgID4\" x1=\"16.08\" x2=\"13.82\" y1=\"18.3\" y2=\"14.38\" href=\"#svgID1\"/><linearGradient id=\"svgID5\" x1=\"12.26\" x2=\"12.26\" y1=\"17.94\" y2=\"22.07\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\".03\" stop-color=\"currentColor\" stop-opacity=\".9\"/><stop offset=\".22\" stop-color=\"currentColor\" stop-opacity=\".4\"/><stop offset=\".42\" stop-color=\"currentColor\" stop-opacity=\".1\"/><stop offset=\".65\" stop-color=\"currentColor\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID6\" x1=\"16.89\" x2=\"16.89\" y1=\"17.55\" y2=\"19.66\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\"1\" stop-color=\"currentColor\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID7\" x1=\"17.91\" x2=\"17.91\" y1=\"12.1\" y2=\"10.38\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\".03\" stop-color=\"currentColor\" stop-opacity=\".95\"/><stop offset=\".51\" stop-color=\"currentColor\" stop-opacity=\".26\"/><stop offset=\".81\" stop-color=\"currentColor\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID8\" x1=\"21.67\" x2=\"21.67\" y1=\"13.37\" y2=\"9.21\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\".18\" stop-color=\"currentColor\" stop-opacity=\".48\"/><stop offset=\".38\" stop-color=\"currentColor\" stop-opacity=\".12\"/><stop offset=\".58\" stop-color=\"currentColor\" stop-opacity=\"0\"/></linearGradient><linearGradient id=\"svgID9\" x1=\"25.54\" x2=\"24.1\" y1=\"16.65\" y2=\"14.16\" href=\"#svgID6\"/><linearGradient id=\"svgIDa\" x1=\"26.7\" x2=\"24.55\" y1=\"15.97\" y2=\"12.24\" href=\"#svgID1\"/><linearGradient id=\"svgIDb\" x1=\"21.11\" x2=\"24.24\" y1=\"15.34\" y2=\"13.53\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0\" stop-color=\"currentColor\"/><stop offset=\".31\" stop-color=\"currentColor\" stop-opacity=\".5\"/><stop offset=\".67\" stop-color=\"currentColor\" stop-opacity=\".13\"/><stop offset=\"1\" stop-color=\"currentColor\" stop-opacity=\"0\"/></linearGradient></defs><path fill=\"none\" d=\"M0 .04h111v24H0z\"/><path fill=\"url(#svgID0)\" d=\"M26.87 15c-.06-.28-.2-.53-.42-.76c-.08-.09-.18-.17-.28-.25c-.05-.04-.1-.07-.15-.1l-.21-.12c-.28-.14-.51-.29-.72-.44c-.08-.06-.17-.13-.24-.19c-.19-.16-.31-.3-.4-.45c-.03-.05-.06-.1-.08-.15a.12.12 0 0 0-.05-.05c-.03-.02-.08-.04-.12-.03a.16.16 0 0 0-.13.13v.17c0 .03-.01.07-.04.08h-.02c-.04 0-.08.03-.11.07s-.03.08-.02.13c0 .04.02.06.03.09v.02s.02.03.03.04c.02.04.04.08.07.12c.05.07.1.14.17.22c.02.02.02.06 0 .09a.09.09 0 0 1-.08.04c-.37-.05-.7-.13-1-.25c-.04-.01-.07-.03-.11-.04c-.28-.12.22-.61.45-.96c1-1.53 1.2-3.29 1.21-5.07c0-1.72-.18-3.41-.52-5.08c-.22-1.4-.41-1.93-.53-2.13a.3.3 0 0 0-.08-.1c-.03-.02-.05-.01-.05-.01c-.06 0-.14.06-.23.15c-.37.39-.35.86-.25 1.34c.47 2.21.82 4.43.66 6.7c-.11 1.56-.4 3.07-1.5 4.3l-.21.21c-.08.08-.21.24-.3.17c-.13-.09-.01-.27.03-.36c.64-1.5.82-3.07.73-4.69v-.2L22.34 7c-.28-2.56-.61-2.73-.61-2.73s-.05-.03-.09-.04c-.17-.04-.27.12-.35.23c-.35.52-.19 1.07-.08 1.62c.39 1.92.4 3.82-.28 5.69c-.06.17-.14.34-.21.5c-.08.17-.14.39-.42.3c-.26-.09-.19-.29-.16-.47c.09-.47.16-.93.2-1.4s0-.09.01-.13c0-.08.01-.16.02-.24c0-.07 0-.13.01-.2v-.1c.05-1.48-.2-2.16-.29-2.36c-.01-.02-.02-.05-.03-.07c-.1-.15-.26-.13-.4 0c-.26.25-.4.56-.33.93c.19 1.1.08 2.2-.13 3.28c-.03.15-.09.41-.4.34c-.21-.05-.26-.14-.27-.32v-.52c0-.19-.02-.38-.05-.57v-.05c-.12-1.07-.27-1.17-.27-1.17c-.1-.13-.25-.11-.39.03c-.26.25-.39.55-.33.93c.04.28.03.19.06.43c.02.12.05.35.05.42c0 .06-.02.12-.06.16c-.13.14-.34 0-.5-.07c-3.12-1.29-5.79-3.1-8.12-5.4C8 5.08 6.44 3.19 6.44 3.19c-.06-.07-.13-.11-.24-.06c-.2.09-.2.35-.22.57c-.04.44.2.76.45 1.06c3.52 4.11 7.82 7.06 13 8.54l.93.25h.03l.8.21h.02l-.09.03c-.88.17-2.63-.15-4.04-.47c-.7-.15-1.38-.32-2.05-.53c-.03 0-.05-.01-.05-.01c-2.6-.83-4.97-2.17-7.05-4.21c-.2-.19-.38-.4-.56-.61c-.16-.2-.5-.61-.62-.75c-.01-.02-.03-.03-.04-.05c-.04-.04-.08-.06-.14-.05c-.14.03-.19.18-.21.31c-.11.51.05.93.39 1.31c2.13 2.39 4.8 3.91 7.81 4.91c1.71.57 3.46.91 5.25 1.13c-1.07.35-2.16.45-3.27.42c-2.14-.05-4.15-.57-6.04-1.49c-.7-.36-1.34-.76-1.52-.86c-.1-.07-.2-.11-.3-.03c-.19.15-.06.4 0 .6c.12.38.38.65.73.83c3.08 1.63 6.32 2.28 9.78 1.7c.35-.06.68-.12 1.05-.25c-.58.5-1.25.83-1.95 1.08c-2.17.79-4.32.76-6.46.22c-.69-.18-1.49-.48-1.49-.48c-.12-.05-.23-.07-.32.06c-.16.22-.02.46.12.67c.32.5.94.55 1.43.72c.17.05-.29.36-.43.47c-.71.54-1.4 1.04-2.11 1.56l-.46.34c-.08.05-.15.12-.11.23c.04.13.18.15.31.18c.51.1.94-.06 1.33-.36c.86-.64 1.73-1.26 2.56-1.93c.32-.25.61-.23 1.04-.12c-1.09.82-2.11 1.59-3.13 2.36c-1.03.78-2.07 1.56-3.1 2.33l-.68.51s-.02.01-.03.02h-.01c-.06.05-.1.1-.09.17c.03.15.21.19.36.22c.61.11.99-.12 1.41-.44c2.09-1.57 4.19-3.13 6.27-4.71c.47-.36.95-.56 1.62-.48c-.57.43-1.12.84-1.67 1.25l-1.47 1.09s-.02.02-.03.02c-.08.06-.13.13-.1.24c.06.19.29.22.49.25c.37.05.68-.08.96-.29c.17-.12.33-.24.5-.37s2.25-1.79 2.25-1.79s.53-.38 1.15-.73c.05-.03.11-.07.17-.1c.02-.01.08-.04.17-.08c.07-.03.13-.07.2-.1q.15-.075.33-.18c.36-.15 1.4-.64 2.26-1.55c.41-.32.98-.73 1.43-.92c.03-.02.07-.03.1-.04c.02 0 .04-.02.06-.02l.06-.02c.16-.05.43-.06.46.29v.27c0 .07-.02.15-.03.21s.01.12.06.15l.02.01c.06.03.14.02.18-.03c.02-.02.03-.04.05-.06c.22-.23.44-.39.68-.49c.35-.14.7-.14 1.07 0c.18.07.35.16.51.28c.07.05.14.11.21.17l.12.12l.03.04l.02.02q.06.045.12.03c.05-.01.09-.05.11-.1c0 0 0-.02.01-.03c.11-.31.13-.6.07-.89Z\"/><path fill=\"currentColor\" d=\"M20.22 11.62c-.03.16-.05.31-.08.47c.03-.16.06-.31.08-.47m2.77 1.73s.02 0 .03.01c-.01 0-.02 0-.03-.01m-1.25-.98l-.01.01zm1.71 0v.01zm-2.73-.11l-.06.12zm-2.14-.23v.01zm.64-.31s-.01.06-.02.09c0-.03.01-.06.02-.09m-1.71-.21s-.04.04-.07.05c.02 0 .05-.02.07-.05m1.07.53s.04.04.07.06s-.05-.04-.07-.06m-1.41-.53c.06.03.13.05.19.05c.03 0 .05 0 .07-.01c-.02 0-.05.01-.07.01c-.06 0-.13-.02-.19-.05m5.85 1.86h.02zm-1.43-.61s.02.08.06.11c.02.01.03.02.05.02c.03 0 .05-.01.08-.03c-.03.02-.05.03-.08.03c-.02 0-.03 0-.05-.02a.14.14 0 0 1-.06-.11m.09-.26v.02zm.05-.11s-.03.07-.04.11c.01-.03.03-.07.04-.11m0-.01v.01zm-1.63-.06c0 .1.04.19.19.24c.05.02.09.02.12.02c.13 0 .19-.09.24-.2c-.05.1-.11.2-.24.2c-.04 0-.08 0-.12-.02c-.15-.05-.19-.14-.19-.24m-.99-.25c-.05.06-.11.1-.22.1h-.03h.03c.1 0 .17-.04.22-.1m1.97-.75c-.05.15-.09.3-.15.44c-.06.17-.14.34-.21.5c.08-.16.15-.33.21-.5l.15-.45m2.2-.86c-.22.73-.57 1.42-1.12 2.04l-.21.21l.21-.21c.55-.62.9-1.31 1.12-2.04\"/><path fill=\"url(#svgID1)\" d=\"M6.25 3.13s-.06 0-.09.02c-.14.06-.18.21-.2.37c.78 1.02 3.84 4.77 8.67 7.35c0 0 4.72 2.49 9.48 2.76c-.37-.05-.7-.13-1-.25c-.02 0-.04-.01-.05-.02c-1.73-.37-3.2-.84-4.24-1.21h.06h-.06a.5.5 0 0 1-.15-.05c-.82-.3-1.35-.53-1.47-.59a3 3 0 0 0-.17-.08c-3.12-1.29-5.79-3.1-8.12-5.4c-.92-.94-2.48-2.83-2.48-2.83s-.09-.08-.15-.08\" opacity=\".4\"/><path fill=\"url(#svgID2)\" d=\"M6.59 7.12h-.03c-.14.03-.19.18-.21.31c0 .02 0 .05-.01.07c2.41 3.27 5.65 4.6 5.65 4.6c3.23 1.52 5.88 1.83 7.5 1.83c.67 0 1.16-.05 1.44-.09c-.13.01-.27.02-.42.02c-.95 0-2.3-.26-3.43-.52c-.7-.15-1.38-.32-2.05-.53c-.03 0-.05-.01-.05-.01c-2.6-.83-4.97-2.17-7.05-4.21c-.2-.19-.38-.4-.56-.61c-.16-.2-.5-.61-.62-.75c-.01-.02-.03-.03-.04-.05c-.03-.03-.06-.05-.1-.05\" opacity=\".4\"/><path fill=\"url(#svgID3)\" d=\"M8.78 12.8s-.08.01-.12.04c-.16.13-.09.34-.02.52c1.21.73 3.98 2.16 7.27 2.16c1.24 0 2.55-.2 3.88-.72c-.96.31-1.94.43-2.94.43h-.33c-2.14-.05-4.15-.57-6.04-1.49c-.7-.36-1.34-.76-1.52-.86a.34.34 0 0 0-.18-.07\" opacity=\".4\"/><path fill=\"url(#svgID4)\" d=\"M20.02 15.9c-.53.4-1.12.68-1.74.91c-1.16.42-2.32.61-3.47.61c-1 0-1.99-.14-2.99-.39c-.69-.18-1.49-.48-1.49-.48c-.05-.02-.1-.04-.15-.04c-.06 0-.12.03-.17.1c-.07.1-.08.21-.06.32c.76.35 2.4.98 4.39.98c1.73 0 3.73-.47 5.67-2.01\" opacity=\".4\"/><path fill=\"url(#svgID5)\" d=\"M14.87 18.37c-1.87 0-3.29-.38-3.47-.43c.05.02.1.03.15.05c.17.05-.29.36-.43.47c-.52.4-1.04.78-1.56 1.16h1.59c.5-.37 1-.74 1.49-1.13c.18-.14.35-.2.55-.2c.15 0 .31.03.49.08c-1.09.82-2.11 1.59-3.13 2.36c-.6.45-1.19.9-1.79 1.34h1.6c1.44-1.08 2.88-2.15 4.31-3.24c.33-.25.67-.42 1.07-.48c-.3.02-.59.03-.88.03Z\" opacity=\".4\"/><path fill=\"url(#svgID6)\" d=\"M14.54 19.66h1.55l1.14-.91s.53-.38 1.15-.73c.05-.03.11-.07.17-.1c.02-.01.08-.04.17-.08c.07-.03.13-.07.2-.1c.1-.05.22-.11.35-.19c-1.1.46-2.23.69-3.28.77h.04c.09 0 .18 0 .27.02c-.57.43-1.12.84-1.67 1.25z\" opacity=\".4\"/><path fill=\"url(#svgID7)\" d=\"M18.52 11.84v-.52c0-.12-.01-.23-.03-.35c-.37-.16-.72-.35-1.04-.59v.1c.04.28.03.19.06.43c.02.12.05.35.05.42c0 .06-.02.12-.06.16s-.09.06-.14.06c-.06 0-.13-.02-.19-.05c.12.06.65.29 1.48.59c-.09-.05-.12-.14-.12-.27Z\" opacity=\".4\"/><path fill=\"url(#svgID8)\" d=\"M24.54 9.21c-.34.48-.77.9-1.26 1.24c-.22.73-.57 1.42-1.12 2.04l-.21.21c-.07.07-.17.19-.25.19c-.02 0-.03 0-.05-.02c-.13-.09-.01-.27.03-.36c.21-.48.37-.98.48-1.47q-.525.195-1.08.27c-.05.15-.09.3-.15.44c-.06.17-.14.34-.21.5c-.07.14-.12.32-.3.32c-.04 0-.08 0-.12-.02c-.26-.09-.19-.29-.16-.47c.05-.24.09-.49.12-.73q-.495-.015-.96-.12c-.03.19-.06.39-.1.58c-.02.13-.08.35-.31.35c-.03 0-.06 0-.09-.01c1.04.37 2.51.84 4.24 1.21s-.03-.01-.05-.02c-.28-.12.22-.61.45-.96c.64-.98.95-2.06 1.1-3.18Z\" opacity=\".4\"/><path fill=\"url(#svgID9)\" d=\"M24.28 14.56c-.22 0-.43.02-.65.06c-.04 0-.08.01-.12.01c-.06 0-.12 0-.17-.03c0 .01.02.02.03.03c.09.13.14.27.16.42c.02.03.04.06.06.1s0 .07 0 .1v.17c0 .07-.02.15-.03.21v.03q0 .075.06.12h.02s.05.03.07.03c.04 0 .08-.02.11-.05c.02-.02.03-.04.05-.06c.22-.23.44-.39.68-.49c.17-.07.35-.11.53-.11s.36.04.55.11c.18.07.35.16.51.28c.07.05.14.11.21.17l.12.12l.03.04l.02.02s.06.03.09.03c-.15-.32-.33-.61-.6-.84c-.5-.43-1.13-.62-1.77-.62\" opacity=\".5\"/><path fill=\"url(#svgIDa)\" d=\"M24.22 12.45h-.03c-.07.01-.12.07-.13.14v.17c0 .02 0 .04-.01.05c.27.4.84 1.1 1.72 1.36c0 0 1.36.71 1.01 1.74v-.03c.12-.31.14-.6.08-.89c-.06-.28-.2-.53-.42-.76c-.08-.09-.18-.17-.28-.25c-.05-.04-.1-.07-.15-.1l-.21-.12c-.28-.14-.51-.29-.72-.44c-.08-.06-.17-.13-.24-.19c-.19-.16-.31-.3-.4-.45c-.03-.05-.06-.1-.08-.15a.12.12 0 0 0-.05-.05a.16.16 0 0 0-.09-.03\" opacity=\".4\"/><path fill=\"url(#svgIDb)\" d=\"m22.5 15.32l.28-.16l1.16-1.55s-.63-.12-.94-.26c0 0-.32 1.45-1.49 2.66l.43-.32c.17-.12.33-.23.56-.37\" opacity=\".5\"/><path fill=\"currentColor\" d=\"M38 7.1h2.95c2.13 0 3.11 1.1 3.11 3.35v1.12c0 2.25-.98 3.35-3.11 3.35h-1.71v6.14H38zm2.95 6.68c1.3 0 1.87-.58 1.87-2.15v-1.26c0-1.55-.58-2.15-1.87-2.15h-1.71v5.56zm7.66-6.68h1.24v6.12h3.81V7.1h1.24v13.95h-1.24v-6.72h-3.81v6.72h-1.24zm11.12 10.74V10.3c0-2.21 1.12-3.41 3.13-3.41s3.13 1.2 3.13 3.41v7.54c0 2.21-1.12 3.41-3.13 3.41s-3.13-1.2-3.13-3.41m5.02.08v-7.69c0-1.5-.68-2.21-1.89-2.21s-1.89.72-1.89 2.21v7.69c0 1.5.68 2.19 1.89 2.19s1.89-.7 1.89-2.19m6.1-10.82h5.58v1.12h-4.35v5h3.57v1.12h-3.57v5.58h4.35v1.14h-5.58zm10.05 0h1.63l3.63 10.78V7.1h1.16v13.95H86l-3.97-11.9v11.9h-1.14V7.1Zm11.42 0h1.24v13.95h-1.24zm8.47 6.84L98.06 7.1h1.32l2.19 5.54l2.21-5.54h1.2l-2.73 6.84l2.85 7.12h-1.32l-2.31-5.86l-2.33 5.86h-1.2z\"/>",
+      "width": 111,
+      "height": 24
+    },
+    "tracing-tencent-icon": {
+      "body": "<g fill=\"currentColor\"><path d=\"M61.471 1.7h-9.07V3h2.751v4.8h-3.26v1.3h3.26V17h1.53V9.1h3.464v7.6h2.752v-1.3h-1.223V1.7zm-4.892 5.9V3h3.567v4.8h-3.464v-.2zm-20.382 5.7h7.236v1.3h-7.236zm-4.994-2.4c0 2.3-.101 4.2-.611 5.7c0 .1 0 .1.102.1h1.325c.51-2.2.51-4 .51-5.3h1.833v4H33.14c-.102 0-.102 0-.102.1l.407 1.2h2.344v-15h-4.484zm1.427-.6v-3h1.835v3.2H32.63zM34.465 3v3.1H32.63V3z\"/><path d=\"M43.942 7h1.733V5.8h-5.198c.102-.4.204-.9.51-1.2h4.484V3.4h-1.223c.102-.7.51-1.6.51-1.6c0-.1 0-.1-.102-.1h-1.121l-.51 1.7h-1.63c.101-.7.203-1.5.407-2.2c0-.1 0-.1-.102-.1h-1.223c-.102.9-.203 1.7-.51 2.4h-.915l-.511-1.7H37.42c-.102 0-.102 0-.102.1s.204.9.51 1.6h-1.223v1.2h2.853c-.102.4-.204.9-.51 1.2h-2.75v1.2h2.14c-.918 1.2-1.733 1.7-2.14 2v1.3c0 .1.101.1.203 0c.408-.1.917-.5 1.223-.9h4.993v1.8h-3.872l.102-1.1c0-.1 0-.1-.102-.1h-1.223l-.102 2.2c0 .1 0 .1.102.1h6.726v3.2h-2.955c-.102 0-.102 0-.102.1l.407 1.2h4.28v-5.6h-1.63V8.9c.611.5 1.223 1 1.834 1.2c.102.1.204.1.204 0V8.8c-.611-.2-1.528-.7-2.344-1.8m-1.63 0c.204.5.611 1 1.019 1.3h-4.382c.407-.4.611-.9 1.019-1.3zm10.904 5.4l-2.446 1.8V5.8h-3.26v1.5h1.834v8.1c-.51.4-.918.5-.918.5l.918 1.1l3.974-2.9zc.306 0 .204-.1 0 0m-3.669-7.9h1.427c.204 0 .204-.1.204-.1L49.14 1.3h-1.529l-.102.1c.102.1 2.038 3.1 2.038 3.1M65.853 2h11.414v1.5H65.853zm4.179 6.9H79V7.4H64.222v1.5h4.077c-.917 2.2-2.854 7.6-2.956 7.7c0 .1 0 .1.102.1h12.74c.101 0 .101-.1.101-.1l-1.834-4.9h-1.53c-.102 0-.102.1-.102.1c0 .1 1.325 3.5 1.325 3.5h-8.357zM22.5 14.7c-.4.4-1.2 1-2.6 1h-8.6c2.6-2.5 4.8-4.6 5-4.8s.7-.7 1.2-1.1c1-.9 1.8-1 2.5-1c1 0 1.8.4 2.5 1c1.4 1.3 1.4 3.6 0 4.9m1.7-6.5c-1-1.1-2.5-1.8-4.1-1.8c-1.4 0-2.6.5-3.7 1.3c-.4.4-1 .8-1.5 1.4c-.4.4-9 8.8-9 8.8c.5.1 1.1.1 1.6.1h10.9c.8 0 1.4 0 2-.1c1.3-.1 2.6-.6 3.7-1.6c2.3-2.2 2.3-5.9.1-8.1\"/><path d=\"M10.2 7.6C9.1 6.8 8 6.4 6.7 6.4c-1.6 0-3.1.7-4.1 1.8c-2.2 2.3-2.2 5.9.1 8.2c1 .9 2 1.4 3.2 1.5l2.3-2.2H6.9c-1.3-.1-2.1-.5-2.6-1c-1.4-1.4-1.4-3.6-.1-5c.7-.7 1.5-1 2.5-1c.6 0 1.5.1 2.4 1c.4.4 1.5 1.2 1.9 1.6h.1l1.5-1.5v-.1c-.7-.7-1.8-1.6-2.4-2.1\"/><path d=\"M20.7 5.1c-1.1-3-4-5.1-7.3-5.1c-3.9 0-7 2.9-7.6 6.5c.3 0 .6-.1 1-.1s.9.1 1.3.1c.5-2.5 2.7-4.3 5.3-4.3c2.2 0 4.1 1.3 5 3.2c0 0 .1.1.1 0c.7-.1 1.5-.3 2.2-.3q0 .15 0 0\"/></g>",
+      "width": 80,
+      "height": 18
+    },
+    "tracing-tencent-icon-big": {
+      "body": "<g fill=\"currentColor\"><path d=\"M61.471 1.7h-9.07V3h2.751v4.8h-3.26v1.3h3.26V17h1.53V9.1h3.464v7.6h2.752v-1.3h-1.223V1.7zm-4.892 5.9V3h3.567v4.8h-3.464v-.2zm-20.382 5.7h7.236v1.3h-7.236zm-4.994-2.4c0 2.3-.101 4.2-.611 5.7c0 .1 0 .1.102.1h1.325c.51-2.2.51-4 .51-5.3h1.833v4H33.14c-.102 0-.102 0-.102.1l.407 1.2h2.344v-15h-4.484zm1.427-.6v-3h1.835v3.2H32.63zM34.465 3v3.1H32.63V3z\"/><path d=\"M43.942 7h1.733V5.8h-5.198c.102-.4.204-.9.51-1.2h4.484V3.4h-1.223c.102-.7.51-1.6.51-1.6c0-.1 0-.1-.102-.1h-1.121l-.51 1.7h-1.63c.101-.7.203-1.5.407-2.2c0-.1 0-.1-.102-.1h-1.223c-.102.9-.203 1.7-.51 2.4h-.915l-.511-1.7H37.42c-.102 0-.102 0-.102.1s.204.9.51 1.6h-1.223v1.2h2.853c-.102.4-.204.9-.51 1.2h-2.75v1.2h2.14c-.918 1.2-1.733 1.7-2.14 2v1.3c0 .1.101.1.203 0c.408-.1.917-.5 1.223-.9h4.993v1.8h-3.872l.102-1.1c0-.1 0-.1-.102-.1h-1.223l-.102 2.2c0 .1 0 .1.102.1h6.726v3.2h-2.955c-.102 0-.102 0-.102.1l.407 1.2h4.28v-5.6h-1.63V8.9c.611.5 1.223 1 1.834 1.2c.102.1.204.1.204 0V8.8c-.611-.2-1.528-.7-2.344-1.8m-1.63 0c.204.5.611 1 1.019 1.3h-4.382c.407-.4.611-.9 1.019-1.3zm10.904 5.4l-2.446 1.8V5.8h-3.26v1.5h1.834v8.1c-.51.4-.918.5-.918.5l.918 1.1l3.974-2.9zc.306 0 .204-.1 0 0m-3.669-7.9h1.427c.204 0 .204-.1.204-.1L49.14 1.3h-1.529l-.102.1c.102.1 2.038 3.1 2.038 3.1M65.853 2h11.414v1.5H65.853zm4.179 6.9H79V7.4H64.222v1.5h4.077c-.917 2.2-2.854 7.6-2.956 7.7c0 .1 0 .1.102.1h12.74c.101 0 .101-.1.101-.1l-1.834-4.9h-1.53c-.102 0-.102.1-.102.1c0 .1 1.325 3.5 1.325 3.5h-8.357zM22.5 14.7c-.4.4-1.2 1-2.6 1h-8.6c2.6-2.5 4.8-4.6 5-4.8s.7-.7 1.2-1.1c1-.9 1.8-1 2.5-1c1 0 1.8.4 2.5 1c1.4 1.3 1.4 3.6 0 4.9m1.7-6.5c-1-1.1-2.5-1.8-4.1-1.8c-1.4 0-2.6.5-3.7 1.3c-.4.4-1 .8-1.5 1.4c-.4.4-9 8.8-9 8.8c.5.1 1.1.1 1.6.1h10.9c.8 0 1.4 0 2-.1c1.3-.1 2.6-.6 3.7-1.6c2.3-2.2 2.3-5.9.1-8.1\"/><path d=\"M10.2 7.6C9.1 6.8 8 6.4 6.7 6.4c-1.6 0-3.1.7-4.1 1.8c-2.2 2.3-2.2 5.9.1 8.2c1 .9 2 1.4 3.2 1.5l2.3-2.2H6.9c-1.3-.1-2.1-.5-2.6-1c-1.4-1.4-1.4-3.6-.1-5c.7-.7 1.5-1 2.5-1c.6 0 1.5.1 2.4 1c.4.4 1.5 1.2 1.9 1.6h.1l1.5-1.5v-.1c-.7-.7-1.8-1.6-2.4-2.1\"/><path d=\"M20.7 5.1c-1.1-3-4-5.1-7.3-5.1c-3.9 0-7 2.9-7.6 6.5c.3 0 .6-.1 1-.1s.9.1 1.3.1c.5-2.5 2.7-4.3 5.3-4.3c2.2 0 4.1 1.3 5 3.2c0 0 .1.1.1 0c.7-.1 1.5-.3 2.2-.3q0 .15 0 0\"/></g>",
+      "width": 80,
+      "height": 18
+    },
+    "tracing-tracing-icon": {
+      "body": "",
+      "width": 20,
+      "height": 20
+    },
+    "tracing-weave-icon": {
+      "body": "<path fill=\"currentColor\" d=\"M20.848 3.293h1.66q.346-.001.699.004h1.441v.672c-.535.074-.535.074-1.082.144a125 125 0 0 1 .325 1.239l.718 2.746a50 50 0 0 1 .235.894l.07.266c.008.031.02.062.027.097l.036.13c.007.038.007.038.02.074a.6.6 0 0 1 .01.16h.048l.008-.04c.035-.187.09-.367.148-.55q.018-.047.035-.102l.07-.218c.04-.118.075-.235.114-.352q.054-.176.113-.36c.117-.359.23-.722.348-1.085q.018-.065.043-.137c.293-.93.586-1.855.875-2.785c-.024 0-.043 0-.067-.004a8 8 0 0 1-.699-.07l-.11-.012l-.253-.035v-.672h1.48q.345-.005.692-.004h1.558c.063.004.063.004.086.027q.005.073.004.145v.078c-.004.05-.004.05-.004.105v.32q-.602.073-1.223.145a707 707 0 0 0 .864 2.848q.147.497.3 1l.223.73c.219.715.219.715.317 1.055a.7.7 0 0 0 .093-.238l.016-.051l.047-.168c.012-.039.02-.082.031-.121l.074-.262a30 30 0 0 1 .235-.863q.222-.813.449-1.621A8 8 0 0 0 31 6.129q.098-.34.191-.68c.04-.14.079-.285.118-.426q.04-.147.082-.289q.016-.07.039-.14c.015-.063.035-.125.05-.188a.3.3 0 0 0 .016-.058q.03-.106.063-.211c-.348-.063-.704-.114-1.055-.168v-.672h1.125q.262-.005.523-.004h1.184c.047.004.047.004.07.027q.005.07.004.14v.267q.001.106-.004.218q-.171.03-.343.063q-.06.007-.118.02c-.207.035-.41.07-.617.085l-.016.067q-.112.45-.242.902c-.011.047-.027.09-.039.137c-.156.562-.316 1.129-.48 1.691c-.176.625-.356 1.25-.531 1.875q-.04.129-.075.258l-.332 1.168l-.14.496l-.082.293c-.114.39-.223.785-.344 1.176h-.957c-.059-.172-.059-.172-.113-.344l-.149-.465a.3.3 0 0 1-.02-.062c-.175-.535-.347-1.075-.523-1.61q-.21-.634-.41-1.27q-.27-.838-.543-1.671a5 5 0 0 1-.074-.223q-.029-.08-.051-.156c-.16-.48-.16-.48-.16-.578H27l-.008.047q-.042.217-.11.43l-.023.066q-.022.074-.047.148l-.128.41c-.008.032-.02.059-.028.09c-.11.34-.21.68-.316 1.02c-.024.07-.043.137-.067.207l-.128.422l-.207.675l-.016.051c-.027.086-.05.172-.078.254l-.14.457q-.04.124-.079.254l-.031.102l-.54 1.746h-.956a389 389 0 0 1-.852-2.89q-.076-.253-.148-.505l-.41-1.406q-.034-.105-.063-.21L22 5.026a5 5 0 0 1-.066-.222q-.056-.181-.11-.364c-.004-.02-.012-.039-.015-.058q-.019-.053-.032-.102a.7.7 0 0 1-.035-.215l-.05-.003c-.31-.02-.622-.06-.93-.094q-.005-.16-.004-.32v-.266c.004-.086.004-.086.09-.09m61.64-.042q.837-.005 1.68-.004h.777q.34-.005.68-.004h.36c2.171-.004 2.171-.004 2.91.656l.062.047c.234.2.406.457.516.746c.007.024.02.051.027.075a2 2 0 0 1-.117 1.468c-.266.52-.688.844-1.23 1.032a8 8 0 0 1-.505.144l.051.012c.824.183 1.602.43 2.082 1.176c.281.464.344 1.039.223 1.566c-.195.64-.64 1.14-1.223 1.457c-.457.242-.96.367-1.469.434l-.09.011c-.445.055-.89.043-1.34.04h-1.808l-1.586-.004v-.672q.555-.061 1.13-.121V4.043l-.388-.023q-.17-.017-.34-.04l-.085-.007a2 2 0 0 1-.317-.051zm2.903.719q-.001.411-.008.816l-.004.38q-.012.99-.012 1.98c1.121.039 1.121.039 2.09-.454c.34-.37.402-.859.39-1.34c-.015-.359-.128-.706-.386-.972c-.461-.41-1.098-.414-1.68-.41zm0 3.875v3.511c.89.032.89.032 1.761-.136c.02-.004.035-.012.055-.02c.371-.133.68-.375.86-.73c.214-.48.222-1.051.058-1.547c-.164-.43-.46-.688-.867-.875c-.594-.242-1.235-.203-1.867-.203m-9.223-4.367c.2.195.34.441.418.71q.005.025.016.055c.105.434.02.903-.188 1.29c-.07.113-.148.214-.238.316q-.03.029-.059.062c-.398.422-.918.707-1.43.973l.06.058l.32.356q.111.129.234.246q.074.073.136.152q.136.152.278.297c.375.403.375.403.539.594q.147.164.293.32q.11.113.215.23c.011.016.027.028.039.044l.074.082c.059.062.117.12.188.168c.007-.02.007-.02.019-.043q.047-.122.113-.23c.368-.68.606-1.403.782-2.157c-.024 0-.043-.004-.067-.004q-.306-.041-.613-.094l-.074-.011c-.172-.032-.172-.032-.254-.059c-.008-.504-.008-.504.047-.672h2.832v.625l-.961.168l-.082.281c-.266.86-.64 1.801-1.203 2.512c-.04.047-.04.047-.036.106a.5.5 0 0 0 .149.187a3 3 0 0 1 .222.23c.09.106.188.2.286.297c.086.09.168.176.25.274c.066.074.129.094.222.11l.075.01l.082.013q.034.01.082.015q.129.025.257.043l.258.047c.055.008.11.02.164.027c.035.008.035.008.075.012l.062.012c.05.012.05.012.074.035c-.004.258-.039.516-.07.77l-.184.046c-.023.004-.023.004-.05.012a4 4 0 0 1-.922.094h-.172c-.578.004-1.094-.168-1.531-.563l-.118-.117c-.058-.058-.117-.11-.175-.164l-.047-.047a3 3 0 0 1-.114-.105l-.03.027a4.4 4.4 0 0 1-.868.602q-.048.03-.098.058c-.132.07-.265.118-.406.16l-.055.016a3.6 3.6 0 0 1-1.078.133c-.062 0-.12 0-.183.004c-.782 0-1.5-.266-2.07-.809c-.45-.46-.63-1.035-.622-1.672c.012-.55.2-1.062.563-1.476l.05-.063c.336-.386.754-.648 1.196-.898q.046-.03.097-.059c.024-.011.047-.027.07-.039q-.014-.018-.03-.031a3.2 3.2 0 0 1-.864-2.27c.016-.402.145-.785.414-1.093c.016-.02.032-.035.043-.055c.348-.414.926-.629 1.446-.691l.066-.008c.723-.078 1.54.039 2.086.55m-2.496.32c-.238.316-.258.64-.215 1.023c.094.64.465 1.117.871 1.606a.6.6 0 0 0 .176-.125l.047-.043l.047-.047q.022-.029.047-.05q.192-.194.355-.411c.02-.023.035-.05.055-.074c.28-.383.445-.817.402-1.297c-.05-.3-.168-.559-.422-.742c-.441-.274-1.004-.227-1.363.16m-.625 4.031c-.383.399-.527.961-.527 1.504c.011.469.199.926.52 1.27c.429.394.94.539 1.51.523a2.7 2.7 0 0 0 1.153-.312q.026-.011.05-.028a.45.45 0 0 0 .208-.176c-.012-.007-.02-.02-.027-.027c-.473-.508-.473-.508-.684-.77q-.093-.112-.187-.218q-.136-.165-.266-.328a8 8 0 0 0-.317-.387c-.09-.106-.175-.211-.265-.316a10 10 0 0 0-.195-.235a12 12 0 0 1-.286-.344c-.007-.015-.02-.027-.03-.043c-.02-.027-.044-.054-.063-.082q-.077-.099-.153-.191c-.027-.035-.027-.035-.054-.066c-.02-.024-.02-.024-.043-.047c-.125 0-.258.187-.344.273M49.992 5.535c.11.074.11.074.145.145c0 .066.004.133.004.203v.57c0 .137 0 .137-.028.164l-.117.004h-.074c-.027 0-.05-.004-.078-.004h-.957l.031.067l.039.09c.008.015.012.03.02.046c.226.52.218 1.18.011 1.703c-.238.54-.633.934-1.183 1.149c-.739.27-1.594.27-2.348.074c-.18.258-.242.527-.219.84a.46.46 0 0 0 .164.25c.215.11.45.113.688.113q.033.005.066.004h.36l.629.004q.192-.001.386.004h.145c.648 0 1.363.059 1.855.531a1 1 0 0 0 .106.106c.32.332.425.797.43 1.246c-.012.508-.22.957-.555 1.328l-.051.055c-.648.695-1.691.953-2.606.984c-.964.023-2.093.02-2.84-.688c-.277-.3-.355-.636-.343-1.035a.9.9 0 0 1 .082-.351q.011-.031.027-.063c.215-.43.606-.664 1.004-.898l-.055-.024c-.332-.156-.507-.343-.64-.675c-.102-.34-.02-.72.133-1.024c.199-.344.472-.629.754-.902q-.023-.014-.051-.028a2.7 2.7 0 0 1-.453-.355l-.047-.047c-.211-.219-.34-.523-.41-.82c-.004-.02-.012-.043-.016-.063c-.117-.562-.035-1.195.277-1.68c.344-.488.817-.785 1.395-.93l.047-.01a3.9 3.9 0 0 1 1.73.01l.047.013a3.5 3.5 0 0 1 .598.226c.07.035.133.067.195.113c.102.086.102.086.227.102q.099-.03.191-.078c.023-.008.047-.02.074-.027c.074-.036.149-.067.223-.102l.148-.066q.253-.105.5-.223l.078-.031l.06-.032a.36.36 0 0 1 .202.012m-4.156.973c-.363.476-.414 1.09-.344 1.668c.059.367.196.715.488.957c.227.152.489.18.754.144a.97.97 0 0 0 .641-.422c.309-.48.367-1.109.266-1.664c-.078-.332-.239-.683-.524-.882c-.414-.235-.965-.16-1.281.199m-.598 5.86c-.281.366-.37.745-.336 1.202c.055.274.192.489.414.657c.297.191.7.27 1.051.28h.051c.715.02 1.488-.05 2.035-.562c.2-.207.258-.43.25-.715a.86.86 0 0 0-.308-.585c-.282-.204-.668-.196-.997-.196h-.464l-.54-.004h-.183c-.328 0-.648-.03-.973-.078m7.802-9.984l.046.015a.3.3 0 0 1 .121.106c.023.113.012.226.008.34q-.005.051-.004.11l-.012.23q-.012.281-.02.562c-.003.047-.003.09-.003.137c-.02.558-.02 1.117-.02 1.68v.23l.004.871l.055-.059l.07-.082c.012-.011.028-.023.04-.039c.456-.5 1.12-.882 1.804-.933c.512-.016 1 .027 1.398.379c.04.035.075.07.114.11l.05.05c.555.57.512 1.48.512 2.215q-.001.164.004.328v.617c0 .234.004.473.004.707l.004 1.45l.066.007l.082.012l.082.015c.114.016.227.04.34.063l.067.012c.027.004.027.004.058.011l.055.012c.043.012.043.012.066.035q.005.061.004.121v.379c-.004.051-.004.051-.027.074q-.065.005-.125.004h-3.086c-.055-.004-.055-.004-.078-.027v-.551c.093-.043.183-.066.285-.086c.027-.008.059-.011.09-.02q.029-.006.05-.007l.145-.031c.238-.051.238-.051.297-.051l-.008-1.418q.001-.329-.004-.656v-.578c0-.102-.004-.2-.004-.301V8.03c0-.367-.015-.832-.28-1.113c-.235-.195-.548-.172-.833-.156c-.355.039-.719.246-.992.472c-.04.032-.04.032-.094.067c-.098.07-.156.12-.184.238a3 3 0 0 0-.003.305v.117q-.001.156.004.312v.332l.003.625c.004.239.004.473.004.711l.012 1.465l.059.008q.13.023.257.05a1 1 0 0 1 .09.016c.032.004.059.012.09.016c.027.004.05.012.078.016q.099.016.196.039v.597h-3.29v-.597c.278-.059.555-.114.84-.172a9 9 0 0 0 .028-.656v-.094l.004-.25V9.64q-.001-.34.004-.68V7.863q.004-.531.003-1.07v-.395q.007-1.371.008-2.742c-.02 0-.039-.004-.058-.004l-.078-.007l-.079-.004a5 5 0 0 1-.246-.032l-.09-.011q-.041-.005-.09-.016l-.093-.012l-.223-.035v-.574q.441-.128.883-.238q.034-.011.063-.016l.324-.082l.265-.07l.32-.082c.044-.012.083-.02.126-.032c.054-.015.113-.03.168-.043c.015-.003.035-.011.05-.015c.082-.02.145-.031.223 0m46.652 3.629c.418.394.543.992.582 1.543q.005.172.004.343v.661q.005.491.004.976q-.001.27.004.54v.698c.004.192.008.395.133.547a.45.45 0 0 0 .34.047c.14-.058.246-.148.355-.25q.172.125.336.262c-.054.148-.148.262-.242.387l-.055.078c-.293.308-.675.422-1.093.433c-.36-.007-.727-.113-.993-.367c-.132-.152-.304-.39-.304-.601c-.18.14-.18.14-.344.296a3.3 3.3 0 0 1-.426.352l-.066.05c-.438.306-1.07.333-1.582.243c-.426-.094-.817-.32-1.063-.691a1.93 1.93 0 0 1-.199-1.418c.207-.614.664-.965 1.219-1.246c.64-.313 1.344-.52 2.027-.715l.047-.012l.29-.082c.03-.89.03-.89-.337-1.66c-.207-.196-.5-.223-.77-.223h-.054a11 11 0 0 0-.496.027c-.004.028-.004.06-.008.086q-.026.228-.074.45l-.024.144c-.07.363-.164.676-.476.899c-.235.125-.48.125-.739.058a.62.62 0 0 1-.367-.32a.7.7 0 0 1-.011-.567l.015-.05c.098-.285.25-.489.461-.7c.016-.015.031-.035.05-.05c.9-.871 2.907-.961 3.856-.168m-1.296 2.73l-.313.106c-.508.16-1.07.382-1.336.875a1.3 1.3 0 0 0-.098.98c.07.211.168.34.364.45c.285.14.597.152.898.046a3 3 0 0 0 .434-.238c.054-.04.054-.04.125-.07c.09-.051.176-.102.21-.207c.024-.141.016-.282.012-.426q-.005-.066-.004-.137l-.003-.363l-.008-.371c0-.242-.008-.485-.012-.727c-.086 0-.187.055-.27.082m-60.359-2.5c.172.164.297.336.414.543l.024.047c.363.64.402 1.426.289 2.14c-.028.028-.028.028-.09.028h-3.969l.035.273l.008.079c.066.546.262 1.09.691 1.457c.497.379 1.04.46 1.653.394c.45-.074.816-.355 1.133-.668c.125-.117.125-.117.203-.117a.3.3 0 0 1 .078.07q.13.145.281.266c-.105.293-.316.527-.527.746c-.016.02-.035.035-.051.055c-.414.445-1.035.691-1.633.765q-.03.001-.058.008c-.875.098-1.743-.117-2.442-.656c-.652-.547-.996-1.309-1.097-2.145l-.008-.066c-.098-.961.105-1.945.707-2.715l.094-.105q.018-.028.042-.055c.504-.598 1.325-.945 2.09-1.02c.797-.054 1.528.133 2.133.676m-2.808.41c-.278.356-.407.735-.48 1.172l-.013.074l-.011.075l-.012.062c-.008.063-.008.121-.008.188v.101q.406.005.805.004q.188-.001.375.004h.75c.168 0 .332-.027.453-.148c.187-.246.191-.575.16-.871a1.35 1.35 0 0 0-.516-.887c-.503-.313-1.113-.23-1.503.226m77.5-.566c.18.156.332.328.457.531l.043.063c.402.64.472 1.488.34 2.222c-.044.043-.118.028-.18.028h-.215l-.121.004h-.664q-.318.005-.64.004c-.243.003-.49.003-.731.003q-.752.007-1.504.008l.023.223l.004.058a3 3 0 0 0 .074.438q.011.032.016.062a1.95 1.95 0 0 0 .406.813c.285.355.73.574 1.18.621c.625.04 1.125-.086 1.605-.492a7 7 0 0 0 .34-.324c.07.03.121.066.18.12q.02.02.043.04l.047.047l.047.043l.117.109c-.27.61-.824 1.11-1.438 1.36c-.101.038-.203.07-.308.105l-.047.012a3.2 3.2 0 0 1-.887.097h-.055a3.4 3.4 0 0 1-.89-.105l-.055-.016a2.9 2.9 0 0 1-1.703-1.328c-.512-.852-.563-1.977-.332-2.926c.195-.77.691-1.488 1.375-1.906c1.05-.621 2.496-.738 3.473.086m-2.622.41c-.394.441-.597 1.05-.593 1.64v.117q.406-.001.804.005h.739c.043 0 .09.004.136.004h.25a.7.7 0 0 0 .43-.121c.211-.254.207-.536.184-.852a1.37 1.37 0 0 0-.43-.84l-.043-.043c-.418-.39-1.086-.285-1.477.09m9.102-.456q.005.403-.02.808l-.007.187c-.004.043-.004.082-.008.125v.055a3 3 0 0 1-.035.27h-.914q-.023-.117-.051-.239q-.023-.11-.05-.223c-.013-.054-.02-.105-.032-.156q-.029-.113-.05-.226q-.01-.036-.017-.07q-.004-.031-.015-.067l-.012-.059c-.012-.047-.012-.047-.035-.093a3 3 0 0 0-.172-.051c-.023-.004-.023-.004-.05-.012c-.4-.101-.903-.121-1.274.086a.8.8 0 0 0-.336.414a.96.96 0 0 0 .105.695c.262.344.848.47 1.235.586c.715.22 1.492.528 1.89 1.207c.22.438.262.98.137 1.457c-.18.543-.539.97-1.047 1.23c-.988.481-2.203.43-3.226.09c-.215-.081-.418-.187-.621-.288c-.032-.532-.028-1.059-.028-1.59h.938c.027.129.027.129.05.258q.03.123.051.246l.035.168l.047.246c.008.027.012.05.016.078l.016.07l.011.063c.012.05.012.05.04.101c.546.211 1.253.262 1.8.031c.223-.105.371-.23.461-.464c.05-.211.043-.446-.047-.645a.84.84 0 0 0-.305-.305a1 1 0 0 0-.078-.05c-.343-.203-.734-.317-1.113-.446c-.43-.14-.812-.304-1.176-.578q-.035-.022-.07-.05c-.023-.024-.023-.024-.05-.044v-.05q-.02-.005-.04-.016c-.226-.133-.367-.504-.433-.742a2.02 2.02 0 0 1 .257-1.55c.364-.54.918-.825 1.54-.954c.937-.176 1.863.031 2.683.496m-51.262.071c.024.027.024.027.024.077q.001.036-.004.07v.083q-.005.042-.004.086c0 .031-.004.058-.004.09q-.026.519-.062 1.039h-.91a25 25 0 0 1-.196-.813l-.016-.082q-.008-.04-.02-.074c-.01-.066-.01-.066-.01-.16l-.114-.035c-.024-.004-.043-.012-.067-.02a2.6 2.6 0 0 0-.62-.074h-.07c-.31.004-.575.055-.81.27c-.167.175-.203.34-.199.581a.62.62 0 0 0 .106.36q.01.018.027.043c.266.37.918.511 1.332.629c.727.21 1.375.547 1.762 1.226c.125.242.2.5.215.77q-.001.033.004.066c.015.512-.153.945-.485 1.332q-.02.024-.043.047c-.5.543-1.265.727-1.972.77c-.664.023-1.274-.047-1.899-.274c-.023-.008-.023-.008-.05-.02c-.184-.066-.352-.167-.524-.261v-.89q-.005-.14-.004-.274v-.336c.004-.063.004-.063.027-.086q.093-.005.192-.004h.535c.133 0 .133 0 .187.027c.012.043.012.043.024.102l.012.063q.01.034.015.07l.016.07c.008.05.02.102.027.152l.047.23c.008.048.02.099.027.145l.016.07c.02.11.035.212.031.325c.043.012.043.012.09.02q.169.04.344.085c.195.043.387.043.586.047h.094c.363 0 .718-.058 1.003-.293c.157-.16.215-.355.223-.57c-.008-.223-.066-.406-.226-.562c-.387-.293-.836-.438-1.29-.586c-.69-.227-1.363-.516-1.718-1.196c-.215-.445-.219-.98-.063-1.449c.23-.586.653-.969 1.223-1.223c1.039-.421 2.234-.18 3.191.336m37.996-.339q.028.01.055.023c.192.074.356.172.54.27c-.024.476-.048.953-.071 1.445h-.914c-.106-.406-.106-.406-.14-.567q-.007-.021-.013-.05a2 2 0 0 1-.03-.153l-.024-.105q-.031-.129-.055-.258l-.16-.047l-.09-.023a2 2 0 0 0-.535-.055h-.082a1.3 1.3 0 0 0-.758.215a.82.82 0 0 0-.25.578c.012.207.078.39.219.543c.344.3.851.418 1.277.547c.719.219 1.375.535 1.758 1.222c.21.446.27 1.016.117 1.489c-.23.574-.64.969-1.2 1.226c-.983.418-2.25.332-3.226-.062a3.4 3.4 0 0 1-.457-.242c-.007-.067-.007-.067-.007-.149q.001-.046-.004-.094v-.21l-.004-.274q.001-.169-.004-.332q.001-.252-.004-.504h.937c.055.16.055.16.07.246l.012.059l.012.058l.012.063q.017.066.027.133q.023.1.04.199q.016.065.027.129l.011.062a1 1 0 0 1 .028.278c.644.164 1.367.297 1.976-.043a.75.75 0 0 0 .344-.473a1 1 0 0 0-.102-.621c-.351-.426-.91-.563-1.414-.73c-.671-.223-1.347-.504-1.691-1.165a1.97 1.97 0 0 1-.07-1.468a.3.3 0 0 1 .02-.067c.152-.445.51-.797.913-1.015a2.6 2.6 0 0 1 .984-.312a3.8 3.8 0 0 1 1.926.234M59.953 3.922h1.102c.004.371 0 .746-.008 1.117c-.004.027-.004.027-.004.055q.001.075-.004.152q.001.045-.004.09a7 7 0 0 1-.027.414h1.586v.867h-1.61c0 .512.004 1.028.004 1.543q.005.357.004.715q-.001.313.004.625v.754c-.004.512-.004.512.203.957a.7.7 0 0 0 .504.195c.238-.035.442-.117.652-.23c.102-.051.102-.051.165-.059c.039.024.039.024.078.067q.02.018.043.043l.043.043q.018.022.043.046q.053.055.105.114c-.047.133-.125.226-.215.336a.4.4 0 0 1-.039.043a1.73 1.73 0 0 1-.777.46l-.074.024c-.215.055-.43.059-.649.059h-.09c-.465 0-.902-.141-1.258-.454c-.187-.199-.304-.492-.355-.757l-.012-.067a2 2 0 0 1-.015-.261v-.715q.005-.186.004-.368V6.617h-.961v-.746c.523-.07.523-.07 1.058-.144q.048-.188.102-.375l.066-.239l.106-.375l.082-.3l.03-.114l.048-.164l.012-.047c.02-.066.035-.129.058-.191m33.399 1.633c.054.039.078.062.093.125c.004.07 0 .133-.004.199v.078c-.004.059-.004.113-.007.172l-.012.434q-.005.081-.004.164c-.016.449-.012.898-.012 1.347v3.258l.063.012c.074.011.144.027.219.039l.144.023l.09.02l.082.011l.195.04v.601h-3.312v-.601l.3-.063c.036-.008.067-.012.102-.02l.148-.03l.09-.02c.075-.012.149-.012.227-.012v-2.73c0-.536-.008-1.067-.027-1.602c-.043-.004-.043-.004-.09-.012l-.297-.035c-.043-.008-.09-.012-.133-.02l-.187-.023l-.063-.008c-.137-.02-.137-.02-.164-.047q-.005-.058-.004-.117v-.222q.005-.094.004-.188q.264-.11.535-.203c.027-.008.055-.02.086-.027l.27-.098l.37-.129l.048-.016q.275-.094.55-.195a6 6 0 0 1 .285-.105l.083-.032l.062-.023c.106-.023.18.004.27.055m-51.137.097v5.727c.32.062.32.062.648.121c.055.016.114.031.168.05v.575h-3.336v-.574c.18-.051.36-.09.54-.125l.062-.016l.058-.012l.055-.011c.059-.008.113-.008.176-.008l-.012-1.48q.001-.346-.004-.692v-.602q-.005-.157-.004-.316v-.41q-.004-.292-.015-.586q-.005-.03-.004-.059c-.004-.093-.004-.093-.035-.183a2 2 0 0 0-.203-.031q-.03-.007-.059-.008l-.195-.024c-.043-.008-.086-.011-.133-.02c-.106-.011-.215-.027-.32-.038v-.555q.543-.2 1.093-.395c.082-.027.164-.058.25-.085l.164-.06c.137-.046.278-.097.414-.147l.082-.032l.157-.058q.034-.014.074-.028l.059-.023c.132-.031.199.039.32.105M8.64 9.262c.333.258.551.597.637 1.011c.051.403-.011.817-.257 1.149c-.286.348-.649.586-1.102.637a1.57 1.57 0 0 1-1.176-.391l-.047-.04c-.273-.25-.433-.636-.46-1c-.008-.448.12-.839.43-1.171a1.55 1.55 0 0 1 1.976-.195M2.855 4.09a2.6 2.6 0 0 1 .293.27c.266.28.395.667.391 1.05c-.02.442-.207.809-.523 1.117a1.57 1.57 0 0 1-1.118.371a1.5 1.5 0 0 1-.843-.328c-.024-.023-.024-.023-.051-.043c-.305-.25-.477-.629-.52-1.015c-.03-.39.075-.782.32-1.086c.2-.235.423-.395.708-.504l.058-.024c.418-.14.926-.054 1.285.192m.105 7.594c.31.265.532.632.571 1.043c.028.425-.082.824-.36 1.152a1.63 1.63 0 0 1-1.089.539c-.41.016-.8-.137-1.11-.406a1.58 1.58 0 0 1-.495-1.121c.003-.36.117-.676.34-.957l.035-.051c.226-.285.582-.461.933-.52c.422-.047.844.055 1.176.32M14.45 4.168c.058.055.113.105.167.164l.04.035c.257.266.359.656.374 1.012a1.6 1.6 0 0 1-.344.95q-.017.021-.035.05c-.242.3-.609.473-.988.52c-.422.027-.82-.083-1.14-.364q-.06-.054-.118-.11q-.018-.022-.043-.046c-.277-.29-.375-.672-.37-1.063c.01-.402.175-.785.464-1.066c.566-.5 1.39-.535 1.992-.082m27.598-1.52a.95.95 0 0 1 .36.649c.027.262-.055.512-.216.723c-.183.195-.406.332-.683.343h-.176c-.273-.008-.5-.09-.707-.273c-.148-.156-.266-.356-.281-.578c0-.016-.004-.032-.004-.051a.93.93 0 0 1 .293-.746c.387-.375.988-.383 1.414-.067m51.163-.082c.243.192.36.403.4.707a.97.97 0 0 1-.231.7q-.018.022-.043.047l-.04.039c-.23.222-.515.257-.82.253a.9.9 0 0 1-.34-.078c-.019-.007-.034-.015-.054-.023a1 1 0 0 1-.477-.488a1.1 1.1 0 0 1 .028-.817c.14-.254.367-.422.644-.504c.328-.078.657-.027.934.164M8.32 5.96c.22.157.344.36.407.622c.043.258-.016.508-.153.73a1.06 1.06 0 0 1-.629.41c-.324.032-.59-.035-.84-.238a1 1 0 0 1-.312-.652a1.04 1.04 0 0 1 .285-.77c.36-.324.836-.351 1.242-.101M14.094.82c.195.149.328.36.379.598c.027.297-.008.562-.2.797c-.191.207-.382.344-.668.367c-.285.004-.527-.047-.742-.25a1 1 0 0 1-.32-.71A1 1 0 0 1 12.84.91c.36-.336.848-.348 1.254-.09M2.574.809c.196.164.352.355.403.609c.02.3-.004.559-.2.797c-.191.207-.382.344-.668.367c-.285.004-.527-.05-.742-.25a1 1 0 0 1-.3-.5a1 1 0 0 1 .128-.742c.32-.445.907-.606 1.38-.281M2.55 8.316l.09.082q.023.024.051.047c.188.196.27.403.274.676a.95.95 0 0 1-.277.695a1 1 0 0 1-.696.29a1.07 1.07 0 0 1-.746-.352A1.02 1.02 0 0 1 1.031 9c.059-.29.184-.516.422-.687c.336-.208.77-.227 1.098.003m11.508.028c.21.152.367.37.414.629c.023.328-.032.57-.235.832a1 1 0 0 1-.316.226c-.027.016-.027.016-.055.028c-.207.086-.48.078-.691.007a1.04 1.04 0 0 1-.563-.546c-.011-.036-.027-.075-.039-.114l-.011-.043a1.03 1.03 0 0 1 .117-.73c.144-.211.324-.356.566-.43l.047-.012a1.02 1.02 0 0 1 .766.153m-5.684 5.179c.23.207.344.461.367.766a1.08 1.08 0 0 1-.297.695a1.06 1.06 0 0 1-.71.27a1 1 0 0 1-.673-.3a1.04 1.04 0 0 1-.269-.759c.039-.3.172-.53.406-.722a.99.99 0 0 1 1.176.05m5.652-1.457c.223.168.395.383.446.66c.02.294-.008.544-.2.774c-.183.2-.386.344-.664.363c-.296.004-.55-.062-.777-.273a1.1 1.1 0 0 1-.23-.356l-.032-.078c-.05-.27-.03-.531.11-.77c.304-.44.879-.62 1.347-.32M8.27 2.203c.222.168.382.371.433.652c.035.258-.008.516-.168.727c-.18.215-.398.367-.683.395a1.05 1.05 0 0 1-.797-.297c-.203-.23-.258-.457-.246-.766a.9.9 0 0 1 .296-.605c.34-.27.782-.344 1.165-.106m0 0\"/>",
+      "width": 120
+    },
+    "tracing-weave-icon-big": {
+      "body": "<path fill=\"currentColor\" d=\"M20.848 3.293h1.66q.346-.001.699.004h1.441v.672c-.535.074-.535.074-1.082.144a125 125 0 0 1 .325 1.239l.718 2.746a50 50 0 0 1 .235.894l.07.266c.008.031.02.062.027.097l.036.13c.007.038.007.038.02.074a.6.6 0 0 1 .01.16h.048l.008-.04c.035-.187.09-.367.148-.55q.018-.047.035-.102l.07-.218c.04-.118.075-.235.114-.352q.054-.176.113-.36c.117-.359.23-.722.348-1.085q.018-.065.043-.137c.293-.93.586-1.855.875-2.785c-.024 0-.043 0-.067-.004a8 8 0 0 1-.699-.07l-.11-.012l-.253-.035v-.672h1.48q.345-.005.692-.004h1.558c.063.004.063.004.086.027q.005.073.004.145v.078c-.004.05-.004.05-.004.105v.32q-.602.073-1.223.145a707 707 0 0 0 .864 2.848q.147.497.3 1l.223.73c.219.715.219.715.317 1.055a.7.7 0 0 0 .093-.238l.016-.051l.047-.168c.012-.039.02-.082.031-.121l.074-.262a30 30 0 0 1 .235-.863q.222-.813.449-1.621A8 8 0 0 0 31 6.129q.098-.34.191-.68c.04-.14.079-.285.118-.426q.04-.147.082-.289q.016-.07.039-.14c.015-.063.035-.125.05-.188a.3.3 0 0 0 .016-.058q.03-.106.063-.211c-.348-.063-.704-.114-1.055-.168v-.672h1.125q.262-.005.523-.004h1.184c.047.004.047.004.07.027q.005.07.004.14v.267q.001.106-.004.218q-.171.03-.343.063q-.06.007-.118.02c-.207.035-.41.07-.617.085l-.016.067q-.112.45-.242.902c-.011.047-.027.09-.039.137c-.156.562-.316 1.129-.48 1.691c-.176.625-.356 1.25-.531 1.875q-.04.129-.075.258l-.332 1.168l-.14.496l-.082.293c-.114.39-.223.785-.344 1.176h-.957c-.059-.172-.059-.172-.113-.344l-.149-.465a.3.3 0 0 1-.02-.062c-.175-.535-.347-1.075-.523-1.61q-.21-.634-.41-1.27q-.27-.838-.543-1.671a5 5 0 0 1-.074-.223q-.029-.08-.051-.156c-.16-.48-.16-.48-.16-.578H27l-.008.047q-.042.217-.11.43l-.023.066q-.022.074-.047.148l-.128.41c-.008.032-.02.059-.028.09c-.11.34-.21.68-.316 1.02c-.024.07-.043.137-.067.207l-.128.422l-.207.675l-.016.051c-.027.086-.05.172-.078.254l-.14.457q-.04.124-.079.254l-.031.102l-.54 1.746h-.956a389 389 0 0 1-.852-2.89q-.076-.253-.148-.505l-.41-1.406q-.034-.105-.063-.21L22 5.026a5 5 0 0 1-.066-.222q-.056-.181-.11-.364c-.004-.02-.012-.039-.015-.058q-.019-.053-.032-.102a.7.7 0 0 1-.035-.215l-.05-.003c-.31-.02-.622-.06-.93-.094q-.005-.16-.004-.32v-.266c.004-.086.004-.086.09-.09m61.64-.042q.837-.005 1.68-.004h.777q.34-.005.68-.004h.36c2.171-.004 2.171-.004 2.91.656l.062.047c.234.2.406.457.516.746c.007.024.02.051.027.075a2 2 0 0 1-.117 1.468c-.266.52-.688.844-1.23 1.032a8 8 0 0 1-.505.144l.051.012c.824.183 1.602.43 2.082 1.176c.281.464.344 1.039.223 1.566c-.195.64-.64 1.14-1.223 1.457c-.457.242-.96.367-1.469.434l-.09.011c-.445.055-.89.043-1.34.04h-1.808l-1.586-.004v-.672q.555-.061 1.13-.121V4.043l-.388-.023q-.17-.017-.34-.04l-.085-.007a2 2 0 0 1-.317-.051zm2.903.719q-.001.411-.008.816l-.004.38q-.012.99-.012 1.98c1.121.039 1.121.039 2.09-.454c.34-.37.402-.859.39-1.34c-.015-.359-.128-.706-.386-.972c-.461-.41-1.098-.414-1.68-.41zm0 3.875v3.511c.89.032.89.032 1.761-.136c.02-.004.035-.012.055-.02c.371-.133.68-.375.86-.73c.214-.48.222-1.051.058-1.547c-.164-.43-.46-.688-.867-.875c-.594-.242-1.235-.203-1.867-.203m-9.223-4.367c.2.195.34.441.418.71q.005.025.016.055c.105.434.02.903-.188 1.29c-.07.113-.148.214-.238.316q-.03.029-.059.062c-.398.422-.918.707-1.43.973l.06.058l.32.356q.111.129.234.246q.074.073.136.152q.136.152.278.297c.375.403.375.403.539.594q.147.164.293.32q.11.113.215.23c.011.016.027.028.039.044l.074.082c.059.062.117.12.188.168c.007-.02.007-.02.019-.043q.047-.122.113-.23c.368-.68.606-1.403.782-2.157c-.024 0-.043-.004-.067-.004q-.306-.041-.613-.094l-.074-.011c-.172-.032-.172-.032-.254-.059c-.008-.504-.008-.504.047-.672h2.832v.625l-.961.168l-.082.281c-.266.86-.64 1.801-1.203 2.512c-.04.047-.04.047-.036.106a.5.5 0 0 0 .149.187a3 3 0 0 1 .222.23c.09.106.188.2.286.297c.086.09.168.176.25.274c.066.074.129.094.222.11l.075.01l.082.013q.034.01.082.015q.129.025.257.043l.258.047c.055.008.11.02.164.027c.035.008.035.008.075.012l.062.012c.05.012.05.012.074.035c-.004.258-.039.516-.07.77l-.184.046c-.023.004-.023.004-.05.012a4 4 0 0 1-.922.094h-.172c-.578.004-1.094-.168-1.531-.563l-.118-.117c-.058-.058-.117-.11-.175-.164l-.047-.047a3 3 0 0 1-.114-.105l-.03.027a4.4 4.4 0 0 1-.868.602q-.048.03-.098.058c-.132.07-.265.118-.406.16l-.055.016a3.6 3.6 0 0 1-1.078.133c-.062 0-.12 0-.183.004c-.782 0-1.5-.266-2.07-.809c-.45-.46-.63-1.035-.622-1.672c.012-.55.2-1.062.563-1.476l.05-.063c.336-.386.754-.648 1.196-.898q.046-.03.097-.059c.024-.011.047-.027.07-.039q-.014-.018-.03-.031a3.2 3.2 0 0 1-.864-2.27c.016-.402.145-.785.414-1.093c.016-.02.032-.035.043-.055c.348-.414.926-.629 1.446-.691l.066-.008c.723-.078 1.54.039 2.086.55m-2.496.32c-.238.316-.258.64-.215 1.023c.094.64.465 1.117.871 1.606a.6.6 0 0 0 .176-.125l.047-.043l.047-.047q.022-.029.047-.05q.192-.194.355-.411c.02-.023.035-.05.055-.074c.28-.383.445-.817.402-1.297c-.05-.3-.168-.559-.422-.742c-.441-.274-1.004-.227-1.363.16m-.625 4.031c-.383.399-.527.961-.527 1.504c.011.469.199.926.52 1.27c.429.394.94.539 1.51.523a2.7 2.7 0 0 0 1.153-.312q.026-.011.05-.028a.45.45 0 0 0 .208-.176c-.012-.007-.02-.02-.027-.027c-.473-.508-.473-.508-.684-.77q-.093-.112-.187-.218q-.136-.165-.266-.328a8 8 0 0 0-.317-.387c-.09-.106-.175-.211-.265-.316a10 10 0 0 0-.195-.235a12 12 0 0 1-.286-.344c-.007-.015-.02-.027-.03-.043c-.02-.027-.044-.054-.063-.082q-.077-.099-.153-.191c-.027-.035-.027-.035-.054-.066c-.02-.024-.02-.024-.043-.047c-.125 0-.258.187-.344.273M49.992 5.535c.11.074.11.074.145.145c0 .066.004.133.004.203v.57c0 .137 0 .137-.028.164l-.117.004h-.074c-.027 0-.05-.004-.078-.004h-.957l.031.067l.039.09c.008.015.012.03.02.046c.226.52.218 1.18.011 1.703c-.238.54-.633.934-1.183 1.149c-.739.27-1.594.27-2.348.074c-.18.258-.242.527-.219.84a.46.46 0 0 0 .164.25c.215.11.45.113.688.113q.033.005.066.004h.36l.629.004q.192-.001.386.004h.145c.648 0 1.363.059 1.855.531a1 1 0 0 0 .106.106c.32.332.425.797.43 1.246c-.012.508-.22.957-.555 1.328l-.051.055c-.648.695-1.691.953-2.606.984c-.964.023-2.093.02-2.84-.688c-.277-.3-.355-.636-.343-1.035a.9.9 0 0 1 .082-.351q.011-.031.027-.063c.215-.43.606-.664 1.004-.898l-.055-.024c-.332-.156-.507-.343-.64-.675c-.102-.34-.02-.72.133-1.024c.199-.344.472-.629.754-.902q-.023-.014-.051-.028a2.7 2.7 0 0 1-.453-.355l-.047-.047c-.211-.219-.34-.523-.41-.82c-.004-.02-.012-.043-.016-.063c-.117-.562-.035-1.195.277-1.68c.344-.488.817-.785 1.395-.93l.047-.01a3.9 3.9 0 0 1 1.73.01l.047.013a3.5 3.5 0 0 1 .598.226c.07.035.133.067.195.113c.102.086.102.086.227.102q.099-.03.191-.078c.023-.008.047-.02.074-.027c.074-.036.149-.067.223-.102l.148-.066q.253-.105.5-.223l.078-.031l.06-.032a.36.36 0 0 1 .202.012m-4.156.973c-.363.476-.414 1.09-.344 1.668c.059.367.196.715.488.957c.227.152.489.18.754.144a.97.97 0 0 0 .641-.422c.309-.48.367-1.109.266-1.664c-.078-.332-.239-.683-.524-.882c-.414-.235-.965-.16-1.281.199m-.598 5.86c-.281.366-.37.745-.336 1.202c.055.274.192.489.414.657c.297.191.7.27 1.051.28h.051c.715.02 1.488-.05 2.035-.562c.2-.207.258-.43.25-.715a.86.86 0 0 0-.308-.585c-.282-.204-.668-.196-.997-.196h-.464l-.54-.004h-.183c-.328 0-.648-.03-.973-.078m7.802-9.984l.046.015a.3.3 0 0 1 .121.106c.023.113.012.226.008.34q-.005.051-.004.11l-.012.23q-.012.281-.02.562c-.003.047-.003.09-.003.137c-.02.558-.02 1.117-.02 1.68v.23l.004.871l.055-.059l.07-.082c.012-.011.028-.023.04-.039c.456-.5 1.12-.882 1.804-.933c.512-.016 1 .027 1.398.379c.04.035.075.07.114.11l.05.05c.555.57.512 1.48.512 2.215q-.001.164.004.328v.617c0 .234.004.473.004.707l.004 1.45l.066.007l.082.012l.082.015c.114.016.227.04.34.063l.067.012c.027.004.027.004.058.011l.055.012c.043.012.043.012.066.035q.005.061.004.121v.379c-.004.051-.004.051-.027.074q-.065.005-.125.004h-3.086c-.055-.004-.055-.004-.078-.027v-.551c.093-.043.183-.066.285-.086c.027-.008.059-.011.09-.02q.029-.006.05-.007l.145-.031c.238-.051.238-.051.297-.051l-.008-1.418q.001-.329-.004-.656v-.578c0-.102-.004-.2-.004-.301V8.03c0-.367-.015-.832-.28-1.113c-.235-.195-.548-.172-.833-.156c-.355.039-.719.246-.992.472c-.04.032-.04.032-.094.067c-.098.07-.156.12-.184.238a3 3 0 0 0-.003.305v.117q-.001.156.004.312v.332l.003.625c.004.239.004.473.004.711l.012 1.465l.059.008q.13.023.257.05a1 1 0 0 1 .09.016c.032.004.059.012.09.016c.027.004.05.012.078.016q.099.016.196.039v.597h-3.29v-.597c.278-.059.555-.114.84-.172a9 9 0 0 0 .028-.656v-.094l.004-.25V9.64q-.001-.34.004-.68V7.863q.004-.531.003-1.07v-.395q.007-1.371.008-2.742c-.02 0-.039-.004-.058-.004l-.078-.007l-.079-.004a5 5 0 0 1-.246-.032l-.09-.011q-.041-.005-.09-.016l-.093-.012l-.223-.035v-.574q.441-.128.883-.238q.034-.011.063-.016l.324-.082l.265-.07l.32-.082c.044-.012.083-.02.126-.032c.054-.015.113-.03.168-.043c.015-.003.035-.011.05-.015c.082-.02.145-.031.223 0m46.652 3.629c.418.394.543.992.582 1.543q.005.172.004.343v.661q.005.491.004.976q-.001.27.004.54v.698c.004.192.008.395.133.547a.45.45 0 0 0 .34.047c.14-.058.246-.148.355-.25q.172.125.336.262c-.054.148-.148.262-.242.387l-.055.078c-.293.308-.675.422-1.093.433c-.36-.007-.727-.113-.993-.367c-.132-.152-.304-.39-.304-.601c-.18.14-.18.14-.344.296a3.3 3.3 0 0 1-.426.352l-.066.05c-.438.306-1.07.333-1.582.243c-.426-.094-.817-.32-1.063-.691a1.93 1.93 0 0 1-.199-1.418c.207-.614.664-.965 1.219-1.246c.64-.313 1.344-.52 2.027-.715l.047-.012l.29-.082c.03-.89.03-.89-.337-1.66c-.207-.196-.5-.223-.77-.223h-.054a11 11 0 0 0-.496.027c-.004.028-.004.06-.008.086q-.026.228-.074.45l-.024.144c-.07.363-.164.676-.476.899c-.235.125-.48.125-.739.058a.62.62 0 0 1-.367-.32a.7.7 0 0 1-.011-.567l.015-.05c.098-.285.25-.489.461-.7c.016-.015.031-.035.05-.05c.9-.871 2.907-.961 3.856-.168m-1.296 2.73l-.313.106c-.508.16-1.07.382-1.336.875a1.3 1.3 0 0 0-.098.98c.07.211.168.34.364.45c.285.14.597.152.898.046a3 3 0 0 0 .434-.238c.054-.04.054-.04.125-.07c.09-.051.176-.102.21-.207c.024-.141.016-.282.012-.426q-.005-.066-.004-.137l-.003-.363l-.008-.371c0-.242-.008-.485-.012-.727c-.086 0-.187.055-.27.082m-60.359-2.5c.172.164.297.336.414.543l.024.047c.363.64.402 1.426.289 2.14c-.028.028-.028.028-.09.028h-3.969l.035.273l.008.079c.066.546.262 1.09.691 1.457c.497.379 1.04.46 1.653.394c.45-.074.816-.355 1.133-.668c.125-.117.125-.117.203-.117a.3.3 0 0 1 .078.07q.13.145.281.266c-.105.293-.316.527-.527.746c-.016.02-.035.035-.051.055c-.414.445-1.035.691-1.633.765q-.03.001-.058.008c-.875.098-1.743-.117-2.442-.656c-.652-.547-.996-1.309-1.097-2.145l-.008-.066c-.098-.961.105-1.945.707-2.715l.094-.105q.018-.028.042-.055c.504-.598 1.325-.945 2.09-1.02c.797-.054 1.528.133 2.133.676m-2.808.41c-.278.356-.407.735-.48 1.172l-.013.074l-.011.075l-.012.062c-.008.063-.008.121-.008.188v.101q.406.005.805.004q.188-.001.375.004h.75c.168 0 .332-.027.453-.148c.187-.246.191-.575.16-.871a1.35 1.35 0 0 0-.516-.887c-.503-.313-1.113-.23-1.503.226m77.5-.566c.18.156.332.328.457.531l.043.063c.402.64.472 1.488.34 2.222c-.044.043-.118.028-.18.028h-.215l-.121.004h-.664q-.318.005-.64.004c-.243.003-.49.003-.731.003q-.752.007-1.504.008l.023.223l.004.058a3 3 0 0 0 .074.438q.011.032.016.062a1.95 1.95 0 0 0 .406.813c.285.355.73.574 1.18.621c.625.04 1.125-.086 1.605-.492a7 7 0 0 0 .34-.324c.07.03.121.066.18.12q.02.02.043.04l.047.047l.047.043l.117.109c-.27.61-.824 1.11-1.438 1.36c-.101.038-.203.07-.308.105l-.047.012a3.2 3.2 0 0 1-.887.097h-.055a3.4 3.4 0 0 1-.89-.105l-.055-.016a2.9 2.9 0 0 1-1.703-1.328c-.512-.852-.563-1.977-.332-2.926c.195-.77.691-1.488 1.375-1.906c1.05-.621 2.496-.738 3.473.086m-2.622.41c-.394.441-.597 1.05-.593 1.64v.117q.406-.001.804.005h.739c.043 0 .09.004.136.004h.25a.7.7 0 0 0 .43-.121c.211-.254.207-.536.184-.852a1.37 1.37 0 0 0-.43-.84l-.043-.043c-.418-.39-1.086-.285-1.477.09m9.102-.456q.005.403-.02.808l-.007.187c-.004.043-.004.082-.008.125v.055a3 3 0 0 1-.035.27h-.914q-.023-.117-.051-.239q-.023-.11-.05-.223c-.013-.054-.02-.105-.032-.156q-.029-.113-.05-.226q-.01-.036-.017-.07q-.004-.031-.015-.067l-.012-.059c-.012-.047-.012-.047-.035-.093a3 3 0 0 0-.172-.051c-.023-.004-.023-.004-.05-.012c-.4-.101-.903-.121-1.274.086a.8.8 0 0 0-.336.414a.96.96 0 0 0 .105.695c.262.344.848.47 1.235.586c.715.22 1.492.528 1.89 1.207c.22.438.262.98.137 1.457c-.18.543-.539.97-1.047 1.23c-.988.481-2.203.43-3.226.09c-.215-.081-.418-.187-.621-.288c-.032-.532-.028-1.059-.028-1.59h.938c.027.129.027.129.05.258q.03.123.051.246l.035.168l.047.246c.008.027.012.05.016.078l.016.07l.011.063c.012.05.012.05.04.101c.546.211 1.253.262 1.8.031c.223-.105.371-.23.461-.464c.05-.211.043-.446-.047-.645a.84.84 0 0 0-.305-.305a1 1 0 0 0-.078-.05c-.343-.203-.734-.317-1.113-.446c-.43-.14-.812-.304-1.176-.578q-.035-.022-.07-.05c-.023-.024-.023-.024-.05-.044v-.05q-.02-.005-.04-.016c-.226-.133-.367-.504-.433-.742a2.02 2.02 0 0 1 .257-1.55c.364-.54.918-.825 1.54-.954c.937-.176 1.863.031 2.683.496m-51.262.071c.024.027.024.027.024.077q.001.036-.004.07v.083q-.005.042-.004.086c0 .031-.004.058-.004.09q-.026.519-.062 1.039h-.91a25 25 0 0 1-.196-.813l-.016-.082q-.008-.04-.02-.074c-.01-.066-.01-.066-.01-.16l-.114-.035c-.024-.004-.043-.012-.067-.02a2.6 2.6 0 0 0-.62-.074h-.07c-.31.004-.575.055-.81.27c-.167.175-.203.34-.199.581a.62.62 0 0 0 .106.36q.01.018.027.043c.266.37.918.511 1.332.629c.727.21 1.375.547 1.762 1.226c.125.242.2.5.215.77q-.001.033.004.066c.015.512-.153.945-.485 1.332q-.02.024-.043.047c-.5.543-1.265.727-1.972.77c-.664.023-1.274-.047-1.899-.274c-.023-.008-.023-.008-.05-.02c-.184-.066-.352-.167-.524-.261v-.89q-.005-.14-.004-.274v-.336c.004-.063.004-.063.027-.086q.093-.005.192-.004h.535c.133 0 .133 0 .187.027c.012.043.012.043.024.102l.012.063q.01.034.015.07l.016.07c.008.05.02.102.027.152l.047.23c.008.048.02.099.027.145l.016.07c.02.11.035.212.031.325c.043.012.043.012.09.02q.169.04.344.085c.195.043.387.043.586.047h.094c.363 0 .718-.058 1.003-.293c.157-.16.215-.355.223-.57c-.008-.223-.066-.406-.226-.562c-.387-.293-.836-.438-1.29-.586c-.69-.227-1.363-.516-1.718-1.196c-.215-.445-.219-.98-.063-1.449c.23-.586.653-.969 1.223-1.223c1.039-.421 2.234-.18 3.191.336m37.996-.339q.028.01.055.023c.192.074.356.172.54.27c-.024.476-.048.953-.071 1.445h-.914c-.106-.406-.106-.406-.14-.567q-.007-.021-.013-.05a2 2 0 0 1-.03-.153l-.024-.105q-.031-.129-.055-.258l-.16-.047l-.09-.023a2 2 0 0 0-.535-.055h-.082a1.3 1.3 0 0 0-.758.215a.82.82 0 0 0-.25.578c.012.207.078.39.219.543c.344.3.851.418 1.277.547c.719.219 1.375.535 1.758 1.222c.21.446.27 1.016.117 1.489c-.23.574-.64.969-1.2 1.226c-.983.418-2.25.332-3.226-.062a3.4 3.4 0 0 1-.457-.242c-.007-.067-.007-.067-.007-.149q.001-.046-.004-.094v-.21l-.004-.274q.001-.169-.004-.332q.001-.252-.004-.504h.937c.055.16.055.16.07.246l.012.059l.012.058l.012.063q.017.066.027.133q.023.1.04.199q.016.065.027.129l.011.062a1 1 0 0 1 .028.278c.644.164 1.367.297 1.976-.043a.75.75 0 0 0 .344-.473a1 1 0 0 0-.102-.621c-.351-.426-.91-.563-1.414-.73c-.671-.223-1.347-.504-1.691-1.165a1.97 1.97 0 0 1-.07-1.468a.3.3 0 0 1 .02-.067c.152-.445.51-.797.913-1.015a2.6 2.6 0 0 1 .984-.312a3.8 3.8 0 0 1 1.926.234M59.953 3.922h1.102c.004.371 0 .746-.008 1.117c-.004.027-.004.027-.004.055q.001.075-.004.152q.001.045-.004.09a7 7 0 0 1-.027.414h1.586v.867h-1.61c0 .512.004 1.028.004 1.543q.005.357.004.715q-.001.313.004.625v.754c-.004.512-.004.512.203.957a.7.7 0 0 0 .504.195c.238-.035.442-.117.652-.23c.102-.051.102-.051.165-.059c.039.024.039.024.078.067q.02.018.043.043l.043.043q.018.022.043.046q.053.055.105.114c-.047.133-.125.226-.215.336a.4.4 0 0 1-.039.043a1.73 1.73 0 0 1-.777.46l-.074.024c-.215.055-.43.059-.649.059h-.09c-.465 0-.902-.141-1.258-.454c-.187-.199-.304-.492-.355-.757l-.012-.067a2 2 0 0 1-.015-.261v-.715q.005-.186.004-.368V6.617h-.961v-.746c.523-.07.523-.07 1.058-.144q.048-.188.102-.375l.066-.239l.106-.375l.082-.3l.03-.114l.048-.164l.012-.047c.02-.066.035-.129.058-.191m33.399 1.633c.054.039.078.062.093.125c.004.07 0 .133-.004.199v.078c-.004.059-.004.113-.007.172l-.012.434q-.005.081-.004.164c-.016.449-.012.898-.012 1.347v3.258l.063.012c.074.011.144.027.219.039l.144.023l.09.02l.082.011l.195.04v.601h-3.312v-.601l.3-.063c.036-.008.067-.012.102-.02l.148-.03l.09-.02c.075-.012.149-.012.227-.012v-2.73c0-.536-.008-1.067-.027-1.602c-.043-.004-.043-.004-.09-.012l-.297-.035c-.043-.008-.09-.012-.133-.02l-.187-.023l-.063-.008c-.137-.02-.137-.02-.164-.047q-.005-.058-.004-.117v-.222q.005-.094.004-.188q.264-.11.535-.203c.027-.008.055-.02.086-.027l.27-.098l.37-.129l.048-.016q.275-.094.55-.195a6 6 0 0 1 .285-.105l.083-.032l.062-.023c.106-.023.18.004.27.055m-51.137.097v5.727c.32.062.32.062.648.121c.055.016.114.031.168.05v.575h-3.336v-.574c.18-.051.36-.09.54-.125l.062-.016l.058-.012l.055-.011c.059-.008.113-.008.176-.008l-.012-1.48q.001-.346-.004-.692v-.602q-.005-.157-.004-.316v-.41q-.004-.292-.015-.586q-.005-.03-.004-.059c-.004-.093-.004-.093-.035-.183a2 2 0 0 0-.203-.031q-.03-.007-.059-.008l-.195-.024c-.043-.008-.086-.011-.133-.02c-.106-.011-.215-.027-.32-.038v-.555q.543-.2 1.093-.395c.082-.027.164-.058.25-.085l.164-.06c.137-.046.278-.097.414-.147l.082-.032l.157-.058q.034-.014.074-.028l.059-.023c.132-.031.199.039.32.105M8.64 9.262c.333.258.551.597.637 1.011c.051.403-.011.817-.257 1.149c-.286.348-.649.586-1.102.637a1.57 1.57 0 0 1-1.176-.391l-.047-.04c-.273-.25-.433-.636-.46-1c-.008-.448.12-.839.43-1.171a1.55 1.55 0 0 1 1.976-.195M2.855 4.09a2.6 2.6 0 0 1 .293.27c.266.28.395.667.391 1.05c-.02.442-.207.809-.523 1.117a1.57 1.57 0 0 1-1.118.371a1.5 1.5 0 0 1-.843-.328c-.024-.023-.024-.023-.051-.043c-.305-.25-.477-.629-.52-1.015c-.03-.39.075-.782.32-1.086c.2-.235.423-.395.708-.504l.058-.024c.418-.14.926-.054 1.285.192m.105 7.594c.31.265.532.632.571 1.043c.028.425-.082.824-.36 1.152a1.63 1.63 0 0 1-1.089.539c-.41.016-.8-.137-1.11-.406a1.58 1.58 0 0 1-.495-1.121c.003-.36.117-.676.34-.957l.035-.051c.226-.285.582-.461.933-.52c.422-.047.844.055 1.176.32M14.45 4.168c.058.055.113.105.167.164l.04.035c.257.266.359.656.374 1.012a1.6 1.6 0 0 1-.344.95q-.017.021-.035.05c-.242.3-.609.473-.988.52c-.422.027-.82-.083-1.14-.364q-.06-.054-.118-.11q-.018-.022-.043-.046c-.277-.29-.375-.672-.37-1.063c.01-.402.175-.785.464-1.066c.566-.5 1.39-.535 1.992-.082m27.598-1.52a.95.95 0 0 1 .36.649c.027.262-.055.512-.216.723c-.183.195-.406.332-.683.343h-.176c-.273-.008-.5-.09-.707-.273c-.148-.156-.266-.356-.281-.578c0-.016-.004-.032-.004-.051a.93.93 0 0 1 .293-.746c.387-.375.988-.383 1.414-.067m51.163-.082c.243.192.36.403.4.707a.97.97 0 0 1-.231.7q-.018.022-.043.047l-.04.039c-.23.222-.515.257-.82.253a.9.9 0 0 1-.34-.078c-.019-.007-.034-.015-.054-.023a1 1 0 0 1-.477-.488a1.1 1.1 0 0 1 .028-.817c.14-.254.367-.422.644-.504c.328-.078.657-.027.934.164M8.32 5.96c.22.157.344.36.407.622c.043.258-.016.508-.153.73a1.06 1.06 0 0 1-.629.41c-.324.032-.59-.035-.84-.238a1 1 0 0 1-.312-.652a1.04 1.04 0 0 1 .285-.77c.36-.324.836-.351 1.242-.101M14.094.82c.195.149.328.36.379.598c.027.297-.008.562-.2.797c-.191.207-.382.344-.668.367c-.285.004-.527-.047-.742-.25a1 1 0 0 1-.32-.71A1 1 0 0 1 12.84.91c.36-.336.848-.348 1.254-.09M2.574.809c.196.164.352.355.403.609c.02.3-.004.559-.2.797c-.191.207-.382.344-.668.367c-.285.004-.527-.05-.742-.25a1 1 0 0 1-.3-.5a1 1 0 0 1 .128-.742c.32-.445.907-.606 1.38-.281M2.55 8.316l.09.082q.023.024.051.047c.188.196.27.403.274.676a.95.95 0 0 1-.277.695a1 1 0 0 1-.696.29a1.07 1.07 0 0 1-.746-.352A1.02 1.02 0 0 1 1.031 9c.059-.29.184-.516.422-.687c.336-.208.77-.227 1.098.003m11.508.028c.21.152.367.37.414.629c.023.328-.032.57-.235.832a1 1 0 0 1-.316.226c-.027.016-.027.016-.055.028c-.207.086-.48.078-.691.007a1.04 1.04 0 0 1-.563-.546c-.011-.036-.027-.075-.039-.114l-.011-.043a1.03 1.03 0 0 1 .117-.73c.144-.211.324-.356.566-.43l.047-.012a1.02 1.02 0 0 1 .766.153m-5.684 5.179c.23.207.344.461.367.766a1.08 1.08 0 0 1-.297.695a1.06 1.06 0 0 1-.71.27a1 1 0 0 1-.673-.3a1.04 1.04 0 0 1-.269-.759c.039-.3.172-.53.406-.722a.99.99 0 0 1 1.176.05m5.652-1.457c.223.168.395.383.446.66c.02.294-.008.544-.2.774c-.183.2-.386.344-.664.363c-.296.004-.55-.062-.777-.273a1.1 1.1 0 0 1-.23-.356l-.032-.078c-.05-.27-.03-.531.11-.77c.304-.44.879-.62 1.347-.32M8.27 2.203c.222.168.382.371.433.652c.035.258-.008.516-.168.727c-.18.215-.398.367-.683.395a1.05 1.05 0 0 1-.797-.297c-.203-.23-.258-.457-.246-.766a.9.9 0 0 1 .296-.605c.34-.27.782-.344 1.165-.106m0 0\"/>",
+      "width": 120
+    }
+  }
+}
diff --git a/packages/iconify-collections/custom-public/index.d.ts b/packages/iconify-collections/custom-public/index.d.ts
new file mode 100644
index 0000000000..ecca5633d4
--- /dev/null
+++ b/packages/iconify-collections/custom-public/index.d.ts
@@ -0,0 +1,55 @@
+export interface IconifyJSON {
+  prefix: string
+  icons: Record<string, IconifyIcon>
+  aliases?: Record<string, IconifyAlias>
+  width?: number
+  height?: number
+  lastModified?: number
+}
+
+export interface IconifyIcon {
+  body: string
+  left?: number
+  top?: number
+  width?: number
+  height?: number
+  rotate?: 0 | 1 | 2 | 3
+  hFlip?: boolean
+  vFlip?: boolean
+}
+
+export interface IconifyAlias extends Omit<IconifyIcon, 'body'> {
+  parent: string
+}
+
+export interface IconifyInfo {
+  prefix: string
+  name: string
+  total: number
+  version: string
+  author?: {
+    name: string
+    url?: string
+  }
+  license?: {
+    title: string
+    spdx?: string
+    url?: string
+  }
+  samples?: string[]
+  palette?: boolean
+}
+
+export interface IconifyMetaData {
+  [key: string]: unknown
+}
+
+export interface IconifyChars {
+  [key: string]: string
+}
+
+export declare const icons: IconifyJSON
+export declare const info: IconifyInfo
+export declare const metadata: IconifyMetaData
+export declare const chars: IconifyChars
+
diff --git a/packages/iconify-collections/custom-public/index.js b/packages/iconify-collections/custom-public/index.js
new file mode 100644
index 0000000000..81c1d0f5c4
--- /dev/null
+++ b/packages/iconify-collections/custom-public/index.js
@@ -0,0 +1,9 @@
+'use strict'
+
+const icons = require('./icons.json')
+const info = require('./info.json')
+const metadata = require('./metadata.json')
+const chars = require('./chars.json')
+
+module.exports = { icons, info, metadata, chars }
+
diff --git a/packages/iconify-collections/custom-public/index.mjs b/packages/iconify-collections/custom-public/index.mjs
new file mode 100644
index 0000000000..6c1108a92d
--- /dev/null
+++ b/packages/iconify-collections/custom-public/index.mjs
@@ -0,0 +1,7 @@
+import icons from './icons.json' with { type: 'json' }
+import info from './info.json' with { type: 'json' }
+import metadata from './metadata.json' with { type: 'json' }
+import chars from './chars.json' with { type: 'json' }
+
+export { icons, info, metadata, chars }
+
diff --git a/packages/iconify-collections/custom-public/info.json b/packages/iconify-collections/custom-public/info.json
new file mode 100644
index 0000000000..8b5572de6f
--- /dev/null
+++ b/packages/iconify-collections/custom-public/info.json
@@ -0,0 +1,24 @@
+{
+  "prefix": "custom-public",
+  "name": "Dify Custom Public",
+  "total": 142,
+  "version": "0.0.0-private",
+  "author": {
+    "name": "LangGenius, Inc.",
+    "url": "https://github.com/langgenius/dify"
+  },
+  "license": {
+    "title": "Modified Apache 2.0",
+    "spdx": "Apache-2.0",
+    "url": "https://github.com/langgenius/dify/blob/main/LICENSE"
+  },
+  "samples": [
+    "avatar-user",
+    "billing-ar-cube-1",
+    "billing-asterisk",
+    "billing-aws-marketplace-dark",
+    "billing-aws-marketplace-light",
+    "billing-azure"
+  ],
+  "palette": false
+}
diff --git a/packages/iconify-collections/custom-public/metadata.json b/packages/iconify-collections/custom-public/metadata.json
new file mode 100644
index 0000000000..0967ef424b
--- /dev/null
+++ b/packages/iconify-collections/custom-public/metadata.json
@@ -0,0 +1 @@
+{}
diff --git a/packages/iconify-collections/custom-vender/chars.json b/packages/iconify-collections/custom-vender/chars.json
new file mode 100644
index 0000000000..0967ef424b
--- /dev/null
+++ b/packages/iconify-collections/custom-vender/chars.json
@@ -0,0 +1 @@
+{}
diff --git a/packages/iconify-collections/custom-vender/icons.json b/packages/iconify-collections/custom-vender/icons.json
new file mode 100644
index 0000000000..a7dc8e75e0
--- /dev/null
+++ b/packages/iconify-collections/custom-vender/icons.json
@@ -0,0 +1,1098 @@
+{
+  "prefix": "custom-vender",
+  "lastModified": 1775115796,
+  "icons": {
+    "features-citations": {
+      "body": "<path fill=\"currentColor\" d=\"M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12m6-.03v2.988h4.036v-3.724H8.813a2.5 2.5 0 0 1 .212-1.204q.495-1.104 1.94-1.557V7q-1.94.383-2.96 1.614Q7 9.847 7 11.97m8.04-1.911q.495-1.148 1.925-1.586V7q-1.884.382-2.931 1.6Q13 9.818 13 11.97v2.988h4.036v-3.724h-2.224q-.056-.567.227-1.175\"/>"
+    },
+    "features-content-moderation": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.161 3h9.678c.527 0 .982 0 1.356.03c.395.033.789.104 1.167.297a3 3 0 0 1 1.311 1.311c.193.378.264.772.296 1.167c.031.375.031.83.031 1.356v9.678c0 .527 0 .982-.03 1.356c-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296c-.375.031-.83.031-1.356.031H7.16c-.527 0-.981 0-1.356-.03c-.395-.033-.789-.104-1.167-.297a3 3 0 0 1-1.311-1.311c-.193-.378-.264-.772-.296-1.167A18 18 0 0 1 3 16.839V7.16c0-.527 0-.981.03-1.356c.033-.395.104-.789.297-1.167a3 3 0 0 1 1.311-1.311c.378-.193.772-.264 1.167-.296C6.18 3 6.635 3 7.161 3M17 9a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0zm-8 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2\" clip-rule=\"evenodd\"/>"
+    },
+    "features-document": {
+      "body": "<path fill=\"currentColor\" d=\"M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1M7 6v4h4V6zm0 6v2h10v-2zm0 4v2h10v-2zm6-9v2h4V7z\"/>"
+    },
+    "features-folder-upload": {
+      "body": "<path fill=\"currentColor\" d=\"M2 6a3 3 0 0 1 3-3h3.93a3 3 0 0 1 2.496 1.336L12.536 6H19a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-6v-4.586l.793.793a1 1 0 0 0 1.414-1.414l-2.5-2.5a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 1 0 1.414 1.414l.793-.793V20H5a3 3 0 0 1-3-3z\"/>"
+    },
+    "features-love-message": {
+      "body": "<path fill=\"currentColor\" d=\"M22 11.333C22 6.738 17.514 3 12 3S2 6.738 2 11.333s4.486 8.334 9.983 8.334a10 10 0 0 0 2.546-.29l4.657 1.896a.84.84 0 0 0 .936-.218a.83.83 0 0 0 .206-.65l-.454-3.932A7.75 7.75 0 0 0 22 11.333m-6.608.72l-3.36 3.417a.046.046 0 0 1-.065 0L8.61 12.053a2.437 2.437 0 0 1-.252-3.22a2.25 2.25 0 0 1 3.609.15a.04.04 0 0 0 .067 0a2.25 2.25 0 0 1 3.608-.15a2.436 2.436 0 0 1-.25 3.22\"/>"
+    },
+    "features-message-fast": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16.241 2H7.76c-.805 0-1.47 0-2.01.044c-.563.046-1.08.145-1.565.392a4 4 0 0 0-1.748 1.748c-.247.485-.346 1.002-.392 1.564C2 6.29 2 6.954 2 7.758v6.38c0 .795 0 1.386.136 1.897a4 4 0 0 0 2.829 2.829c.307.082.643.115 1.035.128v1.379c0 .235 0 .475.018.672c.017.188.062.542.31.852a1.5 1.5 0 0 0 1.174.565c.397 0 .702-.187.86-.291c.164-.109.351-.259.535-.406l2.413-1.93c.519-.415.673-.532.832-.614q.243-.123.508-.178c.176-.036.37-.041 1.034-.041h2.557c.805 0 1.47 0 2.01-.044c.563-.046 1.08-.145 1.565-.392a4 4 0 0 0 1.748-1.748c.247-.485.346-1.002.392-1.564c.044-.541.044-1.206.044-2.01V7.758c0-.805 0-1.47-.044-2.01c-.046-.563-.145-1.08-.392-1.565a4 4 0 0 0-1.748-1.748c-.485-.247-1.002-.346-1.564-.392C17.71 2 17.046 2 16.242 2m-3.56 3.535c.213.084.34.302.31.529l-.422 3.171h1.911c.11 0 .224 0 .318.009a.77.77 0 0 1 .412.147a.75.75 0 0 1 .29.563a.77.77 0 0 1-.12.42a4 4 0 0 1-.178.264l-3.295 4.613a.498.498 0 0 1-.899-.355l.423-3.171H9.52c-.11 0-.224 0-.318-.009a.77.77 0 0 1-.411-.147a.75.75 0 0 1-.29-.563a.77.77 0 0 1 .119-.42a4 4 0 0 1 .178-.264l3.295-4.613a.5.5 0 0 1 .588-.174\" clip-rule=\"evenodd\"/>"
+    },
+    "features-microphone-01": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 1a4 4 0 0 0-4 4v7a4 4 0 0 0 8 0V5a4 4 0 0 0-4-4\" clip-rule=\"evenodd\"/><path d=\"M6 10a1 1 0 1 0-2 0v2a8 8 0 0 0 7.002 7.938L11 20v1H8a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-1l-.002-.062A8 8 0 0 0 20 12v-2a1 1 0 1 0-2 0v2a6 6 0 0 1-12 0z\"/></g>"
+    },
+    "features-text-to-audio": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M1 5.023c0-1.113.902-2.015 2.015-2.015H9.06c1.113 0 2.015.902 2.015 2.015a1.008 1.008 0 1 1-2.015 0H7.045v7.052a1.008 1.008 0 0 1 0 2.016H5.03a1.008 1.008 0 1 1 0-2.016V5.023H3.015a1.008 1.008 0 0 1-2.015 0\" clip-rule=\"evenodd\"/><path d=\"M19.988 2.159a.287.287 0 0 0-.514 0c-.66 1.319-.784 1.444-2.103 2.103a.287.287 0 0 0 0 .514c1.319.66 1.444.784 2.103 2.103a.287.287 0 0 0 .514 0c.66-1.319.785-1.444 2.103-2.103a.287.287 0 0 0 0-.514c-1.318-.66-1.443-.784-2.103-2.103M14.456 4.18a.298.298 0 0 0-.533 0c-.49.978-.605 1.094-1.584 1.584a.298.298 0 0 0 0 .533c.979.489 1.095.605 1.584 1.584c.11.22.423.22.533 0c.49-.979.606-1.095 1.584-1.584a.298.298 0 0 0 0-.533c-.978-.49-1.095-.606-1.584-1.584M4.783 16.265a.287.287 0 0 0-.514 0c-.659 1.318-.784 1.443-2.103 2.102a.287.287 0 0 0 0 .514c1.32.66 1.444.785 2.103 2.103a.287.287 0 0 0 .514 0c.66-1.318.785-1.443 2.103-2.103a.287.287 0 0 0 0-.514c-1.318-.659-1.443-.784-2.103-2.102\"/><path fill-rule=\"evenodd\" d=\"M21.161 12.97a.65.65 0 0 1 .906.161c.588.844.933 1.87.933 2.975a5.2 5.2 0 0 1-.933 2.974a.65.65 0 0 1-1.067-.744c.44-.632.699-1.4.699-2.23s-.259-1.598-.7-2.23a.65.65 0 0 1 .162-.906m-2.894-2.904a.98.98 0 0 1 .818.34c.182.212.21.468.222.592c.012.14.012.312.012.488v9.245c0 .176 0 .349-.012.488c-.011.124-.04.38-.222.593a.98.98 0 0 1-.818.339c-.28-.022-.48-.183-.576-.263a6 6 0 0 1-.354-.336l-2.076-2.076c-.06-.06-.09-.09-.114-.111l-.001-.002h-.003l-.158-.002h-1.151c-.164 0-.324 0-.46-.01a1.3 1.3 0 0 1-.5-.132a1.3 1.3 0 0 1-.569-.568a1.3 1.3 0 0 1-.13-.5c-.012-.136-.012-.296-.012-.46v-3.164c0-.165 0-.324.011-.46c.012-.149.041-.324.131-.5a1.3 1.3 0 0 1 .569-.57c.176-.09.352-.118.5-.13c.136-.011.296-.011.46-.011h1.15c.086 0 .128 0 .16-.002h.002l.001-.001l.114-.111l2.059-2.06l.017-.017a6 6 0 0 1 .354-.336c.096-.08.297-.24.576-.263\" clip-rule=\"evenodd\"/></g>"
+    },
+    "features-virtual-assistant": {
+      "body": "<g fill=\"currentColor\"><path d=\"M21.167 7.167h-2.5V13a2.5 2.5 0 0 1-2.5 2.5H11.5l-3 2.5h5.595l3.884 3.237a.423.423 0 0 0 .622-.096a.4.4 0 0 0 .066-.224V18h2.5a.833.833 0 0 0 .833-.833V8a.833.833 0 0 0-.833-.833\"/><path d=\"M16.167 3H2.833A.833.833 0 0 0 2 3.833V13a.833.833 0 0 0 .833.833h2.5v3.75a.416.416 0 0 0 .684.32l4.884-4.07h5.266A.834.834 0 0 0 17 13V3.833A.833.833 0 0 0 16.167 3\"/></g>"
+    },
+    "features-vision": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M22.357 10.583C19.791 6.273 15.952 4 12 4S4.21 6.272 1.644 10.583a2.77 2.77 0 0 0 0 2.834C4.21 17.727 8.049 20 12 20c3.952 0 7.79-2.272 10.357-6.583a2.77 2.77 0 0 0 0-2.834M11.553 8.894l-.812 1.624a.5.5 0 0 1-.223.223l-1.624.812a.5.5 0 0 0 0 .894l1.624.812a.5.5 0 0 1 .223.223l.812 1.624a.5.5 0 0 0 .894 0l.812-1.624a.5.5 0 0 1 .223-.223l1.624-.812a.5.5 0 0 0 0-.894l-1.624-.812a.5.5 0 0 1-.223-.223l-.812-1.624a.5.5 0 0 0-.894 0\" clip-rule=\"evenodd\"/>"
+    },
+    "knowledge-add-chunks": {
+      "body": "<g fill=\"currentColor\"><path d=\"M10.086 2.504A.834.834 0 0 1 10 4.167H6c-.48 0-.79 0-1.027.02c-.226.019-.31.05-.351.07a.83.83 0 0 0-.364.365c-.021.04-.052.125-.071.351c-.02.236-.02.547-.02 1.027v8c0 .48 0 .79.02 1.027c.019.226.05.31.07.352c.08.156.208.283.365.363c.04.021.125.052.351.071c.236.02.547.02 1.027.02h8c.48 0 .79 0 1.027-.02c.226-.019.31-.05.351-.07a.83.83 0 0 0 .364-.364c.021-.042.052-.126.071-.352c.02-.236.02-.547.02-1.027v-4a.833.833 0 0 1 1.667 0v4c0 .453 0 .843-.025 1.163c-.027.33-.087.657-.248.972a2.5 2.5 0 0 1-1.092 1.092c-.315.161-.643.22-.972.248c-.32.026-.71.025-1.163.025H6c-.453 0-.843 0-1.163-.025c-.33-.027-.657-.087-.972-.248a2.5 2.5 0 0 1-1.092-1.092c-.161-.315-.22-.643-.248-.972c-.026-.32-.025-.71-.025-1.163V6c0-.453 0-.843.025-1.163c.027-.33.087-.657.248-.972a2.5 2.5 0 0 1 1.092-1.092c.315-.161.643-.22.972-.248C5.157 2.5 5.547 2.5 6 2.5h4z\"/><path d=\"M10.833 12.5a.833.833 0 1 1 0 1.667H6.667a.833.833 0 1 1 0-1.667zm-2.5-3.333a.833.833 0 1 1 0 1.666H6.667a.833.833 0 0 1 0-1.666zm5 0a.833.833 0 1 1 0 1.666h-2.5a.833.833 0 0 1 0-1.666zM10 5.833A.833.833 0 0 1 10 7.5H6.667a.833.833 0 0 1 0-1.667zm5.833-5c.46 0 .834.373.834.834v1.666h1.666a.833.833 0 1 1 0 1.667h-1.666v1.667a.833.833 0 0 1-1.667 0V5h-1.667a.833.833 0 0 1 0-1.667H15V1.667c0-.46.373-.834.833-.834\"/></g>",
+      "width": 20,
+      "height": 20
+    },
+    "knowledge-api-aggregate": {
+      "body": "<path fill=\"currentColor\" d=\"M5.926 11.01a1.797 1.797 0 1 0-3.594 0a1.797 1.797 0 0 0 3.594 0m7.74 0a1.797 1.797 0 1 0-3.593 0a1.797 1.797 0 0 0 3.594 0m-3.87-6.686a1.796 1.796 0 1 0-3.592 0a1.796 1.796 0 0 0 3.592 0m1.334 0a3.13 3.13 0 0 1-2.463 3.058v.538l1.076.794a3.13 3.13 0 1 1-.763 1.094L8 9.084l-.98.724a3.13 3.13 0 1 1-.763-1.094l1.076-.794v-.538a3.13 3.13 0 1 1 3.797-3.058\"/>",
+      "width": 16
+    },
+    "knowledge-arrow-shape": {
+      "body": "",
+      "width": 24,
+      "height": 11
+    },
+    "knowledge-chunk": {
+      "body": "<path fill=\"currentColor\" d=\"M2.5 10H0V7.5h2.5zm3.75-3.75h-2.5v-2.5h2.5zm-3.75 0H0v-2.5h2.5zM6.25 2.5h-2.5V0h2.5zm-3.75 0H0V0h2.5zm7.5 0H7.5V0H10zm-.417 5.417H7.917v1.666h1.666zm0-3.75H7.917v1.666h1.666zm-3.75 3.75H4.167v1.666h1.666z\"/>",
+      "width": 10,
+      "height": 10
+    },
+    "knowledge-collapse": {
+      "body": "<path fill=\"currentColor\" d=\"M2.666 11.333h-2l2.667-2.666l2.666 2.666H4V14H2.666zm0-6.666V2h1.333v2.667h2L3.333 7.333L.666 4.667zm4.667-2h6.666V4H7.333zm0 9.333h6.666v1.333H7.333zM5.999 7.333h8v1.334H6z\"/>",
+      "width": 16
+    },
+    "knowledge-divider": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-opacity=\".08\" d=\"M1.446 28.746L5.49 1\"/>",
+      "width": 6,
+      "height": 30
+    },
+    "knowledge-economic": {
+      "body": "<g fill=\"currentColor\"><path d=\"M12.75 1.807a2.5 2.5 0 0 1-5 0z\"/><path fill-rule=\"evenodd\" d=\"M5.298 4.715a2.5 2.5 0 0 1 2.639.842h3.875a4.688 4.688 0 0 1 .938 9.282v1.343H11.5v-1.25H7.125v1.25h-1.25v-1.331a3.75 3.75 0 0 1-2.114-1.282l-.77-.933L1.5 12.01V8.937l1.791-.468L4 7.566v-2.48zM7.75 7.432h5v1.25h-5zM5.875 8.995a.938.938 0 1 1-1.875 0a.938.938 0 0 1 1.875 0\" clip-rule=\"evenodd\"/></g>",
+      "height": 18
+    },
+    "knowledge-full-text-search": {
+      "body": "<g fill=\"currentColor\"><path d=\"M13.008 4.25H9.624V.866z\"/><path d=\"M7.18 12.375H3.063a.31.31 0 0 1-.313-.312v-.626a.313.313 0 0 1 .313-.312H7.18a3.74 3.74 0 0 1 .906-1.875H3.062a.31.31 0 0 1-.313-.312v-.626A.31.31 0 0 1 3.062 8h7.812a3.73 3.73 0 0 1 2.5.963V5.5H9a.625.625 0 0 1-.625-.625V.5H1.5a.625.625 0 0 0-.625.625v13.75a.625.625 0 0 0 .625.625h8.75a3.525 3.525 0 0 1-3.068-3.125m-4.118-7.5h3.125a.31.31 0 0 1 .312.313v.625a.313.313 0 0 1-.312.312H3.062a.31.31 0 0 1-.313-.312v-.625a.31.31 0 0 1 .313-.313\"/><path d=\"m14.441 14.433l-1.421-1.421a2.47 2.47 0 0 0-.067-2.65a2.5 2.5 0 1 0-2.079 3.888a2.47 2.47 0 0 0 1.262-.354l1.421 1.42a.625.625 0 0 0 .884-.883M9.624 11.75a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0\"/></g>",
+      "width": 15
+    },
+    "knowledge-general-chunk": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12.375 3.75c0-.621.504-1.125 1.125-1.125h2.25a1.125 1.125 0 0 1 0 2.25H13.5a1.125 1.125 0 0 1-1.125-1.125m-11.25 0c0-.621.504-1.125 1.125-1.125h7.5a1.125 1.125 0 0 1 0 2.25h-7.5A1.125 1.125 0 0 1 1.125 3.75m0 5.25c0-.621.504-1.125 1.125-1.125H4.5a1.125 1.125 0 0 1 0 2.25H2.25A1.125 1.125 0 0 1 1.125 9m6 0c0-.621.504-1.125 1.125-1.125h7.5a1.125 1.125 0 0 1 0 2.25h-7.5A1.125 1.125 0 0 1 7.125 9m5.25 5.25c0-.621.504-1.125 1.125-1.125h2.25a1.125 1.125 0 0 1 0 2.25H13.5a1.125 1.125 0 0 1-1.125-1.125m-11.25 0c0-.621.504-1.125 1.125-1.125h7.5a1.125 1.125 0 0 1 0 2.25h-7.5a1.125 1.125 0 0 1-1.125-1.125\" clip-rule=\"evenodd\"/>",
+      "height": 18
+    },
+    "knowledge-high-quality": {
+      "body": "<path fill=\"currentColor\" d=\"M9 1.5a7.5 7.5 0 1 0 0 15a7.5 7.5 0 0 0 0-15m2.066 3.593l.735-1.011a.626.626 0 0 1 1.011.735l-.734 1.011a.625.625 0 1 1-1.012-.735m-5.74-1.15a.625.625 0 0 1 .875.139l.737 1.011a.627.627 0 1 1-1.015.735l-.735-1.011a.625.625 0 0 1 .138-.873m-.293 7l-1.188.387a.625.625 0 1 1-.387-1.187l1.188-.387a.625.625 0 1 1 .386 1.188m4.592 3.682a.625.625 0 1 1-1.25 0v-1.25a.625.625 0 1 1 1.25 0zM9 11l-2.352 1.238l.449-2.62l-1.903-1.855l2.63-.382L9 5l1.176 2.381l2.63.382l-1.903 1.855l.45 2.62zm5.156.331l-1.187-.386a.625.625 0 1 1 .386-1.187l1.188.386a.625.625 0 1 1-.387 1.187\"/>",
+      "height": 18
+    },
+    "knowledge-hybrid-search": {
+      "body": "<path fill=\"currentColor\" d=\"M2.545 15.5a2.046 2.046 0 1 1 0-4.092a2.046 2.046 0 0 1 0 4.092M8 5.955a2.045 2.045 0 1 0 0 4.09a2.045 2.045 0 0 0 0-4.09M2.545.5a2.045 2.045 0 1 0 0 4.091a2.045 2.045 0 0 0 0-4.091m10.91 0a2.046 2.046 0 1 0 0 4.091a2.046 2.046 0 0 0 0-4.091m0 10.91a2.045 2.045 0 1 0 0 4.09a2.045 2.045 0 0 0 0-4.09M4.59 5.955H.5v4.09h4.09zm10.91 0h-4.09v4.09h4.09zM10.046.5H5.955v4.09h4.09zm0 10.91H5.955v4.09h4.09z\"/>",
+      "width": 16
+    },
+    "knowledge-parent-child-chunk": {
+      "body": "<path fill=\"currentColor\" d=\"M5.563 5.813a2.188 2.188 0 1 0 0-4.376a2.188 2.188 0 0 0 0 4.376m6.875 0a2.188 2.188 0 1 0 0-4.376a2.188 2.188 0 0 0 0 4.376m0 1.25a4.06 4.06 0 0 0-3.416 1.875a1.875 1.875 0 1 1-.044 0A4.056 4.056 0 0 0 1.5 11.125v4.063a.625.625 0 0 0 .625.624H6.5V14.25l-2.25-1.687a.626.626 0 0 1 .75-1l2.333 1.75h3.334L13 11.563a.625.625 0 1 1 .75 1L11.5 14.25v1.563h4.375a.625.625 0 0 0 .625-.626v-4.062a4.07 4.07 0 0 0-4.062-4.062\"/>",
+      "height": 18
+    },
+    "knowledge-question-and-answer": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16.502 3.75a1.5 1.5 0 0 0-1.5-1.5h-9a1.5 1.5 0 0 0-1.5 1.5v1.5h-1.5a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h.75v1.125a.75.75 0 0 0 1.114.656L8.07 14.25H12a1.5 1.5 0 0 0 1.5-1.5v-1.5H15a1.5 1.5 0 0 0 1.5-1.5zm-4.5 1.5h-6v-1.5h9v6h-1.5v-3a1.5 1.5 0 0 0-1.5-1.5M5.25 7.5a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5zm0 3a.75.75 0 0 0 0 1.5H7.5a.75.75 0 0 0 0-1.5z\" clip-rule=\"evenodd\"/>",
+      "height": 18
+    },
+    "knowledge-search-lines-sparkle": {
+      "body": "<g fill=\"currentColor\"><path d=\"M12 7.333V2.667H4v10.666h4a.667.667 0 0 1 0 1.334H3.333A.667.667 0 0 1 2.667 14V2c0-.368.298-.667.666-.667h9.334c.368 0 .666.299.666.667v5.333a.667.667 0 0 1-1.333 0\"/><path d=\"M10 4a.667.667 0 1 1 0 1.333H6A.667.667 0 1 1 6 4zM8 6.667A.667.667 0 1 1 8 8H6a.667.667 0 0 1 0-1.333zm4.827 4.123l-.465-1.208a.388.388 0 0 0-.724 0l-.465 1.208a.67.67 0 0 1-.383.383l-1.208.465a.388.388 0 0 0 0 .724l1.208.465a.67.67 0 0 1 .383.383l.465 1.208a.388.388 0 0 0 .724 0l.465-1.208a.67.67 0 0 1 .383-.383l1.208-.465a.388.388 0 0 0 0-.724l-1.208-.465a.67.67 0 0 1-.383-.383\"/></g>",
+      "width": 16
+    },
+    "knowledge-search-menu": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M28.005 16.5a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-24 0h2.667M4.005 9.833h4m-4 13.334h4M26 22.5l3.333 3.333\"/>",
+      "width": 32,
+      "height": 33
+    },
+    "knowledge-vector-search": {
+      "body": "<path fill=\"currentColor\" d=\"M4.25 15.5H.5v-3.75h3.75zm5.625-5.625h-3.75v-3.75h3.75zm-5.625 0H.5v-3.75h3.75zM9.875 4.25h-3.75V.5h3.75zm-5.625 0H.5V.5h3.75zm11.25 0h-3.75V.5h3.75zm-.625 8.125h-2.5v2.5h2.5zm0-5.625h-2.5v2.5h2.5zM9.25 12.375h-2.5v2.5h2.5z\"/>",
+      "width": 16
+    },
+    "line-alertsAndFeedback-alert-triangle": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M8 5.333V8m0 2.666h.006M6.86 1.906l-5.647 9.427a1.334 1.334 0 0 0 1.14 2h11.293a1.333 1.333 0 0 0 1.14-2L9.14 1.906a1.333 1.333 0 0 0-2.28 0\"/>"
+    },
+    "line-alertsAndFeedback-thumbs-down": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11.333 1.334v7.333m3.334-2.133V3.467c0-.746 0-1.12-.146-1.405a1.33 1.33 0 0 0-.582-.583c-.286-.145-.659-.145-1.406-.145H5.412c-.974 0-1.462 0-1.855.178a2 2 0 0 0-.85.73c-.236.36-.31.842-.458 1.805L1.9 6.314c-.195 1.27-.293 1.905-.104 2.4a2 2 0 0 0 .88 1.025c.46.262 1.102.262 2.387.262H5.6c.373 0 .56 0 .703.072a.67.67 0 0 1 .291.292c.073.142.073.329.073.702v1.956c0 .908.736 1.644 1.644 1.644a.55.55 0 0 0 .5-.325l2.24-5.041c.103-.23.154-.344.234-.428a.7.7 0 0 1 .256-.166c.11-.04.235-.04.486-.04h.506c.747 0 1.12 0 1.406-.145c.25-.128.454-.332.582-.583c.146-.285.146-.658.146-1.405\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>"
+    },
+    "line-alertsAndFeedback-thumbs-up": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4.667 14.667V7.334M1.333 8.667v4.667c0 .736.597 1.333 1.334 1.333h8.95a2 2 0 0 0 1.977-1.696l.718-4.666A2 2 0 0 0 12.336 6H10a.667.667 0 0 1-.667-.667V2.978c0-.908-.736-1.644-1.644-1.644a.55.55 0 0 0-.5.325L4.843 6.94a.67.67 0 0 1-.61.395H2.667c-.737 0-1.334.597-1.334 1.333\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>"
+    },
+    "line-alertsAndFeedback-warning": {
+      "body": "<path fill=\"currentColor\" d=\"m6.433 1.5l4.763 8.25a.5.5 0 0 1-.433.75H1.237a.5.5 0 0 1-.433-.75L5.567 1.5a.5.5 0 0 1 .866 0M5.5 8v1h1V8zm0-3.5V7h1V4.5z\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "line-arrows-arrow-narrow-left": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.363 8H2.696m0 0l4 4m-4-4l4-4\"/>",
+      "width": 17,
+      "height": 16
+    },
+    "line-arrows-arrow-up-right": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"m4.083 9.917l5.834-5.834m0 0H4.083m5.834 0v5.834\"/>"
+    },
+    "line-arrows-chevron-down-double": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M3.5 7L6 9.5L8.5 7m-5-3.5L6 6l2.5-2.5\"/>",
+      "width": 12,
+      "height": 13
+    },
+    "line-arrows-chevron-right": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M5.25 10.5L8.75 7l-3.5-3.5\"/>"
+    },
+    "line-arrows-chevron-selector-vertical": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 15l5 5l5-5M7 9l5-5l5 5\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-arrows-iconr": {
+      "body": "<path fill=\"currentColor\" d=\"m9.433 6.417l-3.129-3.13l.825-.824L11.667 7l-4.538 4.537l-.825-.825l3.13-3.129h-7.1V6.417z\"/>"
+    },
+    "line-arrows-refresh-ccw-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 10s2.005-2.732 3.634-4.362A9 9 0 1 1 12 21a9.004 9.004 0 0 1-8.648-6.5M2 10V4m0 6h6\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-arrows-refresh-cw-05": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5.698 13.178a5.667 5.667 0 0 0 7.21-8.012l-.167-.288m-9.649 5.956a5.667 5.667 0 0 1 7.21-8.012m-8.64 8.067l1.822.488l.488-1.821m8.056-3.112l.488-1.821l1.822.488\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "line-arrows-reverse-left": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M2.667 4.667h6.667a4 4 0 1 1 0 8H2.667m0-8L5.334 2M2.667 4.667l2.667 2.666\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "line-communication-ai-text": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M2.333 10.5h1.75M2.333 7H5.25M2.333 3.5h9.333m-1.75 2.333l.875 2.042l2.042.875l-2.042.875l-.875 2.042l-.875-2.042L7 8.75l2.041-.875z\"/>"
+    },
+    "line-communication-chat-bot": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M5.94 6.47H2.228a1.06 1.06 0 0 0-1.061 1.06v4.243c0 .586.475 1.06 1.06 1.06h7.425a1.06 1.06 0 0 0 1.06-1.06V7.531M3.82 4.667V3.288m0 0a.53.53 0 1 0 0-1.06a.53.53 0 0 0 0 1.06m4.242-1.59a.53.53 0 0 1 .53-.531h3.712a.53.53 0 0 1 .53.53V4.35a.53.53 0 0 1-.53.53H9.652L8.06 5.94z\"/><path fill=\"currentColor\" d=\"M4.084 9.651a.795.795 0 1 0 0-1.59a.795.795 0 0 0 0 1.59m3.712 0a.795.795 0 1 0 0-1.59a.795.795 0 0 0 0 1.59\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h14v14H0z\"/></clipPath></defs></g>"
+    },
+    "line-communication-chat-bot-slim": {
+      "body": "<g fill=\"none\"><path fill=\"currentColor\" d=\"M13.09 11.273a1.818 1.818 0 1 0 .001-3.637a1.818 1.818 0 0 0 0 3.637\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.364 22.182H7.636A3.635 3.635 0 0 0 4 25.818v14.546A3.635 3.635 0 0 0 7.636 44h25.455a3.635 3.635 0 0 0 3.636-3.636V25.818M13.091 16v-4.727m0 0a1.818 1.818 0 1 0 0-3.637a1.818 1.818 0 0 0 0 3.637m14.545-5.455A1.82 1.82 0 0 1 29.455 4h12.727A1.82 1.82 0 0 1 44 5.818v9.091a1.82 1.82 0 0 1-1.818 1.818H33.09l-5.455 3.637z\"/><path fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M15.728 30.364a1.727 1.727 0 1 1-3.455 0a1.727 1.727 0 0 1 3.454 0Zm12.727 0a1.727 1.727 0 1 1-3.455 0a1.727 1.727 0 0 1 3.455 0Z\"/></g>",
+      "width": 48,
+      "height": 48
+    },
+    "line-communication-cute-robot": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M7 2.334H4.083c-.644 0-1.167.522-1.167 1.166v2.917c0 .644.523 1.167 1.167 1.167h5.833c.645 0 1.167-.523 1.167-1.167V3.5c0-.644-.522-1.166-1.167-1.166zm0 0V1.167M3.5 8.75L2.333 9.917M3.5 8.75a3.5 3.5 0 0 0 7 0m-7 0V7.584m7 1.166l1.166 1.167M10.5 8.75V7.584M5.25 4.667v.583m3.5-.583v.583\"/>"
+    },
+    "line-communication-message-check-remove": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.2 3H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.28 3 6.12 3 7.8V14c0 .93 0 1.395.102 1.776a3 3 0 0 0 2.122 2.122C5.605 18 6.07 18 7 18v2.335c0 .533 0 .8.11.937a.5.5 0 0 0 .39.188c.176 0 .384-.167.8-.5l2.385-1.908c.487-.39.731-.585 1.002-.724q.363-.185.762-.267c.299-.061.61-.061 1.235-.061H16.2c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 15.72 21 14.88 21 13.2V8.8m-8.667 4.7l1.667-3h-4l1.667-3m7.565-2.732L21 3m0 0l1.768-1.768M21 3l-1.768-1.768M21 3l1.768 1.768\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-communication-message-fast-plus": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.2 3H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.28 3 6.12 3 7.8V14c0 .93 0 1.395.102 1.777a3 3 0 0 0 2.122 2.12C5.605 18 6.07 18 7 18v2.335c0 .533 0 .8.11.937a.5.5 0 0 0 .39.188c.176 0 .384-.167.8-.5l2.385-1.908c.487-.39.731-.585 1.002-.724q.363-.184.762-.267c.299-.061.61-.061 1.235-.061H16.2c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 15.72 21 14.88 21 13.2V8.8m-8.667 4.7l1.667-3h-4l1.667-3M21 5V3m0 0V1m0 2h-2m2 0h2\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-development-artificial-brain": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.454 12H12v1.818M17.454 12a1.818 1.818 0 1 0 3.636 0a1.818 1.818 0 0 0-3.636 0m-10.908.909a4.68 4.68 0 0 1-3.273-1.364m3.273 1.364a2.65 2.65 0 0 0 1.818 2.545m-1.818-2.545a2.6 2.6 0 0 1 .909-2m-4.182.636A2.68 2.68 0 0 0 2 13.818A2.56 2.56 0 0 0 3.182 16a4.1 4.1 0 0 0-.273 1.454a4.5 4.5 0 0 0 4.546 4.545A4.5 4.5 0 0 0 12 17.454v-.91h2.727l1.442 1.443M3.273 11.545A4.55 4.55 0 0 1 2 8.363a4.5 4.5 0 0 1 4.546-4.545h.181A2.65 2.65 0 0 1 9.273 2A2.68 2.68 0 0 1 12 4.727m4.169 1.286l-1.442 1.441H12v1.818m7.272 10a1.818 1.818 0 1 1-3.636 0a1.818 1.818 0 0 1 3.636 0m0-14.545a1.818 1.818 0 1 1-3.636 0a1.818 1.818 0 0 1 3.636 0\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-development-bar-chart-square-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M5.333 10v1.333m2.667-4v4m2.667-6.666v6.666M5.2 14h5.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874C14 12.48 14 11.92 14 10.8V5.2c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874C12.48 2 11.92 2 10.8 2H5.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C2 3.52 2 4.08 2 5.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C3.52 14 4.08 14 5.2 14\"/>"
+    },
+    "line-development-brackets-x": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18.57 20a2.286 2.286 0 0 0 2.287-2.286v-4.571L22 12l-1.143-1.143V6.286A2.285 2.285 0 0 0 18.57 4M5.429 4a2.285 2.285 0 0 0-2.286 2.286v4.571L2 12l1.143 1.143v4.571A2.285 2.285 0 0 0 5.429 20M15 9l-6 6m0-6l6 6\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-development-code-browser": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M22 9H2m12 8.5l2.5-2.5l-2.5-2.5m-4 0L7.5 15l2.5 2.5M2 7.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C4.28 21 5.12 21 6.8 21h10.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C22 18.72 22 17.88 22 16.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C19.72 3 18.88 3 17.2 3H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C2 5.28 2 6.12 2 7.8\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-development-container": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M13.667 4.852L8 8m0 0L2.333 4.852M8 8v6.333m6-3.627V5.294c0-.228 0-.342-.034-.444a.7.7 0 0 0-.142-.243c-.073-.079-.173-.134-.373-.245l-4.933-2.74c-.189-.106-.284-.158-.384-.179a.7.7 0 0 0-.268 0c-.1.02-.195.073-.384.178l-4.933 2.74c-.2.112-.3.167-.373.246a.7.7 0 0 0-.142.243C2 4.952 2 5.066 2 5.294v5.412c0 .228 0 .342.034.444q.045.136.142.243c.073.079.173.134.373.245l4.933 2.74c.189.106.284.159.384.179q.134.027.268 0c.1-.02.195-.073.384-.178l4.933-2.74c.2-.112.3-.167.373-.246a.7.7 0 0 0 .142-.243c.034-.102.034-.216.034-.444\"/>"
+    },
+    "line-development-database-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M14.5 3.333c0 1.105-2.686 2-6 2s-6-.895-6-2m12 0c0-1.104-2.686-2-6-2s-6 .896-6 2m12 0v9.334c0 1.106-2.667 2-6 2s-6-.894-6-2V3.333M14.5 8c0 1.107-2.667 2-6 2s-6-.893-6-2\"/>",
+      "width": 17
+    },
+    "line-development-database-03": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M9.333 13.333a1.333 1.333 0 0 1-2.666 0m2.666 0C9.333 12.597 8.736 12 8 12m1.333 1.333H14m-7.333 0C6.667 12.597 7.264 12 8 12m-1.333 1.333H2M8 12V9.333m6-6c0 1.105-2.686 2-6 2s-6-.895-6-2m12 0c0-1.104-2.686-2-6-2s-6 .896-6 2m12 0v4c0 1.107-2.667 2-6 2m-6-6v4c0 1.107 2.667 2 6 2\"/>"
+    },
+    "line-development-file-heart-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M13.57 13.988a.8.8 0 0 1-.79.679H9.2a.533.533 0 0 1-.534-.534v-1.866c0-.295.24-.534.534-.534h.627c.105 0 .2-.062.243-.158l.939-2.112a.22.22 0 0 1 .2-.13c.363 0 .658.295.658.658v.942c0 .148.119.267.266.267h.934a.8.8 0 0 1 .791.922zm-.237-7.321V4.533c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874c-.428-.218-.988-.218-2.108-.218H5.867c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.875.874c-.217.428-.217.988-.217 2.108v6.8c0 .62 0 .93.068 1.185a2 2 0 0 0 1.414 1.414c.254.068.564.068 1.184.068m3-6.667h-3M6 10h-.667m5.333-5.333H5.333\"/>"
+    },
+    "line-development-git-branch-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M2 2v6.8c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C3.52 12 4.08 12 5.2 12H10m0 0a2 2 0 1 0 4 0a2 2 0 0 0-4 0M2 5.333h8m0 0a2 2 0 1 0 4 0a2 2 0 0 0-4 0\"/>"
+    },
+    "line-development-prompt-engineering": {
+      "body": "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\"><path d=\"M14 6v-.8c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874C12.48 2 11.92 2 10.8 2H5.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C2 3.52 2 4.08 2 5.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C3.52 14 4.08 14 5.2 14H6M4.667 4.667h.006m1.994 0h.006m1.993 0h.007\"/><path d=\"m11.333 8l.201.804c.17.677.254 1.016.43 1.291a2 2 0 0 0 .607.607c.276.176.614.261 1.292.43l.804.201l-.804.201c-.678.17-1.016.254-1.292.43a2 2 0 0 0-.606.607c-.177.276-.261.614-.43 1.292l-.202.804l-.2-.804c-.17-.678-.255-1.016-.43-1.292a2 2 0 0 0-.608-.606c-.275-.177-.614-.261-1.291-.43L8 11.332l.804-.2c.677-.17 1.016-.255 1.291-.43c.244-.157.451-.364.607-.608c.176-.275.261-.614.43-1.291z\"/></g>"
+    },
+    "line-development-puzzle-piece-01": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M5 3a1.667 1.667 0 0 1 3.333 0v1H9c.932 0 1.398 0 1.765.152a2 2 0 0 1 1.083 1.083C12 5.602 12 6.068 12 7h1a1.667 1.667 0 1 1 0 3.333h-1v1.134c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874c-.428.218-.988.218-2.108.218h-.467V13.5a1.5 1.5 0 0 0-3 0v1.167h-.8c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874c-.218-.428-.218-.988-.218-2.108v-1.134h1a1.667 1.667 0 0 0 0-3.333h-1c0-.932 0-1.398.152-1.765a2 2 0 0 1 1.083-1.083C2.935 4 3.4 4 4.333 4H5z\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>"
+    },
+    "line-development-terminal-square": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m7 15l3-3l-3-3m6 6h4m-9.2 6h8.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.72 21 17.88 21 16.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C18.72 3 17.88 3 16.2 3H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.28 3 6.12 3 7.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C5.28 21 6.12 21 7.8 21\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-development-variable": {
+      "body": "<path fill=\"currentColor\" d=\"M13.869 1.705a.667.667 0 1 0-1.196.59A12.8 12.8 0 0 1 14 8c0 2.05-.477 3.987-1.327 5.705a.667.667 0 1 0 1.196.59A14.2 14.2 0 0 0 15.334 8c0-2.26-.527-4.398-1.465-6.295m-10.542.591a.667.667 0 0 0-1.195-.591A14.2 14.2 0 0 0 .667 8c0 2.26.527 4.398 1.465 6.296a.667.667 0 0 0 1.195-.591A12.8 12.8 0 0 1 2 8c0-2.05.478-3.987 1.327-5.704m6.006 3.545a2.16 2.16 0 0 1 1.64-.758h.06a.667.667 0 0 1 0 1.334h-.06a.82.82 0 0 0-.626.29l-1.56 1.83l.494 1.737a.08.08 0 0 0 .076.06h.93a.667.667 0 0 1 0 1.333h-.93A1.41 1.41 0 0 1 8 10.639l-.251-.884l-.984 1.154c-.41.48-1.009.758-1.64.758h-.06a.667.667 0 1 1 0-1.333h.06c.24 0 .468-.106.626-.29l1.56-1.83l-.494-1.738a.08.08 0 0 0-.076-.06h-.93a.667.667 0 0 1 0-1.333h.93c.633 0 1.186.422 1.358 1.029l.251.883z\"/>"
+    },
+    "line-development-webhooks": {
+      "body": "<g fill=\"currentColor\"><path d=\"M12 12a1 1 0 1 0 0-2a1 1 0 0 0 0 2M8 5.5a1 1 0 1 0 0-2a1 1 0 0 0 0 2M4 12a1 1 0 1 0 0-2a1 1 0 0 0 0 2\"/><path d=\"M2.4 8.967c.295.22.355.638.134.933a1.833 1.833 0 1 0 3.3 1.1c0-.368.298-.667.667-.667H12a.667.667 0 0 1 0 1.334H7.096A3.166 3.166 0 1 1 1.467 9.1a.667.667 0 0 1 .934-.133\"/><path d=\"M7.228 1.431a3.17 3.17 0 0 1 3.675 1.802a.667.667 0 1 1-1.222.534a1.833 1.833 0 1 0-2.643 2.295c.313.193.41.603.218.917l-2.687 4.37a.667.667 0 1 1-1.136-.698l2.376-3.864a3.166 3.166 0 0 1 1.42-5.356\"/><path d=\"M7.651 3.932a.667.667 0 0 1 .918.219l2.375 3.863a3.166 3.166 0 1 1 1.057 6.153a.667.667 0 0 1-.001-1.334a1.834 1.834 0 1 0-.963-3.395a.667.667 0 0 1-.917-.218L7.433 4.85a.667.667 0 0 1 .218-.918\"/></g>"
+    },
+    "line-editor-align-left": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 10H3m17-4H3m17 8H3m13 4H3\"/>"
+    },
+    "line-editor-bezier-curve-03": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m5.429 3.5l-2.858 5M3 9.5h6m.429-1l-2.858-5m-4.771 7h.4c.28 0 .42 0 .527-.055a.5.5 0 0 0 .219-.218C3 10.12 3 9.98 3 9.7v-.4c0-.28 0-.42-.054-.527a.5.5 0 0 0-.219-.218C2.62 8.5 2.48 8.5 2.2 8.5h-.4c-.28 0-.42 0-.527.055a.5.5 0 0 0-.218.218C1 8.88 1 9.02 1 9.3v.4c0 .28 0 .42.054.527a.5.5 0 0 0 .219.218c.107.055.247.055.527.055m8 0h.4c.28 0 .42 0 .527-.055a.5.5 0 0 0 .218-.218C11 10.12 11 9.98 11 9.7v-.4c0-.28 0-.42-.055-.527a.5.5 0 0 0-.218-.218C10.62 8.5 10.48 8.5 10.2 8.5h-.4c-.28 0-.42 0-.527.055a.5.5 0 0 0-.218.218C9 8.88 9 9.02 9 9.3v.4c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055m-4-7h.4c.28 0 .42 0 .527-.054a.5.5 0 0 0 .218-.219C7 3.12 7 2.98 7 2.7v-.4c0-.28 0-.42-.054-.527a.5.5 0 0 0-.219-.218C6.62 1.5 6.48 1.5 6.2 1.5h-.4c-.28 0-.42 0-.527.054a.5.5 0 0 0-.218.219C5 1.88 5 2.02 5 2.3v.4c0 .28 0 .42.054.527a.5.5 0 0 0 .219.219c.107.054.247.054.527.054\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "line-editor-collapse": {
+      "body": "<path fill=\"currentColor\" d=\"M2.666 11.333h-2l2.667-2.666l2.666 2.666H4V14H2.666zm0-6.666V2h1.333v2.667h2L3.333 7.333L.666 4.667zm4.667-2h6.666V4H7.333zm0 9.333h6.666v1.333H7.333zM5.999 7.333h8v1.334H6z\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "line-editor-colors": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 20.472a6 6 0 1 0 5.58-10.262m-11.16 0a6 6 0 1 0 7.16 3.58M18 8A6 6 0 1 1 6 8a6 6 0 0 1 12 0\"/>"
+    },
+    "line-editor-image-indent-left": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 9.25h-6M21 4H3m18 10.75h-6M21 20H3m1.6-4h4.8c.56 0 .84 0 1.054-.109a1 1 0 0 0 .437-.437C11 15.24 11 14.96 11 14.4V9.6c0-.56 0-.84-.109-1.054a1 1 0 0 0-.437-.437C10.24 8 9.96 8 9.4 8H4.6c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C3 8.76 3 9.04 3 9.6v4.8c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C3.76 16 4.04 16 4.6 16\"/>"
+    },
+    "line-editor-left-indent-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 9.25h-9M21 4h-9m9 10.75H3M21 20H3M4.28 2.96l3.867 2.9c.29.217.434.326.486.459a.5.5 0 0 1 0 .362c-.052.133-.197.242-.486.459l-3.867 2.9c-.412.309-.618.463-.79.46a.5.5 0 0 1-.384-.192C3 10.172 3 9.915 3 9.4V3.6c0-.515 0-.773.106-.908A.5.5 0 0 1 3.49 2.5c.172-.004.378.151.79.46\"/>"
+    },
+    "line-editor-letter-spacing-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 13h6m-8 4l4.272-9.398c.231-.509.347-.763.507-.842a.5.5 0 0 1 .442 0c.16.079.276.333.507.842L17 17m4-14v18M3 3v18\"/>"
+    },
+    "line-editor-type-square": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 3.5h4m-2 0v5m-2.1 2h4.2c.84 0 1.26 0 1.581-.164a1.5 1.5 0 0 0 .656-.655c.163-.32.163-.74.163-1.581V3.9c0-.84 0-1.26-.164-1.581a1.5 1.5 0 0 0-.655-.656C9.361 1.5 8.941 1.5 8.1 1.5H3.9c-.84 0-1.26 0-1.581.163a1.5 1.5 0 0 0-.656.656c-.163.32-.163.74-.163 1.581v4.2c0 .84 0 1.26.163 1.581a1.5 1.5 0 0 0 .656.656c.32.163.74.163 1.581.163\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "line-education-book-open-01": {
+      "body": "<g fill=\"none\"><path fill=\"currentColor\" d=\"M1 3.1c0-.56 0-.84.109-1.054a1 1 0 0 1 .437-.437C1.76 1.5 2.04 1.5 2.6 1.5h.2c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C6 3.02 6 3.58 6 4.7v5.8l-.05-.075c-.347-.521-.521-.782-.75-.97a2 2 0 0 0-.69-.369C4.228 9 3.915 9 3.288 9H2.6c-.56 0-.84 0-1.054-.109a1 1 0 0 1-.437-.437C1 8.24 1 7.96 1 7.4z\" opacity=\".12\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m6 10.5l-.05-.075c-.347-.521-.521-.782-.75-.97a2 2 0 0 0-.69-.369C4.228 9 3.915 9 3.288 9H2.6c-.56 0-.84 0-1.054-.109a1 1 0 0 1-.437-.437C1 8.24 1 7.96 1 7.4V3.1c0-.56 0-.84.109-1.054a1 1 0 0 1 .437-.437C1.76 1.5 2.04 1.5 2.6 1.5h.2c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C6 3.02 6 3.58 6 4.7m0 5.8V4.7m0 5.8l.05-.075c.347-.521.521-.782.75-.97a2 2 0 0 1 .69-.369C7.772 9 8.085 9 8.712 9H9.4c.56 0 .84 0 1.054-.109a1 1 0 0 0 .437-.437C11 8.24 11 7.96 11 7.4V3.1c0-.56 0-.84-.109-1.054a1 1 0 0 0-.437-.437C10.24 1.5 9.96 1.5 9.4 1.5h-.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C6 3.02 6 3.58 6 4.7\"/></g>",
+      "width": 12,
+      "height": 12
+    },
+    "line-files-copy": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M10.667 2.666H12A1.333 1.333 0 0 1 13.333 4v9.333A1.333 1.333 0 0 1 12 14.666H4a1.333 1.333 0 0 1-1.333-1.333V4A1.333 1.333 0 0 1 4 2.666h1.333M6 1.333h4c.368 0 .666.298.666.667v1.333A.667.667 0 0 1 10 4H6a.667.667 0 0 1-.667-.667V2c0-.369.299-.667.667-.667\"/>"
+    },
+    "line-files-copy-check": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M10.667 2.667c.62 0 .93 0 1.184.068a2 2 0 0 1 1.414 1.414c.068.255.068.565.068 1.185v6.133c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874c-.428.218-.988.218-2.108.218H5.867c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.875-.874c-.217-.428-.217-.988-.217-2.108V5.333c0-.62 0-.93.068-1.184a2 2 0 0 1 1.414-1.414c.254-.068.564-.068 1.184-.068M6 10l1.333 1.334l3-3M6.4 4h3.2c.373 0 .56 0 .703-.072a.67.67 0 0 0 .29-.292c.073-.142.073-.33.073-.703V2.4c0-.373 0-.56-.072-.702a.67.67 0 0 0-.291-.292c-.143-.073-.33-.073-.703-.073H6.4c-.374 0-.56 0-.703.073a.67.67 0 0 0-.291.292c-.073.142-.073.329-.073.702v.534c0 .373 0 .56.073.702a.67.67 0 0 0 .291.292C5.84 4 6.027 4 6.4 4\"/>"
+    },
+    "line-files-file-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9.334 7.334h-4M6.667 10H5.334m5.333-5.333H5.334m8-.133v6.933c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874c-.428.218-.988.218-2.108.218H5.867c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874c-.218-.428-.218-.988-.218-2.108V4.534c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.875c.428-.218.988-.218 2.108-.218h4.267c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.875c.218.427.218.987.218 2.108\"/>"
+    },
+    "line-files-file-arrow-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3.333 12.333c0 .31 0 .464.017.594a2 2 0 0 0 1.722 1.722c.13.017.285.017.595.017H10.8c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874c.218-.428.218-.988.218-2.108V6.658c0-.489 0-.733-.055-.963q-.075-.309-.24-.579c-.123-.201-.296-.374-.642-.72L10.937 2.27c-.346-.346-.519-.519-.72-.642a2 2 0 0 0-.579-.24c-.23-.055-.474-.055-.963-.055H5.667c-.31 0-.465 0-.595.017A2 2 0 0 0 3.35 3.072M5.333 6l2 2m0 0l-2 2m2-2H2\"/>"
+    },
+    "line-files-file-check-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M13.334 8.333v-3.8c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874c-.428-.218-.988-.218-2.108-.218H5.867c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874c-.218.428-.218.988-.218 2.108v6.933c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.428.218.988.218 2.108.218H8m1.334-7.333h-4M6.667 10H5.334m5.333-5.334H5.334m4.333 8L11 14l3-3\"/>"
+    },
+    "line-files-file-download-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12.5V6.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C17.72 2 16.88 2 15.2 2H8.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C4 4.28 4 5.12 4 6.8v10.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C6.28 22 7.12 22 8.8 22h3.7M14 11H8m2 4H8m8-8H8m7 12l3 3m0 0l3-3m-3 3v-6\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-files-file-plus-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13.333 7V4.533c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874c-.428-.218-.988-.218-2.108-.218H5.867c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.875.874c-.217.428-.217.988-.217 2.108v6.933c0 1.12 0 1.68.217 2.108a2 2 0 0 0 .875.874c.427.218.987.218 2.108.218H8M12 14v-4m-2 2h4\"/>"
+    },
+    "line-files-file-plus-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13.333 7V4.533c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874c-.428-.218-.988-.218-2.108-.218H5.867c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874c-.218.428-.218.988-.218 2.108v6.934c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.988.218 2.108.218H8m1.333-7.334h-4M6.667 10H5.333m5.334-5.333H5.333M12 14v-4m-2 2h4\"/>"
+    },
+    "line-files-file-text": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-6-6l6 6m-6-6v6h6m-4 5H8m8 4H8m2-8H8\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-files-file-upload": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 10.5V6.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C17.72 2 16.88 2 15.2 2H8.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C4 4.28 4 5.12 4 6.8v10.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C6.28 22 7.12 22 8.8 22H12m2-11H8m2 4H8m8-8H8m7 11l3-3m0 0l3 3m-3-3v6\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-files-folder": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12.833 11.083a1.167 1.167 0 0 1-1.167 1.167H2.333a1.167 1.167 0 0 1-1.167-1.167V2.917A1.167 1.167 0 0 1 2.333 1.75h2.916L6.416 3.5h5.25a1.167 1.167 0 0 1 1.167 1.167z\"/>",
+      "width": 14,
+      "height": 14
+    },
+    "line-financeAndECommerce-balance": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3v17m0 0H7m5 0h5M3 6h4.528a2 2 0 0 0 .894-.211l1.156-.578A2 2 0 0 1 10.472 5h3.056a2 2 0 0 1 .894.211l1.156.578a2 2 0 0 0 .894.211H21M5.5 6l-2.48 7.439c-.302.907.07 1.944.985 2.218c1.007.3 1.983.3 2.99 0c.916-.274 1.287-1.311.985-2.218zm13 0l-2.48 7.439c-.302.907.07 1.944.985 2.218c1.007.3 1.983.3 2.99 0c.916-.274 1.287-1.311.985-2.218z\"/>"
+    },
+    "line-financeAndECommerce-coins-stacked-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 17a5 5 0 1 0 10 0a5 5 0 0 0-10 0m0 0c0-1.126.372-2.165 1-3V5m-1 12c0 .825.2 1.604.554 2.29c-.842.712-2.788 1.21-5.054 1.21c-3.038 0-5.5-.895-5.5-2V5m11 0c0 1.105-2.462 2-5.5 2S2 6.105 2 5m11 0c0-1.105-2.462-2-5.5-2S2 3.895 2 5m0 9c0 1.105 2.462 2 5.5 2c2.189 0 4.08-.465 4.965-1.138M13 9.5c0 1.105-2.462 2-5.5 2S2 10.605 2 9.5\"/>"
+    },
+    "line-financeAndECommerce-credits-coin": {
+      "body": "<g fill=\"currentColor\"><path d=\"M2 5c0-1.555.585-3.015 1.54-3.95C2.177 1.34 1 2.9 1 5s1.177 3.66 2.54 3.95C2.585 8.014 2 6.555 2 5m1 0c0 2.333 1.453 4 3 4s3-1.667 3-4s-1.453-4-3-4s-3 1.667-3 4m7 0c0 2.637-1.681 5-4 5H4c-2.319 0-4-2.363-4-5s1.681-5 4-5h2c2.319 0 4 2.363 4 5\"/><path d=\"m6.715 4.093l-.261-.906C6.42 3.074 6.34 3 6.25 3s-.171.074-.204.187l-.261.906a.46.46 0 0 1-.216.287l-.679.348c-.084.043-.14.152-.14.272s.056.229.14.272l.68.348a.46.46 0 0 1 .215.287l.261.906c.033.113.114.187.204.187s.171-.074.204-.187l.261-.906a.46.46 0 0 1 .216-.287l.679-.348c.084-.043.14-.152.14-.272s-.056-.229-.14-.272l-.68-.348a.46.46 0 0 1-.215-.287\"/></g>",
+      "width": 10,
+      "height": 10
+    },
+    "line-financeAndECommerce-gold-coin": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m8 4.829l.936 1.897l2.094.304l-1.515 1.477l.358 2.086L8 9.608l-1.873.985l.358-2.086L4.97 7.03l2.094-.304z\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334\"/><path fill=\"currentColor\" d=\"M8 12.849a.606.606 0 1 0 0-1.213a.606.606 0 0 0 0 1.213m4.035-2.932a.606.606 0 1 0 0-1.212a.606.606 0 0 0 0 1.212m-1.542-4.743a.606.606 0 1 0 0-1.212a.606.606 0 0 0 0 1.212m-4.987 0a.606.606 0 1 0 0-1.212a.606.606 0 0 0 0 1.212M3.965 9.917a.606.606 0 1 0 0-1.212a.606.606 0 0 0 0 1.212\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>",
+      "width": 16,
+      "height": 16
+    },
+    "line-financeAndECommerce-receipt-list": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7.556 8.333H12m3.556 0h.888M7.556 11.89H12m3.556 0h.888m-8.888 3.555H12m3.556 0h.888M20 21.667V5a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v16.667l2.667-1.778l2.666 1.778L12 19.889l2.667 1.778l2.666-1.778z\"/>"
+    },
+    "line-financeAndECommerce-tag-01": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M4.667 4.667h.006M1.167 3.033v2.61c0 .286 0 .428.032.563q.044.179.14.337c.072.118.173.218.375.42l4.473 4.474c.693.693 1.04 1.04 1.44 1.169c.35.114.73.114 1.08 0c.4-.13.747-.476 1.44-1.17l1.29-1.29c.693-.693 1.04-1.04 1.17-1.439a1.75 1.75 0 0 0 0-1.081c-.13-.4-.477-.746-1.17-1.44L6.964 1.714c-.202-.202-.303-.302-.42-.375a1.2 1.2 0 0 0-.338-.14c-.134-.031-.277-.031-.562-.031h-2.61c-.654 0-.98 0-1.23.127c-.22.112-.398.29-.51.51c-.127.25-.127.576-.127 1.23m3.792 1.634a.292.292 0 1 1-.584 0a.292.292 0 0 1 .584 0\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h14v14H0z\"/></clipPath></defs></g>",
+      "width": 14,
+      "height": 14
+    },
+    "line-financeAndECommerce-tag-03": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14 7.334L8.937 2.27c-.346-.346-.519-.52-.72-.643a2 2 0 0 0-.579-.24c-.23-.054-.474-.054-.963-.054H4M2 5.8v1.317c0 .326 0 .489.037.642q.05.205.16.386c.082.134.197.25.428.48l5.2 5.2c.528.528.792.792 1.096.891c.268.087.557.087.824 0c.305-.099.569-.363 1.097-.891l1.65-1.65c.527-.528.791-.792.89-1.096a1.33 1.33 0 0 0 0-.824c-.098-.305-.362-.569-.89-1.097L7.625 4.292c-.23-.23-.346-.346-.48-.429a1.3 1.3 0 0 0-.386-.16c-.153-.036-.317-.036-.643-.036H4.133c-.746 0-1.12 0-1.405.145a1.34 1.34 0 0 0-.583.583C2 4.68 2 5.053 2 5.8\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "line-general-at-sign": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M10.667 5.333v3.334a2 2 0 1 0 4 0V8a6.667 6.667 0 1 0-2.614 5.293M10.667 8a2.667 2.667 0 1 1-5.334 0a2.667 2.667 0 0 1 5.334 0\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>"
+    },
+    "line-general-bookmark": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C7.28 3 8.12 3 9.8 3h4.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C19 5.28 19 6.12 19 7.8V21l-7-4l-7 4z\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-general-check": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13.333 4L6 11.333L2.667 8\"/>"
+    },
+    "line-general-check-done-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 15l2 2l4.5-4.5M8 8V5.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C9.52 2 10.08 2 11.2 2h7.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C22 3.52 22 4.08 22 5.2v7.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C20.48 16 19.92 16 18.8 16H16M5.2 22h7.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874C16 20.48 16 19.92 16 18.8v-7.6c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874C14.48 8 13.92 8 12.8 8H5.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C2 9.52 2 10.08 2 11.2v7.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C3.52 22 4.08 22 5.2 22\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-general-checklist-square": {
+      "body": "<path fill=\"currentColor\" d=\"M9.782 11.915a1 1 0 1 0-1.11 1.664zm1.133 1.957l-.555.832a1 1 0 0 0 1.355-.232zm3.608-3.144a1 1 0 0 0-1.6-1.2zm4.81.272a1 1 0 1 0 0 2zM22 13a1 1 0 1 0 0-2zm-2.667 6a1 1 0 1 0 0 2zM22 21a1 1 0 1 0 0-2zM9.87 19.916a1 1 0 1 0-1.11 1.664zm1.132 1.957l-.555.832a1 1 0 0 0 1.355-.232zm3.607-3.143a1 1 0 0 0-1.6-1.2zm-8.425 8.834l-.454.891zm-1.748-1.748l-.891.454zm23.128 0l.891.454zm-1.748 1.748l.454.891zm0-23.128l.454-.891zm1.748 1.748l.891-.454zM6.184 4.436l-.454-.891zM4.436 6.184l-.891-.454zm4.237 7.395l1.687 1.125l1.11-1.664l-1.688-1.125zm3.042.893l2.808-3.744l-1.6-1.2l-2.808 3.744zM19.333 13H22v-2h-2.667zm0 8H22v-2h-2.667zm-10.573.58l1.687 1.125l1.11-1.664l-1.688-1.125zm3.042.893l2.807-3.743l-1.6-1.2l-2.807 3.743zM10.4 5h11.2V3H10.4zM27 10.4v11.2h2V10.4zM21.6 27H10.4v2h11.2zM5 21.6V10.4H3v11.2zm5.4 5.4c-1.137 0-1.929 0-2.546-.051c-.605-.05-.953-.142-1.216-.276l-.908 1.782c.592.302 1.233.428 1.961.487c.718.059 1.605.058 2.709.058zM3 21.6c0 1.104 0 1.991.058 2.709c.06.729.185 1.369.487 1.961l1.782-.908c-.134-.263-.226-.611-.276-1.216C5.001 23.529 5 22.736 5 21.6zm3.638 5.073a3 3 0 0 1-1.311-1.311l-1.782.908a5 5 0 0 0 2.185 2.185zM27 21.6c0 1.137 0 1.929-.051 2.546c-.05.605-.142.953-.276 1.216l1.782.908c.302-.592.428-1.232.487-1.961c.059-.718.058-1.605.058-2.709zM21.6 29c1.104 0 1.991 0 2.709-.058c.729-.06 1.369-.185 1.961-.487l-.908-1.782c-.263.134-.611.226-1.216.276c-.617.05-1.41.051-2.546.051zm5.073-3.638a3 3 0 0 1-1.311 1.311l.908 1.782a5 5 0 0 0 2.185-2.185zM21.6 5c1.137 0 1.929 0 2.546.051c.605.05.953.142 1.216.276l.908-1.782c-.592-.302-1.232-.428-1.961-.487C23.59 2.999 22.704 3 21.6 3zm7.4 5.4c0-1.104 0-1.991-.058-2.709c-.06-.728-.185-1.369-.487-1.96l-1.782.907c.134.263.226.611.276 1.216c.05.617.051 1.41.051 2.546zm-3.638-5.073a3 3 0 0 1 1.311 1.311l1.782-.908a5 5 0 0 0-2.185-2.185zM10.4 3c-1.104 0-1.991 0-2.709.058c-.728.06-1.369.185-1.96.487l.907 1.782c.263-.134.611-.226 1.216-.276C8.471 5.001 9.264 5 10.4 5zM5 10.4c0-1.137 0-1.929.051-2.546c.05-.605.142-.953.276-1.216L3.545 5.73c-.302.592-.428 1.233-.487 1.961C2.999 8.41 3 9.296 3 10.4zm.73-6.855A5 5 0 0 0 3.545 5.73l1.782.908a3 3 0 0 1 1.311-1.311z\"/>",
+      "width": 32,
+      "height": 32
+    },
+    "line-general-code-assistant": {
+      "body": "<g fill=\"currentColor\"><path d=\"M12 3a1 1 0 1 1 0 2H5.6c-.297 0-.459.001-.576.01l-.012.002l-.001.012C5 5.141 5 5.304 5 5.6v12.8c0 .297.001.46.01.576l.002.011l.012.002c.117.01.28.011.576.011h12.8c.297 0 .46-.001.576-.01l.011-.003l.002-.011c.01-.117.011-.28.011-.576V12a1 1 0 1 1 2 0v6.4c0 .264.001.522-.017.739a2 2 0 0 1-.2.77a2 2 0 0 1-.875.873a2 2 0 0 1-.77.201c-.216.018-.474.017-.738.017H5.6c-.264 0-.522.001-.739-.017a2 2 0 0 1-.77-.2a2 2 0 0 1-.873-.875a2 2 0 0 1-.201-.77C2.999 18.923 3 18.665 3 18.4V5.6c0-.264-.001-.522.017-.739c.018-.228.063-.498.2-.77a2 2 0 0 1 .875-.873c.271-.138.54-.183.77-.201C5.077 2.999 5.335 3 5.6 3z\"/><path d=\"M13.293 9.293a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-2 2a1 1 0 1 1-1.414-1.414L14.586 12l-1.293-1.293a1 1 0 0 1 0-1.414m-4 0a1 1 0 1 1 1.414 1.414L9.414 12l1.293 1.293l.068.076a1 1 0 0 1-1.406 1.406l-.076-.068l-2-2a1 1 0 0 1 0-1.414zM18.501 2c.248 0 .455.187.483.433c.172 1.516 1.032 2.444 2.572 2.58a.489.489 0 0 1-.001.973c-1.518.132-2.437 1.051-2.569 2.569a.488.488 0 0 1-.972 0c-.137-1.539-1.065-2.399-2.581-2.57a.488.488 0 0 1-.001-.97c1.538-.177 2.406-1.045 2.584-2.583A.49.49 0 0 1 18.5 2\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "line-general-dots-grid": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5.833 2.917a1.167 1.167 0 1 1 2.334 0a1.167 1.167 0 0 1-2.334 0m0 4.083a1.167 1.167 0 1 1 2.334 0a1.167 1.167 0 0 1-2.334 0m0 4.083a1.167 1.167 0 1 1 2.334 0a1.167 1.167 0 0 1-2.334 0m4.084-8.166a1.167 1.167 0 1 1 2.333 0a1.167 1.167 0 0 1-2.333 0m0 4.083a1.167 1.167 0 1 1 2.333 0a1.167 1.167 0 0 1-2.333 0m0 4.083a1.167 1.167 0 1 1 2.333 0a1.167 1.167 0 0 1-2.333 0M1.75 2.917a1.167 1.167 0 1 1 2.333 0a1.167 1.167 0 0 1-2.333 0M1.75 7a1.167 1.167 0 1 1 2.333 0A1.167 1.167 0 0 1 1.75 7m0 4.083a1.167 1.167 0 1 1 2.333 0a1.167 1.167 0 0 1-2.333 0\" clip-rule=\"evenodd\"/>",
+      "width": 14,
+      "height": 14
+    },
+    "line-general-edit-02": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M10.5 5.833L8.168 3.5M1.46 12.542l1.974-.22c.241-.027.362-.04.475-.076q.15-.05.283-.136c.099-.066.184-.151.356-.323l7.704-7.704A1.65 1.65 0 0 0 9.917 1.75L2.214 9.454c-.172.171-.258.257-.323.356a1.2 1.2 0 0 0-.136.283c-.036.113-.05.233-.077.474z\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h14v14H0z\"/></clipPath></defs></g>",
+      "width": 14,
+      "height": 14
+    },
+    "line-general-edit-04": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m21 18l-1 1.094A2.7 2.7 0 0 1 18 20c-.75 0-1.47-.326-2-.906a2.72 2.72 0 0 0-2-.904c-.75 0-1.469.325-2 .904M3 20h1.675c.489 0 .733 0 .964-.055q.308-.075.578-.24c.201-.123.374-.296.72-.642L19.5 6.5a2.121 2.121 0 0 0-3-3L3.937 16.063c-.346.346-.519.519-.642.72a2 2 0 0 0-.24.578c-.055.23-.055.475-.055.965z\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-general-edit-05": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M7.333 2.666h-2.8c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874c-.218.428-.218.988-.218 2.108v5.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.428.218.988.218 2.108.218h5.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874c.218-.428.218-.988.218-2.108v-2.8m-8 2H6.45c.326 0 .489 0 .642-.037q.205-.049.386-.16c.134-.082.25-.197.48-.428l6.375-6.375a1.414 1.414 0 0 0-2-2L5.958 8.041c-.23.23-.346.346-.428.48q-.11.181-.16.386c-.037.154-.037.317-.037.643z\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>"
+    },
+    "line-general-hash-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.75 1.5l-1.5 9m5.5-9l-1.5 9m3-6.5h-8.5m8 4h-8.5\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "line-general-info-circle": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M6 8V6m0-2h.005M11 6A5 5 0 1 1 1 6a5 5 0 0 1 10 0\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h12v12H0z\"/></clipPath></defs></g>",
+      "width": 12,
+      "height": 12
+    },
+    "line-general-link-03": {
+      "body": "<g fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><path d=\"M9.016 1.834a4 4 0 0 1 5.656 5.656l-.008.008l-2 2a4.002 4.002 0 0 1-6.032-.432a.667.667 0 0 1 1.067-.799a2.667 2.667 0 0 0 4.022.288l1.995-1.995a2.666 2.666 0 0 0-3.77-3.77L8.801 3.926a.667.667 0 1 1-.94-.945L9.01 1.84z\"/><path d=\"M5.765 5.582a4 4 0 0 1 4.601 1.352a.667.667 0 0 1-1.068.799a2.667 2.667 0 0 0-4.021-.288L3.281 9.44a2.667 2.667 0 0 0 3.77 3.77l1.136-1.135a.667.667 0 0 1 .943.943l-1.14 1.14l-.008.008A4 4 0 0 1 2.326 8.51l.008-.008l2-2a4 4 0 0 1 1.43-.92\"/></g>",
+      "width": 17
+    },
+    "line-general-link-external-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 4.5v-3m0 0h-3m3 0L6 6M5 1.5H3.9c-.84 0-1.26 0-1.581.163a1.5 1.5 0 0 0-.656.656c-.163.32-.163.74-.163 1.581v4.2c0 .84 0 1.26.163 1.581a1.5 1.5 0 0 0 .656.656c.32.163.74.163 1.581.163h4.2c.84 0 1.26 0 1.581-.164a1.5 1.5 0 0 0 .656-.655c.163-.32.163-.74.163-1.581V7\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "line-general-log-in-04": {
+      "body": "<g fill=\"currentColor\"><path d=\"M8 2a6 6 0 0 0-5.198 3a.667.667 0 1 1-1.154-.667a7.333 7.333 0 1 1 0 7.334a.667.667 0 0 1 1.154-.668A6 6 0 1 0 8 2\"/><path d=\"M7.529 4.862c.26-.26.682-.26.943 0l2.666 2.666c.26.26.26.683 0 .943l-2.666 2.667a.667.667 0 1 1-.943-.943l1.528-1.529H2a.667.667 0 1 1 0-1.333h7.057L7.53 5.805a.667.667 0 0 1 0-.943\"/></g>"
+    },
+    "line-general-log-out-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M9.333 9.917L12.25 7m0 0L9.333 4.083M12.25 7h-7m0-5.25h-.7c-.98 0-1.47 0-1.844.19a1.75 1.75 0 0 0-.765.766c-.191.374-.191.864-.191 1.844v4.9c0 .98 0 1.47.19 1.845c.169.329.436.597.766.764c.374.191.864.191 1.844.191h.7\"/>",
+      "width": 14,
+      "height": 14
+    },
+    "line-general-log-out-04": {
+      "body": "<g fill=\"currentColor\"><path d=\"M.667 8c0-3.658 2.861-6.666 6.444-6.666c1.178 0 2.282.327 3.232.897a.667.667 0 1 1-.686 1.143a4.9 4.9 0 0 0-2.546-.707C4.311 2.667 2 5.03 2 8s2.312 5.334 5.11 5.334a4.93 4.93 0 0 0 2.547-.708a.667.667 0 1 1 .686 1.143a6.26 6.26 0 0 1-3.232.898C3.528 14.667.667 11.658.667 8\"/><path d=\"M11.528 4.862c.26-.26.683-.26.943 0l2.667 2.667c.26.26.26.682 0 .943l-2.667 2.666a.667.667 0 1 1-.943-.943l1.529-1.528H6a.667.667 0 0 1 0-1.333h7.057l-1.529-1.53a.667.667 0 0 1 0-.942\"/></g>"
+    },
+    "line-general-magic-edit": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M15.37 3.224a1 1 0 0 1 1.337.069l4 4a1 1 0 0 1 0 1.414l-12 12A1 1 0 0 1 8 21H4a1 1 0 0 1-1-1v-4l.005-.099a1 1 0 0 1 .288-.608l12-12zM5 16.414V19h2.586l11-11L16 5.414z\" clip-rule=\"evenodd\"/><path d=\"M18.245 15.158a.285.285 0 0 1 .51 0l.653 1.306q.044.084.128.128l1.307.653c.21.105.21.404 0 .51l-1.307.653a.3.3 0 0 0-.128.128l-.653 1.307a.285.285 0 0 1-.51 0l-.653-1.307a.3.3 0 0 0-.128-.128l-1.307-.653a.285.285 0 0 1 0-.51l1.307-.653a.3.3 0 0 0 .128-.128zm-14-10a.285.285 0 0 1 .51 0l.653 1.306q.044.084.128.128l1.307.653c.21.105.21.404 0 .51l-1.307.653a.3.3 0 0 0-.128.128l-.653 1.307a.285.285 0 0 1-.51 0l-.653-1.307a.3.3 0 0 0-.128-.128l-1.307-.653a.285.285 0 0 1 0-.51l1.307-.653a.3.3 0 0 0 .128-.128zm4.49-2.994a.296.296 0 0 1 .53 0l.48.959a.3.3 0 0 0 .132.133l.96.48a.296.296 0 0 1 0 .529l-.96.479a.3.3 0 0 0-.133.133l-.48.96a.296.296 0 0 1-.529 0l-.48-.96a.3.3 0 0 0-.132-.133l-.96-.48a.296.296 0 0 1 0-.529l.96-.48a.3.3 0 0 0 .133-.132z\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "line-general-menu-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M2 8h12M2 4h12M2 12h12\"/>"
+    },
+    "line-general-pin-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 10v4.667M5.334 4.873v1.42c0 .139 0 .208-.014.274a.7.7 0 0 1-.06.17c-.03.06-.073.114-.16.222L4.053 8.268c-.443.554-.665.832-.666 1.065a.67.67 0 0 0 .251.522c.183.146.538.146 1.248.146h6.228c.71 0 1.066 0 1.249-.146a.67.67 0 0 0 .25-.522c0-.233-.222-.51-.666-1.065l-1.046-1.309a1.4 1.4 0 0 1-.161-.222a.7.7 0 0 1-.06-.17c-.013-.066-.013-.135-.013-.274v-1.42c0-.077 0-.115.004-.153a1 1 0 0 1 .02-.1c.01-.037.024-.072.052-.143l.672-1.68c.196-.49.294-.735.253-.932a.67.67 0 0 0-.284-.42c-.167-.111-.431-.111-.96-.111H5.577c-.528 0-.792 0-.96.111a.67.67 0 0 0-.284.42c-.04.197.057.442.253.932l.672 1.68c.029.07.043.106.053.143a1 1 0 0 1 .02.1c.004.038.004.076.004.153\"/>"
+    },
+    "line-general-pin-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.377 15.616L2.72 21.273m8.974-14.631l-1.56 1.56a2 2 0 0 1-.264.242a1 1 0 0 1-.207.111c-.082.032-.17.05-.347.085l-3.665.733c-.952.19-1.428.286-1.65.537a1 1 0 0 0-.243.8c.046.333.39.677 1.076 1.363l7.086 7.086c.686.687 1.03 1.03 1.362 1.076a1 1 0 0 0 .801-.242c.251-.223.346-.7.537-1.651l.733-3.665a2 2 0 0 1 .085-.347a1 1 0 0 1 .11-.207c.051-.072.115-.136.242-.263l1.561-1.561c.082-.082.122-.122.167-.158q.06-.047.126-.085c.05-.029.103-.051.208-.097l2.495-1.069c.727-.312 1.091-.467 1.256-.72a1 1 0 0 0 .144-.747c-.06-.295-.34-.575-.9-1.135l-5.142-5.143c-.56-.56-.84-.84-1.135-.9a1 1 0 0 0-.748.145c-.252.165-.407.529-.72 1.256l-1.068 2.495a2 2 0 0 1-.097.208a1 1 0 0 1-.085.126a2 2 0 0 1-.158.167\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-general-plus-02": {
+      "body": "",
+      "width": 10,
+      "height": 10
+    },
+    "line-general-refresh": {
+      "body": "<path fill=\"currentColor\" d=\"M5.463 4.433A9.96 9.96 0 0 1 12 2c5.523 0 10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 0 0 6.46 6.228zm13.074 15.134A9.96 9.96 0 0 1 12 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0 0 13.54 5.772z\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-general-search-menu": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M28.005 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-24 0h2.667M4.005 9.333h4m-4 13.334h4M26 22l3.333 3.333\"/>",
+      "width": 32,
+      "height": 32
+    },
+    "line-general-settings-01": {
+      "body": "<g fill=\"none\"><g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" clip-path=\"url(#svgID0)\"><path d=\"M7 8.75a1.75 1.75 0 1 0 0-3.5a1.75 1.75 0 0 0 0 3.5\"/><path d=\"M10.924 8.59a.875.875 0 0 0 .175.966l.031.032a1.06 1.06 0 0 1-.344 1.73a1.06 1.06 0 0 1-1.156-.23l-.032-.031a.875.875 0 0 0-.965-.175a.88.88 0 0 0-.53.8v.09a1.06 1.06 0 1 1-2.122 0v-.047a.875.875 0 0 0-.573-.8a.875.875 0 0 0-.965.174l-.032.032a1.061 1.061 0 1 1-1.5-1.5l.032-.033a.875.875 0 0 0 .175-.965a.88.88 0 0 0-.801-.53h-.09a1.06 1.06 0 0 1 0-2.121h.047a.875.875 0 0 0 .801-.573a.875.875 0 0 0-.175-.965l-.032-.032a1.06 1.06 0 1 1 1.501-1.5l.032.031a.875.875 0 0 0 .965.175h.042a.88.88 0 0 0 .53-.8v-.09a1.06 1.06 0 0 1 2.122 0v.047a.88.88 0 0 0 .53.8a.875.875 0 0 0 .965-.174l.032-.032a1.06 1.06 0 1 1 1.501 1.5l-.032.032a.875.875 0 0 0-.175.966v.042a.88.88 0 0 0 .8.53h.091a1.06 1.06 0 1 1 0 2.121h-.048a.88.88 0 0 0-.8.53\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h14v14H0z\"/></clipPath></defs></g>",
+      "width": 14,
+      "height": 14
+    },
+    "line-general-settings-04": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M1.75 4.667h7m0 0a1.75 1.75 0 1 0 3.5 0a1.75 1.75 0 0 0-3.5 0m-3.5 4.666h7m-7 0a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0\"/>",
+      "width": 14,
+      "height": 14
+    },
+    "line-general-target-04": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 4V2.5L9.5 1l.5 1l1 .5L9.5 4zm0 0L6 6m5 0a5 5 0 1 1-5-5m2.5 5A2.5 2.5 0 1 1 6 3.5\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h12v12H0z\"/></clipPath></defs></g>",
+      "width": 12,
+      "height": 12
+    },
+    "line-general-upload-03": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M10.665 8L8 5.334m0 0L5.332 8m2.667-2.666v5.333M14.665 8A6.667 6.667 0 1 1 1.332 8a6.667 6.667 0 0 1 13.333 0\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>"
+    },
+    "line-general-upload-cloud-01": {
+      "body": "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M4 16.242A4.5 4.5 0 0 1 6.08 8.02a6.002 6.002 0 0 1 11.84 0A4.5 4.5 0 0 1 20 16.242\" opacity=\".4\"/><path d=\"m8 16l4-4m0 0l4 4m-4-4v9\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "line-general-x": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m11.333 4.667l-6.666 6.666m0-6.666l6.666 6.666\"/>"
+    },
+    "line-images-image-plus": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M8.333 2H5.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C2 3.52 2 4.08 2 5.2v5.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C3.52 14 4.08 14 5.2 14h6.133c.62 0 .93 0 1.185-.068a2 2 0 0 0 1.414-1.414c.068-.255.068-.565.068-1.184m-1.333-6v-4m-2 2h4M7 5.667a1.333 1.333 0 1 1-2.667 0a1.333 1.333 0 0 1 2.667 0m2.993 2.279l-5.639 5.126c-.317.289-.476.433-.49.558a.33.33 0 0 0 .111.287c.095.083.31.083.738.083h6.258c.96 0 1.439 0 1.816-.161a2 2 0 0 0 1.052-1.052C14 12.41 14 11.93 14 10.97c0-.323 0-.484-.035-.635a1.3 1.3 0 0 0-.25-.518c-.095-.122-.22-.223-.473-.424l-1.865-1.492c-.252-.202-.378-.303-.517-.338a.67.67 0 0 0-.372.011c-.136.045-.256.153-.495.37\"/>"
+    },
+    "line-layout-align-left-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 3v18m18-9H7m0 0l7 7m-7-7l7-7\"/>"
+    },
+    "line-layout-align-right-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21V3M3 12h14m0 0l-7-7m7 7l-7 7\"/>"
+    },
+    "line-layout-grid-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M6.1 2H3.567c-.374 0-.56 0-.703.073a.67.67 0 0 0-.291.291c-.073.143-.073.33-.073.703V5.6c0 .373 0 .56.073.703a.67.67 0 0 0 .291.291c.143.073.33.073.703.073H6.1c.373 0 .56 0 .703-.073a.67.67 0 0 0 .291-.291c.073-.143.073-.33.073-.703V3.067c0-.374 0-.56-.073-.703a.67.67 0 0 0-.291-.291C6.66 2 6.473 2 6.1 2m7.333 0H10.9c-.373 0-.56 0-.703.073a.67.67 0 0 0-.291.291c-.073.143-.073.33-.073.703V5.6c0 .373 0 .56.073.703a.67.67 0 0 0 .291.291c.143.073.33.073.703.073h2.533c.374 0 .56 0 .703-.073a.67.67 0 0 0 .291-.291c.073-.143.073-.33.073-.703V3.067c0-.374 0-.56-.073-.703a.67.67 0 0 0-.291-.291C13.993 2 13.806 2 13.433 2m0 7.333H10.9c-.373 0-.56 0-.703.073a.67.67 0 0 0-.291.291c-.073.143-.073.33-.073.703v2.533c0 .374 0 .56.073.703a.67.67 0 0 0 .291.291c.143.073.33.073.703.073h2.533c.374 0 .56 0 .703-.073a.67.67 0 0 0 .291-.291c.073-.143.073-.33.073-.703V10.4c0-.373 0-.56-.073-.703a.67.67 0 0 0-.291-.291c-.143-.073-.33-.073-.703-.073m-7.333 0H3.567c-.374 0-.56 0-.703.073a.67.67 0 0 0-.291.291c-.073.143-.073.33-.073.703v2.533c0 .374 0 .56.073.703a.67.67 0 0 0 .291.291c.143.073.33.073.703.073H6.1c.373 0 .56 0 .703-.073a.67.67 0 0 0 .291-.291c.073-.143.073-.33.073-.703V10.4c0-.373 0-.56-.073-.703a.67.67 0 0 0-.291-.291c-.143-.073-.33-.073-.703-.073\"/>",
+      "width": 17,
+      "height": 16
+    },
+    "line-layout-layout-grid-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 9h18M3 15h18M12 3v18M7.8 3h8.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C21 5.28 21 6.12 21 7.8v8.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 3 6.12 3 7.8 3\"/>"
+    },
+    "line-mediaAndDevices-microphone-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M12.667 6.667v1.334A4.667 4.667 0 0 1 8 12.667m-4.667-6v1.334A4.667 4.667 0 0 0 8 12.667m0 0v2m-2.667 0h5.334M8 10.001a2 2 0 0 1-2-2V3.334a2 2 0 1 1 4 0v4.667a2 2 0 0 1-2 2\"/>"
+    },
+    "line-mediaAndDevices-play-circle": {
+      "body": "<g fill=\"none\"><g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" clip-path=\"url(#svgID0)\"><path d=\"M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334\"/><path d=\"m6.667 5.333l4 2.667l-4 2.667z\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>"
+    },
+    "line-mediaAndDevices-sliders-h": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5h6m0 0a2 2 0 1 0 4 0a2 2 0 0 0-4 0m8 0h4M3 12h6m8 0h4m-4 0a2 2 0 1 0-4 0a2 2 0 0 0 4 0M3 19h4m0 0a2 2 0 1 0 4 0a2 2 0 0 0-4 0m8 0h6\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-mediaAndDevices-speaker": {
+      "body": "<g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path fill-rule=\"evenodd\" d=\"M0 2.867C0 2.057.657 1.4 1.467 1.4h4.4c.81 0 1.466.657 1.466 1.467a.733.733 0 1 1-1.466 0H4.4V8a.733.733 0 1 1 0 1.467H2.933a.733.733 0 0 1 0-1.467V2.867H1.467a.733.733 0 0 1-1.467 0\" clip-rule=\"evenodd\"/><path d=\"M13.82.782a.21.21 0 0 0-.374 0c-.48.96-.57 1.051-1.53 1.53a.21.21 0 0 0 0 .375c.96.48 1.05.571 1.53 1.53a.21.21 0 0 0 .374 0c.48-.959.571-1.05 1.531-1.53a.21.21 0 0 0 0-.374c-.96-.48-1.05-.57-1.53-1.53m-4.027 1.47a.217.217 0 0 0-.388 0c-.356.712-.44.797-1.153 1.153a.217.217 0 0 0 0 .388c.712.356.797.44 1.153 1.153c.08.16.308.16.388 0c.356-.712.44-.797 1.153-1.153a.217.217 0 0 0 0-.388c-.712-.356-.797-.44-1.153-1.153m-7.04 8.796a.21.21 0 0 0-.374 0c-.48.96-.571 1.05-1.531 1.53a.21.21 0 0 0 0 .375c.96.48 1.05.57 1.53 1.53a.21.21 0 0 0 .375 0c.48-.96.57-1.05 1.53-1.53a.21.21 0 0 0 0-.374c-.96-.48-1.05-.571-1.53-1.531\"/><path fill-rule=\"evenodd\" d=\"M14.674 8.651a.473.473 0 0 1 .66.118c.427.613.678 1.36.678 2.164c0 .805-.25 1.551-.679 2.165a.473.473 0 1 1-.776-.542a2.83 2.83 0 0 0 .509-1.623c0-.604-.189-1.163-.51-1.623a.473.473 0 0 1 .118-.659m-2.107-2.113a.71.71 0 0 1 .596.246a.75.75 0 0 1 .161.432c.01.101.01.227.01.355V14.3c0 .128 0 .254-.01.355a.75.75 0 0 1-.16.431a.71.71 0 0 1-.597.247a.75.75 0 0 1-.419-.19a5 5 0 0 1-.257-.245l-1.511-1.512l-.083-.08l-.001-.002h-.002l-.115-.001H9.34c-.12 0-.236 0-.334-.008a1 1 0 0 1-.365-.095a.95.95 0 0 1-.414-.414a1 1 0 0 1-.095-.365c-.008-.098-.008-.214-.008-.334V9.784c0-.12 0-.236.008-.334a1 1 0 0 1 .095-.365a.95.95 0 0 1 .414-.414a1 1 0 0 1 .365-.095c.098-.008.215-.008.334-.008h.838l.115-.001h.002l.001-.001l.082-.081l1.5-1.499l.012-.012c.09-.091.18-.18.257-.245a.75.75 0 0 1 .42-.191\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>"
+    },
+    "line-mediaAndDevices-stop": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M1.5 3.9c0-.84 0-1.26.163-1.581a1.5 1.5 0 0 1 .656-.656c.32-.163.74-.163 1.581-.163h4.2c.84 0 1.26 0 1.581.163a1.5 1.5 0 0 1 .656.656c.163.32.163.74.163 1.581v4.2c0 .84 0 1.26-.164 1.581a1.5 1.5 0 0 1-.655.656c-.32.163-.74.163-1.581.163H3.9c-.84 0-1.26 0-1.581-.164a1.5 1.5 0 0 1-.656-.655C1.5 9.361 1.5 8.941 1.5 8.1z\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h12v12H0z\"/></clipPath></defs></g>",
+      "width": 12,
+      "height": 12
+    },
+    "line-mediaAndDevices-stop-circle": {
+      "body": "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M8.5 14.666a6.667 6.667 0 1 0 0-13.333a6.667 6.667 0 0 0 0 13.333\"/><path d=\"M10.5 6h-4v4h4z\"/></g>",
+      "width": 17
+    },
+    "line-others-bubble-x": {
+      "body": "<g fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><path d=\"M3.335 3.333A.667.667 0 0 0 2.668 4v6.667c0 .368.298.666.667.666h1.333c.368 0 .667.299.667.667v.822l2.323-1.394a.67.67 0 0 1 .343-.095h4a.667.667 0 0 0 .667-.666a.667.667 0 0 1 1.333 0a2 2 0 0 1-2 2H8.186l-3.175 1.905A.667.667 0 0 1 4.001 14v-1.333h-.666a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.333a.667.667 0 0 1 0 1.333z\"/><path d=\"M8.741 2.667c0-.369.299-.667.667-.667h.923c.641 0 1.187.436 1.355 1.04l.247.89l.966-1.158A2.13 2.13 0 0 1 14.536 2h.06a.667.667 0 1 1 0 1.333h-.06a.8.8 0 0 0-.613.293l-1.556 1.866l.494 1.777c.014.049.05.064.07.064h.923a.667.667 0 1 1 0 1.334h-.923a1.41 1.41 0 0 1-1.355-1.041l-.247-.89l-.966 1.159a2.13 2.13 0 0 1-1.637.772h-.06a.667.667 0 0 1 0-1.334h.06a.8.8 0 0 0 .613-.292l1.556-1.866l-.494-1.777c-.013-.05-.05-.065-.07-.065h-.923a.667.667 0 0 1-.667-.666\"/></g>"
+    },
+    "line-others-colors": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M7 11.942a3.5 3.5 0 1 0 3.255-5.986m-6.51 0a3.502 3.502 0 0 0 .922 6.877a3.5 3.5 0 0 0 3.255-4.789M10.5 4.667a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h14v14H0z\"/></clipPath></defs></g>",
+      "width": 14,
+      "height": 14
+    },
+    "line-others-drag-handle": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6 5a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2a1 1 0 0 0 0 2m5-5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-1 5a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-3 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2\" clip-rule=\"evenodd\"/>"
+    },
+    "line-others-env": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1.333 3.333a2 2 0 0 1 2-2h9.334a2 2 0 0 1 2 2v.334a.667.667 0 0 1-1.334 0v-.334a.667.667 0 0 0-.666-.666H3.333a.667.667 0 0 0-.666.666v.334a.667.667 0 0 1-1.334 0zm13.334 9.334a2 2 0 0 1-2 2H3.333a2 2 0 0 1-2-2v-.334a.667.667 0 1 1 1.334 0v.334c0 .368.298.666.666.666h9.334a.667.667 0 0 0 .666-.666v-.334a.667.667 0 1 1 1.334 0zM1.333 6c0-.368.299-.667.667-.667h2.333a.667.667 0 0 1 0 1.334H2.667v.666H4a.667.667 0 0 1 0 1.334H2.667v.666h1.666a.667.667 0 0 1 0 1.334H2A.667.667 0 0 1 1.333 10zm5.14-.638a.67.67 0 0 1 .748.268l1.446 2.168V6A.667.667 0 1 1 10 6v4a.667.667 0 0 1-1.221.37L7.333 8.202V10A.667.667 0 1 1 6 10V6c0-.294.192-.553.473-.638m4.604.023c.34-.142.73.019.872.359l1.05 2.523l1.052-2.523a.667.667 0 1 1 1.231.512l-1.667 4a.667.667 0 0 1-1.23 0l-1.667-4a.667.667 0 0 1 .359-.871\" clip-rule=\"evenodd\"/>"
+    },
+    "line-others-global-variable": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.238 1.333h3.524c.722 0 1.305 0 1.777.039c.486.04.913.123 1.308.325c.627.32 1.137.83 1.456 1.456c.202.395.285.822.325 1.308c.039.472.039 1.055.039 1.777v3.524c0 .722 0 1.305-.039 1.777c-.04.486-.123.913-.325 1.308a3.33 3.33 0 0 1-1.456 1.456c-.395.201-.822.285-1.308.325c-.472.039-1.055.039-1.777.039H6.238c-.722 0-1.305 0-1.777-.039c-.486-.04-.913-.123-1.308-.325a3.33 3.33 0 0 1-1.456-1.456c-.202-.395-.285-.822-.325-1.308c-.039-.472-.039-1.055-.039-1.777V6.238c0-.722 0-1.305.039-1.777c.04-.486.123-.913.325-1.308c.32-.627.83-1.137 1.456-1.456c.395-.202.822-.285 1.308-.325c.472-.039 1.055-.039 1.777-.039M4.57 2.701c-.403.033-.635.094-.81.184a2 2 0 0 0-.874.874c-.09.175-.151.407-.184.81c-.034.412-.034.94-.034 1.698v3.466c0 .758 0 1.286.034 1.697c.033.404.094.636.184.811a2 2 0 0 0 .874.874c.175.09.407.151.81.184c.412.034.94.034 1.698.034h3.466c.758 0 1.286 0 1.697-.034c.404-.033.636-.094.811-.184a2 2 0 0 0 .874-.874c.09-.175.151-.407.184-.81c.034-.412.034-.94.034-1.698V6.267c0-.758 0-1.286-.034-1.698c-.033-.403-.094-.635-.184-.81a2 2 0 0 0-.874-.874c-.175-.09-.407-.151-.81-.184c-.412-.034-.94-.034-1.698-.034H6.267c-.758 0-1.286 0-1.698.034m.514 2.632c0-.368.299-.666.667-.666h.934c.64 0 1.192.43 1.363 1.038l.254.904l.99-1.173a2.16 2.16 0 0 1 1.649-.77H11A.667.667 0 1 1 11 6h-.06c-.24 0-.47.106-.63.295L8.739 8.16l.498 1.774c.013.045.05.066.08.066h.934a.667.667 0 0 1 0 1.333h-.934c-.64 0-1.192-.43-1.363-1.038L7.7 9.391l-.99 1.173a2.16 2.16 0 0 1-1.649.77H5A.667.667 0 1 1 5 10h.06c.24 0 .47-.106.63-.295L7.262 7.84l-.5-1.774A.08.08 0 0 0 6.685 6H5.75a.667.667 0 0 1-.667-.667\" clip-rule=\"evenodd\"/>"
+    },
+    "line-others-icon-3-dots": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 6.5V5m3.94 2.56L10 6.5m.01 5h1.5\"/>"
+    },
+    "line-others-long-arrow-left": {
+      "body": "<path fill=\"currentColor\" fill-opacity=\".3\" d=\"M.646 3.646a.5.5 0 0 0 0 .708l3.182 3.182a.5.5 0 1 0 .708-.708L1.707 4l2.829-2.828a.5.5 0 1 0-.708-.708zM21 3.5H1v1h20z\"/>",
+      "width": 21,
+      "height": 8
+    },
+    "line-others-long-arrow-right": {
+      "body": "<path fill=\"currentColor\" fill-opacity=\".3\" d=\"M25.354 4.354a.5.5 0 0 0 0-.708L22.172.464a.5.5 0 1 0-.707.708L24.293 4l-2.828 2.828a.5.5 0 1 0 .707.708zM0 4.5h25v-1H0z\"/>",
+      "width": 26,
+      "height": 8
+    },
+    "line-others-search-menu": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M28.005 16a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-24 0h2.667M4.005 9.333h4m-4 13.334h4M26 22l3.333 3.333\"/>",
+      "width": 32,
+      "height": 32
+    },
+    "line-others-tools": {
+      "body": "<g fill=\"none\"><g stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"1.25\" clip-path=\"url(#svgID0)\"><path stroke-linecap=\"round\" d=\"M13.438 14.438V6.812H2.563v7.626a1 1 0 0 0 1 1h8.875a1 1 0 0 0 1-1m.187-11.563l-2.451 3.598m-4.861 3.34h3.375\"/><path stroke-linecap=\"square\" d=\"m8.634 1.88l.116-.232l.116.232c.11.218.286.395.504.504l.232.116l-.232.116a1.13 1.13 0 0 0-.504.504l-.116.232l-.116-.232a1.13 1.13 0 0 0-.504-.504L7.898 2.5l.232-.116c.218-.11.395-.286.504-.504ZM4.625 3.148l-.006.012c-.1.199-.26.36-.459.459l-.012.006l.012.006c.199.1.36.26.459.459l.006.012l.006-.012c.1-.199.26-.36.459-.459l.012-.006l-.012-.006c-.199-.1-.36-.26-.459-.459zm0 0l.006.012z\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 .5h16v16H0z\"/></clipPath></defs></g>",
+      "height": 17
+    },
+    "line-shapes-cube-outline": {
+      "body": "<path fill=\"currentColor\" d=\"M8.269 1.29a1.3 1.3 0 0 0-.538 0a1.9 1.9 0 0 0-.533.226l-.04.022l-.982.546a.667.667 0 0 0 .648 1.165l.982-.545c.1-.056.152-.085.19-.103L8 2.599l.003.002c.039.018.09.047.191.103l.982.545a.667.667 0 1 0 .648-1.165l-.982-.546l-.04-.022a1.9 1.9 0 0 0-.533-.226m4.555 2.46a.667.667 0 1 0-.648 1.166l.451.25l-.45.251a.667.667 0 0 0 .647 1.166l.51-.283v.533a.667.667 0 0 0 1.333 0V5.746c0-.122 0-.265-.022-.411a.665.665 0 0 0-.479-.814a3 3 0 0 0-.349-.219l-.042-.023zm-9 1.166a.667.667 0 1 0-.648-1.165l-.951.528l-.042.023a2.6 2.6 0 0 0-.35.219a.665.665 0 0 0-.478.814c-.023.146-.022.29-.022.411v1.088a.667.667 0 1 0 1.334 0V6.3l.51.283a.667.667 0 1 0 .647-1.166l-.451-.25zm-1.157 5.251a.667.667 0 0 0-1.334 0v1.087c0 .176-.001.397.068.605c.06.18.157.346.285.486c.149.161.343.268.497.353l.042.023l.951.528a.667.667 0 0 0 .648-1.165l-.952-.529a4 4 0 0 1-.199-.114l-.003-.002v-.004a4 4 0 0 1-.003-.23zm12 0a.667.667 0 0 0-1.334 0v1.039c0 .122 0 .184-.003.23v.003l-.003.002a4 4 0 0 1-.2.114l-.95.529a.667.667 0 1 0 .647 1.165l.951-.528l.042-.023c.154-.085.348-.192.497-.353a1.3 1.3 0 0 0 .285-.486c.07-.208.069-.43.068-.605zM6.824 13.75a.667.667 0 0 0-.648 1.166l.982.546l.04.022c.1.056.218.122.349.172a.664.664 0 0 0 .906 0c.13-.05.249-.116.35-.172l.039-.022l.982-.546a.667.667 0 0 0-.648-1.165l-.51.283V13.5a.667.667 0 1 0-1.333 0v.534zm0-6.666a.667.667 0 0 0-.648 1.165l1.157.643v1.275a.667.667 0 1 0 1.334 0V8.892l1.157-.643a.667.667 0 1 0-.648-1.165L8 7.737z\"/>",
+      "height": 17
+    },
+    "line-time-clock-fast-forward": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m22.7 11.5l-2 2l-2-2m2.245 1.5q.055-.492.055-1a9 9 0 1 0-2 5.657M12 7v5l3 2\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "line-time-clock-play": {
+      "body": "<g fill=\"none\"><g clip-path=\"url(#svgID0)\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14.633 8.667q.033-.33.033-.667a6.667 6.667 0 1 0-6 6.634M8 4v4L5.423 9.255m6.43.718l2.578 1.934c.193.145.29.217.324.306c.03.077.03.164 0 .241c-.035.089-.131.161-.324.306l-2.578 1.934c-.275.205-.412.308-.527.306a.33.33 0 0 1-.255-.128C11 14.782 11 14.61 11 14.267V10.4c0-.343 0-.515.07-.605a.33.33 0 0 1 .256-.128c.115-.003.252.1.527.306\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>"
+    },
+    "line-time-clock-play-slim": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M29.267 17.333q.066-.657.066-1.333c0-7.364-5.97-13.333-13.333-13.333S2.667 8.636 2.667 16S8.636 29.333 16 29.333a14 14 0 0 0 1.333-.066M16 8v8l-5.154 2.51m12.86 1.436l5.156 3.867c.386.29.579.434.648.612a.67.67 0 0 1 0 .483c-.069.177-.262.322-.648.612l-5.155 3.866c-.55.412-.825.618-1.054.614a.67.67 0 0 1-.511-.256C22 29.564 22 29.22 22 28.534V20.8c0-.687 0-1.03.142-1.211a.67.67 0 0 1 .51-.256c.23-.005.505.202 1.054.613\"/>",
+      "width": 32,
+      "height": 32
+    },
+    "line-time-clock-refresh": {
+      "body": "<g fill=\"currentColor\"><path d=\"m9.77 2.838l-.054.202a4.751 4.751 0 0 0-8.44 2.46a.5.5 0 0 0 .994.107A3.751 3.751 0 0 1 8.822 3.53l-.172-.046a.5.5 0 0 0-.259.966l1.366.366a.5.5 0 0 0 .613-.354l.366-1.366a.5.5 0 0 0-.966-.259m.51 3.113a.5.5 0 0 1 .444.55a4.751 4.751 0 0 1-8.44 2.46l-.055.202a.5.5 0 0 1-.966-.259l.366-1.366a.5.5 0 0 1 .613-.353l1.366.366a.5.5 0 0 1-.26.966l-.171-.046a3.751 3.751 0 0 0 6.552-2.077a.5.5 0 0 1 .55-.444\"/><path d=\"M6.5 3.75a.5.5 0 1 0-1 0V6a.5.5 0 0 0 .242.429l1.25.75a.5.5 0 1 0 .515-.858L6.5 5.717z\"/></g>",
+      "width": 12,
+      "height": 12
+    },
+    "line-users-user-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M13.333 14c0-.93 0-1.396-.114-1.774a2.67 2.67 0 0 0-1.778-1.778c-.379-.115-.844-.115-1.774-.115H6.333c-.93 0-1.395 0-1.774.115a2.67 2.67 0 0 0-1.777 1.778c-.115.378-.115.844-.115 1.774M11 5a3 3 0 1 1-6 0a3 3 0 0 1 6 0\"/>"
+    },
+    "line-users-users-01": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.25\" d=\"M14.667 14v-1.333c0-1.243-.85-2.287-2-2.583m-2.334-7.89a2.668 2.668 0 0 1 0 4.945m1 6.861c0-1.242 0-1.864-.203-2.354a2.67 2.67 0 0 0-1.443-1.443C9.197 10 8.576 10 7.333 10h-2c-1.242 0-1.864 0-2.354.203c-.653.27-1.172.79-1.443 1.443c-.203.49-.203 1.111-.203 2.354M9 4.667a2.667 2.667 0 1 1-5.333 0a2.667 2.667 0 0 1 5.333 0\"/>"
+    },
+    "line-weather-stars-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.734 4.509c-.282.733-.423 1.1-.643 1.408a3 3 0 0 1-.706.707c-.308.219-.675.36-1.408.642L4 12l4.509 1.734c.733.282 1.1.423 1.408.643c.273.194.512.433.707.706c.219.308.36.675.642 1.408L13 21l1.734-4.509c.282-.733.423-1.1.643-1.408c.194-.273.433-.512.706-.707c.308-.219.675-.36 1.408-.642L22 12l-4.509-1.734c-.733-.282-1.1-.423-1.408-.642a3 3 0 0 1-.706-.707c-.22-.308-.36-.675-.643-1.408z\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "other-anthropic-text": {
+      "body": "<defs><path id=\"svgID0\" fill=\"#fff\" d=\"M0 4.992h89.375v10H0z\"/></defs><g fill=\"none\"><g clip-path=\"url(#svgIDd)\"><mask id=\"svgID1\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M89.375 4.998H0v10h89.375z\"/></mask><g mask=\"url(#svgID1)\"><mask id=\"svgID2\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M0 4.996h89.375v10H0z\"/></mask><g mask=\"url(#svgID2)\"><mask id=\"svgID3\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><path fill=\"#fff\" d=\"M0 4.994h89.375v10H0z\"/></mask><g mask=\"url(#svgID3)\"><mask id=\"svgID4\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID4)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"m18.127 11.924l-4.35-6.768H11.43v9.669h2.002V8.057l4.35 6.768h2.348V5.156h-2.003z\"/></g><mask id=\"svgID5\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID5)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M21.797 7.02h3.245v7.805h2.072V7.021h3.245V5.156h-8.562z\"/></g><mask id=\"svgID6\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID6)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M38.644 9.01h-4.557V5.156h-2.071v9.669h2.071v-3.95h4.557v3.95h2.072V5.156h-2.072z\"/></g><mask id=\"svgID7\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID7)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M45.338 7.02h2.555c1.022 0 1.56.374 1.56 1.078s-.538 1.078-1.56 1.078h-2.555zm6.188 1.078c0-1.823-1.34-2.942-3.536-2.942h-4.724v9.669h2.072V11.04h2.306l2.072 3.785h2.293l-2.294-4.073c1.152-.443 1.81-1.375 1.81-2.654\"/></g><mask id=\"svgID8\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID8)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M57.873 13.057c-1.63 0-2.623-1.16-2.623-3.053c0-1.92.994-3.08 2.623-3.08c1.616 0 2.596 1.16 2.596 3.08c0 1.892-.98 3.053-2.596 3.053m0-8.067c-2.79 0-4.764 2.072-4.764 5.014c0 2.914 1.975 4.986 4.764 4.986c2.776 0 4.736-2.072 4.736-4.986c0-2.942-1.96-5.014-4.736-5.014\"/></g><mask id=\"svgID9\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgID9)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M69.18 9.452h-2.557V7.02h2.556c1.023 0 1.562.414 1.562 1.215s-.54 1.216-1.562 1.216m.096-4.296H64.55v9.669h2.072v-3.508h2.653c2.197 0 3.537-1.16 3.537-3.08s-1.34-3.08-3.537-3.08\"/></g><mask id=\"svgIDa\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgIDa)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M86.841 11.579c-.359.939-1.077 1.477-2.057 1.477c-1.63 0-2.624-1.16-2.624-3.052c0-1.92.994-3.08 2.624-3.08c.98 0 1.698.539 2.057 1.478h2.196c-.539-2.072-2.154-3.412-4.253-3.412c-2.79 0-4.765 2.072-4.765 5.014c0 2.914 1.975 4.986 4.765 4.986c2.112 0 3.728-1.353 4.267-3.411z\"/></g><mask id=\"svgIDb\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgIDb)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"m73.648 5.156l3.855 9.669h2.114l-3.855-9.669z\"/></g><mask id=\"svgIDc\" width=\"90\" height=\"11\" x=\"0\" y=\"4\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\"><use href=\"#svgID0\"/></mask><g mask=\"url(#svgIDc)\"><path fill=\"currentColor\" fill-opacity=\".92\" d=\"M3.64 10.999L4.96 7.6L6.277 11zm.214-5.843L0 14.825h2.155l.788-2.03h4.033l.788 2.03h2.155L6.065 5.156z\"/></g></g></g></g></g><defs><clipPath id=\"svgIDd\"><path fill=\"#fff\" d=\"M0 5h89.375v10H0z\"/></clipPath></defs></g>",
+      "width": 90,
+      "height": 20
+    },
+    "other-generator": {
+      "body": "<g fill=\"none\"><path stroke=\"currentColor\" stroke-width=\"1.25\" d=\"M10.54 2.957a2 2 0 0 1-.309.25q.168.108.311.248zm0 0q.142-.143.25-.309q.109.168.249.31q.137.14.299.25a2 2 0 0 0-.547.547m-.25-.798l.25.797m0 0a2 2 0 0 0-.249-.299z\" opacity=\".5\"/><path fill=\"currentColor\" d=\"M6.997 2.851a.583.583 0 0 0-1.16-.001C5.68 4.22 5.273 5.162 4.635 5.8s-1.58 1.046-2.95 1.204a.583.583 0 0 0 0 1.159c1.349.153 2.311.56 2.966 1.202c.65.64 1.065 1.579 1.186 2.937a.583.583 0 0 0 1.162-.002c.116-1.334.53-2.295 1.185-2.95c.656-.655 1.616-1.07 2.95-1.185a.583.583 0 0 0 .002-1.163c-1.357-.12-2.297-.535-2.936-1.186c-.642-.654-1.05-1.617-1.202-2.965\"/></g>"
+    },
+    "other-group": {
+      "body": "<g fill=\"currentColor\"><path d=\"M5.648 8.012L.332 5.059v6.275a.67.67 0 0 0 .343.582l5.658 3.143V9.177a1.33 1.33 0 0 0-.686-1.165m2.02 1.165v5.882l5.657-3.143a.67.67 0 0 0 .343-.582V5.059L8.353 8.01a1.33 1.33 0 0 0-.686 1.166m2.524-6.832C9.804 3.334 8.588 4 7 4s-2.804-.666-3.191-1.656L1 3.904l5.353 2.974a1.33 1.33 0 0 0 1.294 0L13 3.904z\"/><path d=\"M7 2.667c1.105 0 2-.448 2-1c0-.553-.895-1-2-1s-2 .447-2 1s.895 1 2 1\"/></g>",
+      "height": 16
+    },
+    "other-hourglass-shape": {
+      "body": "<path fill=\"currentColor\" d=\"M8 14a4 4 0 0 0-8 0V0a4 4 0 1 0 8 0z\"/>",
+      "width": 8
+    },
+    "other-mcp": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "other-no-tool-placeholder": {
+      "body": "<g fill=\"none\"><path fill=\"currentColor\" fill-opacity=\".3\" d=\"M3.333 18.333c0 .21.308.573 1.02.93c.923.46 2.232.737 3.647.737s2.724-.277 3.646-.738c.713-.356 1.02-.72 1.02-.929v-1.447C11.567 17.566 9.886 18 8 18s-3.567-.434-4.667-1.114zm9.334 1.886c-1.1.68-2.782 1.114-4.667 1.114S4.433 20.9 3.333 20.22v1.448c0 .209.308.572 1.02.928c.923.462 2.232.738 3.647.738s2.724-.276 3.646-.738c.713-.356 1.02-.72 1.02-.928zM2 21.667V15c0-1.657 2.686-3 6-3s6 1.343 6 3v6.667c0 1.656-2.686 3-6 3s-6-1.344-6-3m6-5c1.415 0 2.724-.277 3.646-.738c.713-.357 1.02-.72 1.02-.929s-.307-.572-1.02-.929c-.922-.46-2.23-.738-3.646-.738s-2.724.277-3.646.738c-.713.357-1.02.72-1.02.929s.307.572 1.02.929c.922.46 2.23.738 3.646.738\" opacity=\".1\"/><path fill=\"currentColor\" fill-opacity=\".3\" d=\"M41.334 11.333c.368 0 .666.299.666.667v3.333a.667.667 0 0 1-.666.667H38v8.667a.667.667 0 0 1-.666.666h-2.667a.667.667 0 0 1-.667-.666V16h-3.666a.667.667 0 0 1-.667-.667v-1.588c0-.252.143-.483.368-.596l3.632-1.816zM38 12.667h-4.018L31 14.157v.51h4.334V24h1.333v-9.333H38zm2.667 0h-1.333v2h1.333z\" opacity=\".3\"/><path fill=\"currentColor\" fill-opacity=\".3\" d=\"M60.667 13.333a2.667 2.667 0 0 1 5.333 0h3.333c.368 0 .667.299.667.667v2.78a.667.667 0 0 1-.889.629a1.333 1.333 0 1 0 0 2.515a.667.667 0 0 1 .889.629v2.78a.667.667 0 0 1-.667.667H58.667a.667.667 0 0 1-.667-.667V14c0-.368.298-.667.667-.667zM63.333 12a1.333 1.333 0 0 0-1.257 1.778a.667.667 0 0 1-.629.889h-2.114v8h9.334v-1.334a2.667 2.667 0 1 1 0-5.333v-1.333h-3.448a.667.667 0 0 1-.628-.89A1.333 1.333 0 0 0 63.333 12\" opacity=\".6\"/><rect width=\"35\" height=\"35\" x=\"84.5\" y=\".5\" stroke=\"currentColor\" stroke-opacity=\".04\" rx=\"9.5\"/><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M96.167 16.333h11.667V25.5H96.167zm4.166 3.334h3.333m4.167-7.5l-2.25 3.75\"/><path fill=\"currentColor\" d=\"M97.489 11.952a.3.3 0 0 0 .13-.13l.372-.745a.29.29 0 0 1 .517 0l.373.745a.3.3 0 0 0 .13.13l.746.373a.29.29 0 0 1 0 .517l-.746.373a.3.3 0 0 0-.13.13l-.373.745a.29.29 0 0 1-.517 0l-.373-.746a.3.3 0 0 0-.13-.13l-.745-.372a.29.29 0 0 1 0-.517zm4.393-1.408a.36.36 0 0 0 .162-.162l.466-.932a.362.362 0 0 1 .647 0l.466.932a.36.36 0 0 0 .161.162l.933.466a.362.362 0 0 1 0 .647l-.933.466a.36.36 0 0 0-.161.162l-.466.932a.362.362 0 0 1-.647 0l-.466-.933a.36.36 0 0 0-.162-.161l-.932-.466a.361.361 0 0 1 0-.647z\"/><g clip-path=\"url(#svgID0)\" opacity=\".6\"><path fill=\"currentColor\" fill-opacity=\".3\" d=\"m145.809 14.752l-.164.377a.338.338 0 0 1-.623 0l-.164-.377a2.9 2.9 0 0 0-1.479-1.5l-.507-.226a.354.354 0 0 1 0-.642l.478-.213a2.9 2.9 0 0 0 1.501-1.55l.169-.408a.337.337 0 0 1 .627 0l.169.408a2.9 2.9 0 0 0 1.501 1.55l.478.213a.353.353 0 0 1 0 .642l-.506.225a2.9 2.9 0 0 0-1.48 1.501M138 11.333a5.334 5.334 0 0 1 5.289 4.644l1.501 2.359c.099.155.079.387-.15.485l-1.306.56v1.952c0 .737-.597 1.334-1.334 1.334h-1.332l-.001 2h-6v-2.463c0-.787-.291-1.532-.83-2.203A5.333 5.333 0 0 1 138 11.334m0 1.334a4 4 0 0 0-3.122 6.5c.729.909 1.123 1.944 1.122 3.037v1.13h3.334l.001-2H142V18.5l1.033-.442l-1.028-1.617l-.038-.294a4 4 0 0 0-3.967-3.48m6.993 8.662l1.11.74A7.3 7.3 0 0 0 147.334 18q-.001-.683-.121-1.333l-1.296.333q.083.489.083 1a5.97 5.97 0 0 1-1.007 3.329\"/></g><g fill=\"currentColor\" fill-opacity=\".3\" opacity=\".3\"><path fill-rule=\"evenodd\" d=\"m167.149 16.352l.102.03l6.973 2.657l.093.043c.405.226.46.797.107 1.097l-.083.06l-2.524 1.578l-1.578 2.525a.674.674 0 0 1-1.157-.025l-.043-.092l-2.657-6.974a.674.674 0 0 1 .767-.899m2.663 6.157l.955-1.528l.044-.062a.7.7 0 0 1 .17-.152l1.527-.955l-4.356-1.66z\" clip-rule=\"evenodd\"/><path d=\"m165.212 20.398l-1.65 1.65l-.943-.943l1.65-1.65zM163.666 18h-2.333v-1.333h2.333zm1.546-3.731l-.943.943l-1.65-1.65l.943-.943zm6.835-.707l-1.65 1.65l-.942-.943l1.649-1.65zm-4.047.105h-1.334v-2.334H168z\"/></g><path fill=\"currentColor\" fill-opacity=\".3\" d=\"M202.666 23.333v-8.666L201.333 12h-10.667l-1.333 2.669v8.664c0 .369.298.667.667.667h12a.666.666 0 0 0 .666-.667m-12-7.333h10.667v6.667h-10.667zm.824-2.667h9.019l.667 1.334h-10.352zm6.51 4h-4v1.334h4z\" opacity=\".1\"/><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M132 10h16v16h-16z\"/></clipPath></defs></g>",
+      "width": 204,
+      "height": 36
+    },
+    "other-openai": {
+      "body": "<path fill=\"currentColor\" d=\"M25.115 10.577c0 3.597 2.31 6.105 5.511 6.105s5.512-2.508 5.512-6.105s-2.31-6.105-5.512-6.105c-3.2 0-5.51 2.508-5.51 6.105m8.91 0c0 2.574-1.402 4.24-3.399 4.24c-1.996 0-3.399-1.666-3.399-4.24s1.403-4.24 3.4-4.24s3.398 1.666 3.398 4.24m8.061 6.105c2.425 0 3.811-2.046 3.811-4.505s-1.386-4.504-3.811-4.504c-1.122 0-1.947.445-2.492 1.089v-.924h-1.98V19.47h1.98v-3.877c.545.643 1.37 1.089 2.492 1.089m-2.541-4.752c0-1.634.924-2.525 2.145-2.525c1.435 0 2.21 1.122 2.21 2.772s-.775 2.772-2.21 2.772c-1.221 0-2.145-.907-2.145-2.508zm11.709 4.752c1.732 0 3.101-.908 3.712-2.426l-1.7-.643c-.264.89-1.039 1.386-2.013 1.386c-1.27 0-2.161-.908-2.31-2.393h6.072v-.66c0-2.376-1.336-4.273-3.844-4.273s-4.125 1.963-4.125 4.504c0 2.673 1.732 4.505 4.208 4.505m-.1-7.343c1.255 0 1.849.825 1.865 1.782h-3.977c.297-1.171 1.09-1.782 2.113-1.782m5.348 7.161h1.98v-5.082c0-1.237.907-1.897 1.798-1.897c1.09 0 1.519.775 1.519 1.848V16.5h1.98v-5.709c0-1.864-1.09-3.118-2.904-3.118a3.06 3.06 0 0 0-2.393 1.089v-.924h-1.98zM69.58 4.653L65.092 16.5h2.095l1.007-2.706h5.115l1.023 2.706h2.129l-4.49-11.847zm1.155 2.343l1.881 4.95h-3.73zm9.123-2.308h-2.112v11.847h2.112zM20.277 9.004a5.48 5.48 0 0 0-.471-4.501a5.54 5.54 0 0 0-5.97-2.66A5.48 5.48 0 0 0 9.702 0a5.54 5.54 0 0 0-5.288 3.838A5.48 5.48 0 0 0 .749 6.496a5.545 5.545 0 0 0 .682 6.5a5.48 5.48 0 0 0 .47 4.502a5.54 5.54 0 0 0 5.971 2.66A5.48 5.48 0 0 0 12.006 22a5.54 5.54 0 0 0 5.29-3.84a5.48 5.48 0 0 0 3.665-2.66a5.545 5.545 0 0 0-.683-6.497zm-8.27 11.558a4.1 4.1 0 0 1-2.639-.954c.034-.018.092-.05.13-.074l4.38-2.53a.71.71 0 0 0 .361-.623v-6.176l1.852 1.069q.031.017.035.05v5.115a4.13 4.13 0 0 1-4.119 4.123M3.15 16.78a4.1 4.1 0 0 1-.492-2.763l.13.078l4.38 2.53c.223.13.498.13.72 0l5.349-3.088v2.138a.07.07 0 0 1-.026.057l-4.429 2.557a4.13 4.13 0 0 1-5.632-1.51M1.997 7.216A4.1 4.1 0 0 1 4.142 5.41l-.002.15v5.062a.71.71 0 0 0 .36.623l5.348 3.087l-1.852 1.07a.07.07 0 0 1-.062.005l-4.429-2.56a4.13 4.13 0 0 1-1.51-5.63zm15.212 3.54L11.86 7.668l1.852-1.069a.07.07 0 0 1 .062-.005l4.43 2.557a4.124 4.124 0 0 1-.637 7.44V11.38a.71.71 0 0 0-.358-.623m1.842-2.773l-.13-.078l-4.38-2.53a.71.71 0 0 0-.72 0l-5.35 3.087V6.325a.07.07 0 0 1 .026-.057l4.429-2.555a4.122 4.122 0 0 1 6.123 4.27zm-11.585 3.81l-1.852-1.068a.07.07 0 0 1-.036-.051V5.559a4.124 4.124 0 0 1 6.761-3.166c-.033.017-.09.05-.13.073l-4.38 2.53a.71.71 0 0 0-.36.623zm1.006-2.168l2.382-1.376l2.382 1.375v2.751l-2.382 1.375l-2.382-1.375z\"/>",
+      "width": 80,
+      "height": 22
+    },
+    "other-replay-line": {
+      "body": "",
+      "width": 20,
+      "height": 20
+    },
+    "other-square-checklist": {
+      "body": "",
+      "width": 24,
+      "height": 24
+    },
+    "pipeline-input-field": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M11.333 1.667a.667.667 0 0 0-1.333 0v12.666a.667.667 0 1 0 1.333 0v-1h1.334a2 2 0 0 0 2-2V4.667a2 2 0 0 0-2-2h-1.334zM12.667 12h-1.334V4h1.334c.368 0 .666.298.666.667v6.666a.667.667 0 0 1-.666.667\" clip-rule=\"evenodd\"/><path d=\"M8.667 13.333V12H3.333a.667.667 0 0 1-.666-.667V4.667c0-.369.298-.667.666-.667h5.334V2.667H3.333a2 2 0 0 0-2 2v6.666a2 2 0 0 0 2 2z\"/><path d=\"M8.667 5.249a1 1 0 0 0-.106-.004l-.046.002c-.53.02-1.028.267-1.363.68l-.572.708l-.138-.413a1.25 1.25 0 0 0-1.235-.847l-.726.028a.667.667 0 0 0 .052 1.333l.666-.026l.386 1.155l-1.108 1.37a.5.5 0 0 1-.377.186l-.047.002a.667.667 0 1 0 .052 1.332l.047-.002a1.84 1.84 0 0 0 1.362-.68l.573-.708l.138.413a1.25 1.25 0 0 0 1.257.846l1.185-.087V9.2l-1.2.088l-.386-1.153l1.108-1.37a.5.5 0 0 1 .377-.186l.047-.002l.054-.004z\"/></g>",
+      "width": 16,
+      "height": 16
+    },
+    "pipeline-pipeline-fill": {
+      "body": "<path fill=\"currentColor\" d=\"M3.75 2.569a1.931 1.931 0 1 0 0 3.862H6A1.931 1.931 0 1 0 6 2.57zm7.5 4.5a1.931 1.931 0 1 0 0 3.862h2.25a1.931 1.931 0 1 0 0-3.862zM1.819 13.5c0-1.066.865-1.931 1.931-1.931H6a1.931 1.931 0 0 1 0 3.862H3.75a1.93 1.93 0 0 1-1.931-1.93M9.75 5.25H9v-1.5h.75A2.25 2.25 0 0 1 12 6h-1.5a.75.75 0 0 0-.75-.75M12 12a2.25 2.25 0 0 1-2.25 2.25H9v-1.5h.75a.75.75 0 0 0 .75-.75z\"/>"
+    },
+    "pipeline-pipeline-line": {
+      "body": "<path fill=\"currentColor\" d=\"M3.75 15.75a2.25 2.25 0 0 1 0-4.5H6c.98 0 1.813.626 2.122 1.5H9c.825 0 1.5-.675 1.5-1.5v-.128a2.25 2.25 0 0 1 0-4.244V6.75c0-.825-.675-1.5-1.5-1.5h-.878A2.25 2.25 0 0 1 6 6.75H3.75a2.25 2.25 0 1 1 0-4.5H6c.98 0 1.813.626 2.122 1.5H9a3 3 0 0 1 3 3h1.5a2.25 2.25 0 0 1 0 4.5H12a3 3 0 0 1-3 3h-.878A2.25 2.25 0 0 1 6 15.75zm0-10.5H6a.75.75 0 1 0 0-1.5H3.75a.75.75 0 1 0 0 1.5m7.5 4.5h2.25a.75.75 0 0 0 0-1.5h-2.25a.75.75 0 1 0 0 1.5m-7.5 4.5H6a.75.75 0 1 0 0-1.5H3.75a.75.75 0 0 0 0 1.5\"/>"
+    },
+    "plugin-box-sparkle-fill": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M11.39 2.42a.583.583 0 0 1 .19.802L10.332 5.25h.751c.322 0 .584.261.584.583v5.834c0 .644-.523 1.166-1.167 1.166h-7a1.167 1.167 0 0 1-1.167-1.166V5.833c0-.322.262-.583.584-.583h6.046l1.624-2.64a.583.583 0 0 1 .802-.19M5.832 7.583a.583.583 0 1 0 0 1.167h2.334a.583.583 0 1 0 0-1.167z\" clip-rule=\"evenodd\"/><path d=\"M6.913 1.793a.3.3 0 0 0 .13-.13l.279-.558a.292.292 0 0 1 .522 0l.279.558a.3.3 0 0 0 .13.13l.558.28a.292.292 0 0 1 0 .521l-.558.28a.3.3 0 0 0-.13.13l-.28.558a.292.292 0 0 1-.521 0l-.279-.558a.3.3 0 0 0-.13-.13l-.558-.28a.292.292 0 0 1 0-.522zm-3.112.973a.3.3 0 0 0 .13-.13l.183-.364a.292.292 0 0 1 .521 0l.182.363a.3.3 0 0 0 .13.13l.364.182a.292.292 0 0 1 0 .522l-.363.182a.3.3 0 0 0-.13.13l-.183.364a.292.292 0 0 1-.521 0l-.182-.364a.3.3 0 0 0-.13-.13l-.364-.182a.292.292 0 0 1 0-.522z\" opacity=\".5\"/></g>",
+      "width": 14,
+      "height": 14
+    },
+    "plugin-left-corner": {
+      "body": "<path fill=\"currentColor\" d=\"M0 0h13v20a7.385 7.385 0 0 1-6.857-4.642z\"/>",
+      "width": 13,
+      "height": 20
+    },
+    "plugin-trigger": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"m7.15 6.352l.101.03l6.974 2.657l.092.043a.674.674 0 0 1 .107 1.097l-.082.06l-2.525 1.578l-1.578 2.525a.673.673 0 0 1-1.157-.025l-.043-.092L6.382 7.25a.674.674 0 0 1 .768-.899m2.662 6.156l.955-1.527l.044-.062a.7.7 0 0 1 .17-.152l1.528-.955l-4.356-1.66z\" clip-rule=\"evenodd\"/><path d=\"m5.212 10.398l-1.65 1.65l-.942-.943l1.65-1.65zM3.667 8H1.334V6.667h2.333zm1.545-3.731l-.942.943l-1.65-1.65l.943-.943zm6.836-.707l-1.65 1.65l-.943-.943l1.65-1.65zM8 3.667H6.667V1.333H8z\"/></g>"
+    },
+    "solid-FinanceAndECommerce-gold-coin": {
+      "body": "<path fill=\"currentColor\" d=\"M12 1a11 11 0 1 0 0 22a11 11 0 0 0 0-22m3.03 5.27l1.078-1.483a.918.918 0 0 1 1.484 1.078l-1.078 1.483A.917.917 0 0 1 15.03 6.27M6.612 4.584a.917.917 0 0 1 1.283.203l1.08 1.483a.919.919 0 0 1-1.489 1.078L6.408 5.865a.917.917 0 0 1 .204-1.28M6.18 14.851l-1.742.566a.916.916 0 1 1-.567-1.741l1.742-.567a.916.916 0 1 1 .567 1.742m6.736 5.399a.917.917 0 0 1-1.834 0v-1.833a.917.917 0 0 1 1.834 0zM12 14.933l-3.45 1.815l.659-3.841l-2.791-2.721l3.857-.56L12 6.133l1.725 3.493l3.858.56l-2.792 2.72l.66 3.842zm7.563.486l-1.742-.566a.917.917 0 1 1 .566-1.742l1.742.566a.916.916 0 1 1-.567 1.742\"/>"
+    },
+    "solid-FinanceAndECommerce-scales-02": {
+      "body": "<g fill=\"currentColor\"><path d=\"M8.645 5.5H4a1 1 0 0 1 0-2h4.645a3.502 3.502 0 0 1 6.71 0H20a1 1 0 1 1 0 2h-4.645A3.51 3.51 0 0 1 13 7.855V20h7a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2h7V7.855A3.51 3.51 0 0 1 8.645 5.5\"/><path fill-rule=\"evenodd\" d=\"M5.5 7a1 1 0 0 1 .84.456l3.003 4.635c.163.25.31.477.43.834c.052.154.09.346.112.484s.047.332.046.495c0 .142-.006.269-.022.393c-.017.124-.043.222-.059.283l-.002.01C9.34 16.534 7.601 18 5.5 18s-3.84-1.465-4.348-3.41l-.002-.01a2 2 0 0 1-.059-.283a3 3 0 0 1-.022-.393a3 3 0 0 1 .046-.495c.023-.138.06-.33.112-.484c.12-.357.267-.583.43-.835l3.004-4.634A1 1 0 0 1 5.5 7m0 2.839L4.1 12h2.8zm13.84-2.383a1 1 0 0 0-1.68 0l-3.003 4.635c-.163.25-.31.477-.43.834c-.053.154-.09.346-.112.484a3 3 0 0 0-.046.495c0 .142.006.269.022.393c.017.124.043.222.059.283l.002.01C14.66 16.534 16.399 18 18.5 18s3.84-1.465 4.348-3.41l.002-.01a2.3 2.3 0 0 0 .081-.676a3 3 0 0 0-.047-.495a3 3 0 0 0-.11-.484c-.121-.357-.268-.583-.431-.835zM17.1 12l1.4-2.161L19.9 12z\" clip-rule=\"evenodd\"/></g>"
+    },
+    "solid-alertsAndFeedback-alert-triangle": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.406.834a1 1 0 0 0-.812 0c-.2.089-.33.245-.42.373c-.09.125-.184.29-.289.47L.752 8.817a7 7 0 0 0-.265.486a1.05 1.05 0 0 0-.115.55a1 1 0 0 0 .407.706c.177.129.378.163.534.177c.154.014.344.014.553.014h8.267c.21 0 .4 0 .554-.014s.357-.048.534-.177a1 1 0 0 0 .406-.705a1.05 1.05 0 0 0-.114-.551a7 7 0 0 0-.265-.486l-4.134-7.14c-.104-.18-.2-.345-.288-.47a1.05 1.05 0 0 0-.42-.373M6.5 4.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0zM6 8a.5.5 0 0 0 0 1h.005a.5.5 0 0 0 0-1z\" clip-rule=\"evenodd\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "solid-arrows-arrow-down-double-line": {
+      "body": "<path fill=\"currentColor\" d=\"m8 12.776l4.138-4.138l-.943-.943L8 10.89L4.805 7.695l-.943.943zM8 9.01l4.138-4.139l-.943-.942L8 7.124L4.805 3.929l-.943.942z\"/>"
+    },
+    "solid-arrows-arrow-down-round-fill": {
+      "body": "<path fill=\"currentColor\" fill-opacity=\".3\" d=\"M6.029 6.236c-.943 0-1.464 1.094-.87 1.826l1.972 2.427a1.12 1.12 0 0 0 1.739 0l1.97-2.427c.596-.732.075-1.826-.869-1.826z\"/>"
+    },
+    "solid-arrows-arrow-up-double-line": {
+      "body": "<path fill=\"currentColor\" d=\"M8 3.224L3.862 7.362l.943.943L8 5.109l3.195 3.196l.943-.943zM8 6.99l-4.138 4.14l.943.942L8 8.876l3.195 3.195l.943-.942z\"/>"
+    },
+    "solid-arrows-chevron-down": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "solid-arrows-high-priority": {
+      "body": "<path fill=\"currentColor\" d=\"M9.015 2.546a.688.688 0 0 0-1.14.517V6.5a6.875 6.875 0 0 0 0 13.75H12a1.375 1.375 0 1 0 0-2.75H7.875a4.125 4.125 0 0 1 0-8.25v3.438a.688.688 0 0 0 1.14.516l5.5-4.812a.687.687 0 0 0 0-1.034zM21.625 17.5H17.5a1.375 1.375 0 0 0 0 2.75h4.125a1.375 1.375 0 1 0 0-2.75m0-5.5H17.5a1.375 1.375 0 0 0 0 2.75h4.125a1.375 1.375 0 1 0 0-2.75M17.5 9.25h4.125a1.375 1.375 0 1 0 0-2.75H17.5a1.375 1.375 0 0 0 0 2.75\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "solid-communication-ai-text": {
+      "body": "<path fill=\"currentColor\" d=\"M4 5a1 1 0 0 0 0 2h16a1 1 0 1 0 0-2zm13.92 4.606a1 1 0 0 0-1.84 0l-1.342 3.132l-3.132 1.343a1 1 0 0 0 0 1.838l3.132 1.343l1.343 3.132a1 1 0 0 0 1.838 0l1.343-3.132l3.132-1.343a1 1 0 0 0 0-1.838l-3.132-1.343zM4 11a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2zm0 6a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2z\"/>"
+    },
+    "solid-communication-bubble-text-mod": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 9a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v6a6 6 0 0 1-6 6H3a1 1 0 0 1-1-1zm7 0a1 1 0 0 0 0 2h6a1 1 0 1 0 0-2zm0 4a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-communication-chat-bot": {
+      "body": "<g fill=\"currentColor\"><path stroke=\"currentColor\" stroke-width=\"1.25\" d=\"m4.21 2.77l-.115.065l-.113-.066a.23.23 0 0 1-.119-.198a.233.233 0 0 1 .465 0a.23.23 0 0 1-.119.198Z\"/><path d=\"m10.017 6l-.012-.041a1.28 1.28 0 0 0-1.194-.816h-.143L7.525 6a1.073 1.073 0 0 1-1.714-.857h-3c-.71 0-1.287.576-1.287 1.285v3.429c0 .709.577 1.286 1.286 1.286h6c.709 0 1.286-.577 1.286-1.286V6.428q-.001-.126-.025-.246A1 1 0 0 0 10.017 6M3.882 8.572a.644.644 0 1 1 .001-1.287a.644.644 0 0 1-.001 1.287m3.857 0a.644.644 0 1 1 .001-1.287a.644.644 0 0 1-.001 1.287\"/><path d=\"M6.667 5.143V1.715c0-.474.384-.858.857-.858h3.429c.473 0 .857.384.857.858v1.714a.857.857 0 0 1-.857.857H8.38L7.01 5.315a.214.214 0 0 1-.343-.172\"/></g>",
+      "width": 13,
+      "height": 12
+    },
+    "solid-communication-cute-robot": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 1a1 1 0 0 1 1 1v1h4a3 3 0 0 1 3 3v5a3 3 0 0 1-1 2.236v1.35l1.707 1.707a1 1 0 0 1-1.414 1.414l-.612-.612a7.003 7.003 0 0 1-13.362 0l-.612.612a1 1 0 0 1-1.414-1.414L5 14.586v-1.35c-.614-.55-1-1.348-1-2.236V6a3 3 0 0 1 3-3h4V2a1 1 0 0 1 1-1M7 5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm2 2a1 1 0 0 1 1 1v1a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1m6 0a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-communication-edit-list": {
+      "body": "<path fill=\"currentColor\" d=\"M3.002 4a1 1 0 0 1 1-1h16a1 1 0 0 1 0 2h-16a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h6.5a1 1 0 0 1 0 2h-6.5a1 1 0 0 1-1-1M4 11a1 1 0 1 0 0 2h3.002a1 1 0 1 0 0-2zm15.258-2.293a3 3 0 0 0-4.242 0l-7.721 7.721a1 1 0 0 0-.293.707V21a1 1 0 0 0 1 1h3.865a1 1 0 0 0 .707-.293l7.72-7.72a3 3 0 0 0 0-4.244z\"/>"
+    },
+    "solid-communication-list-sparkle": {
+      "body": "<path fill=\"currentColor\" d=\"M4 5a1 1 0 0 0 0 2h16a1 1 0 1 0 0-2zm13.92 4.606a1 1 0 0 0-1.84 0l-1.342 3.132l-3.132 1.343a1 1 0 0 0 0 1.838l3.132 1.343l1.343 3.132a1 1 0 0 0 1.838 0l1.343-3.132l3.132-1.343a1 1 0 0 0 0-1.838l-3.132-1.343zM4 11a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2zm0 6a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2z\"/>"
+    },
+    "solid-communication-logic": {
+      "body": "<g fill=\"currentColor\"><path d=\"M12.909 12a1.818 1.818 0 1 0 0-3.636a1.818 1.818 0 0 0 0 3.636\"/><path d=\"M12.287 1.112a9.305 9.305 0 0 0-8.469 9.39v.374l-1.721 3.445a.91.91 0 0 0 .406 1.224l1.315.653v2.165a2.727 2.727 0 0 0 2.728 2.727h2.727v1.818h10v-6.247a9.082 9.082 0 0 0-6.986-15.549m5.167 9.979h-1.038a3.6 3.6 0 0 1-.386.926l.735.736a.91.91 0 1 1-1.285 1.285l-.736-.735a3.6 3.6 0 0 1-.926.386v1.038a.909.909 0 1 1-1.818 0v-1.038a3.6 3.6 0 0 1-.926-.386l-.736.735a.909.909 0 0 1-1.285-1.285l.735-.736a3.6 3.6 0 0 1-.386-.926H8.364a.909.909 0 0 1 0-1.818h1.038c.084-.326.214-.638.386-.927l-.735-.735a.91.91 0 0 1 1.285-1.285l.736.735q.435-.259.926-.386V5.637a.91.91 0 0 1 1.818 0v1.038c.325.084.637.214.926.386l.736-.735a.91.91 0 1 1 1.285 1.285l-.735.735q.259.436.386.927h1.038a.909.909 0 0 1 0 1.818\"/></g>"
+    },
+    "solid-communication-message-dots-circle": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 2C6.477 2 2 6.477 2 12c0 1.328.26 2.598.732 3.76l.084.211l.005.014l-.001.005l-.03.183l-.597 3.587c-.027.16-.057.34-.069.496c-.013.17-.017.44.106.727a1.5 1.5 0 0 0 .787.787c.286.123.557.119.727.106c.156-.012.336-.042.496-.069l3.587-.598l.183-.029h.005l.014.005c.045.016.105.04.21.083A10 10 0 0 0 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2M6 12a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0m4.5 0a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0m6-1.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-communication-message-fast": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M16.241 2H7.76c-.805 0-1.47 0-2.01.044c-.563.046-1.08.145-1.565.392a4 4 0 0 0-1.748 1.748c-.247.485-.346 1.002-.392 1.564C2 6.29 2 6.954 2 7.758v6.38c0 .795 0 1.386.136 1.897a4 4 0 0 0 2.829 2.829c.307.082.643.115 1.035.128v1.379c0 .235 0 .475.018.672c.017.188.062.542.31.852a1.5 1.5 0 0 0 1.174.565c.397 0 .702-.187.86-.291c.164-.109.351-.259.535-.406l2.413-1.93c.519-.415.673-.532.832-.614q.243-.123.508-.178c.176-.036.37-.041 1.034-.041h2.557c.805 0 1.47 0 2.01-.044c.563-.046 1.08-.145 1.565-.392a4 4 0 0 0 1.748-1.748c.247-.485.346-1.002.392-1.564c.044-.541.044-1.206.044-2.01V7.758c0-.805 0-1.47-.044-2.01c-.046-.563-.145-1.08-.392-1.565a4 4 0 0 0-1.748-1.748c-.485-.247-1.002-.346-1.564-.392C17.71 2 17.046 2 16.242 2m-3.56 3.535c.213.084.34.302.31.529l-.422 3.171h1.911c.11 0 .224 0 .318.009a.77.77 0 0 1 .412.147a.75.75 0 0 1 .29.563a.77.77 0 0 1-.12.42a4 4 0 0 1-.178.264l-3.295 4.613a.498.498 0 0 1-.899-.355l.423-3.171H9.52c-.11 0-.224 0-.318-.009a.77.77 0 0 1-.411-.147a.75.75 0 0 1-.29-.563a.77.77 0 0 1 .119-.42a4 4 0 0 1 .178-.264l3.295-4.613a.5.5 0 0 1 .588-.174\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-communication-message-heart-circle": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.333 1.334A6.333 6.333 0 0 0 2.331 9.69c.037.112.06.178.074.227l.005.016l-.003.006l-.09.17l-1.101 2.039c-.069.126-.14.258-.189.372a1.03 1.03 0 0 0-.089.57a1 1 0 0 0 .468.7c.214.13.437.137.56.136a5 5 0 0 0 .417-.032l3.437-.355l.104-.01h.003l.008.003l.122.046A6.333 6.333 0 1 0 8.333 1.334M5.98 5.722c.751-.635 1.751-.448 2.351.244c.6-.692 1.587-.872 2.352-.244c.764.627.857 1.694.267 2.444c-.366.465-1.283 1.314-1.929 1.892c-.237.213-.355.319-.498.362a.7.7 0 0 1-.384 0c-.142-.043-.26-.15-.498-.362c-.645-.578-1.563-1.427-1.928-1.892c-.59-.75-.485-1.81.267-2.444\" clip-rule=\"evenodd\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-communication-message-smile-square": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M10.827 1.333H5.172c-.536 0-.98 0-1.34.03c-.375.03-.72.096-1.043.261c-.502.256-.91.664-1.165 1.165c-.165.324-.23.668-.261 1.043c-.03.36-.03.804-.03 1.34v4.253c0 .53 0 .924.09 1.265a2.67 2.67 0 0 0 1.887 1.886c.205.055.429.077.69.085v.92c0 .157 0 .316.012.447c.011.126.041.362.206.569a1 1 0 0 0 .783.376c.264 0 .468-.124.573-.194c.11-.072.234-.172.357-.27l1.609-1.287c.345-.277.448-.355.555-.41q.16-.081.338-.118c.118-.024.247-.027.69-.027h1.704c.537 0 .98 0 1.34-.03c.375-.03.72-.096 1.043-.26a2.68 2.68 0 0 0 1.166-1.166c.165-.324.23-.668.26-1.043c.03-.36.03-.804.03-1.34V5.172c0-.536 0-.979-.03-1.34c-.03-.375-.095-.719-.26-1.043a2.67 2.67 0 0 0-1.166-1.165c-.323-.165-.668-.23-1.042-.261c-.361-.03-.804-.03-1.34-.03M8.995 5a1 1 0 1 1 2 0a1 1 0 0 1-2 0M4.928 7.8a.667.667 0 0 1 .931.13q.063.079.133.15c.098.103.246.242.437.38c.384.28.916.54 1.566.54s1.181-.26 1.566-.54a3 3 0 0 0 .437-.38q.07-.071.132-.15a.667.667 0 1 1 1.056.815l-.06.074q-.06.072-.165.184a4.6 4.6 0 0 1-.616.536c-.532.387-1.333.794-2.35.794s-1.819-.407-2.35-.794a4.6 4.6 0 0 1-.781-.72l-.047-.057c-.23-.297-.2-.73.111-.962M5.995 4a1 1 0 1 0 0 2a1 1 0 0 0 0-2\" clip-rule=\"evenodd\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-communication-send-03": {
+      "body": "<path fill=\"currentColor\" d=\"M18.439 10.554a1.25 1.25 0 0 0 0-1.109c-.152-.307-.42-.468-.558-.546a7 7 0 0 0-.53-.255L3.366 2.35c-.194-.087-.388-.175-.552-.231c-.15-.052-.452-.147-.787-.054a1.25 1.25 0 0 0-.829.748c-.127.323-.063.634-.026.788c.04.169.106.37.173.573l1.354 4.079c.11.328.164.492.265.614c.09.107.205.19.334.241c.148.058.32.058.667.058H10a.833.833 0 0 1 0 1.667H3.98c-.346 0-.518 0-.665.057a.83.83 0 0 0-.334.24c-.102.122-.156.285-.266.613L1.35 15.819a7 7 0 0 0-.175.574c-.037.155-.102.466.025.79c.142.366.45.644.828.75c.335.093.639-.002.789-.054c.164-.057.358-.144.553-.232l13.982-6.292c.19-.085.38-.171.53-.255c.138-.078.404-.239.556-.546\"/>",
+      "width": 20,
+      "height": 20
+    },
+    "solid-development-api-connection": {
+      "body": "<g fill=\"currentColor\"><path d=\"M4.364 11.818a7.636 7.636 0 0 1 14.251-3.817a1.091 1.091 0 0 0 1.889-1.093A9.82 9.82 0 0 0 12 2c-5.054 0-9.216 3.818-9.758 8.727H1.09a1.09 1.09 0 1 0 0 2.182h1.15c.543 4.91 4.705 8.727 9.759 8.727a9.82 9.82 0 0 0 8.504-4.908a1.09 1.09 0 1 0-1.889-1.092a7.636 7.636 0 0 1-14.252-3.817\"/><path d=\"M12 6.364a5.455 5.455 0 1 0 5.345 6.545h5.564a1.09 1.09 0 1 0 0-2.182h-5.564A5.456 5.456 0 0 0 12 6.364\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "solid-development-api-connection-mod": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8 3.333a4.667 4.667 0 1 0 4.043 7a.667.667 0 1 1 1.154.668a6 6 0 0 1-11.16-2.334h-.704a.667.667 0 0 1 0-1.334h.704A6 6 0 0 1 13.197 5a.667.667 0 1 1-1.154.667A4.67 4.67 0 0 0 8 3.333M8 6a2 2 0 1 0 0 4a2 2 0 0 0 0-4M4.667 8a3.333 3.333 0 0 1 6.6-.667h3.4a.667.667 0 1 1 0 1.334h-3.4A3.334 3.334 0 0 1 4.667 8\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-development-bar-chart-square-02": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.893 1.333H4.108c-.352 0-.655 0-.905.02c-.263.022-.525.07-.777.198a2 2 0 0 0-.875.874a2 2 0 0 0-.197.778c-.02.25-.02.553-.02.905v7.784c0 .352 0 .655.02.905c.021.263.069.525.197.778a2 2 0 0 0 .875.874c.252.128.514.176.777.197c.25.02.553.02.905.02h7.785c.351 0 .654 0 .904-.02c.263-.021.526-.069.778-.197a2 2 0 0 0 .874-.874c.128-.253.176-.515.197-.778c.02-.25.02-.553.02-.905V4.108c0-.352 0-.655-.02-.905a2 2 0 0 0-.197-.778a2 2 0 0 0-.874-.874a2 2 0 0 0-.778-.197c-.25-.02-.553-.02-.905-.02m-.56 3.334a.667.667 0 0 0-1.333 0v6.666a.667.667 0 1 0 1.334 0zM8 6.667c.368 0 .667.298.667.666v4a.667.667 0 1 1-1.333 0v-4c0-.368.298-.666.666-.666M5.334 9.333c.368 0 .666.299.666.667v1.333a.667.667 0 1 1-1.333 0V10c0-.368.298-.667.667-.667\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-development-container": {
+      "body": "<path fill=\"currentColor\" d=\"M8.298.79a1.3 1.3 0 0 0-.537 0c-.205.042-.388.145-.534.226l-.04.022L2.903 3.42c-.272.15-.408.226-.454.326a.33.33 0 0 0 0 .275c.045.1.18.177.452.33l4.867 2.737c.095.053.143.08.193.09q.068.015.136 0a.7.7 0 0 0 .194-.09l4.866-2.738c.272-.152.408-.229.453-.33a.33.33 0 0 0 0-.274c-.046-.1-.182-.175-.455-.326c-1.12-.624-3.109-1.729-4.284-2.382l-.04-.022C8.686.935 8.503.832 8.298.79m6.395 5.137c0-.3 0-.449-.063-.536a.33.33 0 0 0-.233-.136c-.107-.012-.238.061-.499.208l-4.93 2.774a.7.7 0 0 0-.185.123a.3.3 0 0 0-.07.12c-.017.051-.017.108-.017.222v5.45c0 .298 0 .447.063.534a.33.33 0 0 0 .232.137c.106.012.236-.06.496-.204l4.317-2.398l.042-.023c.155-.085.348-.192.497-.353c.129-.14.226-.305.286-.486c.069-.208.068-.43.067-.605v-.048zm-8.121 8.692c.26.144.39.216.496.204a.33.33 0 0 0 .232-.137c.063-.087.063-.236.063-.534v-5.45c0-.114 0-.17-.017-.221a.3.3 0 0 0-.07-.121a.7.7 0 0 0-.185-.123L2.16 5.463c-.261-.147-.391-.22-.498-.208a.33.33 0 0 0-.233.136c-.063.087-.063.237-.064.536l-.002 4.779v.048c-.001.176-.002.397.067.605c.06.18.157.346.285.486c.15.161.343.268.497.353l.042.023z\"/>",
+      "width": 17
+    },
+    "solid-development-database-02": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M15.196 4.667V3.333c0-.568-.346-1.003-.726-1.302c-.387-.305-.906-.55-1.488-.744c-1.17-.39-2.744-.62-4.453-.62s-3.283.23-4.453.62c-.582.194-1.101.44-1.488.744c-.38.3-.726.734-.726 1.302v1.334c0 .566.342 1.001.722 1.302c.386.305.903.551 1.484.745c1.168.39 2.743.62 4.461.62s3.293-.23 4.461-.62c.58-.194 1.098-.44 1.484-.745c.38-.301.722-.736.722-1.302m-12-1.333l.002.01a.2.2 0 0 0 .021.044a.8.8 0 0 0 .194.2c.22.174.58.36 1.084.527c1.001.334 2.427.552 4.032.552s3.03-.218 4.032-.552c.504-.168.864-.353 1.084-.527a.8.8 0 0 0 .194-.2a.2.2 0 0 0 .021-.044l.002-.01l-.002-.01a.2.2 0 0 0-.021-.045a.8.8 0 0 0-.194-.2c-.22-.174-.58-.36-1.084-.527C11.56 2.218 10.134 2 8.529 2s-3.03.218-4.032.552c-.504.168-.864.353-1.084.526a.8.8 0 0 0-.194.201a.2.2 0 0 0-.021.044z\" clip-rule=\"evenodd\"/><path d=\"M14.923 7a.3.3 0 0 0-.207.091a3 3 0 0 1-.236.211c-.386.306-.904.552-1.485.746c-1.17.39-2.746.619-4.466.619s-3.296-.23-4.466-.62c-.581-.193-1.099-.44-1.485-.745a3 3 0 0 1-.236-.211A.3.3 0 0 0 2.135 7a.27.27 0 0 0-.273.272v1.395c0 .566.342 1.001.722 1.302c.386.305.903.551 1.484.745c1.168.39 2.743.62 4.461.62s3.293-.23 4.461-.62c.58-.194 1.098-.44 1.484-.745c.38-.301.722-.736.722-1.302V7.272A.27.27 0 0 0 14.923 7\"/><path d=\"M14.923 11a.3.3 0 0 0-.207.091a3 3 0 0 1-.236.211c-.386.306-.904.552-1.485.745c-1.17.39-2.746.62-4.466.62s-3.296-.23-4.466-.62c-.581-.193-1.099-.44-1.485-.745a3 3 0 0 1-.236-.211a.3.3 0 0 0-.207-.091a.27.27 0 0 0-.273.272v1.395c0 .566.342 1.001.722 1.302c.386.305.903.551 1.484.745c1.168.39 2.743.62 4.461.62s3.293-.23 4.461-.62c.58-.194 1.098-.44 1.484-.745c.38-.301.722-.736.722-1.302v-1.395a.27.27 0 0 0-.273-.272\"/></g>",
+      "width": 17
+    },
+    "solid-development-database-03": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.667 9.988c1.456-.05 2.778-.268 3.794-.607c.58-.194 1.098-.44 1.484-.746c.38-.3.722-.735.722-1.302v-4c0-.568-.346-1.003-.726-1.302c-.387-.305-.906-.55-1.488-.744C11.283.897 9.708.667 8 .667s-3.283.23-4.454.62c-.581.194-1.1.44-1.487.744c-.38.3-.726.734-.726 1.302v4c0 .567.342 1.002.722 1.302c.386.306.903.552 1.484.746c1.015.339 2.338.556 3.794.607v1.46c-.568.2-1.018.65-1.22 1.219H2A.667.667 0 0 0 2 14h4.114a2 2 0 0 0 3.772 0H14a.667.667 0 0 0 0-1.333H9.886a2 2 0 0 0-1.22-1.22zm-6-6.655l.002-.01a.2.2 0 0 1 .021-.044a.8.8 0 0 1 .194-.2c.22-.174.58-.36 1.084-.527C4.97 2.218 6.395 2 8 2s3.03.218 4.032.552c.504.168.864.353 1.084.527a.8.8 0 0 1 .194.2a.2.2 0 0 1 .023.054l-.002.01a.2.2 0 0 1-.021.045a.8.8 0 0 1-.194.2c-.22.174-.58.36-1.084.527c-1.001.334-2.427.552-4.032.552s-3.03-.218-4.032-.552c-.504-.168-.864-.353-1.084-.527a.8.8 0 0 1-.194-.2a.2.2 0 0 1-.021-.044z\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-development-file-heart-02": {
+      "body": "<g fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><path d=\"M5.84.667h4.32c.538 0 .98 0 1.341.03c.375.03.72.095 1.043.26c.502.256.91.664 1.165 1.166c.165.323.231.668.262 1.042c.03.361.03.804.03 1.34v5.575a2.1 2.1 0 0 0-.805-.21A1.99 1.99 0 0 0 11.21 8c-.613 0-1.17.361-1.419.922l-.657 1.48c-1 .035-1.8.856-1.8 1.865v1.866q0 .28.078.534H5.24c-.53 0-.923 0-1.264-.091A2.67 2.67 0 0 1 2.09 12.69C2 12.35 2 11.955 2 11.425v-6.92c0-.536 0-.979.03-1.34c.03-.374.096-.719.26-1.042A2.67 2.67 0 0 1 3.456.957c.324-.165.668-.23 1.043-.26c.36-.03.804-.03 1.34-.03m-1.173 4c0-.369.298-.667.666-.667h5.334a.667.667 0 0 1 0 1.333H5.333a.667.667 0 0 1-.666-.666m0 2.666c0-.368.298-.666.666-.666h3a.667.667 0 1 1 0 1.333h-3a.667.667 0 0 1-.666-.667m0 2.667c0-.368.298-.667.666-.667H6a.667.667 0 1 1 0 1.334h-.667A.667.667 0 0 1 4.667 10\"/><path d=\"M10.704 9.328A.55.55 0 0 1 11.21 9a.99.99 0 0 1 .991.99v.877h.868c.694 0 1.225.619 1.12 1.305L13.9 14.04a1.13 1.13 0 0 1-1.12.961H9.2a.867.867 0 0 1-.867-.867v-1.866c0-.479.388-.867.866-.867h.584z\"/></g>"
+    },
+    "solid-development-pattern-recognition": {
+      "body": "<path fill=\"currentColor\" d=\"M4.727 22a2.728 2.728 0 1 1 0-5.456a2.728 2.728 0 0 1 0 5.456M12 9.273a2.727 2.727 0 1 0 0 5.454a2.727 2.727 0 0 0 0-5.454M4.727 2a2.727 2.727 0 1 0 0 5.455a2.727 2.727 0 0 0 0-5.455m14.546 0a2.727 2.727 0 1 0 0 5.455a2.727 2.727 0 0 0 0-5.455m0 14.546a2.727 2.727 0 1 0 0 5.454a2.727 2.727 0 0 0 0-5.454M7.455 9.273H2v5.454h5.455zm14.545 0h-5.454v5.454H22zM14.727 2H9.273v5.455h5.454zm0 14.546H9.273V22h5.454z\"/>",
+      "width": 24,
+      "height": 24
+    },
+    "solid-development-prompt-engineering": {
+      "body": "<g fill=\"currentColor\"><path d=\"M5.173 1.333h5.655c.536 0 .98 0 1.34.03c.375.03.72.096 1.043.261c.502.256.91.664 1.165 1.165c.165.324.23.668.261 1.043c.03.36.03.804.03 1.34v4.443l-.4-.1a14 14 0 0 1-.698-.184a1 1 0 0 1-.108-.039a.3.3 0 0 1-.087-.086a1 1 0 0 1-.038-.108c-.045-.144-.095-.34-.185-.698l-.2-.804a1.667 1.667 0 0 0-3.234 0l-.201.804a15 15 0 0 1-.185.698c-.02.063-.033.095-.038.108a.3.3 0 0 1-.087.086a1 1 0 0 1-.108.039c-.144.045-.34.095-.698.184l-.804.201a1.667 1.667 0 0 0 0 3.234l.804.201c.358.09.554.14.698.185c.063.02.095.033.108.038a.3.3 0 0 1 .087.087c.005.013.018.045.038.107c.045.145.095.341.185.699l.1.4H5.173c-.537 0-.98 0-1.34-.03c-.375-.03-.72-.096-1.043-.261a2.67 2.67 0 0 1-1.166-1.165c-.165-.324-.23-.668-.261-1.043c-.03-.36-.03-.804-.03-1.34V5.172c0-.536 0-.98.03-1.34c.03-.375.096-.72.261-1.043c.256-.501.664-.91 1.166-1.165c.323-.165.668-.23 1.042-.261c.361-.03.804-.03 1.34-.03M4.667 4a.667.667 0 0 0 0 1.333h.006a.667.667 0 1 0 0-1.333zm2 0a.667.667 0 0 0 0 1.333h.006a.667.667 0 1 0 0-1.333zm2 0a.667.667 0 0 0 0 1.333h.007a.667.667 0 1 0 0-1.333z\"/><path d=\"M11.334 7.5a.5.5 0 0 1 .485.379l.2.804c.178.711.245.953.367 1.143a1.5 1.5 0 0 0 .455.455c.19.122.432.188 1.143.366l.804.201a.5.5 0 0 1 0 .97l-.804.201c-.711.178-.953.245-1.143.367a1.5 1.5 0 0 0-.455.455c-.122.19-.189.432-.366 1.143l-.201.804a.5.5 0 0 1-.97 0l-.202-.804c-.177-.711-.244-.953-.366-1.143a1.5 1.5 0 0 0-.455-.455c-.19-.122-.432-.189-1.143-.367l-.804-.2a.5.5 0 0 1 0-.97l.804-.202c.711-.178.953-.244 1.143-.366a1.5 1.5 0 0 0 .455-.455c.122-.19.189-.432.366-1.143l.201-.804a.5.5 0 0 1 .486-.379\"/></g>"
+    },
+    "solid-development-puzzle-piece-01": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.833 3A2.333 2.333 0 0 1 9.5 3v.333h.023c.446 0 .815 0 1.117.02c.313.022.602.068.88.183a2.67 2.67 0 0 1 1.444 1.443c.115.279.16.568.182.881q.014.214.018.473h.336a2.333 2.333 0 1 1 0 4.667h-.333v.494c0 .537 0 .98-.03 1.34c-.03.375-.096.72-.261 1.043c-.256.502-.664.91-1.165 1.166c-.324.165-.668.23-1.043.26c-.36.03-.804.03-1.34.03h-.495a.667.667 0 0 1-.666-.666V13.5a.833.833 0 0 0-1.667 0v1.167a.667.667 0 0 1-.667.666h-.827c-.537 0-.98 0-1.34-.03c-.375-.03-.72-.096-1.043-.26a2.67 2.67 0 0 1-1.166-1.166c-.165-.323-.23-.668-.26-1.043c-.03-.36-.03-.803-.03-1.34v-1.16c0-.369.298-.667.666-.667h1a1 1 0 1 0 0-2h-1A.667.667 0 0 1 1.167 7v-.023c0-.446 0-.815.02-1.117c.022-.313.067-.602.183-.88c.27-.654.79-1.173 1.443-1.444c.278-.115.568-.16.88-.182c.302-.02.671-.02 1.117-.02h.023z\" clip-rule=\"evenodd\"/>",
+      "width": 17
+    },
+    "solid-development-semantic": {
+      "body": "<g fill=\"currentColor\"><path d=\"M16.583 12.945q-.146.574-.845 2.833h1.705q-.66-2.116-.74-2.394q-.081-.276-.12-.439\"/><path d=\"M21.167 9.333H12a1.834 1.834 0 0 0-1.833 1.834v8.25A1.833 1.833 0 0 0 12 21.25h5.5L21.167 24v-2.75A1.833 1.833 0 0 0 23 19.417v-8.25a1.833 1.833 0 0 0-1.833-1.834M18.25 18.5l-.476-1.558h-2.383l-.476 1.558H13.42l2.31-6.57h1.696l2.319 6.57z\"/><path d=\"M12 2H2.833A1.833 1.833 0 0 0 1 3.833v8.25a1.833 1.833 0 0 0 1.833 1.834v2.75l3.667-2.75h2.75v-2.75q.006-.182.037-.36a8.5 8.5 0 0 1-1.819-.989a9.4 9.4 0 0 1-2.917 1.349a4.3 4.3 0 0 0-.704-1.297a8 8 0 0 0 2.602-.961a6.5 6.5 0 0 1-1.451-2.594c-.432 0-.681.014-1.048.044V5.032q.53.057 1.062.052h1.62v-.44q.002-.232-.043-.459h1.47q-.045.221-.045.447v.447h1.742q.533.006 1.062-.051v1.33a11 11 0 0 0-1.04-.043c-.102.49-.267.966-.492 1.414a5.4 5.4 0 0 1-.814 1.192c.423.25.874.45 1.344.596A2.74 2.74 0 0 1 12 8.417h1.833V3.833A1.833 1.833 0 0 0 12 2\"/><path d=\"M7.431 8.089a4.14 4.14 0 0 0 .917-1.774h-1.94c.19.667.54 1.276 1.023 1.773\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "solid-development-terminal-square": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.92 1H3.08c-.263 0-.49 0-.678.015a1.5 1.5 0 0 0-.583.148a1.5 1.5 0 0 0-.656.656c-.096.19-.132.386-.148.583C1 2.59 1 2.817 1 3.081v5.838c0 .264 0 .491.015.679c.016.197.052.394.148.583a1.5 1.5 0 0 0 .656.656c.19.096.386.132.583.148c.188.015.415.015.679.015h5.838c.264 0 .491 0 .679-.015c.197-.016.394-.052.583-.149a1.5 1.5 0 0 0 .656-.655c.096-.19.132-.386.148-.583C11 9.41 11 9.183 11 8.919V3.081c0-.264 0-.491-.015-.679a1.5 1.5 0 0 0-.149-.583a1.5 1.5 0 0 0-.655-.656a1.5 1.5 0 0 0-.583-.148C9.41 1 9.183 1 8.919 1M3.853 4.146a.5.5 0 1 0-.708.708L4.293 6L3.146 7.146a.5.5 0 1 0 .708.708l1.5-1.5a.5.5 0 0 0 0-.708zM6.5 7a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1z\" clip-rule=\"evenodd\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "solid-development-variable-02": {
+      "body": "<g fill=\"currentColor\"><path d=\"M13.999 8.762a3.23 3.23 0 0 1 2.46-1.137h.09a1 1 0 1 1 0 2h-.09c-.36 0-.703.158-.938.434l-2.34 2.745l.74 2.607a.12.12 0 0 0 .115.089h1.394a1 1 0 1 1 0 2h-1.394a2.12 2.12 0 0 1-2.038-1.543l-.377-1.324l-1.475 1.73a3.23 3.23 0 0 1-2.46 1.137h-.09a1 1 0 1 1 0-2h.09c.359 0 .702-.158.938-.434l2.34-2.745l-.74-2.607a.12.12 0 0 0-.115-.089H8.715a1 1 0 0 1 0-2h1.394c.95 0 1.78.633 2.038 1.543l.376 1.324zM5.429 3a3.285 3.285 0 0 0-3.286 3.286v4.157l-.85.85a1 1 0 0 0 0 1.414l.85.85v4.157A3.285 3.285 0 0 0 5.429 21a1 1 0 1 0 0-2c-.71 0-1.286-.575-1.286-1.286v-4.571a1 1 0 0 0-.293-.707L3.414 12l.436-.436a1 1 0 0 0 .293-.707V6.286c0-.71.575-1.286 1.286-1.286a1 1 0 0 0 0-2\"/><path d=\"M18.57 3a1 1 0 1 0 0 2c.712 0 1.287.575 1.287 1.286v4.571a1 1 0 0 0 .293.707l.436.436l-.436.436a1 1 0 0 0-.293.707v4.571c0 .71-.576 1.286-1.286 1.286a1 1 0 1 0 0 2a3.286 3.286 0 0 0 3.286-3.286v-4.157l.85-.85a1 1 0 0 0 0-1.414l-.85-.85V6.286A3.285 3.285 0 0 0 18.57 3\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "solid-editor-brush-01": {
+      "body": "<path fill=\"currentColor\" d=\"M17.264 2.208a3.204 3.204 0 0 1 4.528 4.528l-6.39 6.902c-.394.425-.591.638-.823.72a1 1 0 0 1-.633.013c-.235-.074-.44-.279-.85-.689l-2.778-2.778c-.41-.41-.615-.615-.689-.85a1 1 0 0 1 .013-.633c.082-.232.295-.429.72-.823zm-8.502 9.968c-.41-.41-.616-.615-.86-.687a1.1 1.1 0 0 0-.655.031c-.237.095-.385.275-.681.635a2.96 2.96 0 0 0-.682 1.861a4.49 4.49 0 0 0-3.566 1.302c-1.031 1.031-.973 2.482-.934 3.471l.005.126c.045 1.112.078 1.933-.279 2.629A1 1 0 0 0 2 23c.272 0 .583.008.915.017c.752.02 1.613.042 2.39-.02c1.144-.091 2.437-.375 3.377-1.315a4.49 4.49 0 0 0 1.302-3.566a2.95 2.95 0 0 0 1.861-.682c.36-.296.54-.444.635-.681c.076-.192.09-.457.031-.654c-.071-.245-.277-.45-.687-.861z\"/>"
+    },
+    "solid-editor-citations": {
+      "body": "<path fill=\"currentColor\" d=\"M.667 8a7.333 7.333 0 1 1 14.667 0A7.333 7.333 0 0 1 .667 8m4-.02v1.992h2.69V7.489H5.875a1.7 1.7 0 0 1 .142-.802q.33-.736 1.293-1.039v-.981q-1.293.255-1.973 1.076q-.67.82-.67 2.237m5.36-1.274q.33-.765 1.283-1.058v-.981q-1.255.255-1.954 1.066q-.69.812-.689 2.247v1.992h2.69V7.489H9.875a1.5 1.5 0 0 1 .151-.783\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-editor-colors": {
+      "body": "<path fill=\"currentColor\" d=\"M13.45 13.23a6.22 6.22 0 0 1-5.85-1.662a6.2 6.2 0 1 1 5.85 1.662m1.698 1.544a8.23 8.23 0 0 0 3.698-3.06c.154-.232.231-.349.33-.407a.5.5 0 0 1 .289-.07c.114.009.212.065.408.176a6.2 6.2 0 0 1-5.567 11.065c-.251-.11-.377-.165-.456-.273a.5.5 0 0 1-.096-.327c.008-.134.103-.276.291-.561a8.16 8.16 0 0 0 1.355-4.494V16.8a8.2 8.2 0 0 0-.252-2.026M4.127 11.413c.196-.111.293-.167.408-.175a.5.5 0 0 1 .289.069c.099.058.176.175.33.408a8.19 8.19 0 0 0 8.066 3.595l.006.026q.172.705.174 1.464v.021q0 .127-.006.252a6.2 6.2 0 1 1-9.267-5.66\"/>"
+    },
+    "solid-editor-paragraph": {
+      "body": "<path fill=\"currentColor\" d=\"M2 6.5A1.5 1.5 0 0 1 3.5 5h17a1.5 1.5 0 0 1 0 3h-17A1.5 1.5 0 0 1 2 6.5m0 6A1.5 1.5 0 0 1 3.5 11h17a1.5 1.5 0 0 1 0 3h-17A1.5 1.5 0 0 1 2 12.5m0 6A1.5 1.5 0 0 1 3.5 17h9a1.5 1.5 0 0 1 0 3h-9A1.5 1.5 0 0 1 2 18.5\"/>"
+    },
+    "solid-editor-type-square": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M7.759 2h8.482c.805 0 1.47 0 2.01.044c.563.046 1.08.145 1.565.392a4 4 0 0 1 1.748 1.748c.247.485.346 1.002.392 1.564C22 6.29 22 6.954 22 7.758v8.483c0 .805 0 1.47-.044 2.01c-.046.563-.145 1.08-.392 1.565a4 4 0 0 1-1.748 1.748c-.485.247-1.002.346-1.564.392c-.541.044-1.206.044-2.01.044H7.758c-.805 0-1.47 0-2.01-.044c-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C2 17.71 2 17.046 2 16.242V7.758c0-.805 0-1.47.044-2.01c.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.485-.247 1.002-.346 1.564-.392C6.29 2 6.954 2 7.758 2M7 7a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-3v9a1 1 0 1 1-2 0V8H8a1 1 0 0 1-1-1\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-education-beaker-02": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.139.5h3.723c.06 0 .13 0 .193.005a.8.8 0 0 1 .286.077a.75.75 0 0 1 .327.328a.7.7 0 0 1 .077.285c.005.063.005.134.005.193v1.224c0 .06 0 .13-.005.193a.8.8 0 0 1-.077.285a.75.75 0 0 1-.327.328a.75.75 0 0 1-.34.08v1.753c0 .302.003.362.016.41a.5.5 0 0 0 .074.158c.03.042.072.083.305.277l1.885 1.57c.176.147.33.275.446.44q.152.216.222.473c.052.193.051.395.051.623v.59c0 .19 0 .354-.029.5a1.5 1.5 0 0 1-1.178 1.18c-.147.028-.31.028-.5.028H2.707c-.19 0-.354 0-.5-.029a1.5 1.5 0 0 1-1.179-1.178C.999 10.146 1 9.983 1 9.792v-.59c0-.228 0-.43.052-.623a1.5 1.5 0 0 1 .221-.474c.116-.164.27-.292.446-.439l1.885-1.57c.233-.194.276-.235.305-.277a.5.5 0 0 0 .074-.157c.013-.05.017-.109.017-.411V3.498q-.028 0-.055-.003a.8.8 0 0 1-.285-.077a.75.75 0 0 1-.328-.328a.8.8 0 0 1-.077-.285a3 3 0 0 1-.005-.193V1.388c0-.06 0-.13.005-.193A.8.8 0 0 1 3.332.91A.75.75 0 0 1 3.66.582a.8.8 0 0 1 .285-.077C4.008.5 4.08.5 4.14.5M9.119 8H2.881l1.4-1.166c.176-.147.33-.275.446-.44a1.5 1.5 0 0 0 .222-.473C5 5.728 5 5.526 5 5.298V3.5h2v1.798c0 .228 0 .43.052.623q.069.256.221.474c.116.164.27.292.446.439z\" clip-rule=\"evenodd\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "solid-education-bubble-text": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 9a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v6a6 6 0 0 1-6 6H3a1 1 0 0 1-1-1zm7 0a1 1 0 0 0 0 2h6a1 1 0 1 0 0-2zm0 4a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2z\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-education-heart-02": {
+      "body": "<path fill=\"currentColor\" d=\"M12.584 3.872a7 7 0 0 0-.584.356A7.1 7.1 0 0 0 8 3a5.7 5.7 0 0 0-4.167 1.816C2.696 6.03 2 7.786 2 10c0 3.345 2.373 6.102 4.582 7.927a21.7 21.7 0 0 0 3.21 2.193c.462.257.877.462 1.212.605q.252.11.466.178c.108.035.314.097.53.097s.422-.062.53-.097c.141-.045.3-.106.466-.178c.335-.143.75-.348 1.212-.605a21.7 21.7 0 0 0 3.21-2.193C19.628 16.102 22 13.345 22 10c0-2.214-.696-3.971-1.833-5.184A5.7 5.7 0 0 0 16 3a7.1 7.1 0 0 0-3.416.872\"/>"
+    },
+    "solid-education-unblur": {
+      "body": "<path fill=\"currentColor\" d=\"M9.5 6.25a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-3.5 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0m3.5 11.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-.25-14.5a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0M3 10a.75.75 0 1 1-1.5 0A.75.75 0 0 1 3 10m0 4a.75.75 0 1 1-1.5 0A.75.75 0 0 1 3 14m6.25 6.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0M10 10a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0 4a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-4-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0 3.75a1 1 0 1 1-2 0a1 1 0 0 1 2 0M12 2a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1c5.523 0 10-4.477 10-10S17.523 2 12 2\"/>"
+    },
+    "solid-files-file-05": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M8.667 1.344L8.666 1.3a.69.69 0 0 0-.634-.634H5.84c-.538 0-.98 0-1.341.029c-.375.03-.72.096-1.043.261c-.502.256-.91.664-1.165 1.166c-.165.323-.23.668-.262 1.042C2 3.526 2 3.97 2 4.505v6.989c0 .537 0 .98.03 1.34c.03.375.096.72.26 1.043c.256.502.664.91 1.166 1.165c.324.165.668.231 1.043.262c.36.03.803.03 1.34.03h4.322c.537 0 .98 0 1.34-.03c.375-.03.72-.097 1.043-.261c.502-.256.91-.664 1.165-1.166c.165-.323.23-.668.261-1.043c.03-.36.03-.803.03-1.34V6.635a.69.69 0 0 0-.635-.634L13.323 6h-2.944c-.168 0-.332 0-.471-.011a1.4 1.4 0 0 1-.513-.134a1.33 1.33 0 0 1-.583-.583a1.4 1.4 0 0 1-.134-.513c-.011-.14-.011-.303-.011-.471zM5.333 8.666a.667.667 0 0 0 0 1.334h5.334a.667.667 0 0 0 0-1.334zm0 2.667a.667.667 0 1 0 0 1.333h4a.667.667 0 0 0 0-1.333z\" clip-rule=\"evenodd\"/><path d=\"M12.605 4.667c.196 0 .294 0 .374-.05a.36.36 0 0 0 .15-.362c-.022-.091-.086-.155-.213-.282L10.694 1.75c-.128-.128-.191-.191-.283-.213a.36.36 0 0 0-.362.15C10 1.767 10 1.864 10 2.06v2.072c0 .187 0 .28.036.351a.33.33 0 0 0 .146.146c.071.036.165.036.351.036z\"/></g>"
+    },
+    "solid-files-file-search-02": {
+      "body": "<g fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><path d=\"M10.16.667H5.84c-.537 0-.98 0-1.341.03c-.375.03-.72.096-1.043.26c-.502.256-.91.664-1.165 1.166c-.165.323-.23.668-.262 1.043C2 3.526 2 3.969 2 4.506v6.988c0 .537 0 .98.03 1.34c.03.375.096.72.26 1.043c.256.502.664.91 1.166 1.166c.324.165.668.23 1.043.261c.36.03.803.03 1.34.03h1.917c.472 0 .708 0 .796-.065a.29.29 0 0 0 .135-.237c.01-.11-.13-.344-.41-.814a4.333 4.333 0 0 1 4.908-6.387c.321.09.482.136.573.11a.3.3 0 0 0 .192-.145c.05-.08.05-.227.05-.52v-2.77c0-.537 0-.98-.03-1.34c-.03-.375-.096-.72-.26-1.043A2.67 2.67 0 0 0 12.543.957c-.324-.164-.668-.23-1.043-.26c-.36-.03-.803-.03-1.34-.03M4.668 3.333a.667.667 0 1 0 0 1.334h6a.667.667 0 0 0 0-1.334zM4 6.667C4 6.299 4.298 6 4.667 6h4a.667.667 0 0 1 0 1.333h-4A.667.667 0 0 1 4 6.667m0 2.666c0-.368.298-.666.667-.666H6A.667.667 0 0 1 6 10H4.667A.667.667 0 0 1 4 9.333\"/><path d=\"M9 12a3 3 0 1 1 5.54 1.597l.598.598a.667.667 0 0 1-.943.943l-.598-.598A3 3 0 0 1 9 12m3-1.667a1.667 1.667 0 1 0 0 3.334a1.667 1.667 0 0 0 0-3.334\"/></g>"
+    },
+    "solid-files-file-zip": {
+      "body": "<g fill=\"currentColor\"><path d=\"M4 1.333h4v4c0 .737.597 1.334 1.333 1.334h4v6.666c0 .737-.597 1.334-1.333 1.334H6.667v-1.334H8V12H6.667v-1.333H8V9.333H6.667V8H5.333v1.333h1.334v1.334H5.333V12h1.334v1.333H5.333v1.334H4a1.333 1.333 0 0 1-1.333-1.334V2.667c0-.737.597-1.334 1.333-1.334\"/><path d=\"M12.943 5q.148.15.243.333H9.333V1.481q.184.094.334.243z\" opacity=\".5\"/></g>"
+    },
+    "solid-files-folder": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M.667 4.108c0-.351 0-.655.02-.904c.022-.264.07-.526.198-.778a2 2 0 0 1 .874-.874c.252-.129.514-.176.778-.198c.25-.02.553-.02.904-.02h2.657c.396-.001.744-.001 1.064.109a2 2 0 0 1 .747.462c.242.237.397.548.574.902L9.079 4h2.415c.537 0 .98 0 1.34.03c.376.03.72.096 1.044.26c.501.256.91.664 1.165 1.166c.165.324.23.668.261 1.043c.03.36.03.804.03 1.34v2.989c0 .536 0 .98-.03 1.34c-.03.375-.096.72-.261 1.043c-.256.502-.664.91-1.165 1.165c-.324.165-.668.23-1.043.261c-.36.03-.804.03-1.34.03H4.506c-.537 0-.98 0-1.34-.03c-.375-.03-.72-.096-1.043-.26A2.67 2.67 0 0 1 .958 13.21c-.165-.324-.23-.668-.262-1.043c-.029-.36-.029-.804-.029-1.34zm5.348-1.441c.527 0 .632.009.712.036a.7.7 0 0 1 .25.154c.06.06.114.15.35.62L7.588 4H2c0-.31.003-.522.016-.688c.015-.18.04-.248.057-.281a.67.67 0 0 1 .291-.291c.033-.017.1-.042.282-.057c.188-.016.437-.016.821-.016z\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-general-answer-triangle": {
+      "body": "<path fill=\"currentColor\" d=\"M1.036 1.555A1 1 0 0 1 1.87 0H8v12z\"/>",
+      "width": 8,
+      "height": 12
+    },
+    "solid-general-arrow-down-round-fill": {
+      "body": "<path fill=\"currentColor\" d=\"M6.03 6.236c-.944 0-1.465 1.094-.87 1.826l1.97 2.427a1.12 1.12 0 0 0 1.74 0l1.971-2.427c.595-.732.074-1.826-.87-1.826z\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-general-check-circle": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8 .667a7.333 7.333 0 1 0 0 14.666A7.333 7.333 0 0 0 8 .667m3.471 5.804a.667.667 0 1 0-.942-.942L7 9.057L5.471 7.53a.667.667 0 1 0-.942.942l2 2c.26.26.682.26.942 0z\" clip-rule=\"evenodd\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-general-check-done-01": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12.839 7H5.16c-.527 0-.981 0-1.356.03c-.395.033-.789.104-1.167.297a3 3 0 0 0-1.311 1.311c-.193.378-.264.772-.296 1.167c-.03.375-.03.83-.03 1.356v7.678c0 .527 0 .982.03 1.356c.033.395.104.789.297 1.167a3 3 0 0 0 1.311 1.311c.378.193.772.264 1.167.296c.375.031.83.031 1.356.031h7.678c.527 0 .981 0 1.356-.03c.395-.033.789-.104 1.167-.297a3 3 0 0 0 1.311-1.311c.193-.378.264-.772.296-1.167c.031-.375.031-.83.031-1.357v-7.677c0-.527 0-.981-.03-1.356c-.033-.395-.104-.789-.297-1.167a3 3 0 0 0-1.311-1.311c-.378-.193-.772-.264-1.167-.296A18 18 0 0 0 12.838 7m.368 6.207a1 1 0 0 0-1.414-1.414L8 15.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0z\" clip-rule=\"evenodd\"/><path d=\"M18.839 1h-7.677c-.528 0-.982 0-1.357.03c-.395.033-.789.104-1.167.297a3 3 0 0 0-1.311 1.311c-.193.378-.264.772-.296 1.167C7.003 4.141 7 4.541 7 5h5.88c.49 0 1.02 0 1.478.037c.519.043 1.205.148 1.912.508a5 5 0 0 1 2.185 2.185c.36.707.465 1.393.508 1.912c.037.459.037.989.037 1.477V17c.459 0 .86-.003 1.195-.03c.395-.033.789-.104 1.167-.297a3 3 0 0 0 1.311-1.311c.193-.378.264-.772.296-1.167c.031-.375.031-.83.031-1.356V5.16c0-.527 0-.981-.03-1.356c-.033-.395-.104-.789-.297-1.167a3 3 0 0 0-1.311-1.311c-.378-.193-.772-.264-1.167-.296C19.82 1 19.365 1 18.838 1\"/></g>"
+    },
+    "solid-general-download-02": {
+      "body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21H3m15-10l-6 6m0 0l-6-6m6 6V3\"/>"
+    },
+    "solid-general-edit-03": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5.5 10a.5.5 0 0 1 .5-.5h4.5a.5.5 0 1 1 0 1H6a.5.5 0 0 1-.5-.5m2.397-8.603a1.56 1.56 0 1 1 2.207 2.207L3.822 9.885l-.03.03c-.143.144-.27.27-.422.364q-.203.124-.434.18c-.174.042-.354.041-.557.041H1.5A.5.5 0 0 1 1 10v-.879c0-.203 0-.383.042-.557a1.5 1.5 0 0 1 .18-.433a2.4 2.4 0 0 1 .393-.453z\" clip-rule=\"evenodd\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "solid-general-edit-04": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M21.675 17.262a1 1 0 0 1 .063 1.413l-1 1.094C20.028 20.545 19.046 21 18 21c-1.045 0-2.027-.455-2.737-1.23A1.72 1.72 0 0 0 14 19.19c-.455 0-.911.196-1.263.58a1 1 0 0 1-1.474-1.352c.71-.774 1.693-1.228 2.737-1.228s2.027.454 2.737 1.228l.001.001c.352.384.808.581 1.262.581s.91-.197 1.262-.58l1-1.095a1 1 0 0 1 1.413-.063M15.793 2.793a3.121 3.121 0 1 1 4.414 4.414L7.644 19.77l-.058.059c-.288.288-.541.542-.847.729a3 3 0 0 1-.867.36C5.524 21 5.165 21 4.758 21H3a1 1 0 0 1-1-1v-1.758c0-.407 0-.765.083-1.114a3 3 0 0 1 .36-.867c.186-.306.44-.56.728-.846l.06-.06z\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-general-eye": {
+      "body": "<g fill=\"currentColor\"><path d=\"M10 12a2 2 0 1 1 4 0a2 2 0 0 1-4 0\"/><path fill-rule=\"evenodd\" d=\"M12 4C9.138 4 6.805 5.265 5.077 6.707s-2.91 3.107-3.503 4.046l-.024.038c-.117.185-.27.425-.347.762a2.2 2.2 0 0 0 0 .894c.077.337.23.577.347.762l.024.038c.593.939 1.776 2.605 3.503 4.046S9.138 20 12 20s5.195-1.265 6.923-2.707s2.91-3.107 3.503-4.046l.024-.038c.117-.185.27-.425.347-.762a2.2 2.2 0 0 0 0-.894c-.077-.337-.23-.577-.347-.762l-.024-.038c-.593-.939-1.776-2.605-3.503-4.046S14.862 4 12 4m0 4a4 4 0 1 0 0 8a4 4 0 0 0 0-8\" clip-rule=\"evenodd\"/></g>"
+    },
+    "solid-general-github": {
+      "body": "<path fill=\"currentColor\" d=\"M8 1C4.133 1 1 4.133 1 8a7 7 0 0 0 4.786 6.641c.35.062.482-.149.482-.332c0-.166-.01-.718-.01-1.304c-1.758.324-2.213-.429-2.353-.823c-.079-.2-.42-.822-.717-.988c-.246-.132-.596-.455-.01-.464c.552-.009.946.508 1.077.717c.63 1.06 1.636.762 2.039.578c.061-.455.245-.761.446-.936c-1.557-.175-3.185-.779-3.185-3.456c0-.762.271-1.392.717-1.882c-.07-.175-.315-.892.07-1.855c0 0 .587-.183 1.926.718a6.5 6.5 0 0 1 1.75-.236c.595 0 1.19.078 1.75.236c1.338-.91 1.925-.718 1.925-.718c.385.963.14 1.68.07 1.855a2.7 2.7 0 0 1 .717 1.882c0 2.686-1.636 3.28-3.194 3.456c.254.218.473.638.473 1.295c0 .936-.009 1.688-.009 1.925c0 .184.131.402.481.332A7.01 7.01 0 0 0 15 8c0-3.867-3.133-7-7-7\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-general-message-clock-circle": {
+      "body": "<path fill=\"currentColor\" d=\"M1.333 8a6.667 6.667 0 1 1 4.16 6.18l-.14-.057l-.01-.003H5.34l-.122.02l-2.391.398a4 4 0 0 1-.331.046a1 1 0 0 1-.485-.07a1 1 0 0 1-.525-.525a1 1 0 0 1-.07-.485c.008-.104.028-.224.046-.33l.398-2.392l.02-.122v-.003l-.003-.01l-.056-.14A6.7 6.7 0 0 1 1.333 8M8 5.334a.667.667 0 1 0-1.334 0v3.333c0 .368.299.667.667.667h3.333a.667.667 0 1 0 0-1.334H8z\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-general-plus-circle": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11s11-4.925 11-11S18.075 1 12 1m0 6a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-general-question-triangle": {
+      "body": "<path fill=\"currentColor\" fill-opacity=\".5\" d=\"M6.964 1.555A1 1 0 0 0 6.13 0H0v12z\"/>",
+      "width": 8,
+      "height": 12
+    },
+    "solid-general-search-md": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11 2a9 9 0 1 0 5.618 16.032l3.675 3.675a1 1 0 0 0 1.414-1.414l-3.675-3.675A9 9 0 0 0 11 2m-7 9a7 7 0 1 1 14 0a7 7 0 0 1-14 0\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-general-target-04": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M19.16 1.013a1 1 0 0 1 .734.54l.851 1.702l1.702.85a1 1 0 0 1 .26 1.602l-3 3A1 1 0 0 1 19 9h-2.586l-3.707 3.707a1 1 0 0 1-1.414-1.414L15 7.586V5a1 1 0 0 1 .293-.707l3-3a1 1 0 0 1 .867-.28\" clip-rule=\"evenodd\"/><path d=\"M3 12a9 9 0 0 1 9-9a1 1 0 1 0 0-2C5.925 1 1 5.925 1 12s4.925 11 11 11s11-4.925 11-11a1 1 0 1 0-2 0a9 9 0 1 1-18 0\"/><path d=\"M8 12a4 4 0 0 1 4-4a1 1 0 1 0 0-2a6 6 0 1 0 6 6a1 1 0 1 0-2 0a4 4 0 0 1-8 0\"/></g>"
+    },
+    "solid-general-tool-03": {
+      "body": "<g fill=\"currentColor\"><path d=\"m5.105 6.61l1.351-1.19a4 4 0 0 1-.023-.48v-.01L2.918 1.413a.28.28 0 0 0-.393 0l-1.111 1.11a.28.28 0 0 0 0 .394zm7.399 2.723a5 5 0 0 1-.466.13l-.063.012a5.5 5.5 0 0 1-1.376.027l-2.01 2.258L10.83 14a2.2 2.2 0 0 0 1.565.667h.024A2.25 2.25 0 0 0 14 10.834z\"/><path d=\"M14.46 3.792a.277.277 0 0 0-.455-.1l-1.592 1.585l-1.69-1.684l1.59-1.584a.275.275 0 0 0 .018-.37a.3.3 0 0 0-.108-.081a2.7 2.7 0 0 0-1.445-.2a3.543 3.543 0 0 0-3.235 3.596c-.004.296.04.59.13.872l-5.581 4.918a2.265 2.265 0 0 0-.183 3.196l.048.052a2.188 2.188 0 0 0 3.27-.124l4.953-5.567a4.2 4.2 0 0 0 1.633.075a3.57 3.57 0 0 0 2.713-2.506a3.26 3.26 0 0 0-.065-2.078\"/></g>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-general-x-circle": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8 .666a7.333 7.333 0 1 0 0 14.667A7.333 7.333 0 0 0 8 .666m2.472 4.862c.26.26.26.682 0 .943l-1.53 1.528l1.53 1.529a.667.667 0 0 1-.943.943L8 8.942l-1.529 1.529a.667.667 0 0 1-.942-.943l1.528-1.529L5.53 6.471a.667.667 0 1 1 .942-.943l1.53 1.529l1.528-1.53c.26-.26.682-.26.943 0\" clip-rule=\"evenodd\"/>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-general-zap-fast": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M1.25 8.75a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.75a.5.5 0 0 1-.5-.5M.5 6a.5.5 0 0 1 .5-.5h2.25a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 6m1-2.75a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5m7.184-2.215a.5.5 0 0 1 .312.531L8.57 4.75h1.919c.11 0 .225 0 .32.009a.8.8 0 0 1 .412.147a.75.75 0 0 1 .292.566a.8.8 0 0 1-.12.422a4 4 0 0 1-.179.265l-.01.014l-3.298 4.618a.5.5 0 0 1-.903-.357L7.43 7.25H5.51c-.11 0-.225 0-.32-.009a.8.8 0 0 1-.412-.147a.75.75 0 0 1-.292-.566a.8.8 0 0 1 .12-.422c.048-.082.115-.175.179-.265l.01-.014l3.298-4.618a.5.5 0 0 1 .59-.174\" clip-rule=\"evenodd\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "solid-general-zap-narrow": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.698 1.035a.5.5 0 0 1 .312.531L6.585 4.75h1.919c.11 0 .225 0 .32.009a.8.8 0 0 1 .413.147a.75.75 0 0 1 .29.566a.8.8 0 0 1-.12.422c-.047.082-.114.175-.178.265l-.01.014l-3.298 4.618a.5.5 0 0 1-.902-.357l.424-3.184H3.524c-.11 0-.225 0-.32-.009a.8.8 0 0 1-.412-.147a.75.75 0 0 1-.292-.566a.8.8 0 0 1 .12-.422c.048-.082.115-.175.179-.265l.01-.014l3.298-4.618a.5.5 0 0 1 .59-.174\" clip-rule=\"evenodd\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "solid-layout-grid-01": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.045 1.333h2.576c.169 0 .332 0 .471.012c.153.012.332.042.513.134c.251.128.455.332.583.582c.092.181.122.361.134.514c.011.138.011.302.011.47v2.576c0 .169 0 .332-.01.471a1.4 1.4 0 0 1-.135.513a1.34 1.34 0 0 1-.583.583c-.18.092-.36.122-.513.134c-.139.011-.302.011-.47.011H3.044c-.168 0-.332 0-.47-.01a1.4 1.4 0 0 1-.514-.135a1.33 1.33 0 0 1-.582-.583a1.4 1.4 0 0 1-.134-.513c-.012-.139-.012-.302-.012-.47V3.044c0-.168 0-.332.012-.47c.012-.153.042-.333.134-.514c.128-.25.332-.454.582-.582c.181-.093.361-.122.514-.134c.138-.012.302-.012.47-.012m.001 7.335h2.576c.169 0 .332 0 .471.011c.153.012.332.042.513.134c.251.128.455.332.583.583c.092.18.122.36.134.513c.011.139.011.303.011.47v2.577c0 .168 0 .332-.01.47a1.4 1.4 0 0 1-.135.514c-.128.25-.332.455-.583.582c-.18.093-.36.122-.513.134c-.139.012-.302.012-.47.012H3.044c-.168 0-.332 0-.47-.012a1.4 1.4 0 0 1-.514-.134a1.33 1.33 0 0 1-.582-.582a1.4 1.4 0 0 1-.134-.514c-.012-.138-.012-.302-.012-.47v-2.576c0-.168 0-.332.012-.471c.012-.152.042-.332.134-.513c.128-.251.332-.455.582-.583c.181-.092.361-.122.514-.134c.138-.011.302-.011.47-.011m7.335-7.334h2.576c.168 0 .332 0 .47.012c.153.012.333.042.514.134c.25.128.455.332.582.582c.093.181.122.361.134.514c.012.138.012.302.012.47v2.576c0 .169 0 .332-.012.471a1.4 1.4 0 0 1-.134.513a1.33 1.33 0 0 1-.582.583a1.3 1.3 0 0 1-.514.134c-.138.011-.302.011-.47.011h-2.576c-.168 0-.332 0-.471-.01a1.4 1.4 0 0 1-.513-.135a1.33 1.33 0 0 1-.583-.583a1.4 1.4 0 0 1-.134-.513c-.011-.139-.011-.302-.011-.47V3.044c0-.168 0-.332.011-.47c.012-.153.042-.333.134-.514c.128-.25.332-.454.583-.582c.18-.093.36-.122.513-.134c.139-.012.303-.012.47-.012m.001 7.335h2.576c.168 0 .332 0 .47.011c.153.012.333.042.514.134c.25.128.455.332.582.583c.093.18.122.36.134.513c.012.139.012.303.012.47v2.577c0 .168 0 .332-.012.47a1.4 1.4 0 0 1-.134.514c-.127.25-.331.455-.582.582a1.3 1.3 0 0 1-.514.134c-.138.012-.302.012-.47.012h-2.576c-.168 0-.332 0-.471-.012a1.4 1.4 0 0 1-.513-.134a1.33 1.33 0 0 1-.583-.582a1.4 1.4 0 0 1-.134-.514c-.011-.138-.011-.302-.011-.47v-2.576c0-.168 0-.332.011-.471c.012-.152.042-.332.134-.513c.128-.251.332-.455.583-.583c.18-.092.36-.122.513-.134c.139-.011.303-.011.47-.011\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-mediaAndDevices-audio-support-icon": {
+      "body": "<path fill=\"currentColor\" d=\"m10.357 3.564l-.124.283a.253.253 0 0 1-.466 0l-.124-.283a2.18 2.18 0 0 0-1.11-1.125l-.379-.17a.265.265 0 0 1 0-.48l.359-.16c.506-.226.91-.642 1.125-1.164L9.765.16a.253.253 0 0 1 .47 0l.127.305c.216.522.619.938 1.125 1.164l.359.16a.265.265 0 0 1 0 .48l-.38.17c-.494.22-.89.62-1.11 1.125M4.25 3h-1v6h1zM2 5H1v2h1zm4.5-4h-1v10h1zm2.25 3h-1v5h1zM11 5h-1v2h1z\"/>"
+    },
+    "solid-mediaAndDevices-document-support-icon": {
+      "body": "<path fill=\"currentColor\" d=\"M10.5 4v6.497a.5.5 0 0 1-.497.503H1.997a.496.496 0 0 1-.497-.496V1.496c0-.268.224-.496.501-.496h5.497zm-1 .5H7V2H2.5v8h7zM4 3.5h1.5v1H4zm0 2h4v1H4zm0 2h4v1H4z\"/>"
+    },
+    "solid-mediaAndDevices-magic-box": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M9.762 2.074a.5.5 0 0 1 .164.688L8.856 4.5H9.5a.5.5 0 0 1 .5.5v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a.5.5 0 0 1 .5-.5h5.182l1.392-2.262a.5.5 0 0 1 .688-.164M5 6.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1z\" clip-rule=\"evenodd\"/><path d=\"M5.925 1.537a.25.25 0 0 0 .112-.111l.239-.479a.25.25 0 0 1 .447 0l.24.479a.25.25 0 0 0 .111.111l.478.24a.25.25 0 0 1 0 .447l-.478.239a.25.25 0 0 0-.112.112l-.239.478a.25.25 0 0 1-.447 0l-.24-.478a.25.25 0 0 0-.111-.112l-.478-.24a.25.25 0 0 1 0-.447zm-2.667.833a.25.25 0 0 0 .112-.111l.156-.312a.25.25 0 0 1 .447 0l.156.312a.25.25 0 0 0 .112.112l.311.155a.25.25 0 0 1 0 .448l-.311.155a.25.25 0 0 0-.112.112l-.156.312a.25.25 0 0 1-.447 0L3.37 3.24a.25.25 0 0 0-.112-.112l-.311-.155a.25.25 0 0 1 0-.448z\"/></g>"
+    },
+    "solid-mediaAndDevices-magic-eyes": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M11.034 5.057C9.754 3.053 7.902 2 6 2S2.247 3.053.967 5.057a1.75 1.75 0 0 0 0 1.886C2.247 8.947 4.098 10 6 10s3.754-1.053 5.034-3.057a1.75 1.75 0 0 0 0-1.886m-5.258-.61l-.405.812a.25.25 0 0 1-.112.112l-.812.405a.25.25 0 0 0 0 .448l.812.405a.25.25 0 0 1 .112.112l.405.812a.25.25 0 0 0 .448 0l.405-.812a.25.25 0 0 1 .112-.112l.812-.405a.25.25 0 0 0 0-.448l-.812-.405a.25.25 0 0 1-.112-.112l-.405-.812a.25.25 0 0 0-.448 0\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-mediaAndDevices-magic-wand": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M8.27 1.772a1.384 1.384 0 0 1 1.958 1.957l-6.5 6.5A1.384 1.384 0 1 1 1.77 8.272zm1.25.707a.384.384 0 0 0-.542 0l-.897.896l.543.543l.897-.896a.384.384 0 0 0 0-.543\" clip-rule=\"evenodd\"/><path d=\"M4.925 1.037a.25.25 0 0 0 .112-.111l.239-.479a.25.25 0 0 1 .447 0l.24.479a.25.25 0 0 0 .111.111l.478.24a.25.25 0 0 1 0 .447l-.478.239a.25.25 0 0 0-.112.112l-.239.478a.25.25 0 0 1-.447 0l-.24-.478a.25.25 0 0 0-.111-.112l-.478-.24a.25.25 0 0 1 0-.447zm4.5 5.5a.25.25 0 0 0 .112-.111l.239-.479a.25.25 0 0 1 .447 0l.24.479a.25.25 0 0 0 .111.111l.478.24a.25.25 0 0 1 0 .447l-.478.239a.25.25 0 0 0-.112.112l-.239.478a.25.25 0 0 1-.447 0l-.24-.478a.25.25 0 0 0-.111-.112l-.478-.24a.25.25 0 0 1 0-.447zm-7-3a.25.25 0 0 0 .112-.111l.239-.479a.25.25 0 0 1 .447 0l.24.479a.25.25 0 0 0 .111.111l.478.24a.25.25 0 0 1 0 .447l-.478.239a.25.25 0 0 0-.112.112l-.239.478a.25.25 0 0 1-.447 0l-.24-.478a.25.25 0 0 0-.111-.112l-.478-.24a.25.25 0 0 1 0-.447z\"/></g>"
+    },
+    "solid-mediaAndDevices-microphone-01": {
+      "body": "<g fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M8 .666a2.667 2.667 0 0 0-2.667 2.667v4.666a2.667 2.667 0 0 0 5.334 0V3.333A2.667 2.667 0 0 0 8 .666\" clip-rule=\"evenodd\"/><path d=\"M4 6.666a.667.667 0 0 0-1.333 0v1.333a5.334 5.334 0 0 0 4.668 5.293l-.002.04V14h-2a.667.667 0 0 0 0 1.334h5.334a.667.667 0 0 0 0-1.334h-2v-.666q0-.021-.002-.041A5.334 5.334 0 0 0 13.333 8V6.666a.667.667 0 0 0-1.333 0v1.333a4 4 0 0 1-8 0z\"/></g>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-mediaAndDevices-play": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"m4.003 1.401l.018.012L9.295 4.93c.153.102.295.196.403.284c.114.091.247.218.324.404a1 1 0 0 1 0 .766a1.03 1.03 0 0 1-.324.404c-.108.088-.25.182-.402.284L4.003 10.6a7 7 0 0 1-.496.313c-.143.077-.338.165-.567.152a1 1 0 0 1-.738-.395c-.137-.182-.172-.394-.187-.555S2 9.75 2 9.527V2.473c0-.224 0-.426.015-.587s.05-.373.187-.555A1 1 0 0 1 2.94.936c.229-.014.424.075.567.152s.31.189.496.313\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-mediaAndDevices-robot": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6 .5a.5.5 0 0 1 .5.5v.5h2A1.5 1.5 0 0 1 10 3v2.5c0 .444-.193.843-.5 1.118v.675l.854.853a.5.5 0 0 1-.708.708l-.305-.306a3.502 3.502 0 0 1-6.682 0l-.305.306a.5.5 0 1 1-.708-.708l.854-.853v-.675A1.5 1.5 0 0 1 2 5.5V3a1.5 1.5 0 0 1 1.5-1.5h2V1A.5.5 0 0 1 6 .5m-2.5 2A.5.5 0 0 0 3 3v2.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5zm1 1A.5.5 0 0 1 5 4v.5a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5m3 0A.5.5 0 0 1 8 4v.5a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-mediaAndDevices-sliders-02": {
+      "body": "<g fill=\"currentColor\"><path d=\"M5 2a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V3a1 1 0 0 1 1-1\"/><path fill-rule=\"evenodd\" d=\"M6 15.83a3.001 3.001 0 1 0-2 0V21a1 1 0 1 0 2 0z\" clip-rule=\"evenodd\"/><path d=\"M13 15a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0z\"/><path fill-rule=\"evenodd\" d=\"M12 2a1 1 0 0 1 1 1v3.17a3.001 3.001 0 1 1-2 0V3a1 1 0 0 1 1-1m10 13a3 3 0 0 1-2 2.83V21a1 1 0 1 1-2 0v-3.17A3.001 3.001 0 1 1 22 15\" clip-rule=\"evenodd\"/><path d=\"M19 2a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "solid-mediaAndDevices-speaker": {
+      "body": "<g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path fill-rule=\"evenodd\" d=\"M0 2.867C0 2.057.657 1.4 1.467 1.4h4.4c.81 0 1.466.657 1.466 1.467a.733.733 0 1 1-1.466 0H4.4V8a.733.733 0 1 1 0 1.467H2.933a.733.733 0 0 1 0-1.467V2.867H1.467a.733.733 0 0 1-1.467 0\" clip-rule=\"evenodd\"/><path d=\"M13.82.782a.21.21 0 0 0-.374 0c-.48.96-.57 1.051-1.53 1.53a.21.21 0 0 0 0 .375c.96.48 1.05.571 1.53 1.53a.21.21 0 0 0 .374 0c.48-.959.571-1.05 1.531-1.53a.21.21 0 0 0 0-.374c-.96-.48-1.05-.57-1.53-1.53m-4.027 1.47a.217.217 0 0 0-.388 0c-.356.712-.44.797-1.153 1.153a.217.217 0 0 0 0 .388c.712.356.797.44 1.153 1.153c.08.16.308.16.388 0c.356-.712.44-.797 1.153-1.153a.217.217 0 0 0 0-.388c-.712-.356-.797-.44-1.153-1.153m-7.04 8.796a.21.21 0 0 0-.374 0c-.48.96-.571 1.05-1.531 1.53a.21.21 0 0 0 0 .375c.96.48 1.05.57 1.53 1.53a.21.21 0 0 0 .375 0c.48-.96.57-1.05 1.53-1.53a.21.21 0 0 0 0-.374c-.96-.48-1.05-.571-1.53-1.531\"/><path fill-rule=\"evenodd\" d=\"M14.674 8.651a.473.473 0 0 1 .66.118c.427.613.678 1.36.678 2.164c0 .805-.25 1.551-.679 2.165a.473.473 0 1 1-.776-.542a2.83 2.83 0 0 0 .509-1.623c0-.604-.189-1.163-.51-1.623a.473.473 0 0 1 .118-.659m-2.107-2.113a.71.71 0 0 1 .596.246a.75.75 0 0 1 .161.432c.01.101.01.227.01.355V14.3c0 .128 0 .254-.01.355a.75.75 0 0 1-.16.431a.71.71 0 0 1-.597.247a.75.75 0 0 1-.419-.19a5 5 0 0 1-.257-.245l-1.511-1.512l-.083-.08l-.001-.002h-.002l-.115-.001H9.34c-.12 0-.236 0-.334-.008a1 1 0 0 1-.365-.095a.95.95 0 0 1-.414-.414a1 1 0 0 1-.095-.365c-.008-.098-.008-.214-.008-.334V9.784c0-.12 0-.236.008-.334a1 1 0 0 1 .095-.365a.95.95 0 0 1 .414-.414a1 1 0 0 1 .365-.095c.098-.008.215-.008.334-.008h.838l.115-.001h.002l.001-.001l.082-.081l1.5-1.499l.012-.012c.09-.091.18-.18.257-.245a.75.75 0 0 1 .42-.191\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h16v16H0z\"/></clipPath></defs></g>",
+      "width": 16,
+      "height": 16
+    },
+    "solid-mediaAndDevices-stop-circle": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M10 .834a9.167 9.167 0 1 0 0 18.333A9.167 9.167 0 0 0 10 .834M6.757 7.122c-.09.179-.09.412-.09.879v4c0 .466 0 .7.09.878c.08.157.208.284.365.364c.178.091.411.091.878.091h4c.467 0 .7 0 .878-.09a.83.83 0 0 0 .364-.365c.091-.178.091-.412.091-.878V8c0-.467 0-.7-.09-.879a.83.83 0 0 0-.365-.364c-.178-.09-.411-.09-.878-.09H8c-.467 0-.7 0-.878.09a.83.83 0 0 0-.365.364\" clip-rule=\"evenodd\"/>",
+      "width": 20,
+      "height": 20
+    },
+    "solid-mediaAndDevices-video-support-icon": {
+      "body": "<path fill=\"currentColor\" d=\"m10.233 4.347l.124-.283c.22-.504.615-.906 1.11-1.125l.379-.17a.265.265 0 0 0 0-.48l-.359-.16A2.18 2.18 0 0 1 10.362.965L10.235.66a.253.253 0 0 0-.47 0l-.127.305A2.18 2.18 0 0 1 8.513 2.13l-.359.16a.265.265 0 0 0 0 .48l.38.17c.494.22.89.62 1.11 1.125l.123.283c.09.207.376.207.466 0M1.496 1.5H7v1H4v7h4v-5h1v1h2v4.503a.5.5 0 0 1-.496.497H1.496A.496.496 0 0 1 1 10.003V1.997a.5.5 0 0 1 .496-.497M2 2.5v1h1v-1zm0 2v1h1v-1zm0 2v1h1v-1zm7 0v1h1v-1zm-7 2v1h1v-1zm7 0v1h1v-1z\"/>"
+    },
+    "solid-security-lock-01": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 4a3 3 0 0 1 6 0v.575q.211.044.408.143a2 2 0 0 1 .874.874c.124.243.173.501.196.782c.022.27.022.603.022 1.005v.742c0 .402 0 .734-.022 1.005c-.023.281-.072.54-.196.782a2 2 0 0 1-.874.874c-.243.124-.501.173-.782.196C8.356 11 8.023 11 7.62 11H4.379c-.402 0-.734 0-1.005-.022c-.281-.023-.54-.072-.782-.196a2 2 0 0 1-.874-.874c-.124-.243-.173-.501-.196-.782C1.5 8.856 1.5 8.523 1.5 8.12v-.742c0-.402 0-.734.022-1.005c.023-.281.072-.54.196-.782a2 2 0 0 1 .874-.874q.196-.099.408-.143zm5 0v.5H4V4a2 2 0 1 1 4 0M6.5 7.25a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0z\" clip-rule=\"evenodd\"/>",
+      "width": 12,
+      "height": 12
+    },
+    "solid-shapes-corner": {
+      "body": "<path fill=\"currentColor\" d=\"M0 0h13v20a7.385 7.385 0 0 1-6.857-4.642z\"/>",
+      "width": 13,
+      "height": 20
+    },
+    "solid-shapes-star-04": {
+      "body": "<path fill=\"currentColor\" d=\"M5.889.684a.417.417 0 0 0-.778 0l-.838 2.18c-.125.325-.165.418-.218.494a.8.8 0 0 1-.197.196c-.075.054-.17.093-.495.219l-2.18.838a.417.417 0 0 0 0 .778l2.18.838c.326.125.42.165.495.218q.115.081.197.197c.053.075.093.169.218.494l.838 2.18a.417.417 0 0 0 .778 0l.838-2.18c.125-.325.165-.419.219-.494a.8.8 0 0 1 .196-.197c.075-.053.17-.093.495-.218l2.18-.838a.417.417 0 0 0 0-.778l-2.18-.838c-.326-.126-.42-.165-.495-.219a.8.8 0 0 1-.196-.196c-.054-.076-.094-.17-.219-.495z\"/>",
+      "width": 11,
+      "height": 10
+    },
+    "solid-shapes-star-06": {
+      "body": "<path fill=\"currentColor\" d=\"M3.667 1.333a.667.667 0 0 0-1.334 0v1h-1a.667.667 0 0 0 0 1.333h1v1a.667.667 0 0 0 1.334 0v-1h1a.667.667 0 0 0 0-1.333h-1zm0 10a.667.667 0 1 0-1.334 0v1h-1a.667.667 0 0 0 0 1.333h1v1a.667.667 0 1 0 1.334 0v-1h1a.667.667 0 0 0 0-1.333h-1zM9.289 1.76a.667.667 0 0 0-1.244 0L6.888 4.766c-.2.52-.263.67-.349.792a1.3 1.3 0 0 1-.314.314c-.12.086-.271.149-.792.349L2.427 7.377a.667.667 0 0 0 0 1.245l3.006 1.156c.521.2.671.263.792.349q.184.13.314.314c.086.121.15.271.35.792l1.156 3.006a.667.667 0 0 0 1.244 0l1.156-3.006c.2-.52.263-.671.35-.792q.13-.184.313-.314c.121-.086.271-.149.792-.35l3.006-1.155a.667.667 0 0 0 0-1.245L11.9 6.221c-.52-.2-.67-.263-.792-.35a1.3 1.3 0 0 1-.314-.313c-.086-.121-.149-.271-.349-.792z\"/>"
+    },
+    "solid-users-user-01": {
+      "body": "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5.857 9.667h4.286c.484 0 .814 0 1.102.05a3.33 3.33 0 0 1 2.704 2.704c.051.289.051.619.051 1.103c0 .106.003.212-.015.316a1 1 0 0 1-.811.812c-.091.016-.187.015-.234.015a919 919 0 0 0-9.88 0c-.047 0-.143 0-.234-.015a1 1 0 0 1-.81-.812c-.02-.104-.016-.21-.016-.316c0-.484 0-.814.05-1.103a3.33 3.33 0 0 1 2.704-2.704c.289-.05.619-.05 1.103-.05M4.333 5a3.667 3.667 0 1 1 7.334 0a3.667 3.667 0 0 1-7.334 0\" clip-rule=\"evenodd\"/>"
+    },
+    "solid-users-user-edit-02": {
+      "body": "<g fill=\"none\"><g fill=\"currentColor\" clip-path=\"url(#svgID0)\"><path d=\"M5.833 6.417a3.208 3.208 0 1 0 0-6.417a3.208 3.208 0 0 0 0 6.417m.077 6.83l.874-2.625c.071-.213.193-.41.353-.57L8.79 8.398a5.8 5.8 0 0 0-2.958-.814A5.84 5.84 0 0 0 0 13.417c0 .322.261.583.583.583h5.284a1.45 1.45 0 0 1 .042-.754m7.643-5.798a1.53 1.53 0 0 0-2.162 0l-3.43 3.43a.3.3 0 0 0-.07.113l-.875 2.625a.292.292 0 0 0 .37.37l2.624-.876a.3.3 0 0 0 .114-.07l3.43-3.43a1.53 1.53 0 0 0 0-2.162\"/></g><defs><clipPath id=\"svgID0\"><path fill=\"#fff\" d=\"M0 0h14v14H0z\"/></clipPath></defs></g>",
+      "width": 14,
+      "height": 14
+    },
+    "solid-users-users-01": {
+      "body": "<g fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><path d=\"M12.021 9.918a.667.667 0 0 1 .812-.48a3.334 3.334 0 0 1 2.5 3.229V14A.667.667 0 0 1 14 14v-1.333c0-.931-.637-1.715-1.5-1.937a.667.667 0 0 1-.479-.812M9.715 1.944a.667.667 0 0 1 .869-.368a3.334 3.334 0 0 1 0 6.181a.667.667 0 1 1-.5-1.235a2 2 0 0 0 0-3.71a.667.667 0 0 1-.369-.868M4.786 9.333h3.095c.727 0 1.223 0 1.648.114a3.33 3.33 0 0 1 2.357 2.357c.154.573.11 1.185.114 1.772c0 .071.002.215-.034.35a1 1 0 0 1-.707.707c-.134.036-.278.034-.35.034q-4.576-.038-9.152 0c-.071 0-.215.002-.35-.034a1 1 0 0 1-.706-.707a1.3 1.3 0 0 1-.034-.35c.004-.585-.04-1.2.113-1.772a3.33 3.33 0 0 1 2.357-2.357c.426-.114.922-.114 1.649-.114\"/><path d=\"M3 4.667a3.333 3.333 0 1 1 6.667 0a3.333 3.333 0 0 1-6.667 0\"/></g>"
+    },
+    "solid-users-users-plus": {
+      "body": "<g fill=\"currentColor\"><path d=\"M20 15a1 1 0 1 0-2 0v2h-2a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2z\"/><path fill-rule=\"evenodd\" d=\"M12.181 14.164a1.5 1.5 0 0 1 .656.655c.153.3.163.629.163.958v4.446c0 .12 0 .262-.01.387a1.5 1.5 0 0 1-.154.571a1.5 1.5 0 0 1-.655.656a1.5 1.5 0 0 1-.571.153c-.125.01-.268.01-.387.01H2.777c-.12 0-.262 0-.388-.01a1.5 1.5 0 0 1-.572-.154a1.5 1.5 0 0 1-.656-.66a1.5 1.5 0 0 1-.151-.571a5 5 0 0 1-.01-.387c.005-1.039-.026-2.153.38-3.131a5 5 0 0 1 2.706-2.706c.51-.212 1.048-.3 1.656-.34C6.335 14 7.063 14 7.964 14h3.26c.328 0 .657.01.957.164m2.392-11.248a1 1 0 0 1 1.302-.552a5.001 5.001 0 0 1 0 9.272a1 1 0 0 1-.75-1.854a3.001 3.001 0 0 0 0-5.564a1 1 0 0 1-.552-1.302\" clip-rule=\"evenodd\"/><path fill-rule=\"evenodd\" d=\"M4.5 7a5 5 0 1 1 10 0a5 5 0 0 1-10 0\" clip-rule=\"evenodd\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "system-auto-update-line": {
+      "body": "<g fill=\"currentColor\"><path d=\"M5.463 4.433A9.96 9.96 0 0 1 12 2c5.523 0 10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 0 0 6.46 6.228zm13.074 15.134A9.96 9.96 0 0 1 12 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0 0 13.54 5.772z\"/><path fill-rule=\"evenodd\" d=\"M16.33 16h-2.038l-.667-2.052h-3.249L9.708 16H7.67l3.107-9h2.452zm-5.47-3.538h2.284l-1.106-3.406h-.07z\" clip-rule=\"evenodd\"/></g>",
+      "width": 24,
+      "height": 24
+    },
+    "workflow-agent": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "workflow-answer": {
+      "body": ""
+    },
+    "workflow-api-aggregate": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "workflow-assigner": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "workflow-asterisk": {
+      "body": "<path fill=\"currentColor\" d=\"M7.583 1.75v4.24l3.672-2.12l.583 1.01L8.168 7l3.67 2.12l-.583 1.01l-3.672-2.12v4.24H6.417V8.01l-3.672 2.12l-.583-1.01L5.832 7l-3.67-2.12l.583-1.01l3.671 2.12V1.75z\"/>"
+    },
+    "workflow-calendar-check-line": {
+      "body": "<path fill=\"currentColor\" d=\"M5.25.583V1.75h3.5V.583h1.166V1.75h2.334c.322 0 .583.261.583.583v9.334a.583.583 0 0 1-.583.583H1.75a.583.583 0 0 1-.583-.583V2.333c0-.322.26-.583.583-.583h2.333V.583zm6.416 5.25H2.333v5.25h9.333zm-2.895.663l.824.825l-2.887 2.887l-2.062-2.062l.825-.825l1.237 1.237zm-4.688-3.58h-1.75v1.75h9.334v-1.75h-1.75V3.5H8.75v-.583h-3.5V3.5H4.083z\"/>"
+    },
+    "workflow-code": {
+      "body": ""
+    },
+    "workflow-datasource": {
+      "body": ""
+    },
+    "workflow-docs-extractor": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "workflow-end": {
+      "body": ""
+    },
+    "workflow-home": {
+      "body": ""
+    },
+    "workflow-http": {
+      "body": ""
+    },
+    "workflow-human-in-loop": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "workflow-if-else": {
+      "body": ""
+    },
+    "workflow-iteration": {
+      "body": ""
+    },
+    "workflow-iteration-start": {
+      "body": "",
+      "width": 12,
+      "height": 12
+    },
+    "workflow-jinja": {
+      "body": "<path fill=\"currentColor\" d=\"M7.46 6c0-1.12.02-2.07.07-2.83v-.1l-1.4.17l.02.09c.14.71.21 1.61.21 2.67c0 .94-.03 1.79-.08 2.52v.09h1.27v-.09c-.06-.79-.09-1.64-.09-2.52M3.33 1.32c.05 1 .05 3.82.05 5.69v.77c0 .44-.03.81-.1 1.08c-.06.27-.17.49-.32.67c-.14.18-.34.31-.59.4c-.25.08-.55.13-.88.13q-.45 0-.87-.18l-.1-.04l-.11.99l.07.02q.48.12 1.08.12c.52 0 .97-.07 1.34-.2c.38-.13.69-.34.93-.62c.24-.27.42-.62.53-1.01s.17-.9.17-1.49c0-.86.06-4.1.06-4.47c.02-.7.04-1.31.07-1.86v-.09H3.33zm3.75-.4c-.26 0-.48.08-.63.23s-.23.33-.23.54c0 .19.06.36.19.5c.13.13.32.2.55.2c.27 0 .48-.08.63-.23a.77.77 0 0 0 .22-.55c0-.18-.07-.35-.2-.48a.7.7 0 0 0-.53-.21m8.53 2.39c.16.77.24 1.95.24 3.51c0 1.45-.06 2.42-.18 2.86c-.08.29-.29.58-.64.84l-.06.05l.38.53h.05c1.03-.28 1.56-1.04 1.56-2.26c0-.19-.01-.53-.04-1.03c-.02-.49-.03-.9-.03-1.21c0-1.15.03-2.31.1-3.44v-.1l-1.41.16l.02.09zm-1.32 2.46c0-.07 0-.21.01-.41c0-.21.01-.35.01-.42c0-.72-.2-1.23-.59-1.51c-.38-.28-.92-.43-1.61-.43s-1.32.24-1.91.71l-.11-.65l-1.24.16l.02.09c.18.8.27 1.64.27 2.49c0 .56-.03 1.47-.1 2.72v.09h1.27v-.08c-.02-1.46-.03-2.82-.03-4.04c.46-.35.97-.53 1.51-.53c.45 0 .79.1 1.03.3c.23.19.35.56.35 1.1c0 1.14-.04 2.2-.13 3.17v.09h1.27v-.08c-.02-1.19-.03-2.12-.03-2.75zM16.53.92c-.26 0-.48.08-.63.23s-.23.33-.23.54c0 .19.06.36.19.5c.13.13.32.2.55.2c.26 0 .48-.08.62-.23a.77.77 0 0 0 .22-.55c0-.18-.07-.35-.2-.48a.7.7 0 0 0-.53-.21zm6.65 7.59c-.11-.51-.16-1.11-.16-1.78c0-.16 0-.47.02-.9c.02-.45.03-.77.03-.95c0-.68-.21-1.17-.62-1.45s-.98-.42-1.72-.42c-.79 0-1.5.08-2.12.24h-.05l-.13.95l.12-.03q.915-.21 1.86-.21c.52 0 .91.07 1.16.22c.24.13.36.41.36.83v.22c-1.42.02-2.37.21-2.9.56c-.55.36-.83.84-.83 1.44c0 .49.18.87.54 1.13c.35.26.77.39 1.25.39c.83 0 1.51-.2 2.02-.58c0 .13.03.27.07.41l.02.06l1.12-.04l-.02-.1zm-2.9-2.33c.37-.1.92-.15 1.63-.15c0 .42.01.89.03 1.39c-.38.27-.89.41-1.51.41c-.73 0-1.08-.22-1.08-.67c0-.48.31-.8.93-.98\"/>",
+      "width": 24,
+      "height": 12
+    },
+    "workflow-knowledge-base": {
+      "body": ""
+    },
+    "workflow-knowledge-retrieval": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "workflow-list-filter": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "workflow-llm": {
+      "body": ""
+    },
+    "workflow-loop": {
+      "body": "",
+      "width": 18,
+      "height": 16
+    },
+    "workflow-loop-end": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "workflow-parameter-extractor": {
+      "body": ""
+    },
+    "workflow-question-classifier": {
+      "body": ""
+    },
+    "workflow-schedule": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "workflow-templating-transform": {
+      "body": ""
+    },
+    "workflow-trigger-all": {
+      "body": ""
+    },
+    "workflow-variable-x": {
+      "body": ""
+    },
+    "workflow-webhook-line": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    },
+    "workflow-window-cursor": {
+      "body": "",
+      "width": 16,
+      "height": 16
+    }
+  }
+}
diff --git a/packages/iconify-collections/custom-vender/index.d.ts b/packages/iconify-collections/custom-vender/index.d.ts
new file mode 100644
index 0000000000..ecca5633d4
--- /dev/null
+++ b/packages/iconify-collections/custom-vender/index.d.ts
@@ -0,0 +1,55 @@
+export interface IconifyJSON {
+  prefix: string
+  icons: Record<string, IconifyIcon>
+  aliases?: Record<string, IconifyAlias>
+  width?: number
+  height?: number
+  lastModified?: number
+}
+
+export interface IconifyIcon {
+  body: string
+  left?: number
+  top?: number
+  width?: number
+  height?: number
+  rotate?: 0 | 1 | 2 | 3
+  hFlip?: boolean
+  vFlip?: boolean
+}
+
+export interface IconifyAlias extends Omit<IconifyIcon, 'body'> {
+  parent: string
+}
+
+export interface IconifyInfo {
+  prefix: string
+  name: string
+  total: number
+  version: string
+  author?: {
+    name: string
+    url?: string
+  }
+  license?: {
+    title: string
+    spdx?: string
+    url?: string
+  }
+  samples?: string[]
+  palette?: boolean
+}
+
+export interface IconifyMetaData {
+  [key: string]: unknown
+}
+
+export interface IconifyChars {
+  [key: string]: string
+}
+
+export declare const icons: IconifyJSON
+export declare const info: IconifyInfo
+export declare const metadata: IconifyMetaData
+export declare const chars: IconifyChars
+
diff --git a/packages/iconify-collections/custom-vender/index.js b/packages/iconify-collections/custom-vender/index.js
new file mode 100644
index 0000000000..81c1d0f5c4
--- /dev/null
+++ b/packages/iconify-collections/custom-vender/index.js
@@ -0,0 +1,9 @@
+'use strict'
+
+const icons = require('./icons.json')
+const info = require('./info.json')
+const metadata = require('./metadata.json')
+const chars = require('./chars.json')
+
+module.exports = { icons, info, metadata, chars }
+
diff --git a/packages/iconify-collections/custom-vender/index.mjs b/packages/iconify-collections/custom-vender/index.mjs
new file mode 100644
index 0000000000..6c1108a92d
--- /dev/null
+++ b/packages/iconify-collections/custom-vender/index.mjs
@@ -0,0 +1,7 @@
+import icons from './icons.json' with { type: 'json' }
+import info from './info.json' with { type: 'json' }
+import metadata from './metadata.json' with { type: 'json' }
+import chars from './chars.json' with { type: 'json' }
+
+export { icons, info, metadata, chars }
+
diff --git a/packages/iconify-collections/custom-vender/info.json b/packages/iconify-collections/custom-vender/info.json
new file mode 100644
index 0000000000..0a84c45bbd
--- /dev/null
+++ b/packages/iconify-collections/custom-vender/info.json
@@ -0,0 +1,24 @@
+{
+  "prefix": "custom-vender",
+  "name": "Dify Custom Vender",
+  "total": 277,
+  "version": "0.0.0-private",
+  "author": {
+    "name": "LangGenius, Inc.",
+    "url": "https://github.com/langgenius/dify"
+  },
+  "license": {
+    "title": "Modified Apache 2.0",
+    "spdx": "Apache-2.0",
+    "url": "https://github.com/langgenius/dify/blob/main/LICENSE"
+  },
+  "samples": [
+    "features-citations",
+    "features-content-moderation",
+    "features-document",
+    "features-folder-upload",
+    "features-love-message",
+    "features-message-fast"
+  ],
+  "palette": false
+}
diff --git a/packages/iconify-collections/custom-vender/metadata.json b/packages/iconify-collections/custom-vender/metadata.json
new file mode 100644
index 0000000000..0967ef424b
--- /dev/null
+++ b/packages/iconify-collections/custom-vender/metadata.json
@@ -0,0 +1 @@
+{}
diff --git a/packages/iconify-collections/package.json b/packages/iconify-collections/package.json
new file mode 100644
index 0000000000..3bd7285f1a
--- /dev/null
+++ b/packages/iconify-collections/package.json
@@ -0,0 +1,31 @@
+{
+  "name": "@dify/iconify-collections",
+  "private": true,
+  "version": "0.0.0-private",
+  "exports": {
+    "./custom-public": {
+      "types": "./custom-public/index.d.ts",
+      "require": "./custom-public/index.js",
+      "import": "./custom-public/index.mjs"
+    },
+    "./custom-public/icons.json": "./custom-public/icons.json",
+    "./custom-public/info.json": "./custom-public/info.json",
+    "./custom-public/metadata.json": "./custom-public/metadata.json",
+    "./custom-public/chars.json": "./custom-public/chars.json",
+    "./custom-vender": {
+      "types": "./custom-vender/index.d.ts",
+      "require": "./custom-vender/index.js",
+      "import": "./custom-vender/index.mjs"
+    },
+    "./custom-vender/icons.json": "./custom-vender/icons.json",
+    "./custom-vender/info.json": "./custom-vender/info.json",
+    "./custom-vender/metadata.json": "./custom-vender/metadata.json",
+    "./custom-vender/chars.json": "./custom-vender/chars.json"
+  },
+  "scripts": {
+    "generate": "node ./scripts/generate-collections.mjs"
+  },
+  "devDependencies": {
+    "iconify-import-svg": "catalog:"
+  }
+}
diff --git a/packages/iconify-collections/scripts/generate-collections.mjs b/packages/iconify-collections/scripts/generate-collections.mjs
new file mode 100644
index 0000000000..1c734731e6
--- /dev/null
+++ b/packages/iconify-collections/scripts/generate-collections.mjs
@@ -0,0 +1,178 @@
+import { mkdir, readFile, rm, writeFile } from 'node:fs/promises'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { importSvgCollections } from 'iconify-import-svg'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const packageDir = path.resolve(__dirname, '..')
+
+const parseColorOptions = {
+  fallback: () => 'currentColor',
+}
+const svgOptimizeConfig = {
+  cleanupSVG: true,
+  deOptimisePaths: true,
+  runSVGO: true,
+  parseColors: parseColorOptions,
+}
+
+const customPublicCollections = importSvgCollections({
+  source: path.resolve(packageDir, 'assets/public'),
+  prefix: 'custom-public',
+  ignoreImportErrors: true,
+  ...svgOptimizeConfig,
+})
+
+const customVenderCollections = importSvgCollections({
+  source: path.resolve(packageDir, 'assets/vender'),
+  prefix: 'custom-vender',
+  ignoreImportErrors: true,
+  ...svgOptimizeConfig,
+})
+
+const packageJson = JSON.parse(await readFile(path.resolve(packageDir, 'package.json'), 'utf8'))
+
+const flattenCollections = (collections, prefix) => {
+  const icons = {}
+  const aliases = {}
+  let lastModified = 0
+
+  for (const [collectionKey, collection] of Object.entries(collections)) {
+    const segment = collectionKey.slice(prefix.length + 1)
+    const namePrefix = segment
+      ? `${segment}-`
+      : ''
+
+    for (const [iconName, iconData] of Object.entries(collection.icons ?? {}))
+      icons[`${namePrefix}${iconName}`] = iconData
+
+    for (const [aliasName, aliasData] of Object.entries(collection.aliases ?? {}))
+      aliases[`${namePrefix}${aliasName}`] = aliasData
+
+    if (typeof collection.lastModified === 'number')
+      lastModified = Math.max(lastModified, collection.lastModified)
+  }
+
+  return {
+    prefix,
+    ...(lastModified ? { lastModified } : {}),
+    icons,
+    ...(Object.keys(aliases).length ? { aliases } : {}),
+  }
+}
+
+const createCollectionInfo = (prefix, name, icons) => ({
+  prefix,
+  name,
+  total: Object.keys(icons).length,
+  version: packageJson.version,
+  author: {
+    name: 'LangGenius, Inc.',
+    url: 'https://github.com/langgenius/dify',
+  },
+  license: {
+    title: 'Modified Apache 2.0',
+    spdx: 'Apache-2.0',
+    url: 'https://github.com/langgenius/dify/blob/main/LICENSE',
+  },
+  samples: Object.keys(icons).slice(0, 6),
+  palette: false,
+})
+
+const createIndexMjs = () => `import icons from './icons.json' with { type: 'json' }
+import info from './info.json' with { type: 'json' }
+import metadata from './metadata.json' with { type: 'json' }
+import chars from './chars.json' with { type: 'json' }
+
+export { icons, info, metadata, chars }
+`
+
+const createIndexJs = () => `'use strict'
+
+const icons = require('./icons.json')
+const info = require('./info.json')
+const metadata = require('./metadata.json')
+const chars = require('./chars.json')
+
+module.exports = { icons, info, metadata, chars }
+`
+
+const createIndexTypes = () => `export interface IconifyJSON {
+  prefix: string
+  icons: Record<string, IconifyIcon>
+  aliases?: Record<string, IconifyAlias>
+  width?: number
+  height?: number
+  lastModified?: number
+}
+
+export interface IconifyIcon {
+  body: string
+  left?: number
+  top?: number
+  width?: number
+  height?: number
+  rotate?: 0 | 1 | 2 | 3
+  hFlip?: boolean
+  vFlip?: boolean
+}
+
+export interface IconifyAlias extends Omit<IconifyIcon, 'body'> {
+  parent: string
+}
+
+export interface IconifyInfo {
+  prefix: string
+  name: string
+  total: number
+  version: string
+  author?: {
+    name: string
+    url?: string
+  }
+  license?: {
+    title: string
+    spdx?: string
+    url?: string
+  }
+  samples?: string[]
+  palette?: boolean
+}
+
+export interface IconifyMetaData {
+  [key: string]: unknown
+}
+
+export interface IconifyChars {
+  [key: string]: string
+}
+
+export declare const icons: IconifyJSON
+export declare const info: IconifyInfo
+export declare const metadata: IconifyMetaData
+export declare const chars: IconifyChars
+`
+
+const writeCollectionPackage = async (directoryName, collection, name) => {
+  const targetDir = path.resolve(packageDir, directoryName)
+  const info = createCollectionInfo(collection.prefix, name, collection.icons)
+
+  await mkdir(targetDir, { recursive: true })
+  await writeFile(path.resolve(targetDir, 'icons.json'), `${JSON.stringify(collection, null, 2)}\n`)
+  await writeFile(path.resolve(targetDir, 'info.json'), `${JSON.stringify(info, null, 2)}\n`)
+  await writeFile(path.resolve(targetDir, 'metadata.json'), '{}\n')
+  await writeFile(path.resolve(targetDir, 'chars.json'), '{}\n')
+  await writeFile(path.resolve(targetDir, 'index.mjs'), `${createIndexMjs()}\n`)
+  await writeFile(path.resolve(targetDir, 'index.js'), `${createIndexJs()}\n`)
+  await writeFile(path.resolve(targetDir, 'index.d.ts'), `${createIndexTypes()}\n`)
+}
+
+const mergedCustomPublicCollection = flattenCollections(customPublicCollections, 'custom-public')
+const mergedCustomVenderCollection = flattenCollections(customVenderCollections, 'custom-vender')
+
+await rm(path.resolve(packageDir, 'src'), { recursive: true, force: true })
+await rm(path.resolve(packageDir, 'custom-public'), { recursive: true, force: true })
+await rm(path.resolve(packageDir, 'custom-vender'), { recursive: true, force: true })
+
+await writeCollectionPackage('custom-public', mergedCustomPublicCollection, 'Dify Custom Public')
+await writeCollectionPackage('custom-vender', mergedCustomVenderCollection, 'Dify Custom Vender')
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cdd69e783a..57ca2e70bc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,14 +7,14 @@ settings:
 catalogs:
   default:
     '@amplitude/analytics-browser':
-      specifier: 2.38.0
-      version: 2.38.0
+      specifier: 2.38.1
+      version: 2.38.1
     '@amplitude/plugin-session-replay-browser':
-      specifier: 1.27.5
-      version: 1.27.5
+      specifier: 1.27.6
+      version: 1.27.6
     '@antfu/eslint-config':
-      specifier: 7.7.3
-      version: 7.7.3
+      specifier: 8.0.0
+      version: 8.0.0
     '@base-ui/react':
       specifier: 1.3.0
       version: 1.3.0
@@ -49,8 +49,8 @@ catalogs:
       specifier: 2.2.0
       version: 2.2.0
     '@hono/node-server':
-      specifier: 1.19.11
-      version: 1.19.11
+      specifier: 1.19.12
+      version: 1.19.12
     '@iconify-json/heroicons':
       specifier: 1.2.3
       version: 1.2.3
@@ -88,11 +88,11 @@ catalogs:
       specifier: 4.7.0
       version: 4.7.0
     '@next/eslint-plugin-next':
-      specifier: 16.2.1
-      version: 16.2.1
+      specifier: 16.2.2
+      version: 16.2.2
     '@next/mdx':
-      specifier: 16.2.1
-      version: 16.2.1
+      specifier: 16.2.2
+      version: 16.2.2
     '@orpc/client':
       specifier: 1.13.13
       version: 1.13.13
@@ -106,8 +106,8 @@ catalogs:
       specifier: 1.13.13
       version: 1.13.13
     '@playwright/test':
-      specifier: 1.58.2
-      version: 1.58.2
+      specifier: 1.59.1
+      version: 1.59.1
     '@remixicon/react':
       specifier: 4.9.0
       version: 4.9.0
@@ -115,26 +115,26 @@ catalogs:
       specifier: 4.2.0
       version: 4.2.0
     '@sentry/react':
-      specifier: 10.46.0
-      version: 10.46.0
+      specifier: 10.47.0
+      version: 10.47.0
     '@storybook/addon-docs':
-      specifier: 10.3.3
-      version: 10.3.3
+      specifier: 10.3.4
+      version: 10.3.4
     '@storybook/addon-links':
-      specifier: 10.3.3
-      version: 10.3.3
+      specifier: 10.3.4
+      version: 10.3.4
     '@storybook/addon-onboarding':
-      specifier: 10.3.3
-      version: 10.3.3
+      specifier: 10.3.4
+      version: 10.3.4
     '@storybook/addon-themes':
-      specifier: 10.3.3
-      version: 10.3.3
+      specifier: 10.3.4
+      version: 10.3.4
     '@storybook/nextjs-vite':
-      specifier: 10.3.3
-      version: 10.3.3
+      specifier: 10.3.4
+      version: 10.3.4
     '@storybook/react':
-      specifier: 10.3.3
-      version: 10.3.3
+      specifier: 10.3.4
+      version: 10.3.4
     '@streamdown/math':
       specifier: 1.0.2
       version: 1.0.2
@@ -154,23 +154,26 @@ catalogs:
       specifier: 4.2.2
       version: 4.2.2
     '@tanstack/eslint-plugin-query':
-      specifier: 5.95.2
-      version: 5.95.2
+      specifier: 5.96.1
+      version: 5.96.1
     '@tanstack/react-devtools':
-      specifier: 0.10.0
-      version: 0.10.0
+      specifier: 0.10.1
+      version: 0.10.1
     '@tanstack/react-form':
-      specifier: 1.28.5
-      version: 1.28.5
+      specifier: 1.28.6
+      version: 1.28.6
     '@tanstack/react-form-devtools':
-      specifier: 0.2.19
-      version: 0.2.19
+      specifier: 0.2.20
+      version: 0.2.20
     '@tanstack/react-query':
-      specifier: 5.95.2
-      version: 5.95.2
+      specifier: 5.96.1
+      version: 5.96.1
     '@tanstack/react-query-devtools':
-      specifier: 5.95.2
-      version: 5.95.2
+      specifier: 5.96.1
+      version: 5.96.1
+    '@tanstack/react-virtual':
+      specifier: 3.13.23
+      version: 3.13.23
     '@testing-library/dom':
       specifier: 10.4.1
       version: 10.4.1
@@ -213,24 +216,18 @@ catalogs:
     '@types/react-dom':
       specifier: 19.2.3
       version: 19.2.3
-    '@types/react-syntax-highlighter':
-      specifier: 15.5.13
-      version: 15.5.13
-    '@types/react-window':
-      specifier: 1.8.8
-      version: 1.8.8
     '@types/sortablejs':
       specifier: 1.15.9
       version: 1.15.9
     '@typescript-eslint/eslint-plugin':
-      specifier: 8.57.2
-      version: 8.57.2
+      specifier: 8.58.0
+      version: 8.58.0
     '@typescript-eslint/parser':
-      specifier: 8.57.2
-      version: 8.57.2
+      specifier: 8.58.0
+      version: 8.58.0
     '@typescript/native-preview':
-      specifier: 7.0.0-dev.20260329.1
-      version: 7.0.0-dev.20260329.1
+      specifier: 7.0.0-dev.20260401.1
+      version: 7.0.0-dev.20260401.1
     '@vitejs/plugin-react':
       specifier: 6.0.1
       version: 6.0.1
@@ -238,8 +235,8 @@ catalogs:
       specifier: 0.5.21
       version: 0.5.21
     '@vitest/coverage-v8':
-      specifier: 4.1.1
-      version: 4.1.1
+      specifier: 4.1.2
+      version: 4.1.2
     abcjs:
       specifier: 6.6.2
       version: 6.6.2
@@ -259,8 +256,8 @@ catalogs:
       specifier: 1.1.1
       version: 1.1.1
     code-inspector-plugin:
-      specifier: 1.4.5
-      version: 1.4.5
+      specifier: 1.5.1
+      version: 1.5.1
     copy-to-clipboard:
       specifier: 3.3.3
       version: 3.3.3
@@ -310,14 +307,11 @@ catalogs:
       specifier: 0.14.1
       version: 0.14.1
     eslint-plugin-markdown-preferences:
-      specifier: 0.40.3
-      version: 0.40.3
+      specifier: 0.41.0
+      version: 0.41.0
     eslint-plugin-no-barrel-files:
       specifier: 1.2.2
       version: 1.2.2
-    eslint-plugin-react-hooks:
-      specifier: 7.0.1
-      version: 7.0.1
     eslint-plugin-react-refresh:
       specifier: 0.5.2
       version: 0.5.2
@@ -325,8 +319,8 @@ catalogs:
       specifier: 4.0.2
       version: 4.0.2
     eslint-plugin-storybook:
-      specifier: 10.3.3
-      version: 10.3.3
+      specifier: 10.3.4
+      version: 10.3.4
     fast-deep-equal:
       specifier: 3.1.3
       version: 3.1.3
@@ -336,9 +330,12 @@ catalogs:
     happy-dom:
       specifier: 20.8.9
       version: 20.8.9
+    hast-util-to-jsx-runtime:
+      specifier: 2.3.6
+      version: 2.3.6
     hono:
-      specifier: 4.12.9
-      version: 4.12.9
+      specifier: 4.12.10
+      version: 4.12.10
     html-entities:
       specifier: 2.6.0
       version: 2.6.0
@@ -346,8 +343,8 @@ catalogs:
       specifier: 1.11.13
       version: 1.11.13
     i18next:
-      specifier: 25.10.10
-      version: 25.10.10
+      specifier: 26.0.3
+      version: 26.0.3
     i18next-resources-to-backend:
       specifier: 1.2.1
       version: 1.2.1
@@ -376,8 +373,8 @@ catalogs:
       specifier: 0.16.44
       version: 0.16.44
     knip:
-      specifier: 6.1.0
-      version: 6.1.0
+      specifier: 6.2.0
+      version: 6.2.0
     ky:
       specifier: 1.14.3
       version: 1.14.3
@@ -388,8 +385,8 @@ catalogs:
       specifier: 0.42.0
       version: 0.42.0
     mermaid:
-      specifier: 11.13.0
-      version: 11.13.0
+      specifier: 11.14.0
+      version: 11.14.0
     mime:
       specifier: 4.1.0
       version: 4.1.0
@@ -400,8 +397,8 @@ catalogs:
       specifier: 1.0.0
       version: 1.0.0
     next:
-      specifier: 16.2.1
-      version: 16.2.1
+      specifier: 16.2.2
+      version: 16.2.2
     next-themes:
       specifier: 0.4.6
       version: 0.4.6
@@ -436,8 +433,8 @@ catalogs:
       specifier: 5.2.4
       version: 5.2.4
     react-i18next:
-      specifier: 16.6.6
-      version: 16.6.6
+      specifier: 17.0.2
+      version: 17.0.2
     react-multi-email:
       specifier: 1.0.25
       version: 1.0.25
@@ -453,15 +450,9 @@ catalogs:
     react-sortablejs:
       specifier: 6.1.4
       version: 6.1.4
-    react-syntax-highlighter:
-      specifier: 15.6.6
-      version: 15.6.6
     react-textarea-autosize:
       specifier: 8.5.9
       version: 8.5.9
-    react-window:
-      specifier: 1.8.11
-      version: 1.8.11
     reactflow:
       specifier: 11.11.4
       version: 11.11.4
@@ -471,15 +462,15 @@ catalogs:
     remark-directive:
       specifier: 4.0.0
       version: 4.0.0
-    sass:
-      specifier: 1.98.0
-      version: 1.98.0
     scheduler:
       specifier: 0.27.0
       version: 0.27.0
     sharp:
       specifier: 0.34.5
       version: 0.34.5
+    shiki:
+      specifier: 4.0.2
+      version: 4.0.2
     sortablejs:
       specifier: 1.15.7
       version: 1.15.7
@@ -487,8 +478,8 @@ catalogs:
       specifier: 1.0.8
       version: 1.0.8
     storybook:
-      specifier: 10.3.3
-      version: 10.3.3
+      specifier: 10.3.4
+      version: 10.3.4
     streamdown:
       specifier: 2.5.0
       version: 2.5.0
@@ -501,21 +492,15 @@ catalogs:
     tailwindcss:
       specifier: 4.2.2
       version: 4.2.2
-    taze:
-      specifier: 19.10.0
-      version: 19.10.0
     tldts:
       specifier: 7.0.27
       version: 7.0.27
-    tsup:
-      specifier: ^8.5.1
-      version: 8.5.1
     tsx:
       specifier: 4.21.0
       version: 4.21.0
     typescript:
-      specifier: 5.9.3
-      version: 5.9.3
+      specifier: 6.0.2
+      version: 6.0.2
     uglify-js:
       specifier: 3.19.3
       version: 3.19.3
@@ -529,14 +514,14 @@ catalogs:
       specifier: 13.0.0
       version: 13.0.0
     vinext:
-      specifier: 0.0.38
-      version: 0.0.38
+      specifier: 0.0.39
+      version: 0.0.39
     vite-plugin-inspect:
       specifier: 12.0.0-beta.1
       version: 12.0.0-beta.1
     vite-plus:
-      specifier: 0.1.14
-      version: 0.1.14
+      specifier: 0.1.15
+      version: 0.1.15
     vitest-canvas-mock:
       specifier: 1.1.4
       version: 1.1.4
@@ -561,7 +546,7 @@ overrides:
   array.prototype.flatmap: npm:@nolyfill/array.prototype.flatmap@^1.0.44
   array.prototype.tosorted: npm:@nolyfill/array.prototype.tosorted@^1.0.44
   assert: npm:@nolyfill/assert@^1.0.26
-  brace-expansion@<2.0.2: 2.0.2
+  brace-expansion@>=2.0.0 <2.0.3: 2.0.3
   canvas: ^3.2.2
   devalue@<5.3.2: 5.3.2
   dompurify@>=3.1.3 <=3.3.1: 3.3.2
@@ -575,6 +560,8 @@ overrides:
   is-generator-function: npm:@nolyfill/is-generator-function@^1.0.44
   is-typed-array: npm:@nolyfill/is-typed-array@^1.0.44
   isarray: npm:@nolyfill/isarray@^1.0.44
+  lodash@>=4.0.0 <= 4.17.23: 4.18.0
+  lodash-es@>=4.0.0 <= 4.17.23: 4.18.0
   object.assign: npm:@nolyfill/object.assign@^1.0.44
   object.entries: npm:@nolyfill/object.entries@^1.0.44
   object.fromentries: npm:@nolyfill/object.fromentries@^1.0.44
@@ -602,8 +589,8 @@ overrides:
   tar@<=7.5.10: 7.5.11
   typed-array-buffer: npm:@nolyfill/typed-array-buffer@^1.0.44
   undici@>=7.0.0 <7.24.0: 7.24.0
-  vite: npm:@voidzero-dev/vite-plus-core@0.1.14
-  vitest: npm:@voidzero-dev/vite-plus-test@0.1.14
+  vite: npm:@voidzero-dev/vite-plus-core@0.1.15
+  vitest: npm:@voidzero-dev/vite-plus-test@0.1.15
   which-typed-array: npm:@nolyfill/which-typed-array@^1.0.44
   yaml@>=2.0.0 <2.8.3: 2.8.3
   yauzl@<3.2.1: 3.2.1
@@ -612,12 +599,9 @@ importers:
 
   .:
     devDependencies:
-      taze:
-        specifier: 'catalog:'
-        version: 19.10.0
       vite-plus:
         specifier: 'catalog:'
-        version: 0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)
+        version: 0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)
 
   e2e:
     devDependencies:
@@ -626,7 +610,7 @@ importers:
         version: 12.7.0
       '@playwright/test':
         specifier: 'catalog:'
-        version: 1.58.2
+        version: 1.59.1
       '@types/node':
         specifier: 'catalog:'
         version: 25.5.0
@@ -635,10 +619,16 @@ importers:
         version: 4.21.0
       typescript:
         specifier: 'catalog:'
-        version: 5.9.3
+        version: 6.0.2
       vite-plus:
         specifier: 'catalog:'
-        version: 0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)
+        version: 0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)
+
+  packages/iconify-collections:
+    devDependencies:
+      iconify-import-svg:
+        specifier: 'catalog:'
+        version: 0.1.2
 
   sdks/nodejs-client:
     devDependencies:
@@ -650,34 +640,34 @@ importers:
         version: 25.5.0
       '@typescript-eslint/eslint-plugin':
         specifier: 'catalog:'
-        version: 8.57.2(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+        version: 8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript-eslint/parser':
         specifier: 'catalog:'
-        version: 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+        version: 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       '@vitest/coverage-v8':
         specifier: 'catalog:'
-        version: 4.1.1(@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3))
+        version: 4.1.2(@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3))
       eslint:
         specifier: 'catalog:'
         version: 10.1.0(jiti@2.6.1)
-      tsup:
-        specifier: 'catalog:'
-        version: 8.5.1(jiti@2.6.1)(postcss@8.5.8)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)
       typescript:
         specifier: 'catalog:'
-        version: 5.9.3
+        version: 6.0.2
+      vite-plus:
+        specifier: 'catalog:'
+        version: 0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)
       vitest:
-        specifier: npm:@voidzero-dev/vite-plus-test@0.1.14
-        version: '@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)'
+        specifier: npm:@voidzero-dev/vite-plus-test@0.1.15
+        version: '@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)'
 
   web:
     dependencies:
       '@amplitude/analytics-browser':
         specifier: 'catalog:'
-        version: 2.38.0
+        version: 2.38.1
       '@amplitude/plugin-session-replay-browser':
         specifier: 'catalog:'
-        version: 1.27.5(@amplitude/rrweb@2.0.0-alpha.37)(rollup@4.59.0)
+        version: 1.27.6(@amplitude/rrweb@2.0.0-alpha.37)(rollup@4.59.0)
       '@base-ui/react':
         specifier: 'catalog:'
         version: 1.3.0(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -731,13 +721,13 @@ importers:
         version: 1.13.13
       '@orpc/tanstack-query':
         specifier: 'catalog:'
-        version: 1.13.13(@orpc/client@1.13.13)(@tanstack/query-core@5.95.2)
+        version: 1.13.13(@orpc/client@1.13.13)(@tanstack/query-core@5.96.1)
       '@remixicon/react':
         specifier: 'catalog:'
         version: 4.9.0(react@19.2.4)
       '@sentry/react':
         specifier: 'catalog:'
-        version: 10.46.0(react@19.2.4)
+        version: 10.47.0(react@19.2.4)
       '@streamdown/math':
         specifier: 'catalog:'
         version: 1.0.2(react@19.2.4)
@@ -746,16 +736,19 @@ importers:
         version: 3.2.5
       '@t3-oss/env-nextjs':
         specifier: 'catalog:'
-        version: 0.13.11(typescript@5.9.3)(valibot@1.3.1(typescript@5.9.3))(zod@4.3.6)
+        version: 0.13.11(typescript@6.0.2)(valibot@1.3.1(typescript@6.0.2))(zod@4.3.6)
       '@tailwindcss/typography':
         specifier: 'catalog:'
         version: 0.5.19(tailwindcss@4.2.2)
       '@tanstack/react-form':
         specifier: 'catalog:'
-        version: 1.28.5(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        version: 1.28.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tanstack/react-query':
         specifier: 'catalog:'
-        version: 5.95.2(react@19.2.4)
+        version: 5.96.1(react@19.2.4)
+      '@tanstack/react-virtual':
+        specifier: 'catalog:'
+        version: 3.13.23(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       abcjs:
         specifier: 'catalog:'
         version: 6.6.2
@@ -813,6 +806,9 @@ importers:
       foxact:
         specifier: 'catalog:'
         version: 0.3.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      hast-util-to-jsx-runtime:
+        specifier: 'catalog:'
+        version: 2.3.6
       html-entities:
         specifier: 'catalog:'
         version: 2.6.0
@@ -821,7 +817,7 @@ importers:
         version: 1.11.13
       i18next:
         specifier: 'catalog:'
-        version: 25.10.10(typescript@5.9.3)
+        version: 26.0.3(typescript@6.0.2)
       i18next-resources-to-backend:
         specifier: 'catalog:'
         version: 1.2.1
@@ -857,7 +853,7 @@ importers:
         version: 0.42.0
       mermaid:
         specifier: 'catalog:'
-        version: 11.13.0
+        version: 11.14.0
       mime:
         specifier: 'catalog:'
         version: 4.1.0
@@ -869,13 +865,13 @@ importers:
         version: 1.0.0
       next:
         specifier: 'catalog:'
-        version: 16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0)
+        version: 16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0)
       next-themes:
         specifier: 'catalog:'
         version: 0.4.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       nuqs:
         specifier: 'catalog:'
-        version: 2.8.9(next@16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react@19.2.4)
+        version: 2.8.9(next@16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react@19.2.4)
       pinyin-pro:
         specifier: 'catalog:'
         version: 3.28.0
@@ -902,7 +898,7 @@ importers:
         version: 5.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react-i18next:
         specifier: 'catalog:'
-        version: 16.6.6(i18next@25.10.10(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3)
+        version: 17.0.2(i18next@26.0.3(typescript@6.0.2))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@6.0.2)
       react-multi-email:
         specifier: 'catalog:'
         version: 1.0.25(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -915,15 +911,9 @@ importers:
       react-sortablejs:
         specifier: 'catalog:'
         version: 6.1.4(@types/sortablejs@1.15.9)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sortablejs@1.15.7)
-      react-syntax-highlighter:
-        specifier: 'catalog:'
-        version: 15.6.6(react@19.2.4)
       react-textarea-autosize:
         specifier: 'catalog:'
         version: 8.5.9(@types/react@19.2.14)(react@19.2.4)
-      react-window:
-        specifier: 'catalog:'
-        version: 1.8.11(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       reactflow:
         specifier: 'catalog:'
         version: 11.11.4(@types/react@19.2.14)(immer@11.1.4)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -939,6 +929,9 @@ importers:
       sharp:
         specifier: 'catalog:'
         version: 0.34.5
+      shiki:
+        specifier: 'catalog:'
+        version: 4.0.2
       sortablejs:
         specifier: 'catalog:'
         version: 1.15.7
@@ -978,19 +971,22 @@ importers:
     devDependencies:
       '@antfu/eslint-config':
         specifier: 'catalog:'
-        version: 7.7.3(@eslint-react/eslint-plugin@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(@next/eslint-plugin-next@16.2.1)(@typescript-eslint/rule-tester@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/typescript-estree@8.57.2(typescript@5.9.3))(@typescript-eslint/utils@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(@vue/compiler-sfc@3.5.31)(eslint-plugin-react-hooks@7.0.1(eslint@10.1.0(jiti@2.6.1)))(eslint-plugin-react-refresh@0.5.2(eslint@10.1.0(jiti@2.6.1)))(eslint@10.1.0(jiti@2.6.1))(oxlint@1.57.0(oxlint-tsgolint@0.17.3))(typescript@5.9.3)
+        version: 8.0.0(@eslint-react/eslint-plugin@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(@next/eslint-plugin-next@16.2.2)(@typescript-eslint/rule-tester@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(@typescript-eslint/typescript-estree@8.58.0(typescript@6.0.2))(@typescript-eslint/utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(@vue/compiler-sfc@3.5.31)(eslint-plugin-react-refresh@0.5.2(eslint@10.1.0(jiti@2.6.1)))(eslint@10.1.0(jiti@2.6.1))(oxlint@1.58.0(oxlint-tsgolint@0.18.1))(typescript@6.0.2)
       '@chromatic-com/storybook':
         specifier: 'catalog:'
-        version: 5.1.1(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
+        version: 5.1.1(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
+      '@dify/iconify-collections':
+        specifier: workspace:*
+        version: link:../packages/iconify-collections
       '@egoist/tailwindcss-icons':
         specifier: 'catalog:'
         version: 1.9.2(tailwindcss@4.2.2)
       '@eslint-react/eslint-plugin':
         specifier: 'catalog:'
-        version: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+        version: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       '@hono/node-server':
         specifier: 'catalog:'
-        version: 1.19.11(hono@4.12.9)
+        version: 1.19.12(hono@4.12.10)
       '@iconify-json/heroicons':
         specifier: 'catalog:'
         version: 1.2.3
@@ -1008,49 +1004,49 @@ importers:
         version: 3.1.1(rollup@4.59.0)
       '@next/eslint-plugin-next':
         specifier: 'catalog:'
-        version: 16.2.1
+        version: 16.2.2
       '@next/mdx':
         specifier: 'catalog:'
-        version: 16.2.1(@mdx-js/loader@3.1.1(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)))(@mdx-js/react@3.1.1(@types/react@19.2.14)(react@19.2.4))
+        version: 16.2.2(@mdx-js/loader@3.1.1(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)))(@mdx-js/react@3.1.1(@types/react@19.2.14)(react@19.2.4))
       '@rgrove/parse-xml':
         specifier: 'catalog:'
         version: 4.2.0
       '@storybook/addon-docs':
         specifier: 'catalog:'
-        version: 10.3.3(@types/react@19.2.14)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
+        version: 10.3.4(@types/react@19.2.14)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
       '@storybook/addon-links':
         specifier: 'catalog:'
-        version: 10.3.3(react@19.2.4)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
+        version: 10.3.4(react@19.2.4)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
       '@storybook/addon-onboarding':
         specifier: 'catalog:'
-        version: 10.3.3(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
+        version: 10.3.4(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
       '@storybook/addon-themes':
         specifier: 'catalog:'
-        version: 10.3.3(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
+        version: 10.3.4(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
       '@storybook/nextjs-vite':
         specifier: 'catalog:'
-        version: 10.3.3(@babel/core@7.29.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(next@16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
+        version: 10.3.4(@babel/core@7.29.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(next@16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
       '@storybook/react':
         specifier: 'catalog:'
-        version: 10.3.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
+        version: 10.3.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2)
       '@tailwindcss/postcss':
         specifier: 'catalog:'
         version: 4.2.2
       '@tailwindcss/vite':
         specifier: 'catalog:'
-        version: 4.2.2(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))
+        version: 4.2.2(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))
       '@tanstack/eslint-plugin-query':
         specifier: 'catalog:'
-        version: 5.95.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+        version: 5.96.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       '@tanstack/react-devtools':
         specifier: 'catalog:'
-        version: 0.10.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(solid-js@1.9.11)
+        version: 0.10.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(solid-js@1.9.11)
       '@tanstack/react-form-devtools':
         specifier: 'catalog:'
-        version: 0.2.19(@types/react@19.2.14)(csstype@3.2.3)(react@19.2.4)(solid-js@1.9.11)
+        version: 0.2.20(@types/react@19.2.14)(csstype@3.2.3)(react@19.2.4)(solid-js@1.9.11)
       '@tanstack/react-query-devtools':
         specifier: 'catalog:'
-        version: 5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)
+        version: 5.96.1(@tanstack/react-query@5.96.1(react@19.2.4))(react@19.2.4)
       '@testing-library/dom':
         specifier: 'catalog:'
         version: 10.4.1
@@ -1065,13 +1061,13 @@ importers:
         version: 14.6.1(@testing-library/dom@10.4.1)
       '@tsslint/cli':
         specifier: 'catalog:'
-        version: 3.0.2(@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@5.9.3))(typescript@5.9.3)
+        version: 3.0.2(@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@6.0.2))(typescript@6.0.2)
       '@tsslint/compat-eslint':
         specifier: 'catalog:'
-        version: 3.0.2(jiti@2.6.1)(typescript@5.9.3)
+        version: 3.0.2(jiti@2.6.1)(typescript@6.0.2)
       '@tsslint/config':
         specifier: 'catalog:'
-        version: 3.0.2(@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@5.9.3))(typescript@5.9.3)
+        version: 3.0.2(@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@6.0.2))(typescript@6.0.2)
       '@types/js-cookie':
         specifier: 'catalog:'
         version: 3.0.6
@@ -1093,36 +1089,30 @@ importers:
       '@types/react-dom':
         specifier: 'catalog:'
         version: 19.2.3(@types/react@19.2.14)
-      '@types/react-syntax-highlighter':
-        specifier: 'catalog:'
-        version: 15.5.13
-      '@types/react-window':
-        specifier: 'catalog:'
-        version: 1.8.8
       '@types/sortablejs':
         specifier: 'catalog:'
         version: 1.15.9
       '@typescript-eslint/parser':
         specifier: 'catalog:'
-        version: 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+        version: 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       '@typescript/native-preview':
         specifier: 'catalog:'
-        version: 7.0.0-dev.20260329.1
+        version: 7.0.0-dev.20260401.1
       '@vitejs/plugin-react':
         specifier: 'catalog:'
-        version: 6.0.1(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))
+        version: 6.0.1(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))
       '@vitejs/plugin-rsc':
         specifier: 'catalog:'
-        version: 0.5.21(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(react-dom@19.2.4(react@19.2.4))(react-server-dom-webpack@19.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)))(react@19.2.4)
+        version: 0.5.21(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(react-dom@19.2.4(react@19.2.4))(react-server-dom-webpack@19.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)))(react@19.2.4)
       '@vitest/coverage-v8':
         specifier: 'catalog:'
-        version: 4.1.1(@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))
+        version: 4.1.2(@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))
       agentation:
         specifier: 'catalog:'
         version: 3.0.2(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       code-inspector-plugin:
         specifier: 'catalog:'
-        version: 1.4.5
+        version: 1.5.1
       eslint:
         specifier: 'catalog:'
         version: 10.1.0(jiti@2.6.1)
@@ -1131,19 +1121,16 @@ importers:
         version: 0.6.0(eslint@10.1.0(jiti@2.6.1))
       eslint-plugin-better-tailwindcss:
         specifier: 'catalog:'
-        version: 4.3.2(eslint@10.1.0(jiti@2.6.1))(oxlint@1.57.0(oxlint-tsgolint@0.17.3))(tailwindcss@4.2.2)(typescript@5.9.3)
+        version: 4.3.2(eslint@10.1.0(jiti@2.6.1))(oxlint@1.58.0(oxlint-tsgolint@0.18.1))(tailwindcss@4.2.2)(typescript@6.0.2)
       eslint-plugin-hyoban:
         specifier: 'catalog:'
         version: 0.14.1(eslint@10.1.0(jiti@2.6.1))
       eslint-plugin-markdown-preferences:
         specifier: 'catalog:'
-        version: 0.40.3(@eslint/markdown@7.5.1)(eslint@10.1.0(jiti@2.6.1))
+        version: 0.41.0(@eslint/markdown@8.0.1)(eslint@10.1.0(jiti@2.6.1))
       eslint-plugin-no-barrel-files:
         specifier: 'catalog:'
-        version: 1.2.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      eslint-plugin-react-hooks:
-        specifier: 'catalog:'
-        version: 7.0.1(eslint@10.1.0(jiti@2.6.1))
+        version: 1.2.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint-plugin-react-refresh:
         specifier: 'catalog:'
         version: 0.5.2(eslint@10.1.0(jiti@2.6.1))
@@ -1152,31 +1139,25 @@ importers:
         version: 4.0.2(eslint@10.1.0(jiti@2.6.1))
       eslint-plugin-storybook:
         specifier: 'catalog:'
-        version: 10.3.3(eslint@10.1.0(jiti@2.6.1))(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
+        version: 10.3.4(eslint@10.1.0(jiti@2.6.1))(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2)
       happy-dom:
         specifier: 'catalog:'
         version: 20.8.9
       hono:
         specifier: 'catalog:'
-        version: 4.12.9
-      iconify-import-svg:
-        specifier: 'catalog:'
-        version: 0.1.2
+        version: 4.12.10
       knip:
         specifier: 'catalog:'
-        version: 6.1.0(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)
+        version: 6.2.0(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)
       postcss:
         specifier: 'catalog:'
         version: 8.5.8
       react-server-dom-webpack:
         specifier: 'catalog:'
         version: 19.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
-      sass:
-        specifier: 'catalog:'
-        version: 1.98.0
       storybook:
         specifier: 'catalog:'
-        version: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+        version: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tailwindcss:
         specifier: 'catalog:'
         version: 4.2.2
@@ -1185,28 +1166,28 @@ importers:
         version: 4.21.0
       typescript:
         specifier: 'catalog:'
-        version: 5.9.3
+        version: 6.0.2
       uglify-js:
         specifier: 'catalog:'
         version: 3.19.3
       vinext:
         specifier: 'catalog:'
-        version: 0.0.38(21fde6c2677b0aab516df83ef1beed5d)
+        version: 0.0.39(bf3f106951d7257e1336e695c204ec32)
       vite:
-        specifier: npm:@voidzero-dev/vite-plus-core@0.1.14
-        version: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+        specifier: npm:@voidzero-dev/vite-plus-core@0.1.15
+        version: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
       vite-plugin-inspect:
         specifier: 'catalog:'
-        version: 12.0.0-beta.1(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(typescript@5.9.3)(ws@8.20.0)
+        version: 12.0.0-beta.1(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(typescript@6.0.2)(ws@8.20.0)
       vite-plus:
         specifier: 'catalog:'
-        version: 0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)
+        version: 0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)
       vitest:
-        specifier: npm:@voidzero-dev/vite-plus-test@0.1.14
-        version: '@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+        specifier: npm:@voidzero-dev/vite-plus-test@0.1.15
+        version: '@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
       vitest-canvas-mock:
         specifier: 'catalog:'
-        version: 1.1.4(@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))
+        version: 1.1.4(@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))
 
 packages:
 
@@ -1217,17 +1198,17 @@ packages:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
-  '@amplitude/analytics-browser@2.38.0':
-    resolution: {integrity: sha512-MhqyEkr1gGAR4s4GSSflDhFVheIx9Nv3FfElQu9NlNrXB2Hh3BEOyVgdK7hgfi6NJwFyfw30+t5lym+njtA8hA==}
+  '@amplitude/analytics-browser@2.38.1':
+    resolution: {integrity: sha512-8E3WDuCz5pmVysw7iwT9MjltzaO7Sqy9jWNaXovO30Z8sXs5Ncl32qv6o14kwlpl3wRSaaAKDe0Z3Grjx3dYYQ==}
 
-  '@amplitude/analytics-client-common@2.4.41':
-    resolution: {integrity: sha512-+GbvtvhsUROotPBwfAxbrqovKePhC0oQKXtxjbeNQleOHjBjsAs5jEOCHpJenCKtaRpucg/FuK3NVOS09MfW7Q==}
+  '@amplitude/analytics-client-common@2.4.42':
+    resolution: {integrity: sha512-pEpE6s8GsXTlD9Jj4b/wplCQD8fT2ml/VZSnQ1E5sU0goaeZaYQKMTXGpbA2aE40ABZMwQSopxJn+puBrJc8eg==}
 
   '@amplitude/analytics-connector@1.6.4':
     resolution: {integrity: sha512-SpIv0IQMNIq6SH3UqFGiaZyGSc7PBZwRdq7lvP0pBxW8i4Ny+8zwI0pV+VMfMHQwWY3wdIbWw5WQphNjpdq1/Q==}
 
-  '@amplitude/analytics-core@2.44.0':
-    resolution: {integrity: sha512-z9QuTxLqEQ8KIeAT6Vmy6K48rP9TUmjnb4GwUMYoV/fxu3B9ClTaN18zqXQMmDw9HwUiIreHiVbwTb7OQRN5aA==}
+  '@amplitude/analytics-core@2.44.1':
+    resolution: {integrity: sha512-bx8RAYneoEyT/gsCpcktEgBMUs5vIb2piA/Kof88BaNKAWEpIa9B4Ogg4vNPqmEgNIx/wztSduFMHHw2pLcncg==}
 
   '@amplitude/analytics-types@2.11.1':
     resolution: {integrity: sha512-wFEgb0t99ly2uJKm5oZ28Lti0Kh5RecR5XBkwfUpDzn84IoCIZ8GJTsMw/nThu8FZFc7xFDA4UAt76zhZKrs9A==}
@@ -1235,26 +1216,26 @@ packages:
   '@amplitude/experiment-core@0.7.2':
     resolution: {integrity: sha512-Wc2NWvgQ+bLJLeF0A9wBSPIaw0XuqqgkPKsoNFQrmS7r5Djd56um75In05tqmVntPJZRvGKU46pAp8o5tdf4mA==}
 
-  '@amplitude/plugin-autocapture-browser@1.25.0':
-    resolution: {integrity: sha512-YuWsz8XmJuKu3NlMxkvlhLey/5tGCeOwwfsROHficR0yDWO9gNG0WtHl7A0Pw1PUc9iaXjqfG2AjYumAtiq16Q==}
+  '@amplitude/plugin-autocapture-browser@1.25.1':
+    resolution: {integrity: sha512-eIaPO7eUH2W0OWe0JoqUVvMPUGDeOn4JQa7zdClEbvHnPxfGS1RHIFNsBk5ofgEWxhUo2Ka/Z0Wl86k9FMaa7w==}
 
-  '@amplitude/plugin-custom-enrichment-browser@0.1.2':
-    resolution: {integrity: sha512-ZX9BKqs1E1OI7l7QCGu9JnB/1kqLN+zqIePgM2tuEhZNFQJaw4NhAMUaMRqvNnaCkHlmpVRISzSj/4D3tWMRtA==}
+  '@amplitude/plugin-custom-enrichment-browser@0.1.3':
+    resolution: {integrity: sha512-iKZkqkI5CpLb62cGNgvqTVEUj8i5UBFWJc0aQMZZBqc+vmzHBaqvjeAU0dwO8KA623YfT5I+/Vp1MnqvEXGJFg==}
 
-  '@amplitude/plugin-network-capture-browser@1.9.11':
-    resolution: {integrity: sha512-49o3zYnKUmRdrxgAEcr1iHnXR1um40e1icO0hzugSq04k19hs27zcl3zpEk9geO+nNKwO744ryE1q93gqVbHrQ==}
+  '@amplitude/plugin-network-capture-browser@1.9.12':
+    resolution: {integrity: sha512-/8x+GDqE25pTvsU9Po7Ur+V8pUuX4IG5p2xHPM9N/APfyc3D1zLTkC8FKo8wfPpg4Wu97mSzy1JnvPDqbJcJyw==}
 
-  '@amplitude/plugin-page-url-enrichment-browser@0.7.3':
-    resolution: {integrity: sha512-3UZq/zKg4lcsRgziWAPSEeaUsNsbyjjxmsAE9kSDi/hIj5RaWnwWhY6TGhv45UAReugTA4vVZyFRg9btf3c/Fg==}
+  '@amplitude/plugin-page-url-enrichment-browser@0.7.4':
+    resolution: {integrity: sha512-gF7V1ypkYB7FTwKlqjbO+7Z+Wvf72RfA64aREj9aplZdRJ0EY3qSEYMA3L2v0U5ztYchiy5MJraSaaxKfzXdJg==}
 
-  '@amplitude/plugin-page-view-tracking-browser@2.9.4':
-    resolution: {integrity: sha512-J16zmEadnzNpkHSmzpTiQN2q9pGJ/4SkHONA9O8KxUsMU/MYTDgof3rAYY/w5B5rmvdxfMRCjqWtvnkizzgZ6w==}
+  '@amplitude/plugin-page-view-tracking-browser@2.9.5':
+    resolution: {integrity: sha512-fWewMrgo0T7AyKnrZn6ox0ER5Ibw/IFTkX0GrQ8DxcsXrmUuSWUTsxZaA7YPDzuWPbd4AX9/AWZF2i6A9Ybtfg==}
 
-  '@amplitude/plugin-session-replay-browser@1.27.5':
-    resolution: {integrity: sha512-tf0Ty1nNF8OJ5QQ5scEqdGfzdgIaqkRf2MSzQfHbGcTIoYuVmAKuCgn3yMLk62MKnwgG3IsTIugMdRRv7l85PA==}
+  '@amplitude/plugin-session-replay-browser@1.27.6':
+    resolution: {integrity: sha512-wHv9b/Qzu9qg0thE+qo23/KpYGiADnAj42I1C1goQAJG7XNOk62F0sdejVvnQIV9NsLe0ItoS+tg3eqlBE7Exg==}
 
-  '@amplitude/plugin-web-vitals-browser@1.1.26':
-    resolution: {integrity: sha512-wiD4vy+f2fepr+8Lnn26TYYjDEnWsmlGhJog99x+xfbZ/D+stGdaCIOz5AOjU1TpTRvxvamEu2XuOh+8EZOCSA==}
+  '@amplitude/plugin-web-vitals-browser@1.1.27':
+    resolution: {integrity: sha512-jh/dWMsthx5E+ensNTwj7nkqi8iG8wyJc1HryOdY49w9zTgcbZmJwE2uumLBXBasn7l62a5EdqRkwctGL53fHw==}
 
   '@amplitude/rrdom@2.0.0-alpha.37':
     resolution: {integrity: sha512-u4dSnBtlbJ8oU5P/Ywl2RLqvjqWbkl4ScMUbvQA7in4pWcx+0NRN+VVjLZXQcd8Fn7E/rcxjeUh7e7HfwvdasQ==}
@@ -1288,20 +1269,20 @@ packages:
   '@amplitude/rrweb@2.0.0-alpha.37':
     resolution: {integrity: sha512-jJkSpPYiVgOZB422pb2jOJJn3pvb5E5f9vKK8CEmUlk2mVAl6kPQzW98mb05M65OJFj5nn9tSe9h5r5+Cl93ag==}
 
-  '@amplitude/session-replay-browser@1.35.0':
-    resolution: {integrity: sha512-aGqu807oC8UIMmP+g1jBYsgN+/VeR/ThtK6fpxuZCugEogx7EZ9sXDEeudUmyvkQQfWmD+nLmrhYPX8FpROT5w==}
+  '@amplitude/session-replay-browser@1.35.1':
+    resolution: {integrity: sha512-7X6T+niZaG+zpvcFOwdkbTNUWzD6T9/rQ7POYkTK+C/6FtvJ0fpHXNHdHT8fozKox2UXL/wwZvoQWFriHSe1dA==}
 
   '@amplitude/targeting@0.2.0':
     resolution: {integrity: sha512-/50ywTrC4hfcfJVBbh5DFbqMPPfaIOivZeb5Gb+OGM03QrA+lsUqdvtnKLNuWtceD4H6QQ2KFzPJ5aAJLyzVDA==}
 
-  '@antfu/eslint-config@7.7.3':
-    resolution: {integrity: sha512-BtroDxTvmWtvr3yJkdWVCvwsKlnEdkreoeOyrdNezc/W5qaiQNf2xjcsQ3N5Yy0x27h+0WFfW8rG8YlVioG6dw==}
+  '@antfu/eslint-config@8.0.0':
+    resolution: {integrity: sha512-IKiCfsa1vRgj8srB2azqiN3nOAcVyP/TZ5Ibiz0TDW9NoQPizTvkmRTSi1vo4ax0SL9TH/8uJLK6uCfd6bQzLA==}
     hasBin: true
     peerDependencies:
       '@angular-eslint/eslint-plugin': ^21.1.0
       '@angular-eslint/eslint-plugin-template': ^21.1.0
       '@angular-eslint/template-parser': ^21.1.0
-      '@eslint-react/eslint-plugin': ^2.11.0
+      '@eslint-react/eslint-plugin': ^3.0.0
       '@next/eslint-plugin-next': '>=15.0.0'
       '@prettier/plugin-xml': ^3.4.1
       '@unocss/eslint-plugin': '>=0.50.0'
@@ -1310,7 +1291,6 @@ packages:
       eslint-plugin-astro: ^1.2.0
       eslint-plugin-format: '>=0.1.0'
       eslint-plugin-jsx-a11y: '>=6.10.2'
-      eslint-plugin-react-hooks: ^7.0.0
       eslint-plugin-react-refresh: ^0.5.0
       eslint-plugin-solid: ^0.14.3
       eslint-plugin-svelte: '>=2.35.1'
@@ -1341,8 +1321,6 @@ packages:
         optional: true
       eslint-plugin-jsx-a11y:
         optional: true
-      eslint-plugin-react-hooks:
-        optional: true
       eslint-plugin-react-refresh:
         optional: true
       eslint-plugin-solid:
@@ -1361,11 +1339,6 @@ packages:
   '@antfu/install-pkg@1.1.0':
     resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
 
-  '@antfu/ni@28.3.0':
-    resolution: {integrity: sha512-JbRijiCNAGcQcyPfV0EXOJYwV27e/srXfTvETqzbbh4jzHBV2pDYiBz8rj5SyzX27aTbCK+qXR3x6g2WKokcrA==}
-    engines: {node: '>=20'}
-    hasBin: true
-
   '@antfu/utils@8.1.1':
     resolution: {integrity: sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ==}
 
@@ -1492,32 +1465,32 @@ packages:
   '@clack/core@0.3.5':
     resolution: {integrity: sha512-5cfhQNH+1VQ2xLQlmzXMqUoiaH0lRBq9/CLW9lTyMbuKLC3+xEK01tHVvyut++mLOn5urSHmkm6I0Lg9MaJSTQ==}
 
-  '@clack/core@1.1.0':
-    resolution: {integrity: sha512-SVcm4Dqm2ukn64/8Gub2wnlA5nS2iWJyCkdNHcvNHPIeBTGojpdJ+9cZKwLfmqy7irD4N5qLteSilJlE0WLAtA==}
+  '@clack/core@1.2.0':
+    resolution: {integrity: sha512-qfxof/3T3t9DPU/Rj3OmcFyZInceqj/NVtO9rwIuJqCUgh32gwPjpFQQp/ben07qKlhpwq7GzfWpST4qdJ5Drg==}
 
   '@clack/prompts@0.8.2':
     resolution: {integrity: sha512-6b9Ab2UiZwJYA9iMyboYyW9yJvAO9V753ZhS+DHKEjZRKAxPPOb7MXXu84lsPFG+vZt6FRFniZ8rXi+zCIw4yQ==}
 
-  '@clack/prompts@1.1.0':
-    resolution: {integrity: sha512-pkqbPGtohJAvm4Dphs2M8xE29ggupihHdy1x84HNojZuMtFsHiUlRvqD24tM2+XmI+61LlfNceM3Wr7U5QES5g==}
+  '@clack/prompts@1.2.0':
+    resolution: {integrity: sha512-4jmztR9fMqPMjz6H/UZXj0zEmE43ha1euENwkckKKel4XpSfokExPo5AiVStdHSAlHekz4d0CA/r45Ok1E4D3w==}
 
-  '@code-inspector/core@1.4.5':
-    resolution: {integrity: sha512-wskkSRX13TAqJG65d5sq0bRZ4kYktas/iE70xqXMOeqW/A6n2Zqhw5QRHANmEmlBvB9bP/bse+9iBkNN3Q2Skw==}
+  '@code-inspector/core@1.5.1':
+    resolution: {integrity: sha512-Y9JdgoxVh93xRMupTa1lT/v+UlcBEpM7Y1BTxQy924wSe6VVEXsJ1nPJ/Ob2HPMUAA6F568aHALi2KDUhA2kzg==}
 
-  '@code-inspector/esbuild@1.4.5':
-    resolution: {integrity: sha512-KBwq7waqZ3L1CW7N9ff7aS0HxzamrslR08i5ovkLQe1p6tH9Axe9zzCrBnvgmB0UZsT2r/5wKLOWyEpq5+VYKw==}
+  '@code-inspector/esbuild@1.5.1':
+    resolution: {integrity: sha512-Z/WZVCG6WaB9HTcDC8l15RpgEsfFj/WKLLr6cKNX/JzAYBroadLPw1N0sbUJUIQnow5cCo7KYpHrC1T27WVMnw==}
 
-  '@code-inspector/mako@1.4.5':
-    resolution: {integrity: sha512-yrHgE5+b4ZL29Xt+y0H/9xrXSbRskq7dFhmE9GYFWCcgdWNCMD25hZd7xZVije94++H65Vw6Bu/abfqEx0peog==}
+  '@code-inspector/mako@1.5.1':
+    resolution: {integrity: sha512-EQmqQnnyW8tf3EBRlYyRYv1n3W1PUcfaYuuXXAfBdfJIGMwJjj0PcrDsdiI5MNyFmIx3QdMREhWmPMx1LoAANg==}
 
-  '@code-inspector/turbopack@1.4.5':
-    resolution: {integrity: sha512-IG39ikmQthdx/oAxhpV7zsIQZ3Jpycl88JzH+UXHq0ZpfHwa1KdNc/9erP3kFMY4+ANmkmerqBk57knmRTGMRQ==}
+  '@code-inspector/turbopack@1.5.1':
+    resolution: {integrity: sha512-PeLbcDtKDoSrKPsWnwQc+Yj9KgCa3xbHxEwXa/aGVykilvfvYP9AH1z5BRyZLDgB21diSV75BPNpF+o/FQRYug==}
 
-  '@code-inspector/vite@1.4.5':
-    resolution: {integrity: sha512-vBtH91afwYL7JV4zWcJJTFd65LJ4SZz5E9AwGgCF30/L1mdDx7U29D+M+JpaxSgsMB6monKSZh+ubbqYe0ixpQ==}
+  '@code-inspector/vite@1.5.1':
+    resolution: {integrity: sha512-gkfmSmawYb1yDDuCft4DESXCAD3JxPt59dGiRoD78GhQzSYHk3tnLPZMH/GLBpdeFNbKHi1FtEMbAAECIJG9xg==}
 
-  '@code-inspector/webpack@1.4.5':
-    resolution: {integrity: sha512-lwUv+X1FNSUWz+FKcUsE2dT2pg6VFRRXKt16hg/m+Lwtdet2adfi6BFLZmNz3OPIEGbRB5Kjx6bfaghZhbDCCg==}
+  '@code-inspector/webpack@1.5.1':
+    resolution: {integrity: sha512-8i3QI/bSirORDF/0P16T6NhNy1RxO7soip8sWeV/2btLbYCwyiaDnqT4Bw3JaM8MNz0N8NaA2qItUrrKE7TtCg==}
 
   '@colors/colors@1.5.0':
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
@@ -1581,11 +1554,11 @@ packages:
   '@cucumber/tag-expressions@9.1.0':
     resolution: {integrity: sha512-bvHjcRFZ+J1TqIa9eFNO1wGHqwx4V9ZKV3hYgkuK/VahHx73uiP4rKV3JVrvWSMrwrFvJG6C8aEwnCWSvbyFdQ==}
 
-  '@e18e/eslint-plugin@0.2.0':
-    resolution: {integrity: sha512-mXgODVwhuDjTJ+UT+XSvmMmCidtGKfrV5nMIv1UtpWex2pYLsIM3RSpT8HWIMAebS9qANbXPKlSX4BE7ZvuCgA==}
+  '@e18e/eslint-plugin@0.3.0':
+    resolution: {integrity: sha512-hHgfpxsrZ2UYHcicA+tGZnmk19uJTaye9VH79O+XS8R4ona2Hx3xjhXghclNW58uXMk3xXlbYEOMr8thsoBmWg==}
     peerDependencies:
       eslint: ^9.0.0 || ^10.0.0
-      oxlint: ^1.41.0
+      oxlint: ^1.55.0
     peerDependenciesMeta:
       eslint:
         optional: true
@@ -1890,6 +1863,10 @@ packages:
     resolution: {integrity: sha512-R8uZemG9dKTbru/DQRPblbJyXpObwKzo8rv1KYGGuPUPtjM4LXBYM9q5CIZAComzZupws3tWbDwam5AFpPLyJQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@eslint/markdown@8.0.1':
+    resolution: {integrity: sha512-WWKmld/EyNdEB8GMq7JMPX1SDWgyJAM1uhtCi5ySrqYQM4HQjmg11EX/q3ZpnpRXHfdccFtli3NBvvGaYjWyQw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
   '@eslint/object-schema@2.1.7':
     resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1950,16 +1927,13 @@ packages:
       react: ^18 || ^19 || ^19.0.0-rc
       react-dom: ^18 || ^19 || ^19.0.0-rc
 
-  '@henrygd/queue@1.2.0':
-    resolution: {integrity: sha512-jW/BLSTpcvExDhqJGxtIPgGr2O0IFF8XUNDwEbfCfhrXT8a4xztQ9Lv6U/vbYzYC0xVWn+3zv6YnLUh3bEFUKA==}
-
   '@heroicons/react@2.2.0':
     resolution: {integrity: sha512-LMcepvRaS9LYHJGsF0zzmgKCUim/X3N/DQKc4jepAXJ7l8QxJ1PmxJzqplF2Z3FE4PqBAIGyJAQ/w4B5dsqbtQ==}
     peerDependencies:
       react: '>= 16 || ^19.0.0-rc'
 
-  '@hono/node-server@1.19.11':
-    resolution: {integrity: sha512-dr8/3zEaB+p0D2n/IUrlPF1HZm586qgJNXK1a9fhg/PzdtkK7Ksd5l312tJX2yBuALqDYBlG20QEbayqPyxn+g==}
+  '@hono/node-server@1.19.12':
+    resolution: {integrity: sha512-txsUW4SQ1iilgE0l9/e9VQWmELXifEFvmdA1j6WFh/aFPj99hIntrSsq/if0UWyGVkmrRPKA1wCeP+UCr1B9Uw==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
       hono: ^4
@@ -2155,11 +2129,11 @@ packages:
     resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
     engines: {node: '>=18.0.0'}
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.6.4':
-    resolution: {integrity: sha512-6PyZBYKnnVNqOSB0YFly+62R7dmov8segT27A+RVTBVd4iAE6kbW9QBJGlyR2yG4D4ohzhZSTIu7BK1UTtmFFA==}
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.7.0':
+    resolution: {integrity: sha512-qvsTEwEFefhdirGOPnu9Wp6ChfIwy2dBCRuETU3uE+4cC+PFoxMSiiEhxk4lOluA34eARHA0OxqsEUYDqRMgeQ==}
     peerDependencies:
       typescript: '>= 4.3.x'
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
     peerDependenciesMeta:
       typescript:
         optional: true
@@ -2279,8 +2253,8 @@ packages:
     peerDependencies:
       rollup: 4.59.0
 
-  '@mermaid-js/parser@1.0.1':
-    resolution: {integrity: sha512-opmV19kN1JsK0T6HhhokHpcVkqKpF+x2pPDKKM2ThHtZAB5F4PROopk0amuVYK5qMrIA4erzpNm8gmPNJgMDxQ==}
+  '@mermaid-js/parser@1.1.0':
+    resolution: {integrity: sha512-gxK9ZX2+Fex5zu8LhRQoMeMPEHbc73UKZ0FQ54YrQtUxE1VVhMwzeNtKRPAu5aXks4FasbMe4xB4bWrmq6Jlxw==}
 
   '@monaco-editor/loader@1.7.0':
     resolution: {integrity: sha512-gIwR1HrJrrx+vfyOhYmCZ0/JcWqG5kbfG7+d3f/C1LXk2EvzAbHSg3MQ5lO2sMlo9izoAZ04shohfKLVT6crVA==}
@@ -2304,14 +2278,14 @@ packages:
   '@next/env@16.0.0':
     resolution: {integrity: sha512-s5j2iFGp38QsG1LWRQaE2iUY3h1jc014/melHFfLdrsMJPqxqDQwWNwyQTcNoUSGZlCVZuM7t7JDMmSyRilsnA==}
 
-  '@next/env@16.2.1':
-    resolution: {integrity: sha512-n8P/HCkIWW+gVal2Z8XqXJ6aB3J0tuM29OcHpCsobWlChH/SITBs1DFBk/HajgrwDkqqBXPbuUuzgDvUekREPg==}
+  '@next/env@16.2.2':
+    resolution: {integrity: sha512-LqSGz5+xGk9EL/iBDr2yo/CgNQV6cFsNhRR2xhSXYh7B/hb4nePCxlmDvGEKG30NMHDFf0raqSyOZiQrO7BkHQ==}
 
-  '@next/eslint-plugin-next@16.2.1':
-    resolution: {integrity: sha512-r0epZGo24eT4g08jJlg2OEryBphXqO8aL18oajoTKLzHJ6jVr6P6FI58DLMug04MwD3j8Fj0YK0slyzneKVyzA==}
+  '@next/eslint-plugin-next@16.2.2':
+    resolution: {integrity: sha512-IOPbWzDQ+76AtjZioaCjpIY72xNSDMnarZ2GMQ4wjNLvnJEJHqxQwGFhgnIWLV9klb4g/+amg88Tk5OXVpyLTw==}
 
-  '@next/mdx@16.2.1':
-    resolution: {integrity: sha512-w0YOkOc+WEnsTJ8uxzBOvpe3R+9BnJOxWCE7qcI/62CzJiUEd8JKtF25e3R8cW5BGsKyRW8p4zE2JLyXKa8xdw==}
+  '@next/mdx@16.2.2':
+    resolution: {integrity: sha512-2CbRTXE6sJ7zDAaKXknb5FrrPs46iJeMPzuoBXsAOV/XVnxABGD4mSDusn0VuCoII/KjUZ+zsuo2VFbchYQXng==}
     peerDependencies:
       '@mdx-js/loader': '>=0.15.0'
       '@mdx-js/react': '>=0.15.0'
@@ -2321,54 +2295,54 @@ packages:
       '@mdx-js/react':
         optional: true
 
-  '@next/swc-darwin-arm64@16.2.1':
-    resolution: {integrity: sha512-BwZ8w8YTaSEr2HIuXLMLxIdElNMPvY9fLqb20LX9A9OMGtJilhHLbCL3ggyd0TwjmMcTxi0XXt+ur1vWUoxj2Q==}
+  '@next/swc-darwin-arm64@16.2.2':
+    resolution: {integrity: sha512-B92G3ulrwmkDSEJEp9+XzGLex5wC1knrmCSIylyVeiAtCIfvEJYiN3v5kXPlYt5R4RFlsfO/v++aKV63Acrugg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@16.2.1':
-    resolution: {integrity: sha512-/vrcE6iQSJq3uL3VGVHiXeaKbn8Es10DGTGRJnRZlkNQQk3kaNtAJg8Y6xuAlrx/6INKVjkfi5rY0iEXorZ6uA==}
+  '@next/swc-darwin-x64@16.2.2':
+    resolution: {integrity: sha512-7ZwSgNKJNQiwW0CKhNm9B1WS2L1Olc4B2XY0hPYCAL3epFnugMhuw5TMWzMilQ3QCZcCHoYm9NGWTHbr5REFxw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@next/swc-linux-arm64-gnu@16.2.1':
-    resolution: {integrity: sha512-uLn+0BK+C31LTVbQ/QU+UaVrV0rRSJQ8RfniQAHPghDdgE+SlroYqcmFnO5iNjNfVWCyKZHYrs3Nl0mUzWxbBw==}
+  '@next/swc-linux-arm64-gnu@16.2.2':
+    resolution: {integrity: sha512-c3m8kBHMziMgo2fICOP/cd/5YlrxDU5YYjAJeQLyFsCqVF8xjOTH/QYG4a2u48CvvZZSj1eHQfBCbyh7kBr30Q==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@next/swc-linux-arm64-musl@16.2.1':
-    resolution: {integrity: sha512-ssKq6iMRnHdnycGp9hCuGnXJZ0YPr4/wNwrfE5DbmvEcgl9+yv97/Kq3TPVDfYome1SW5geciLB9aiEqKXQjlQ==}
+  '@next/swc-linux-arm64-musl@16.2.2':
+    resolution: {integrity: sha512-VKLuscm0P/mIfzt+SDdn2+8TNNJ7f0qfEkA+az7OqQbjzKdBxAHs0UvuiVoCtbwX+dqMEL9U54b5wQ/aN3dHeg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@next/swc-linux-x64-gnu@16.2.1':
-    resolution: {integrity: sha512-HQm7SrHRELJ30T1TSmT706IWovFFSRGxfgUkyWJZF/RKBMdbdRWJuFrcpDdE5vy9UXjFOx6L3mRdqH04Mmx0hg==}
+  '@next/swc-linux-x64-gnu@16.2.2':
+    resolution: {integrity: sha512-kU3OPHJq6sBUjOk7wc5zJ7/lipn8yGldMoAv4z67j6ov6Xo/JvzA7L7LCsyzzsXmgLEhk3Qkpwqaq/1+XpNR3g==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@next/swc-linux-x64-musl@16.2.1':
-    resolution: {integrity: sha512-aV2iUaC/5HGEpbBkE+4B8aHIudoOy5DYekAKOMSHoIYQ66y/wIVeaRx8MS2ZMdxe/HIXlMho4ubdZs/J8441Tg==}
+  '@next/swc-linux-x64-musl@16.2.2':
+    resolution: {integrity: sha512-CKXRILyErMtUftp+coGcZ38ZwE/Aqq45VMCcRLr2I4OXKrgxIBDXHnBgeX/UMil0S09i2JXaDL3Q+TN8D/cKmg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@next/swc-win32-arm64-msvc@16.2.1':
-    resolution: {integrity: sha512-IXdNgiDHaSk0ZUJ+xp0OQTdTgnpx1RCfRTalhn3cjOP+IddTMINwA7DXZrwTmGDO8SUr5q2hdP/du4DcrB1GxA==}
+  '@next/swc-win32-arm64-msvc@16.2.2':
+    resolution: {integrity: sha512-sS/jSk5VUoShUqINJFvNjVT7JfR5ORYj/+/ZpOYbbIohv/lQfduWnGAycq2wlknbOql2xOR0DoV0s6Xfcy49+g==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@next/swc-win32-x64-msvc@16.2.1':
-    resolution: {integrity: sha512-qvU+3a39Hay+ieIztkGSbF7+mccbbg1Tk25hc4JDylf8IHjYmY/Zm64Qq1602yPyQqvie+vf5T/uPwNxDNIoeg==}
+  '@next/swc-win32-x64-msvc@16.2.2':
+    resolution: {integrity: sha512-aHaKceJgdySReT7qeck5oShucxWRiiEuwCGK8HHALe6yZga8uyFpLkPgaRw3kkF04U7ROogL/suYCNt/+CuXGA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -2560,8 +2534,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@oxc-project/runtime@0.121.0':
-    resolution: {integrity: sha512-p0bQukD8OEHxzY4T9OlANBbEFGnOnjo1CYi50HES7OD36UO2yPh6T+uOJKLtlg06eclxroipRCpQGMpeH8EJ/g==}
+  '@oxc-project/runtime@0.122.0':
+    resolution: {integrity: sha512-vevyz3bNjevQFCV2Yg5o6Sp9BSoiYiJVymMrzA3S1ZGj4J8ak4YiywhFyQMueQ3UNlJU6HZOZYDy70TUc99aHw==}
     engines: {node: ^20.19.0 || >=22.12.0}
 
   '@oxc-project/types@0.121.0':
@@ -2678,276 +2652,276 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@oxfmt/binding-android-arm-eabi@0.42.0':
-    resolution: {integrity: sha512-dsqPTYsozeokRjlrt/b4E7Pj0z3eS3Eg74TWQuuKbjY4VttBmA88rB7d50Xrd+TZ986qdXCNeZRPEzZHAe+jow==}
+  '@oxfmt/binding-android-arm-eabi@0.43.0':
+    resolution: {integrity: sha512-CgU2s+/9hHZgo0IxVxrbMPrMj+tJ6VM3mD7Mr/4oiz4FNTISLoCvRmB5nk4wAAle045RtRjd86m673jwPyb1OQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [android]
 
-  '@oxfmt/binding-android-arm64@0.42.0':
-    resolution: {integrity: sha512-t+aAjHxcr5eOBphFHdg1ouQU9qmZZoRxnX7UOJSaTwSoKsb6TYezNKO0YbWytGXCECObRqNcUxPoPr0KaraAIg==}
+  '@oxfmt/binding-android-arm64@0.43.0':
+    resolution: {integrity: sha512-T9OfRwjA/EdYxAqbvR7TtqLv5nIrwPXuCtTwOHtS7aR9uXyn74ZYgzgTo6/ZwvTq9DY4W+DsV09hB2EXgn9EbA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
-  '@oxfmt/binding-darwin-arm64@0.42.0':
-    resolution: {integrity: sha512-ulpSEYMKg61C5bRMZinFHrKJYRoKGVbvMEXA5zM1puX3O9T6Q4XXDbft20yrDijpYWeuG59z3Nabt+npeTsM1A==}
+  '@oxfmt/binding-darwin-arm64@0.43.0':
+    resolution: {integrity: sha512-o3i49ZUSJWANzXMAAVY1wnqb65hn4JVzwlRQ5qfcwhRzIA8lGVaud31Q3by5ALHPrksp5QEaKCQF9aAS3TXpZA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@oxfmt/binding-darwin-x64@0.42.0':
-    resolution: {integrity: sha512-ttxLKhQYPdFiM8I/Ri37cvqChE4Xa562nNOsZFcv1CKTVLeEozXjKuYClNvxkXmNlcF55nzM80P+CQkdFBu+uQ==}
+  '@oxfmt/binding-darwin-x64@0.43.0':
+    resolution: {integrity: sha512-vWECzzCFkb0kK6jaHjbtC5sC3adiNWtqawFCxhpvsWlzVeKmv5bNvkB4nux+o4JKWTpHCM57NDK/MeXt44txmA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  '@oxfmt/binding-freebsd-x64@0.42.0':
-    resolution: {integrity: sha512-Og7QS3yI3tdIKYZ58SXik0rADxIk2jmd+/YvuHRyKULWpG4V2fR5V4hvKm624Mc0cQET35waPXiCQWvjQEjwYQ==}
+  '@oxfmt/binding-freebsd-x64@0.43.0':
+    resolution: {integrity: sha512-rgz8JpkKiI/umOf7fl9gwKyQasC8bs5SYHy6g7e4SunfLBY3+8ATcD5caIg8KLGEtKFm5ujKaH8EfjcmnhzTLg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
-  '@oxfmt/binding-linux-arm-gnueabihf@0.42.0':
-    resolution: {integrity: sha512-jwLOw/3CW4H6Vxcry4/buQHk7zm9Ne2YsidzTL1kpiMe4qqrRCwev3dkyWe2YkFmP+iZCQ7zku4KwjcLRoh8ew==}
+  '@oxfmt/binding-linux-arm-gnueabihf@0.43.0':
+    resolution: {integrity: sha512-nWYnF3vIFzT4OM1qL/HSf1Yuj96aBuKWSaObXHSWliwAk2rcj7AWd6Lf7jowEBQMo4wCZVnueIGw/7C4u0KTBQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@oxfmt/binding-linux-arm-musleabihf@0.42.0':
-    resolution: {integrity: sha512-XwXu2vkMtiq2h7tfvN+WA/9/5/1IoGAVCFPiiQUvcAuG3efR97KNcRGM8BetmbYouFotQ2bDal3yyjUx6IPsTg==}
+  '@oxfmt/binding-linux-arm-musleabihf@0.43.0':
+    resolution: {integrity: sha512-sFg+NWJbLfupYTF4WELHAPSnLPOn1jiDZ33Z1jfDnTaA+cC3iB35x0FMMZTFdFOz3icRIArncwCcemJFGXu6TQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@oxfmt/binding-linux-arm64-gnu@0.42.0':
-    resolution: {integrity: sha512-ea7s/XUJoT7ENAtUQDudFe3nkSM3e3Qpz4nJFRdzO2wbgXEcjnchKLEsV3+t4ev3r8nWxIYr9NRjPWtnyIFJVA==}
+  '@oxfmt/binding-linux-arm64-gnu@0.43.0':
+    resolution: {integrity: sha512-MelWqv68tX6wZEILDrTc9yewiGXe7im62+5x0bNXlCYFOZdA+VnYiJfAihbROsZ5fm90p9C3haFrqjj43XnlAA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@oxfmt/binding-linux-arm64-musl@0.42.0':
-    resolution: {integrity: sha512-+JA0YMlSdDqmacygGi2REp57c3fN+tzARD8nwsukx9pkCHK+6DkbAA9ojS4lNKsiBjIW8WWa0pBrBWhdZEqfuw==}
+  '@oxfmt/binding-linux-arm64-musl@0.43.0':
+    resolution: {integrity: sha512-ROaWfYh+6BSJ1Arwy5ujijTlwnZetxDxzBpDc1oBR4d7rfrPBqzeyjd5WOudowzQUgyavl2wEpzn1hw3jWcqLA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@oxfmt/binding-linux-ppc64-gnu@0.42.0':
-    resolution: {integrity: sha512-VfnET0j4Y5mdfCzh5gBt0NK28lgn5DKx+8WgSMLYYeSooHhohdbzwAStLki9pNuGy51y4I7IoW8bqwAaCMiJQg==}
+  '@oxfmt/binding-linux-ppc64-gnu@0.43.0':
+    resolution: {integrity: sha512-PJRs/uNxmFipJJ8+SyKHh7Y7VZIKQicqrrBzvfyM5CtKi8D7yZKTwUOZV3ffxmiC2e7l1SDJpkBEOyue5NAFsg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
-  '@oxfmt/binding-linux-riscv64-gnu@0.42.0':
-    resolution: {integrity: sha512-gVlCbmBkB0fxBWbhBj9rcxezPydsQHf4MFKeHoTSPicOQ+8oGeTQgQ8EeesSybWeiFPVRx3bgdt4IJnH6nOjAA==}
+  '@oxfmt/binding-linux-riscv64-gnu@0.43.0':
+    resolution: {integrity: sha512-j6biGAgzIhj+EtHXlbNumvwG7XqOIdiU4KgIWRXAEj/iUbHKukKW8eXa4MIwpQwW1YkxovduKtzEAPnjlnAhVQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
     libc: [glibc]
 
-  '@oxfmt/binding-linux-riscv64-musl@0.42.0':
-    resolution: {integrity: sha512-zN5OfstL0avgt/IgvRu0zjQzVh/EPkcLzs33E9LMAzpqlLWiPWeMDZyMGFlSRGOdDjuNmlZBCgj0pFnK5u32TQ==}
+  '@oxfmt/binding-linux-riscv64-musl@0.43.0':
+    resolution: {integrity: sha512-RYWxAcslKxvy7yri24Xm9cmD0RiANaiEPs007EFG6l9h1ChM69Q5SOzACaCoz4Z9dEplnhhneeBaTWMEdpgIbA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
     libc: [musl]
 
-  '@oxfmt/binding-linux-s390x-gnu@0.42.0':
-    resolution: {integrity: sha512-9X6+H2L0qMc2sCAgO9HS03bkGLMKvOFjmEdchaFlany3vNZOjnVui//D8k/xZAtQv2vaCs1reD5KAgPoIU4msA==}
+  '@oxfmt/binding-linux-s390x-gnu@0.43.0':
+    resolution: {integrity: sha512-DT6Q8zfQQy3jxpezAsBACEHNUUixKSYTwdXeXojNHe4DQOoxjPdjr3Szu6BRNjxLykZM/xMNmp9ElOIyDppwtw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  '@oxfmt/binding-linux-x64-gnu@0.42.0':
-    resolution: {integrity: sha512-BajxJ6KQvMMdpXGPWhBGyjb2Jvx4uec0w+wi6TJZ6Tv7+MzPwe0pO8g5h1U0jyFgoaF7mDl6yKPW3ykWcbUJRw==}
+  '@oxfmt/binding-linux-x64-gnu@0.43.0':
+    resolution: {integrity: sha512-R8Yk7iYcuZORXmCfFZClqbDxRZgZ9/HEidUuBNdoX8Ptx07cMePnMVJ/woB84lFIDjh2ROHVaOP40Ds3rBXFqg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@oxfmt/binding-linux-x64-musl@0.42.0':
-    resolution: {integrity: sha512-0wV284I6vc5f0AqAhgAbHU2935B4bVpncPoe5n/WzVZY/KnHgqxC8iSFGeSyLWEgstFboIcWkOPck7tqbdHkzA==}
+  '@oxfmt/binding-linux-x64-musl@0.43.0':
+    resolution: {integrity: sha512-F2YYqyvnQNvi320RWZNAvsaWEHwmW3k4OwNJ1hZxRKXupY63expbBaNp6jAgvYs7y/g546vuQnGHQuCBhslhLQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@oxfmt/binding-openharmony-arm64@0.42.0':
-    resolution: {integrity: sha512-p4BG6HpGnhfgHk1rzZfyR6zcWkE7iLrWxyehHfXUy4Qa5j3e0roglFOdP/Nj5cJJ58MA3isQ5dlfkW2nNEpolw==}
+  '@oxfmt/binding-openharmony-arm64@0.43.0':
+    resolution: {integrity: sha512-OE6TdietLXV3F6c7pNIhx/9YC1/2YFwjU9DPc/fbjxIX19hNIaP1rS0cFjCGJlGX+cVJwIKWe8Mos+LdQ1yAJw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
-  '@oxfmt/binding-win32-arm64-msvc@0.42.0':
-    resolution: {integrity: sha512-mn//WV60A+IetORDxYieYGAoQso4KnVRRjORDewMcod4irlRe0OSC7YPhhwaexYNPQz/GCFk+v9iUcZ2W22yxQ==}
+  '@oxfmt/binding-win32-arm64-msvc@0.43.0':
+    resolution: {integrity: sha512-0nWK6a7pGkbdoypfVicmV9k/N1FwjPZENoqhlTU+5HhZnAhpIO3za30nEE33u6l6tuy9OVfpdXUqxUgZ+4lbZw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  '@oxfmt/binding-win32-ia32-msvc@0.42.0':
-    resolution: {integrity: sha512-3gWltUrvuz4LPJXWivoAxZ28Of2O4N7OGuM5/X3ubPXCEV8hmgECLZzjz7UYvSDUS3grfdccQwmjynm+51EFpw==}
+  '@oxfmt/binding-win32-ia32-msvc@0.43.0':
+    resolution: {integrity: sha512-9aokTR4Ft+tRdvgN/pKzSkVy2ksc4/dCpDm9L/xFrbIw0yhLtASLbvoG/5WOTUh/BRPPnfGTsWznEqv0dlOmhA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ia32]
     os: [win32]
 
-  '@oxfmt/binding-win32-x64-msvc@0.42.0':
-    resolution: {integrity: sha512-Wg4TMAfQRL9J9AZevJ/ZNy3uyyDztDYQtGr4P8UyyzIhLhFrdSmz1J/9JT+rv0fiCDLaFOBQnj3f3K3+a5PzDQ==}
+  '@oxfmt/binding-win32-x64-msvc@0.43.0':
+    resolution: {integrity: sha512-4bPgdQux2ZLWn3bf2TTXXMHcJB4lenmuxrLqygPmvCJ104Yqzj1UctxSRzR31TiJ4MLaG22RK8dUsVpJtrCz5g==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
 
-  '@oxlint-tsgolint/darwin-arm64@0.17.3':
-    resolution: {integrity: sha512-5aDl4mxXWs+Bj02pNrX6YY6v9KMZjLIytXoqolLEo0dfBNVeZUonZgJAa/w0aUmijwIRrBhxEzb42oLuUtfkGw==}
+  '@oxlint-tsgolint/darwin-arm64@0.18.1':
+    resolution: {integrity: sha512-CxSd15ZwHn70UJFTXVvy76bZ9zwI097cVyjvUFmYRJwvkQF3VnrTf2oe1gomUacErksvtqLgn9OKvZhLMYwvog==}
     cpu: [arm64]
     os: [darwin]
 
-  '@oxlint-tsgolint/darwin-x64@0.17.3':
-    resolution: {integrity: sha512-gPBy4DS5ueCgXzko20XsNZzDe/Cxde056B+QuPLGvz05CGEAtmRfpImwnyY2lAXXjPL+SmnC/OYexu8zI12yHQ==}
+  '@oxlint-tsgolint/darwin-x64@0.18.1':
+    resolution: {integrity: sha512-LE7VW/T/VcKhl3Z1ev5BusrxdlQ3DWweSeOB+qpBeur2h8+vCWq+M7tCO29C7lveBDfx1+rNwj4aiUVlA+Qs+g==}
     cpu: [x64]
     os: [darwin]
 
-  '@oxlint-tsgolint/linux-arm64@0.17.3':
-    resolution: {integrity: sha512-+pkunvCfB6pB0G9qHVVXUao3nqzXQPo4O3DReIi+5nGa+bOU3J3Srgy+Zb8VyOL+WDsSMJ+U7+r09cKHWhz3hg==}
+  '@oxlint-tsgolint/linux-arm64@0.18.1':
+    resolution: {integrity: sha512-2AG8YIXVJJbnM0rcsJmzzWOjZXBu5REwowgUpbHZueF7OYM3wR7Xu8pXEpAojEHAtYYZ3X4rpPoetomkJx7kCw==}
     cpu: [arm64]
     os: [linux]
 
-  '@oxlint-tsgolint/linux-x64@0.17.3':
-    resolution: {integrity: sha512-/kW5oXtBThu4FjmgIBthdmMjWLzT3M1TEDQhxDu7hQU5xDeTd60CDXb2SSwKCbue9xu7MbiFoJu83LN0Z/d38g==}
+  '@oxlint-tsgolint/linux-x64@0.18.1':
+    resolution: {integrity: sha512-f8vDYPEdiwpA2JaDEkadTXfuqIgweQ8zcL4SX75EN2kkW2oAynjN7cd8m86uXDgB0JrcyOywbRtwnXdiIzXn2A==}
     cpu: [x64]
     os: [linux]
 
-  '@oxlint-tsgolint/win32-arm64@0.17.3':
-    resolution: {integrity: sha512-NMELRvbz4Ed4dxg8WiqZxtu3k4OJEp2B9KInZW+BMfqEqbwZdEJY83tbqz2hD1EjKO2akrqBQ0GpRUJEkd8kKw==}
+  '@oxlint-tsgolint/win32-arm64@0.18.1':
+    resolution: {integrity: sha512-fBdML05KMDAL9ebWeoHIzkyI86Eq6r9YH5UDRuXJ9vAIo1EnKo0ti7hLUxNdc2dy2FF/T4k98p5wkkXvLyXqfA==}
     cpu: [arm64]
     os: [win32]
 
-  '@oxlint-tsgolint/win32-x64@0.17.3':
-    resolution: {integrity: sha512-+pJ7r8J3SLPws5uoidVplZc8R/lpKyKPE6LoPGv9BME00Y1VjT6jWGx/dtUN8PWvcu3iTC6k+8u3ojFSJNmWTg==}
+  '@oxlint-tsgolint/win32-x64@0.18.1':
+    resolution: {integrity: sha512-cYZMhNrsq9ZZ3OUWHyawqiS+c8HfieYG0zuZP2LbEuWWPfdZM/22iAlo608J+27G1s9RXQhvgX6VekwWbXbD7A==}
     cpu: [x64]
     os: [win32]
 
-  '@oxlint/binding-android-arm-eabi@1.57.0':
-    resolution: {integrity: sha512-C7EiyfAJG4B70496eV543nKiq5cH0o/xIh/ufbjQz3SIvHhlDDsyn+mRFh+aW8KskTyUpyH2LGWL8p2oN6bl1A==}
+  '@oxlint/binding-android-arm-eabi@1.58.0':
+    resolution: {integrity: sha512-1T7UN3SsWWxpWyWGn1cT3ASNJOo+pI3eUkmEl7HgtowapcV8kslYpFQcYn431VuxghXakPNlbjRwhqmR37PFOg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [android]
 
-  '@oxlint/binding-android-arm64@1.57.0':
-    resolution: {integrity: sha512-9i80AresjZ/FZf5xK8tKFbhQnijD4s1eOZw6/FHUwD59HEZbVLRc2C88ADYJfLZrF5XofWDiRX/Ja9KefCLy7w==}
+  '@oxlint/binding-android-arm64@1.58.0':
+    resolution: {integrity: sha512-GryzujxuiRv2YFF7bRy8mKcxlbuAN+euVUtGJt9KKbLT8JBUIosamVhcthLh+VEr6KE6cjeVMAQxKAzJcoN7dg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [android]
 
-  '@oxlint/binding-darwin-arm64@1.57.0':
-    resolution: {integrity: sha512-0eUfhRz5L2yKa9I8k3qpyl37XK3oBS5BvrgdVIx599WZK63P8sMbg+0s4IuxmIiZuBK68Ek+Z+gcKgeYf0otsg==}
+  '@oxlint/binding-darwin-arm64@1.58.0':
+    resolution: {integrity: sha512-7/bRSJIwl4GxeZL9rPZ11anNTyUO9epZrfEJH/ZMla3+/gbQ6xZixh9nOhsZ0QwsTW7/5J2A/fHbD1udC5DQQA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@oxlint/binding-darwin-x64@1.57.0':
-    resolution: {integrity: sha512-UvrSuzBaYOue+QMAcuDITe0k/Vhj6KZGjfnI6x+NkxBTke/VoM7ZisaxgNY0LWuBkTnd1OmeQfEQdQ48fRjkQg==}
+  '@oxlint/binding-darwin-x64@1.58.0':
+    resolution: {integrity: sha512-EqdtJSiHweS2vfILNrpyJ6HUwpEq2g7+4Zx1FPi4hu3Hu7tC3znF6ufbXO8Ub2LD4mGgznjI7kSdku9NDD1Mkg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  '@oxlint/binding-freebsd-x64@1.57.0':
-    resolution: {integrity: sha512-wtQq0dCoiw4bUwlsNVDJJ3pxJA218fOezpgtLKrbQqUtQJcM9yP8z+I9fu14aHg0uyAxIY+99toL6uBa2r7nxA==}
+  '@oxlint/binding-freebsd-x64@1.58.0':
+    resolution: {integrity: sha512-VQt5TH4M42mY20F545G637RKxV/yjwVtKk2vfXuazfReSIiuvWBnv+FVSvIV5fKVTJNjt3GSJibh6JecbhGdBw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [freebsd]
 
-  '@oxlint/binding-linux-arm-gnueabihf@1.57.0':
-    resolution: {integrity: sha512-qxFWl2BBBFcT4djKa+OtMdnLgoHEJXpqjyGwz8OhW35ImoCwR5qtAGqApNYce5260FQqoAHW8S8eZTjiX67Tsg==}
+  '@oxlint/binding-linux-arm-gnueabihf@1.58.0':
+    resolution: {integrity: sha512-fBYcj4ucwpAtjJT3oeBdFBYKvNyjRSK+cyuvBOTQjh0jvKp4yeA4S/D0IsCHus/VPaNG5L48qQkh+Vjy3HL2/Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@oxlint/binding-linux-arm-musleabihf@1.57.0':
-    resolution: {integrity: sha512-SQoIsBU7J0bDW15/f0/RvxHfY3Y0+eB/caKBQtNFbuerTiA6JCYx9P1MrrFTwY2dTm/lMgTSgskvCEYk2AtG/Q==}
+  '@oxlint/binding-linux-arm-musleabihf@1.58.0':
+    resolution: {integrity: sha512-0BeuFfwlUHlJ1xpEdSD1YO3vByEFGPg36uLjK1JgFaxFb4W6w17F8ET8sz5cheZ4+x5f2xzdnRrrWv83E3Yd8g==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm]
     os: [linux]
 
-  '@oxlint/binding-linux-arm64-gnu@1.57.0':
-    resolution: {integrity: sha512-jqxYd1W6WMeozsCmqe9Rzbu3SRrGTyGDAipRlRggetyYbUksJqJKvUNTQtZR/KFoJPb+grnSm5SHhdWrywv3RQ==}
+  '@oxlint/binding-linux-arm64-gnu@1.58.0':
+    resolution: {integrity: sha512-TXlZgnPTlxrQzxG9ZXU7BNwx1Ilrr17P3GwZY0If2EzrinqRH3zXPc3HrRcBJgcsoZNMuNL5YivtkJYgp467UQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@oxlint/binding-linux-arm64-musl@1.57.0':
-    resolution: {integrity: sha512-i66WyEPVEvq9bxRUCJ/MP5EBfnTDN3nhwEdFZFTO5MmLLvzngfWEG3NSdXQzTT3vk5B9i6C2XSIYBh+aG6uqyg==}
+  '@oxlint/binding-linux-arm64-musl@1.58.0':
+    resolution: {integrity: sha512-zSoYRo5dxHLcUx93Stl2hW3hSNjPt99O70eRVWt5A1zwJ+FPjeCCANCD2a9R4JbHsdcl11TIQOjyigcRVOH2mw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@oxlint/binding-linux-ppc64-gnu@1.57.0':
-    resolution: {integrity: sha512-oMZDCwz4NobclZU3pH+V1/upVlJZiZvne4jQP+zhJwt+lmio4XXr4qG47CehvrW1Lx2YZiIHuxM2D4YpkG3KVA==}
+  '@oxlint/binding-linux-ppc64-gnu@1.58.0':
+    resolution: {integrity: sha512-NQ0U/lqxH2/VxBYeAIvMNUK1y0a1bJ3ZicqkF2c6wfakbEciP9jvIE4yNzCFpZaqeIeRYaV7AVGqEO1yrfVPjA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
     libc: [glibc]
 
-  '@oxlint/binding-linux-riscv64-gnu@1.57.0':
-    resolution: {integrity: sha512-uoBnjJ3MMEBbfnWC1jSFr7/nSCkcQYa72NYoNtLl1imshDnWSolYCjzb8LVCwYCCfLJXD+0gBLD7fyC14c0+0g==}
+  '@oxlint/binding-linux-riscv64-gnu@1.58.0':
+    resolution: {integrity: sha512-X9J+kr3gIC9FT8GuZt0ekzpNUtkBVzMVU4KiKDSlocyQuEgi3gBbXYN8UkQiV77FTusLDPsovjo95YedHr+3yg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
     libc: [glibc]
 
-  '@oxlint/binding-linux-riscv64-musl@1.57.0':
-    resolution: {integrity: sha512-BdrwD7haPZ8a9KrZhKJRSj6jwCor+Z8tHFZ3PT89Y3Jq5v3LfMfEePeAmD0LOTWpiTmzSzdmyw9ijneapiVHKQ==}
+  '@oxlint/binding-linux-riscv64-musl@1.58.0':
+    resolution: {integrity: sha512-CDze3pi1OO3Wvb/QsXjmLEY4XPKGM6kIo82ssNOgmcl1IdndF9VSGAE38YLhADWmOac7fjqhBw82LozuUVxD0Q==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
     libc: [musl]
 
-  '@oxlint/binding-linux-s390x-gnu@1.57.0':
-    resolution: {integrity: sha512-BNs+7ZNsRstVg2tpNxAXfMX/Iv5oZh204dVyb8Z37+/gCh+yZqNTlg6YwCLIMPSk5wLWIGOaQjT0GUOahKYImw==}
+  '@oxlint/binding-linux-s390x-gnu@1.58.0':
+    resolution: {integrity: sha512-b/89glbxFaEAcA6Uf1FvCNecBJEgcUTsV1quzrqXM/o4R1M4u+2KCVuyGCayN2UpsRWtGGLb+Ver0tBBpxaPog==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
     libc: [glibc]
 
-  '@oxlint/binding-linux-x64-gnu@1.57.0':
-    resolution: {integrity: sha512-AghS18w+XcENcAX0+BQGLiqjpqpaxKJa4cWWP0OWNLacs27vHBxu7TYkv9LUSGe5w8lOJHeMxcYfZNOAPqw2bg==}
+  '@oxlint/binding-linux-x64-gnu@1.58.0':
+    resolution: {integrity: sha512-0/yYpkq9VJFCEcuRlrViGj8pJUFFvNS4EkEREaN7CB1EcLXJIaVSSa5eCihwBGXtOZxhnblWgxks9juRdNQI7w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@oxlint/binding-linux-x64-musl@1.57.0':
-    resolution: {integrity: sha512-E/FV3GB8phu/Rpkhz5T96hAiJlGzn91qX5yj5gU754P5cmVGXY1Jw/VSjDSlZBCY3VHjsVLdzgdkJaomEmcNOg==}
+  '@oxlint/binding-linux-x64-musl@1.58.0':
+    resolution: {integrity: sha512-hr6FNvmcAXiH+JxSvaJ4SJ1HofkdqEElXICW9sm3/Rd5eC3t7kzvmLyRAB3NngKO2wzXRCAm4Z/mGWfrsS4X8w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@oxlint/binding-openharmony-arm64@1.57.0':
-    resolution: {integrity: sha512-xvZ2yZt0nUVfU14iuGv3V25jpr9pov5N0Wr28RXnHFxHCRxNDMtYPHV61gGLhN9IlXM96gI4pyYpLSJC5ClLCQ==}
+  '@oxlint/binding-openharmony-arm64@1.58.0':
+    resolution: {integrity: sha512-R+O368VXgRql1K6Xar+FEo7NEwfo13EibPMoTv3sesYQedRXd6m30Dh/7lZMxnrQVFfeo4EOfYIP4FpcgWQNHg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [openharmony]
 
-  '@oxlint/binding-win32-arm64-msvc@1.57.0':
-    resolution: {integrity: sha512-Z4D8Pd0AyHBKeazhdIXeUUy5sIS3Mo0veOlzlDECg6PhRRKgEsBJCCV1n+keUZtQ04OP+i7+itS3kOykUyNhDg==}
+  '@oxlint/binding-win32-arm64-msvc@1.58.0':
+    resolution: {integrity: sha512-Q0FZiAY/3c4YRj4z3h9K1PgaByrifrfbBoODSeX7gy97UtB7pySPUQfC2B/GbxWU6k7CzQrRy5gME10PltLAFQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  '@oxlint/binding-win32-ia32-msvc@1.57.0':
-    resolution: {integrity: sha512-StOZ9nFMVKvevicbQfql6Pouu9pgbeQnu60Fvhz2S6yfMaii+wnueLnqQ5I1JPgNF0Syew4voBlAaHD13wH6tw==}
+  '@oxlint/binding-win32-ia32-msvc@1.58.0':
+    resolution: {integrity: sha512-Y8FKBABrSPp9H0QkRLHDHOSUgM/309a3IvOVgPcVxYcX70wxJrk608CuTg7w+C6vEd724X5wJoNkBcGYfH7nNQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ia32]
     os: [win32]
 
-  '@oxlint/binding-win32-x64-msvc@1.57.0':
-    resolution: {integrity: sha512-6PuxhYgth8TuW0+ABPOIkGdBYw+qYGxgIdXPHSVpiCDm+hqTTWCmC739St1Xni0DJBt8HnSHTG67i1y6gr8qrA==}
+  '@oxlint/binding-win32-x64-msvc@1.58.0':
+    resolution: {integrity: sha512-bCn5rbiz5My+Bj7M09sDcnqW0QJyINRVxdZ65x1/Y2tGrMwherwK/lpk+HRQCKvXa8pcaQdF5KY5j54VGZLwNg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -3044,8 +3018,8 @@ packages:
     resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
 
-  '@playwright/test@1.58.2':
-    resolution: {integrity: sha512-akea+6bHYBBfA9uQqSYmlJXn61cTa+jbO87xVLCWbTqbWadRVmhxlXATaOjOgcBaWU4ePo0wB41KMFv3o35IXA==}
+  '@playwright/test@1.59.1':
+    resolution: {integrity: sha512-PG6q63nQg5c9rIi4/Z5lR5IVF7yU5MqmKaPOe0HSc0O2cX1fPi96sUQu5j7eo4gKCkB2AnNGoWt7y4/Xx3Kcqg==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -3055,9 +3029,6 @@ packages:
   '@preact/signals-core@1.14.0':
     resolution: {integrity: sha512-AowtCcCU/33lFlh1zRFf/u+12rfrhtNakj7UpaGEsmMwUKpKWMVvcktOGcwBBNiB4lWrZWc01LhiyyzVklJyaQ==}
 
-  '@quansync/fs@1.0.0':
-    resolution: {integrity: sha512-4TJ3DFtlf1L5LDMaM6CanJ/0lckGNtJcMjQ1NAV6zDmA0tEHKZtxNKin8EgPaVX1YzljbxckyT2tJrpQKAtngQ==}
-
   '@radix-ui/primitive@1.1.3':
     resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
 
@@ -3597,36 +3568,67 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@sentry-internal/browser-utils@10.46.0':
-    resolution: {integrity: sha512-WB1gBT9G13V02ekZ6NpUhoI1aGHV2eNfjEPthkU2bGBvFpQKnstwzjg7waIRGR7cu+YSW2Q6UI6aQLgBeOPD1g==}
+  '@sentry-internal/browser-utils@10.47.0':
+    resolution: {integrity: sha512-bVFRAeJWMBcBCvJKIFCMJ1/yQToL4vPGqfmlnDZeypcxkqUDKQ/Y3ziLHXoDL2sx0lagcgU2vH1QhCQ67Aujjw==}
     engines: {node: '>=18'}
 
-  '@sentry-internal/feedback@10.46.0':
-    resolution: {integrity: sha512-c4pI/z9nZCQXe9GYEw/hE/YTY9AxGBp8/wgKI+T8zylrN35SGHaXv63szzE1WbI8lacBY8lBF7rstq9bQVCaHw==}
+  '@sentry-internal/feedback@10.47.0':
+    resolution: {integrity: sha512-pdvMmi4dQpX5S/vAAzrhHPIw3T3HjUgDNgUiCBrlp7N9/6zGO2gNPhUnNekP+CjgI/z0rvf49RLqlDenpNrMOg==}
     engines: {node: '>=18'}
 
-  '@sentry-internal/replay-canvas@10.46.0':
-    resolution: {integrity: sha512-ub314MWUsekVCuoH0/HJbbimlI24SkV745UW2pj9xRbxOAEf1wjkmIzxKrMDbTgJGuEunug02XZVdJFJUzOcDw==}
+  '@sentry-internal/replay-canvas@10.47.0':
+    resolution: {integrity: sha512-A5OY8friSe6g8WAK4L8IeOPiEd9D3Ps40DzRH5j2f6SUja0t90mKMvHRcRf8zq0d4BkdB+JM7tjOkwxpuv8heA==}
     engines: {node: '>=18'}
 
-  '@sentry-internal/replay@10.46.0':
-    resolution: {integrity: sha512-JBsWeXG6bRbxBFK8GzWymWGOB9QE7Kl57BeF3jzgdHTuHSWZ2mRnAmb1K05T4LU+gVygk6yW0KmdC8Py9Qzg9A==}
+  '@sentry-internal/replay@10.47.0':
+    resolution: {integrity: sha512-ScdovxP7hJxgMt70+7hFvwT02GIaIUAxdEM/YPsayZBeCoAukPW8WiwztJfoKtsfPyKJ5A6f0H3PIxTPcA9Row==}
     engines: {node: '>=18'}
 
-  '@sentry/browser@10.46.0':
-    resolution: {integrity: sha512-80DmGlTk5Z2/OxVOzLNxwolMyouuAYKqG8KUcoyintZqHbF6kO1RulI610HmyUt3OagKeBCqt9S7w0VIfCRL+Q==}
+  '@sentry/browser@10.47.0':
+    resolution: {integrity: sha512-rC0agZdxKA5XWfL4VwPOr/rJMogXDqZgnVzr93YWpFn9DMZT/7LzxSJVPIJwRUjx3bFEby3PcTa3YaX7pxm1AA==}
     engines: {node: '>=18'}
 
-  '@sentry/core@10.46.0':
-    resolution: {integrity: sha512-N3fj4zqBQOhXliS1Ne9euqIKuciHCGOJfPGQLwBoW9DNz03jF+NB8+dUKtrJ79YLoftjVgf8nbgwtADK7NR+2Q==}
+  '@sentry/core@10.47.0':
+    resolution: {integrity: sha512-nsYRAx3EWezDut+Zl+UwwP07thh9uY7CfSAi2whTdcJl5hu1nSp2z8bba7Vq/MGbNLnazkd3A+GITBEML924JA==}
     engines: {node: '>=18'}
 
-  '@sentry/react@10.46.0':
-    resolution: {integrity: sha512-Rb1S+9OuUPVwsz7GWnQ6Kgf3azbsseUymIegg3JZHNcW/fM1nPpaljzTBnuineia113DH0pgMBcdrrZDLaosFQ==}
+  '@sentry/react@10.47.0':
+    resolution: {integrity: sha512-ZtJV6xxF8jUVE9e3YQUG3Do0XapG1GjniyLyqMPgN6cNvs/HaRJODf7m60By+VGqcl5XArEjEPTvx8CdPUXDfA==}
     engines: {node: '>=18'}
     peerDependencies:
       react: ^16.14.0 || 17.x || 18.x || 19.x
 
+  '@shikijs/core@4.0.2':
+    resolution: {integrity: sha512-hxT0YF4ExEqB8G/qFdtJvpmHXBYJ2lWW7qTHDarVkIudPFE6iCIrqdgWxGn5s+ppkGXI0aEGlibI0PAyzP3zlw==}
+    engines: {node: '>=20'}
+
+  '@shikijs/engine-javascript@4.0.2':
+    resolution: {integrity: sha512-7PW0Nm49DcoUIQEXlJhNNBHyoGMjalRETTCcjMqEaMoJRLljy1Bi/EGV3/qLBgLKQejdspiiYuHGQW6dX94Nag==}
+    engines: {node: '>=20'}
+
+  '@shikijs/engine-oniguruma@4.0.2':
+    resolution: {integrity: sha512-UpCB9Y2sUKlS9z8juFSKz7ZtysmeXCgnRF0dlhXBkmQnek7lAToPte8DkxmEYGNTMii72zU/lyXiCB6StuZeJg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/langs@4.0.2':
+    resolution: {integrity: sha512-KaXby5dvoeuZzN0rYQiPMjFoUrz4hgwIE+D6Du9owcHcl6/g16/yT5BQxSW5cGt2MZBz6Hl0YuRqf12omRfUUg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/primitive@4.0.2':
+    resolution: {integrity: sha512-M6UMPrSa3fN5ayeJwFVl9qWofl273wtK1VG8ySDZ1mQBfhCpdd8nEx7nPZ/tk7k+TYcpqBZzj/AnwxT9lO+HJw==}
+    engines: {node: '>=20'}
+
+  '@shikijs/themes@4.0.2':
+    resolution: {integrity: sha512-mjCafwt8lJJaVSsQvNVrJumbnnj1RI8jbUKrPKgE6E3OvQKxnuRoBaYC51H4IGHePsGN/QtALglWBU7DoKDFnA==}
+    engines: {node: '>=20'}
+
+  '@shikijs/types@4.0.2':
+    resolution: {integrity: sha512-qzbeRooUTPnLE+sHD/Z8DStmaDgnbbc/pMrU203950aRqjX/6AFHeDYT+j00y2lPdz0ywJKx7o/7qnqTivtlXg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/vscode-textmate@10.0.2':
+    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
+
   '@shuding/opentype.js@1.4.0-beta.0':
     resolution: {integrity: sha512-3NgmNyH3l/Hv6EvsWJbsvpcpUba6R8IREQ83nH83cyakCw7uM1arZKNfHwv1Wz6jgqrF/j4x5ELvR6PnK9nTcA==}
     engines: {node: '>= 8.0.0'}
@@ -3672,42 +3674,42 @@ packages:
   '@standard-schema/spec@1.1.0':
     resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
 
-  '@storybook/addon-docs@10.3.3':
-    resolution: {integrity: sha512-trJQTpOtuOEuNv1Rn8X2Sopp5hSPpb0u0soEJ71BZAbxe4d2Y1d/1MYcxBdRKwncum6sCTsnxTpqQ/qvSJKlTQ==}
+  '@storybook/addon-docs@10.3.4':
+    resolution: {integrity: sha512-ohS8fX8UIP3LN6+mDZJLCDS4Qd2rsmGwes6V6fD0sbLOmIyCVY5y68r6NHMMGJKFRwadDQOmtOt8Vc6snExrIQ==}
     peerDependencies:
-      storybook: ^10.3.3
+      storybook: ^10.3.4
 
-  '@storybook/addon-links@10.3.3':
-    resolution: {integrity: sha512-tazBHlB+YbU62bde5DWsq0lnxZjcAsPB3YRUpN2hSMfAySsudRingyWrgu5KeOxXhJvKJj0ohjQvGcMx/wgQUA==}
+  '@storybook/addon-links@10.3.4':
+    resolution: {integrity: sha512-4Kcdv0U5WEyteN08Mv4oAUXTigF8OHMLA7Bpf1VEQrtJfQsxoUjXzItOHhCyBvphufkZzbU0n6wCC8upEb7X7w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      storybook: ^10.3.3
+      storybook: ^10.3.4
     peerDependenciesMeta:
       react:
         optional: true
 
-  '@storybook/addon-onboarding@10.3.3':
-    resolution: {integrity: sha512-HZiHfXdcLc29WkYFW+1VAMtJCeAZOOLRYPvs97woJUcZqW8yfWEJ9MWH+j++736SFAv2aqZWNmP47OdBJ/kMkw==}
+  '@storybook/addon-onboarding@10.3.4':
+    resolution: {integrity: sha512-59BgxVX3FJxS+cruvk7gfm/0azRJokDeHNNubEhgKIS8ih0ol9vJ7YbAJEP7QWOf22RghWtQSO0yMmTyZTPTyQ==}
     peerDependencies:
-      storybook: ^10.3.3
+      storybook: ^10.3.4
 
-  '@storybook/addon-themes@10.3.3':
-    resolution: {integrity: sha512-6PgH1o7yNnWRVj4lAT1DNcX/eZXKgzjhfmzgWh3oFpPfDDvUzpFxx+MClM5f/ZieIbyQscxEuq8li7+e/F5VEQ==}
+  '@storybook/addon-themes@10.3.4':
+    resolution: {integrity: sha512-5734o52qtW8svu2vhKPncISWLr1FZrXZoN+u1q0BjTrbL6qTNE1AzIMCBEwn0TNdn16vC3ZsDJOj1dW4dD13cw==}
     peerDependencies:
-      storybook: ^10.3.3
+      storybook: ^10.3.4
 
-  '@storybook/builder-vite@10.3.3':
-    resolution: {integrity: sha512-awspKCTZvXyeV3KabL0id62mFbxR5u/5yyGQultwCiSb2/yVgBfip2MAqLyS850pvTiB6QFVM9deOyd2/G/bEA==}
+  '@storybook/builder-vite@10.3.4':
+    resolution: {integrity: sha512-dNQyBZpBKvwmhSTpjrsuxxY8FqFCh0hgu5+46h2WbgQ2Te3pO458heWkGb+QO7mC6FmkXO6j6zgYzXticD6F2A==}
     peerDependencies:
-      storybook: ^10.3.3
+      storybook: ^10.3.4
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  '@storybook/csf-plugin@10.3.3':
-    resolution: {integrity: sha512-Utlh7zubm+4iOzBBfzLW4F4vD99UBtl2Do4edlzK2F7krQIcFvR2ontjAE8S1FQVLZAC3WHalCOS+Ch8zf3knA==}
+  '@storybook/csf-plugin@10.3.4':
+    resolution: {integrity: sha512-WPP0Z39o82WiohPkhPOs6z+9yJ+bVvqPz4d+QUPfE6FMvOOBLojlwOcGx6Xmclyn5H/CKwywFrjuz4mBO/nHhA==}
     peerDependencies:
       esbuild: 0.27.2
       rollup: 4.59.0
-      storybook: ^10.3.3
+      storybook: ^10.3.4
       vite: '*'
       webpack: '*'
     peerDependenciesMeta:
@@ -3729,40 +3731,40 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@storybook/nextjs-vite@10.3.3':
-    resolution: {integrity: sha512-/OzOo0dSd0eFIAF9ft+ptwaXHa5Xj01cw3NXEtmPdODZXl0eiPmTvWYIJeP26UEPzI2FFSm4fK64ZZJluKpGOA==}
+  '@storybook/nextjs-vite@10.3.4':
+    resolution: {integrity: sha512-TgfAgyAx2SvhLPMXFFHskQWMfOeGEY5kDXRC+SqDnuHapUiFignqvuq1Dh8I+Al1QNrFSa/q/TQiFPDHXPVm9g==}
     peerDependencies:
       next: ^14.1.0 || ^15.0.0 || ^16.0.0
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      storybook: ^10.3.3
+      storybook: ^10.3.4
       typescript: '*'
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@storybook/react-dom-shim@10.3.3':
-    resolution: {integrity: sha512-lkhuh4G3UTreU9M3Iz5Dt32c6U+l/4XuvqLtbe1sDHENZH6aPj7y0b5FwnfHyvuTvYRhtbo29xZrF5Bp9kCC0w==}
+  '@storybook/react-dom-shim@10.3.4':
+    resolution: {integrity: sha512-VIm9YzreGubnOtQOZ6iqEfj6KncHvAkrCR/IilqnJq7DidPWuykrFszyajTASRMiY+p+TElOW+O1PGpv55qNGw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      storybook: ^10.3.3
+      storybook: ^10.3.4
 
-  '@storybook/react-vite@10.3.3':
-    resolution: {integrity: sha512-qHdlBe1hjqFAGXa8JL7bWTLbP/gDqXbWDm+SYCB646NHh5yvVDkZLwigP5Y+UL7M2ASfqFtosnroUK9tcCM2dw==}
+  '@storybook/react-vite@10.3.4':
+    resolution: {integrity: sha512-xaMt7NdvlAb+CwXn5TOiluQ+0WkkMN3mZhCThocpblWGoyfmHH7bgQ5ZwzT+IIp8DGOsAi/HkNmSyS7Z8HRLJg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      storybook: ^10.3.3
+      storybook: ^10.3.4
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  '@storybook/react@10.3.3':
-    resolution: {integrity: sha512-cGG5TbR8Tdx9zwlpsWyBEfWrejm5iWdYF26EwIhwuKq9GFUTAVrQzo0Rs7Tqc3ZyVhRS/YfsRiWSEH+zmq2JiQ==}
+  '@storybook/react@10.3.4':
+    resolution: {integrity: sha512-I5ifYqjrqyuhOFjalpy47kMKMXX7QU/qmHj0h/547s9Bg6sEU7xRhJnneXx1RJsEJTySjC4SmGfEU+FJz4Foiw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      storybook: ^10.3.3
+      storybook: ^10.3.4
       typescript: '>= 4.9.x'
     peerDependenciesMeta:
       typescript:
@@ -3965,15 +3967,15 @@ packages:
       vue:
         optional: true
 
-  '@tanstack/devtools@0.11.0':
-    resolution: {integrity: sha512-ARRAnEm0HYjKlB2adC9YyDG3fbq5LVjpxPe6Jz583SanXRM1aKrZIGHIA//oRldX3mWIpM4kB6mCyd+CXCLqhA==}
+  '@tanstack/devtools@0.11.1':
+    resolution: {integrity: sha512-g3nHgVP76kT9190d6O32AjANoEnujLEB+51PDtBzlah8hvKeEygK53cunN+HXhjlfhM4PoOCi8/B96cdJVSnLg==}
     engines: {node: '>=18'}
     hasBin: true
     peerDependencies:
       solid-js: 1.9.11
 
-  '@tanstack/eslint-plugin-query@5.95.2':
-    resolution: {integrity: sha512-EYUFRaqjBep4EHMPpZR12sXP7Kr5qv9iDIlq93NfbhHwhITaW6Txu3ROO6dLFz5r84T8p+oZXBG77pa2Wuok7A==}
+  '@tanstack/eslint-plugin-query@5.96.1':
+    resolution: {integrity: sha512-BDJU+Q+zESjarSSFmbzpCBh+1wDxwW+DyQlvwIukF24MHYOoRPH4ouJRTlDdbp3BnIkeylZaHHSgIvxY9lgI/g==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: ^5.4.0
@@ -3981,11 +3983,11 @@ packages:
       typescript:
         optional: true
 
-  '@tanstack/form-core@1.28.5':
-    resolution: {integrity: sha512-8lYnduHHfP6uaXF9+2OLnh3Fo27tH4TdtekWLG2b/Bp26ynbrWG6L4qhBgEb7VcvTpJw/RjvJF/JyFhZkG3pfQ==}
+  '@tanstack/form-core@1.28.6':
+    resolution: {integrity: sha512-4zroxL6VDj5O+w7l3dYZnUeL/h30KtNSV7UWzKAL7cl+8clMFdISPDlDlluS37As7oqvPVKo8B83VlIBvgmRog==}
 
-  '@tanstack/form-devtools@0.2.19':
-    resolution: {integrity: sha512-AmIq5MBcop+gYKFutowGU7py9idorJkp4a4lsR2ZIZ5qa4ekl4jWqj6Vu+kvRPpJiBl3QpiFbm9bjBvO2DueFA==}
+  '@tanstack/form-devtools@0.2.20':
+    resolution: {integrity: sha512-4cW/eU5DBTrWP53mxwHKp4NQWTIQ3XCA91pMWK7dFNNClIwFnxoSJoKwyUa6b8kRIO6uq1Sjk2mhkAtj5kB22A==}
     peerDependencies:
       solid-js: 1.9.11
 
@@ -3993,14 +3995,14 @@ packages:
     resolution: {integrity: sha512-y/xtNPNt/YeyoVxE/JCx+T7yjEzpezmbb+toK8DDD1P4m7Kzs5YR956+7OKexG3f8aXgC3rLZl7b1V+yNUSy5w==}
     engines: {node: '>=18'}
 
-  '@tanstack/query-core@5.95.2':
-    resolution: {integrity: sha512-o4T8vZHZET4Bib3jZ/tCW9/7080urD4c+0/AUaYVpIqOsr7y0reBc1oX3ttNaSW5mYyvZHctiQ/UOP2PfdmFEQ==}
+  '@tanstack/query-core@5.96.1':
+    resolution: {integrity: sha512-u1yBgtavSy+N8wgtW3PiER6UpxcplMje65yXnnVgiHTqiMwLlxiw4WvQDrXyn+UD6lnn8kHaxmerJUzQcV/MMg==}
 
-  '@tanstack/query-devtools@5.95.2':
-    resolution: {integrity: sha512-QfaoqBn9uAZ+ICkA8brd1EHj+qBF6glCFgt94U8XP5BT6ppSsDBI8IJ00BU+cAGjQzp6wcKJL2EmRYvxy0TWIg==}
+  '@tanstack/query-devtools@5.96.1':
+    resolution: {integrity: sha512-A4+uQTWbiqZDgrLeyjpFYLfMaWaKWpkwTkR1cUfocVj6vPYgym7QTG2se9A01WSxceDdmgxOqvn1ivcTvgWD8w==}
 
-  '@tanstack/react-devtools@0.10.0':
-    resolution: {integrity: sha512-cUMzOQb1IHmkb8MsD0TrxHT8EL92Rx3G0Huq+IFkWeoaZPGlIiaIcGTpS5VvQDeI4BVUT+ZGt6CQTpx8oSTECg==}
+  '@tanstack/react-devtools@0.10.1':
+    resolution: {integrity: sha512-cvcd0EqN7Q2LYatQXxFhOkEa9RUQXZlhXnM1mwuibxmyRX+CMyohUZcgjodtIfgh+RT0Pmvt49liTdZby5ovZw==}
     engines: {node: '>=18'}
     peerDependencies:
       '@types/react': '>=16.8'
@@ -4008,13 +4010,13 @@ packages:
       react: '>=16.8'
       react-dom: '>=16.8'
 
-  '@tanstack/react-form-devtools@0.2.19':
-    resolution: {integrity: sha512-bILhij/Ye4T1YtyvNctmIShBL0gBp1jnWq0/9KASDFxjXjDUTmFE4TwAzYnwXbARjf6x8ZUW5MuJbi7VjpIGFw==}
+  '@tanstack/react-form-devtools@0.2.20':
+    resolution: {integrity: sha512-aXtorJ7p3TbzOapjaxbjGX/c0uQh/wbYSwgzFt3qatNMb1xL4HM/j00Bx7hDENZNBCf8MF8YEEtvpBmnGb4rnQ==}
     peerDependencies:
       react: ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  '@tanstack/react-form@1.28.5':
-    resolution: {integrity: sha512-CL8IeWkeXnEEDsHt5wBuIOZvSYrKiLRtsC9ca0LzfJJ22SYCma9cBmh1UX1EBX0o3gH2U21PmUf+y5f9OJNoEQ==}
+  '@tanstack/react-form@1.28.6':
+    resolution: {integrity: sha512-dRxwKeNW3uuJvf0sXsIQ2compFMnIJNk9B436Lx0fqkqK+CBvA1tNmEdX+faoCpuQ5Wua3c8ahVibJ65cpkijA==}
     peerDependencies:
       '@tanstack/react-start': '*'
       react: ^17.0.0 || ^18.0.0 || ^19.0.0
@@ -4022,14 +4024,14 @@ packages:
       '@tanstack/react-start':
         optional: true
 
-  '@tanstack/react-query-devtools@5.95.2':
-    resolution: {integrity: sha512-AFQFmbznVkbtfpx8VJ2DylW17wWagQel/qLstVLkYmNRo2CmJt3SNej5hvl6EnEeljJIdC3BTB+W7HZtpsH+3g==}
+  '@tanstack/react-query-devtools@5.96.1':
+    resolution: {integrity: sha512-3ZZ58fupIXtJFM0evj8YvWrauaZPUrQEqRYaq9e4ER/WPqTKeWEucqWCXn+KJLgWlcot5JIIUtQNynbovGjTTA==}
     peerDependencies:
-      '@tanstack/react-query': ^5.95.2
+      '@tanstack/react-query': ^5.96.1
       react: ^18 || ^19
 
-  '@tanstack/react-query@5.95.2':
-    resolution: {integrity: sha512-/wGkvLj/st5Ud1Q76KF1uFxScV7WeqN1slQx5280ycwAyYkIPGaRZAEgHxe3bjirSd5Zpwkj6zNcR4cqYni/ZA==}
+  '@tanstack/react-query@5.96.1':
+    resolution: {integrity: sha512-2X7KYK5KKWUKGeWCVcqxXAkYefJtrKB7tSKWgeG++b0H6BRHxQaLSSi8AxcgjmUnnosHuh9WsFZqvE16P1WCzA==}
     peerDependencies:
       react: ^18 || ^19
 
@@ -4258,9 +4260,6 @@ packages:
   '@types/geojson@7946.0.16':
     resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
 
-  '@types/hast@2.3.10':
-    resolution: {integrity: sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==}
-
   '@types/hast@3.0.4':
     resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
 
@@ -4305,12 +4304,6 @@ packages:
     peerDependencies:
       '@types/react': ^19.2.0
 
-  '@types/react-syntax-highlighter@15.5.13':
-    resolution: {integrity: sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA==}
-
-  '@types/react-window@1.8.8':
-    resolution: {integrity: sha512-8Ls660bHR1AUA2kuRvVG9D/4XpRC6wjAaPT9dil7Ckc76eP9TKWZwwmgfq8Q1LANX3QNDnoU4Zp48A3w+zK69Q==}
-
   '@types/react@19.2.14':
     resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
 
@@ -4341,13 +4334,13 @@ packages:
   '@types/zen-observable@0.8.3':
     resolution: {integrity: sha512-fbF6oTd4sGGy0xjHPKAt+eS2CrxJ3+6gQ3FGcBoIJR2TLAyCkCyI8JqZNy+FeON0AhVgNJoUumVoZQjBFUqHkw==}
 
-  '@typescript-eslint/eslint-plugin@8.57.2':
-    resolution: {integrity: sha512-NZZgp0Fm2IkD+La5PR81sd+g+8oS6JwJje+aRWsDocxHkjyRw0J5L5ZTlN3LI1LlOcGL7ph3eaIUmTXMIjLk0w==}
+  '@typescript-eslint/eslint-plugin@8.58.0':
+    resolution: {integrity: sha512-RLkVSiNuUP1C2ROIWfqX+YcUfLaSnxGE/8M+Y57lopVwg9VTYYfhuz15Yf1IzCKgZj6/rIbYTmJCUSqr76r0Wg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.57.2
+      '@typescript-eslint/parser': ^8.58.0
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: '>=4.8.4 <6.0.0'
+      typescript: '>=4.8.4 <6.1.0'
 
   '@typescript-eslint/parser@8.57.2':
     resolution: {integrity: sha512-30ScMRHIAD33JJQkgfGW1t8CURZtjc2JpTrq5n2HFhOefbAhb7ucc7xJwdWcrEtqUIYJ73Nybpsggii6GtAHjA==}
@@ -4356,12 +4349,25 @@ packages:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.0.0'
 
+  '@typescript-eslint/parser@8.58.0':
+    resolution: {integrity: sha512-rLoGZIf9afaRBYsPUMtvkDWykwXwUPL60HebR4JgTI8mxfFe2cQTu3AGitANp4b9B2QlVru6WzjgB2IzJKiCSA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
   '@typescript-eslint/project-service@8.57.2':
     resolution: {integrity: sha512-FuH0wipFywXRTHf+bTTjNyuNQQsQC3qh/dYzaM4I4W0jrCqjCVuUh99+xd9KamUfmCGPvbO8NDngo/vsnNVqgw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
+  '@typescript-eslint/project-service@8.58.0':
+    resolution: {integrity: sha512-8Q/wBPWLQP1j16NxoPNIKpDZFMaxl7yWIoqXWYeWO+Bbd2mjgvoF0dxP2jKZg5+x49rgKdf7Ck473M8PC3V9lg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
   '@typescript-eslint/rule-tester@8.57.2':
     resolution: {integrity: sha512-cb5m0irr1449waTuYzGi4KD3SGUH3khL4ta/o9lzShvT7gnIwR5qVhU0VM0p966kCrtFId8hwmkvz1fOElsxTg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -4372,29 +4378,49 @@ packages:
     resolution: {integrity: sha512-snZKH+W4WbWkrBqj4gUNRIGb/jipDW3qMqVJ4C9rzdFc+wLwruxk+2a5D+uoFcKPAqyqEnSb4l2ULuZf95eSkw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/scope-manager@8.58.0':
+    resolution: {integrity: sha512-W1Lur1oF50FxSnNdGp3Vs6P+yBRSmZiw4IIjEeYxd8UQJwhUF0gDgDD/W/Tgmh73mxgEU3qX0Bzdl/NGuSPEpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/tsconfig-utils@8.57.2':
     resolution: {integrity: sha512-3Lm5DSM+DCowsUOJC+YqHHnKEfFh5CoGkj5Z31NQSNF4l5wdOwqGn99wmwN/LImhfY3KJnmordBq/4+VDe2eKw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
-  '@typescript-eslint/type-utils@8.57.2':
-    resolution: {integrity: sha512-Co6ZCShm6kIbAM/s+oYVpKFfW7LBc6FXoPXjTRQ449PPNBY8U0KZXuevz5IFuuUj2H9ss40atTaf9dlGLzbWZg==}
+  '@typescript-eslint/tsconfig-utils@8.58.0':
+    resolution: {integrity: sha512-doNSZEVJsWEu4htiVC+PR6NpM+pa+a4ClH9INRWOWCUzMst/VA9c4gXq92F8GUD1rwhNvRLkgjfYtFXegXQF7A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/type-utils@8.58.0':
+    resolution: {integrity: sha512-aGsCQImkDIqMyx1u4PrVlbi/krmDsQUs4zAcCV6M7yPcPev+RqVlndsJy9kJ8TLihW9TZ0kbDAzctpLn5o+lOg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
-      typescript: '>=4.8.4 <6.0.0'
+      typescript: '>=4.8.4 <6.1.0'
 
   '@typescript-eslint/types@8.57.2':
     resolution: {integrity: sha512-/iZM6FnM4tnx9csuTxspMW4BOSegshwX5oBDznJ7S4WggL7Vczz5d2W11ecc4vRrQMQHXRSxzrCsyG5EsPPTbA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/types@8.58.0':
+    resolution: {integrity: sha512-O9CjxypDT89fbHxRfETNoAnHj/i6IpRK0CvbVN3qibxlLdo5p5hcLmUuCCrHMpxiWSwKyI8mCP7qRNYuOJ0Uww==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@typescript-eslint/typescript-estree@8.57.2':
     resolution: {integrity: sha512-2MKM+I6g8tJxfSmFKOnHv2t8Sk3T6rF20A1Puk0svLK+uVapDZB/4pfAeB7nE83uAZrU6OxW+HmOd5wHVdXwXA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <6.0.0'
 
+  '@typescript-eslint/typescript-estree@8.58.0':
+    resolution: {integrity: sha512-7vv5UWbHqew/dvs+D3e1RvLv1v2eeZ9txRHPnEEBUgSNLx5ghdzjHa0sgLWYVKssH+lYmV0JaWdoubo0ncGYLA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
   '@typescript-eslint/utils@8.57.2':
     resolution: {integrity: sha512-krRIbvPK1ju1WBKIefiX+bngPs+odIQUtR7kymzPfo1POVw3jlF+nLkmexdSSd4UCbDcQn+wMBATOOmpBbqgKg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -4402,47 +4428,58 @@ packages:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
       typescript: '>=4.8.4 <6.0.0'
 
+  '@typescript-eslint/utils@8.58.0':
+    resolution: {integrity: sha512-RfeSqcFeHMHlAWzt4TBjWOAtoW9lnsAGiP3GbaX9uVgTYYrMbVnGONEfUCiSss+xMHFl+eHZiipmA8WkQ7FuNA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
   '@typescript-eslint/visitor-keys@8.57.2':
     resolution: {integrity: sha512-zhahknjobV2FiD6Ee9iLbS7OV9zi10rG26odsQdfBO/hjSzUQbkIYgda+iNKK1zNiW2ey+Lf8MU5btN17V3dUw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript/native-preview-darwin-arm64@7.0.0-dev.20260329.1':
-    resolution: {integrity: sha512-zS1thDk7luD82nXVwvMd97F7FgxAE6jGtSmnHeXdaQ+6hJQcQLOVkfUdaehhdodqKDapWA2jEURxQAYjDGvv3g==}
+  '@typescript-eslint/visitor-keys@8.58.0':
+    resolution: {integrity: sha512-XJ9UD9+bbDo4a4epraTwG3TsNPeiB9aShrUneAVXy8q4LuwowN+qu89/6ByLMINqvIMeI9H9hOHQtg/ijrYXzQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript/native-preview-darwin-arm64@7.0.0-dev.20260401.1':
+    resolution: {integrity: sha512-9PCc1D4/zLic30g1upOw6ZmUl98fnrXYRv5wIZ6fxm1zZAObieRKUX3Jbr8M9N8iQQFxPIZPniIScsxAbmbJvw==}
     cpu: [arm64]
     os: [darwin]
 
-  '@typescript/native-preview-darwin-x64@7.0.0-dev.20260329.1':
-    resolution: {integrity: sha512-3IJ2qmpjQ1OXpZNUhJRjF1+SbDuqGC14Ug8DjWJlPBp06isi1fcJph90f5qW//FxEsNnJPYRcNwpP0A2RbTASg==}
+  '@typescript/native-preview-darwin-x64@7.0.0-dev.20260401.1':
+    resolution: {integrity: sha512-wwzca1KrjSVC6ApXfITsg/wF4GGbhVYebc7zChpuyi+phrHfw6ThTPB5XFUH4nA32vqw0Hn/6KACipMgzg8GPA==}
     cpu: [x64]
     os: [darwin]
 
-  '@typescript/native-preview-linux-arm64@7.0.0-dev.20260329.1':
-    resolution: {integrity: sha512-gQb6SjB5JlUKDaDuz6mv/m+/OBWVDlcjHINFOykBZZYZtgxBx6nEDjLrT8TiJRjmHEG6hSbv+yisUL9IThWycA==}
+  '@typescript/native-preview-linux-arm64@7.0.0-dev.20260401.1':
+    resolution: {integrity: sha512-1hgKibGi4QZF1J0hKltgY4nj4yKDmI4Ang5ar80I+YeUdGxV/fP2kU3bJang7QtHuSso6W+a52SF62zgqbzdow==}
     cpu: [arm64]
     os: [linux]
 
-  '@typescript/native-preview-linux-arm@7.0.0-dev.20260329.1':
-    resolution: {integrity: sha512-WKSSJrH611DFFAg6YCkgbnkdy0a4RRpzvDpNXtPzLTbMYC5oJdq3Dpvncx5nrJvGh4J4yvzXoMxraGPyygqGLw==}
+  '@typescript/native-preview-linux-arm@7.0.0-dev.20260401.1':
+    resolution: {integrity: sha512-bbIkRZYjtyoyCJ3wFES7qn3EwYO5Go1hxArL5X5oWiBmUHq5gMIxTZDv5mpWxopVf9Eyh4ErHefXjf1s4J+6Ag==}
     cpu: [arm]
     os: [linux]
 
-  '@typescript/native-preview-linux-x64@7.0.0-dev.20260329.1':
-    resolution: {integrity: sha512-kg4r+ssxoEWruBynUg9bFMdcMpo5NupzAPqNBlV8uWbmYGZjaPLonFWAi9ZZMiVJY/x5ZQ9GBl6xskwLdd3PJQ==}
+  '@typescript/native-preview-linux-x64@7.0.0-dev.20260401.1':
+    resolution: {integrity: sha512-1ysZ4c/Wa3RYIlrwVceYlhb1m1hxQ4P2x92valZXH0bNWEPb+oiQ4Yf35O/vi5h8zDdX/ZQ59vivYl27cF1VVA==}
     cpu: [x64]
     os: [linux]
 
-  '@typescript/native-preview-win32-arm64@7.0.0-dev.20260329.1':
-    resolution: {integrity: sha512-Qi4lddVxl5MG7Tk67gYhCFnoqqLGd4TvaI8RN4qHFjt3GV8s6c+0cQGsJXJnVgMx27qbyDTdsyAa2pvb42rYcQ==}
+  '@typescript/native-preview-win32-arm64@7.0.0-dev.20260401.1':
+    resolution: {integrity: sha512-fZYLCRe36y1BuzRFFpU2/RQ212l6Y1dccRMh8oTB8HlAVAAwtbkb6cjEn0Ablj4Dy16+Ih8R9uHsxPLNhtKw1Q==}
     cpu: [arm64]
     os: [win32]
 
-  '@typescript/native-preview-win32-x64@7.0.0-dev.20260329.1':
-    resolution: {integrity: sha512-+k5+usuB8HZ6Xc+enLdb95ZJd25bQqsnI1zXxfRCHP+RS9mxs70Mi9ezQz3lKOLZFFXShSH7iW9iulm8KwVzCQ==}
+  '@typescript/native-preview-win32-x64@7.0.0-dev.20260401.1':
+    resolution: {integrity: sha512-I6ses4SjWvpbvSpm1BPFRrDeqrzu7JTchJG/a26iwwmTLv4fAGLc5/o6Kv9Naygozop1W3KOcVM5i3A9oxiIjQ==}
     cpu: [x64]
     os: [win32]
 
-  '@typescript/native-preview@7.0.0-dev.20260329.1':
-    resolution: {integrity: sha512-v5lJ0TgSt2m9yVk2xoj9+NH/gTDeWTLaWGPx6MJsUKOYd6bmCJhHbMcWmb8d/zlfhE9ffpixUKYj62CdYfriqA==}
+  '@typescript/native-preview@7.0.0-dev.20260401.1':
+    resolution: {integrity: sha512-xJcN9WlY/P6xKjCMH4+DTzZSj/EKR6H9avuqUKs4eKyPEvaQ4bX+9Ys3Vl2qhlUaD7IRWY7HN7db0LHAGlWRSA==}
     hasBin: true
 
   '@ungap/structured-clone@1.3.0':
@@ -4510,17 +4547,17 @@ packages:
       react-server-dom-webpack:
         optional: true
 
-  '@vitest/coverage-v8@4.1.1':
-    resolution: {integrity: sha512-nZ4RWwGCoGOQRMmU/Q9wlUY540RVRxJZ9lxFsFfy0QV7Zmo5VVBhB6Sl9Xa0KIp2iIs3zWfPlo9LcY1iqbpzCw==}
+  '@vitest/coverage-v8@4.1.2':
+    resolution: {integrity: sha512-sPK//PHO+kAkScb8XITeB1bf7fsk85Km7+rt4eeuRR3VS1/crD47cmV5wicisJmjNdfeokTZwjMk4Mj2d58Mgg==}
     peerDependencies:
-      '@vitest/browser': 4.1.1
-      vitest: 4.1.1
+      '@vitest/browser': 4.1.2
+      vitest: 4.1.2
     peerDependenciesMeta:
       '@vitest/browser':
         optional: true
 
-  '@vitest/eslint-plugin@1.6.13':
-    resolution: {integrity: sha512-ui7JGWBoQpS5NKKW0FDb1eTuFEZ5EupEv2Psemuyfba7DfA5K52SeDLelt6P4pQJJ/4UGkker/BgMk/KrjH3WQ==}
+  '@vitest/eslint-plugin@1.6.14':
+    resolution: {integrity: sha512-PXZ5ysw4eHU9h8nDtBvVcGC7Z2C/T9CFdheqSw1NNXFYqViojub0V9bgdYI67iBTOcra2mwD0EYldlY9bGPf2Q==}
     engines: {node: '>=18'}
     peerDependencies:
       '@typescript-eslint/eslint-plugin': '*'
@@ -4541,8 +4578,8 @@ packages:
   '@vitest/pretty-format@3.2.4':
     resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
 
-  '@vitest/pretty-format@4.1.1':
-    resolution: {integrity: sha512-GM+TEQN5WhOygr1lp7skeVjdLPqqWMHsfzXrcHAqZJi/lIVh63H0kaRCY8MDhNWikx19zBUK8ceaLB7X5AH9NQ==}
+  '@vitest/pretty-format@4.1.2':
+    resolution: {integrity: sha512-dwQga8aejqeuB+TvXCMzSQemvV9hNEtDDpgUKDzOmNQayl2OG241PSWeJwKRH3CiC+sESrmoFd49rfnq7T4RnA==}
 
   '@vitest/spy@3.2.4':
     resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
@@ -4550,16 +4587,16 @@ packages:
   '@vitest/utils@3.2.4':
     resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
 
-  '@vitest/utils@4.1.1':
-    resolution: {integrity: sha512-cNxAlaB3sHoCdL6pj6yyUXv9Gry1NHNg0kFTXdvSIZXLHsqKH7chiWOkwJ5s5+d/oMwcoG9T0bKU38JZWKusrQ==}
+  '@vitest/utils@4.1.2':
+    resolution: {integrity: sha512-xw2/TiX82lQHA06cgbqRKFb5lCAy3axQ4H4SoUFhUsg+wztiet+co86IAMDtF6Vm1hc7J6j09oh/rgDn+JdKIQ==}
 
-  '@voidzero-dev/vite-plus-core@0.1.14':
-    resolution: {integrity: sha512-CCWzdkfW0fo0cQNlIsYp5fOuH2IwKuPZEb2UY2Z8gXcp5pG74A82H2Pthj0heAuvYTAnfT7kEC6zM+RbiBgQbg==}
+  '@voidzero-dev/vite-plus-core@0.1.15':
+    resolution: {integrity: sha512-0qAbqwcvQwiC8xGKSSuFtsjJUEM4LZzpXF7dffRazghGEQ8HH8NAvVryp/PiMSFwreJlV3rujwL4amKjnwCHpg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
       '@arethetypeswrong/core': ^0.18.1
-      '@tsdown/css': 0.21.4
-      '@tsdown/exe': 0.21.4
+      '@tsdown/css': 0.21.7
+      '@tsdown/exe': 0.21.7
       '@types/node': ^20.19.0 || >=22.12.0
       '@vitejs/devtools': ^0.1.0
       esbuild: 0.27.2
@@ -4572,7 +4609,7 @@ packages:
       sugarss: ^5.0.0
       terser: ^5.16.0
       tsx: ^4.8.1
-      typescript: ^5.0.0
+      typescript: ^5.0.0 || ^6.0.0
       unplugin-unused: ^0.5.0
       yaml: 2.8.3
     peerDependenciesMeta:
@@ -4613,54 +4650,54 @@ packages:
       yaml:
         optional: true
 
-  '@voidzero-dev/vite-plus-darwin-arm64@0.1.14':
-    resolution: {integrity: sha512-q2ESUSbapwsxVRe/KevKATahNRraoX5nti3HT9S3266OHT5sMroBY14jaxTv74ekjQc9E6EPhyLGQWuWQuuBRw==}
+  '@voidzero-dev/vite-plus-darwin-arm64@0.1.15':
+    resolution: {integrity: sha512-arFq8phXg96rQ5J+FYvkBYdEGxIhP1ePAXlUeQY2hV8hJPzse+CdxusWxcjfpTgvFi+dpsKzE4KSNS22PyBo7w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [darwin]
 
-  '@voidzero-dev/vite-plus-darwin-x64@0.1.14':
-    resolution: {integrity: sha512-UpcDZc9G99E/4HDRoobvYHxMvFOG5uv3RwEcq0HF70u4DsnEMl1z8RaJLeWV7a09LGwj9Q+YWC3Z4INWnTLs8g==}
+  '@voidzero-dev/vite-plus-darwin-x64@0.1.15':
+    resolution: {integrity: sha512-2eY+gTEIZvLH33nQmcL2tKlf+iHfClaqaSMYIlUpTp/CN+xqh4Ir4y2vN1XGEuFDIW0FshSZTg3ulPtduneEDA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [darwin]
 
-  '@voidzero-dev/vite-plus-linux-arm64-gnu@0.1.14':
-    resolution: {integrity: sha512-GIjn35RABUEDB9gHD26nRq7T72Te+Qy2+NIzogwEaUE728PvPkatF5gMCeF4sigCoc8c4qxDwsG+A2A2LYGnDg==}
+  '@voidzero-dev/vite-plus-linux-arm64-gnu@0.1.15':
+    resolution: {integrity: sha512-jJgz84pp61oHeXAYIUXKsVwQsMQ7NHK0+dBe6v1Q+Z034xXsyBrxi/JASSeVmCpAd6CN+xzOCsfMyn3whVTTxQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [glibc]
 
-  '@voidzero-dev/vite-plus-linux-arm64-musl@0.1.14':
-    resolution: {integrity: sha512-qo2RToGirG0XCcxZ2AEOuonLM256z6dNbJzDDIo5gWYA+cIKigFQJbkPyr25zsT1tsP2aY0OTxt2038XbVlRkQ==}
+  '@voidzero-dev/vite-plus-linux-arm64-musl@0.1.15':
+    resolution: {integrity: sha512-F0Wig+We0ERhGecf3fDIwM/kfqT0vP2htH0vKUnV/inHIVbPc1MsrjcExX1eJ6KFSp5YTfchRN8HGecqtsudPA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
     libc: [musl]
 
-  '@voidzero-dev/vite-plus-linux-x64-gnu@0.1.14':
-    resolution: {integrity: sha512-BsMWKZfdfGcYLxxLyaePpg6NW54xqzzcfq8sFUwKfwby0kgOKQ4WymUXyBvO9nnBb0ZPsJQrV0sx+Onac/LTaw==}
+  '@voidzero-dev/vite-plus-linux-x64-gnu@0.1.15':
+    resolution: {integrity: sha512-aT5Yr2GphvRjoc2URmELDqjWwhe5VPvyy15Tzum+jPhEjY4I/lPXxKXEROjQe3TIv6MmFSHCe3oNCSaFdUE1pA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
 
-  '@voidzero-dev/vite-plus-linux-x64-musl@0.1.14':
-    resolution: {integrity: sha512-mOrEpj7ntW9RopGbcOYG/L0pOs0qHzUG4Vz7NXbuf4dbOSlY4JjyoMOIWxjKQORQht02Hzuf8YrMGNwa6AjVSQ==}
+  '@voidzero-dev/vite-plus-linux-x64-musl@0.1.15':
+    resolution: {integrity: sha512-Q6qMBMdVp5v84YVzFvMUpzVIHLfJuwZQR/KUtAOn/hzpfNITigKR2GrZZDgQvszFW+0CPhDFcK3kqLkxlJCdFg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
     libc: [musl]
 
-  '@voidzero-dev/vite-plus-test@0.1.14':
-    resolution: {integrity: sha512-rjF+qpYD+5+THOJZ3gbE3+cxsk5sW7nJ0ODK7y6ZKeS4amREUMedEDYykzKBwR7OZDC/WwE90A0iLWCr6qAXhA==}
+  '@voidzero-dev/vite-plus-test@0.1.15':
+    resolution: {integrity: sha512-jxMUEX6PDpzMUz+KOVOoB8HiODMf5mWjH19pof0k9l/RZT4iLDyVXB+p9PoWjbVrEMMGzq9BTOVob7wfOZeZEA==}
     engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@opentelemetry/api': ^1.9.0
       '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
-      '@vitest/ui': 4.1.1
+      '@vitest/ui': 4.1.2
       happy-dom: '*'
       jsdom: '*'
       vite: ^6.0.0 || ^7.0.0 || ^8.0.0
@@ -4678,14 +4715,14 @@ packages:
       jsdom:
         optional: true
 
-  '@voidzero-dev/vite-plus-win32-arm64-msvc@0.1.14':
-    resolution: {integrity: sha512-7iC+Ig+8D/zACy0IJf7w/vQ7duTjux9Ttmm3KOBdVWH4dl3JihydA7+SQVMhz71a4WiqJ6nPidoG8D6hUP4MVQ==}
+  '@voidzero-dev/vite-plus-win32-arm64-msvc@0.1.15':
+    resolution: {integrity: sha512-EePrs+NIUy3gE60qaXPXzj8mw+JAXEBfGKsfweYBgNK6jo9ZXZto5ViKTuQsVVuWLVaELZSjoudbkzXB8wnJoQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [win32]
 
-  '@voidzero-dev/vite-plus-win32-x64-msvc@0.1.14':
-    resolution: {integrity: sha512-yRJ/8yAYFluNHx0Ej6Kevx65MIeM3wFKklnxosVZRlz2ZRL1Ea1Qh3tWATr3Ipk1ciRxBv8KJgp6zXqjxtZSoQ==}
+  '@voidzero-dev/vite-plus-win32-x64-msvc@0.1.15':
+    resolution: {integrity: sha512-vfYfwOG/5a/WUtgGrbUCatRkc5x0Rq/9GDlCzQQIAFGDB5BfyIjGbdCOqamQWOh+yQbeOHwvgAhqjZ7Dv1oo/w==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [win32]
@@ -4762,6 +4799,9 @@ packages:
   '@webassemblyjs/wast-printer@1.14.1':
     resolution: {integrity: sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==}
 
+  '@webcontainer/env@1.1.1':
+    resolution: {integrity: sha512-6aN99yL695Hi9SuIk1oC88l9o0gmxL1nGWWQ/kNy81HigJ0FoaoTXpytCj6ItzgyCEwA9kF1wixsTuv5cjsgng==}
+
   '@xstate/fsm@1.6.5':
     resolution: {integrity: sha512-b5o1I6aLNeYlU/3CPlj/Z91ybk1gUsKT+5NAJI+2W4UjvS5KLG28K9v5UvNoFVjHV8PajVZ00RH3vnjyQO7ZAw==}
 
@@ -4934,8 +4974,8 @@ packages:
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
-  brace-expansion@2.0.2:
-    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
+  brace-expansion@1.1.13:
+    resolution: {integrity: sha512-9ZLprWS6EENmhEOpjCYW2c8VkmOvckIJZfkr7rBW6dObmfgJ/L1GpSYW5Hpo9lDz4D1+n0Ckz8rU7FwHDQiG/w==}
 
   brace-expansion@5.0.5:
     resolution: {integrity: sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==}
@@ -4971,20 +5011,10 @@ packages:
     resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
     engines: {node: '>=18'}
 
-  bundle-require@5.1.0:
-    resolution: {integrity: sha512-3WrrOuZiyaaZPWiEt4G3+IffISVC9HYlWueJEBWED4ZH4aIAC2PnkdnuRrR94M+w6yGWn4AglWtJtBI8YqvgoA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-    peerDependencies:
-      esbuild: 0.27.2
-
   bytes@3.1.2:
     resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
     engines: {node: '>= 0.8'}
 
-  cac@6.7.14:
-    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
-    engines: {node: '>=8'}
-
   cac@7.0.0:
     resolution: {integrity: sha512-tixWYgm5ZoOD+3g6UTea91eow5z6AAHaho3g0V9CNSNb45gM8SmflpAc+GRd1InC4AqN/07Unrgp56Y94N9hJQ==}
     engines: {node: '>=20.19.0'}
@@ -5027,21 +5057,12 @@ packages:
   character-entities-html4@2.1.0:
     resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
 
-  character-entities-legacy@1.1.4:
-    resolution: {integrity: sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==}
-
   character-entities-legacy@3.0.0:
     resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
 
-  character-entities@1.2.4:
-    resolution: {integrity: sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==}
-
   character-entities@2.0.2:
     resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
 
-  character-reference-invalid@1.1.4:
-    resolution: {integrity: sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==}
-
   character-reference-invalid@2.0.1:
     resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
 
@@ -5128,8 +5149,8 @@ packages:
       react: ^18 || ^19 || ^19.0.0-rc
       react-dom: ^18 || ^19 || ^19.0.0-rc
 
-  code-inspector-plugin@1.4.5:
-    resolution: {integrity: sha512-yp3zHd5AZhtVoBNOzKQuJVo1wZe7AIO2vAiVhF8WIAK02IwM9+gY+Pr9deajx+XyJLbzMW+3CgdfLIh+xxW2Hg==}
+  code-inspector-plugin@1.5.1:
+    resolution: {integrity: sha512-7gOqqBurKCucnls1ZHw0KWb7Z5u7gg3Q2pFSY9rrttFmwRaFJfJiscKEbm7X9IKmeEvkFRtNvNrHbSVQ67L8pQ==}
 
   collapse-white-space@2.1.0:
     resolution: {integrity: sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==}
@@ -5141,9 +5162,6 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
-  comma-separated-tokens@1.0.8:
-    resolution: {integrity: sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw==}
-
   comma-separated-tokens@2.0.3:
     resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
 
@@ -5162,10 +5180,6 @@ packages:
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
-  commander@4.1.1:
-    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
-    engines: {node: '>= 6'}
-
   commander@7.2.0:
     resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
     engines: {node: '>= 10'}
@@ -5185,16 +5199,15 @@ packages:
   compare-versions@6.1.1:
     resolution: {integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==}
 
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
   confbox@0.1.8:
     resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
 
   confbox@0.2.4:
     resolution: {integrity: sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==}
 
-  consola@3.4.2:
-    resolution: {integrity: sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==}
-    engines: {node: ^14.18.0 || >=16.10.0}
-
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
@@ -5469,9 +5482,6 @@ packages:
     resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
     engines: {node: '>=12'}
 
-  defu@6.1.4:
-    resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
-
   delaunator@5.1.0:
     resolution: {integrity: sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==}
 
@@ -5479,9 +5489,6 @@ packages:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
 
-  destr@2.0.5:
-    resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
-
   detect-libc@2.1.2:
     resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
     engines: {node: '>=8'}
@@ -5656,8 +5663,8 @@ packages:
     peerDependencies:
       eslint: ^9.5.0 || ^10.0.0
 
-  eslint-flat-config-utils@3.0.2:
-    resolution: {integrity: sha512-mPvevWSDQFwgABvyCurwIu6ZdKxGI5NW22/BGDwA1T49NO6bXuxbV9VfJK/tkQoNyPogT6Yu1d57iM0jnZVWmg==}
+  eslint-flat-config-utils@3.1.0:
+    resolution: {integrity: sha512-lM+Nwo2CzpuTS/RASQExlEIwk/BQoKqJWX6VbDlLMb/mveqvt9MMrRXFEkG3bseuK6g8noKZLeX82epkILtv4A==}
 
   eslint-json-compat-utils@0.2.3:
     resolution: {integrity: sha512-RbBmDFyu7FqnjE8F0ZxPNzx5UaptdeS9Uu50r7A+D7s/+FCX+ybiyViYEgFUaFIFqSWJgZRTpL5d8Kanxxl2lQ==}
@@ -5726,11 +5733,11 @@ packages:
     peerDependencies:
       eslint: '*'
 
-  eslint-plugin-import-lite@0.5.2:
-    resolution: {integrity: sha512-XvfdWOC5dSLEI9krIPRlNmKSI2ViIE9pVylzfV9fCq0ZpDaNeUk6o0wZv0OzN83QdadgXp1NsY0qjLINxwYCsw==}
+  eslint-plugin-import-lite@0.6.0:
+    resolution: {integrity: sha512-80vevx2A7i3H7n1/6pqDO8cc5wRz6OwLDvIyVl9UflBV1N1f46e9Ihzi65IOLYoSxM6YykK2fTw1xm0Ixx6aTQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      eslint: '>=9.0.0'
+      eslint: ^9.0.0 || ^10.0.0
 
   eslint-plugin-jsdoc@62.8.1:
     resolution: {integrity: sha512-e9358PdHgvcMF98foNd3L7hVCw70Lt+YcSL7JzlJebB8eT5oRJtW6bHMQKoAwJtw6q0q0w/fRIr2kwnHdFDI6A==}
@@ -5744,11 +5751,11 @@ packages:
     peerDependencies:
       eslint: '>=9.38.0'
 
-  eslint-plugin-markdown-preferences@0.40.3:
-    resolution: {integrity: sha512-R3CCAEFwnnYXukTdtvdsamGjbTgVs9UZKqMKhNeWNXzFtOP1Frc89bgbd56lJUN7ASaxgvzc5fUpKvDCOTtDpg==}
+  eslint-plugin-markdown-preferences@0.41.0:
+    resolution: {integrity: sha512-Pu150jKH1Cf5sW/Igck0VbuT0A9qFpIPG1dDvyAt2lG8tA3VzPDkwxBusO8JqQ9NRIrm3pat0X6cfanSki3WZQ==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
     peerDependencies:
-      '@eslint/markdown': ^7.4.0
+      '@eslint/markdown': ^7.4.0 || ^8.0.0
       eslint: '>=9.0.0'
 
   eslint-plugin-n@17.24.0:
@@ -5782,12 +5789,6 @@ packages:
       eslint: ^10.0.0
       typescript: '*'
 
-  eslint-plugin-react-hooks@7.0.1:
-    resolution: {integrity: sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
-
   eslint-plugin-react-naming-convention@3.0.0:
     resolution: {integrity: sha512-pAtOZST5/NhWIa/I5yz7H1HEZTtCY7LHMhzmN9zvaOdTWyZYtz2g9pxPRDBnkR9uSmHsNt44gj+2JSAD4xwgew==}
     engines: {node: '>=22.0.0'}
@@ -5832,11 +5833,11 @@ packages:
     peerDependencies:
       eslint: ^8.0.0 || ^9.0.0 || ^10.0.0
 
-  eslint-plugin-storybook@10.3.3:
-    resolution: {integrity: sha512-jo8wZvKaJlxxrNvf4hCsROJP3CdlpaLiYewAs5Ww+PJxCrLelIi5XVHWOAgBvvr3H9WDKvUw8xuvqPYqAlpkFg==}
+  eslint-plugin-storybook@10.3.4:
+    resolution: {integrity: sha512-6jRb9ucYWKRkbuxpN+83YA3wAWuKn6rp+OVXivy0FPa82v8eciHG8OidbznmzrfcRJYkNWUb7GrPjG/rf4Vqaw==}
     peerDependencies:
       eslint: '>=8'
-      storybook: ^10.3.3
+      storybook: ^10.3.4
 
   eslint-plugin-toml@1.3.1:
     resolution: {integrity: sha512-1l00fBP03HIt9IPV7ZxBi7x0y0NMdEZmakL1jBD6N/FoKBvfKxPw5S8XkmzBecOnFBTn5Z8sNJtL5vdf9cpRMQ==}
@@ -5844,8 +5845,8 @@ packages:
     peerDependencies:
       eslint: '>=9.38.0'
 
-  eslint-plugin-unicorn@63.0.0:
-    resolution: {integrity: sha512-Iqecl9118uQEXYh7adylgEmGfkn5es3/mlQTLLkd4pXkIk9CTGrAbeUux+YljSa2ohXCBmQQ0+Ej1kZaFgcfkA==}
+  eslint-plugin-unicorn@64.0.0:
+    resolution: {integrity: sha512-rNZwalHh8i0UfPlhNwg5BTUO1CMdKNmjqe+TgzOTZnpKoi8VBgsW7u9qCHIdpxEzZ1uwrJrPF0uRb7l//K38gA==}
     engines: {node: ^20.10.0 || >=21.0.0}
     peerDependencies:
       eslint: '>=9.38.0'
@@ -6025,15 +6026,21 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
+  fast-string-truncated-width@1.2.1:
+    resolution: {integrity: sha512-Q9acT/+Uu3GwGj+5w/zsGuQjh9O1TyywhIwAxHudtWrgF09nHOPrvTLhQevPbttcxjr/SNN7mJmfOw/B1bXgow==}
+
+  fast-string-width@1.1.0:
+    resolution: {integrity: sha512-O3fwIVIH5gKB38QNbdg+3760ZmGz0SZMgvwJbA1b2TGXceKE6A2cOlfogh1iw8lr049zPyd7YADHy+B7U4W9bQ==}
+
   fast-uri@3.1.0:
     resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
 
+  fast-wrap-ansi@0.1.6:
+    resolution: {integrity: sha512-HlUwET7a5gqjURj70D5jl7aC3Zmy4weA1SHUfM0JFI0Ptq987NH2TwbBFLoERhfwk+E+eaq4EK3jXoT+R3yp3w==}
+
   fastq@1.20.1:
     resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
 
-  fault@1.0.4:
-    resolution: {integrity: sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==}
-
   fault@2.0.1:
     resolution: {integrity: sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==}
 
@@ -6079,9 +6086,6 @@ packages:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
-  fix-dts-default-cjs-exports@1.0.1:
-    resolution: {integrity: sha512-pVIECanWFC61Hzl2+oOCtoJ3F17kglZC/6N94eRWycFgBH35hHx0Li604ZIzhseh97mf2p0cv7vVrOZGoqhlEg==}
-
   flat-cache@4.0.1:
     resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
     engines: {node: '>=16'}
@@ -6125,9 +6129,6 @@ packages:
   functional-red-black-tree@1.0.1:
     resolution: {integrity: sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==}
 
-  fzf@0.5.2:
-    resolution: {integrity: sha512-Tt4kuxLXFKHy8KT40zwsUPUkg1CrsgY25FxA2U/j/0WgEDCk3ddc/zLTCCcbSHX9FcKtLuVaDGtGE/STWC+j3Q==}
-
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -6180,10 +6181,6 @@ packages:
     resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==}
     engines: {node: '>=18'}
 
-  globals@16.5.0:
-    resolution: {integrity: sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==}
-    engines: {node: '>=18'}
-
   globals@17.4.0:
     resolution: {integrity: sha512-hjrNztw/VajQwOLsMNT1cbJiH2muO3OROCHnbehc8eY5JyD2gqz4AcMHPqgaOR59DjgUjYAYLeH699g/eWi2jw==}
     engines: {node: '>=18'}
@@ -6229,9 +6226,6 @@ packages:
   hast-util-is-element@3.0.0:
     resolution: {integrity: sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==}
 
-  hast-util-parse-selector@2.2.5:
-    resolution: {integrity: sha512-7j6mrk/qqkSehsM92wQjdIgWM2/BW61u/53G6xmC8i1OmEdKLHbk419QKQUjz6LglWsfqoiHmyMRkP1BGjecNQ==}
-
   hast-util-parse-selector@4.0.0:
     resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==}
 
@@ -6244,6 +6238,9 @@ packages:
   hast-util-to-estree@3.1.3:
     resolution: {integrity: sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w==}
 
+  hast-util-to-html@9.0.5:
+    resolution: {integrity: sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==}
+
   hast-util-to-jsx-runtime@2.3.6:
     resolution: {integrity: sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==}
 
@@ -6256,30 +6253,15 @@ packages:
   hast-util-whitespace@3.0.0:
     resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
 
-  hastscript@6.0.0:
-    resolution: {integrity: sha512-nDM6bvd7lIqDUiYEiu5Sl/+6ReP0BMk/2f4U/Rooccxkj0P5nm+acM5PrGJ/t5I8qPGiqZSE6hVAwZEdZIvP4w==}
-
   hastscript@9.0.1:
     resolution: {integrity: sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==}
 
-  hermes-estree@0.25.1:
-    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
-
-  hermes-parser@0.25.1:
-    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
-
   hex-rgb@4.3.0:
     resolution: {integrity: sha512-Ox1pJVrDCyGHMG9CFg1tmrRUMRPRsAWYc/PinY0XzJU4K7y7vjNoLKIQ7BR5UJMCxNN8EM1MNDmHWA/B3aZUuw==}
     engines: {node: '>=6'}
 
-  highlight.js@10.7.3:
-    resolution: {integrity: sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==}
-
-  highlightjs-vue@1.0.0:
-    resolution: {integrity: sha512-PDEfEF102G23vHmPhLyPboFCD+BkMGu+GuJe2d9/eH4FsCwvgBpnc9n0pGE+ffKdph38s6foEZiEjdgHdzp+IA==}
-
-  hono@4.12.9:
-    resolution: {integrity: sha512-wy3T8Zm2bsEvxKZM5w21VdHDDcwVS1yUFFY6i8UobSsKfFceT7TOwhbhfKsDyx7tYQlmRM5FLpIuYvNFyjctiA==}
+  hono@4.12.10:
+    resolution: {integrity: sha512-mx/p18PLy5og9ufies2GOSUqep98Td9q4i/EF6X7yJgAiIopxqdfIO3jbqsi3jRgTgw88jMDEzVKi+V2EF+27w==}
     engines: {node: '>=16.9.0'}
 
   hosted-git-info@9.0.2:
@@ -6310,8 +6292,8 @@ packages:
   i18next-resources-to-backend@1.2.1:
     resolution: {integrity: sha512-okHbVA+HZ7n1/76MsfhPqDou0fptl2dAlhRDu2ideXloRRduzHsqDOznJBef+R3DFZnbvWoBW+KxJ7fnFjd6Yw==}
 
-  i18next@25.10.10:
-    resolution: {integrity: sha512-cqUW2Z3EkRx7NqSyywjkgCLK7KLCL6IFVFcONG7nVYIJ3ekZ1/N5jUsihHV6Bq37NfhgtczxJcxduELtjTwkuQ==}
+  i18next@26.0.3:
+    resolution: {integrity: sha512-1571kXINxHKY7LksWp8wP+zP0YqHSSpl/OW0Y0owFEf2H3s8gCAffWaZivcz14rMkOvn3R/psiQxVsR9t2Nafg==}
     peerDependencies:
       typescript: ^5 || ^6
     peerDependenciesMeta:
@@ -6397,15 +6379,9 @@ packages:
     resolution: {integrity: sha512-7m1vEcPCxXYI8HqnL8CKI6siDyD+eIWSwgB3DZA+ZTogxk9I4CDnj4wilt9x/+/QbHI4YG5YZNmC6458/e9Ktg==}
     deprecated: The Intersection Observer polyfill is no longer needed and can safely be removed. Intersection Observer has been Baseline since 2019.
 
-  is-alphabetical@1.0.4:
-    resolution: {integrity: sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==}
-
   is-alphabetical@2.0.1:
     resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
 
-  is-alphanumerical@1.0.4:
-    resolution: {integrity: sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==}
-
   is-alphanumerical@2.0.1:
     resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
 
@@ -6413,9 +6389,6 @@ packages:
     resolution: {integrity: sha512-f4RqJKBUe5rQkJ2eJEJBXSticB3hGbN9j0yxxMQFqIW89Jp9WYFtzfTcRlstDKVUTRzSOTLKRfO9vIztenwtxA==}
     engines: {node: '>=18.20'}
 
-  is-decimal@1.0.4:
-    resolution: {integrity: sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==}
-
   is-decimal@2.0.1:
     resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
 
@@ -6432,9 +6405,6 @@ packages:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
-  is-hexadecimal@1.0.4:
-    resolution: {integrity: sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==}
-
   is-hexadecimal@2.0.1:
     resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
 
@@ -6518,10 +6488,6 @@ packages:
       react:
         optional: true
 
-  joycon@3.1.1:
-    resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
-    engines: {node: '>=10'}
-
   js-audio-recorder@1.0.7:
     resolution: {integrity: sha512-JiDODCElVHGrFyjGYwYyNi7zCbKk9va9C77w+zCPMmi4C6ix7zsX2h3ddHugmo4dOTOTCym9++b/wVW9nC0IaA==}
 
@@ -6578,6 +6544,9 @@ packages:
     resolution: {integrity: sha512-75EA7EWZExL/j+MDKQrRbdzcRI2HOkRlmUw8fZJc1ioqFEOvBsq7Rt+A6yCxOt9w/TYNpkt52gC6nm/g5tFIng==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
+  jsonc-parser@3.3.1:
+    resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==}
+
   jsonfile@6.2.0:
     resolution: {integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==}
 
@@ -6598,8 +6567,8 @@ packages:
   khroma@2.1.0:
     resolution: {integrity: sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==}
 
-  knip@6.1.0:
-    resolution: {integrity: sha512-n5eVbJP7HXmwTsiJcELWJe2O1ESxyCTNxJzRTIECDYDTM465qnqk7fL2dv6ae3NUFvFWorZvGlh9mcwxwJ5Xgw==}
+  knip@6.2.0:
+    resolution: {integrity: sha512-4OMUMJARvNble8e8TeFv12flp4fKzAITrQec1eKO4g2eA4HnNqEa8CXy2UOPLjuYuAETpe0N0r25jF9yY9FLig==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
@@ -6721,20 +6690,9 @@ packages:
     resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
     engines: {node: '>= 12.0.0'}
 
-  lilconfig@3.1.3:
-    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
-    engines: {node: '>=14'}
-
   linebreak@1.1.0:
     resolution: {integrity: sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==}
 
-  lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-
-  load-tsconfig@0.2.5:
-    resolution: {integrity: sha512-IXO6OCs9yg8tMKzfPZ1YmheJbZCiEsnBdcB03l0OcfK9prKnJb96siuHCr5Fl37/yo9DnKU+TLpxzTUspw9shg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   loader-runner@4.3.1:
     resolution: {integrity: sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==}
     engines: {node: '>=6.11.5'}
@@ -6747,8 +6705,9 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
-  lodash-es@4.17.23:
-    resolution: {integrity: sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==}
+  lodash-es@4.18.0:
+    resolution: {integrity: sha512-koAgswPPA+UTaPN64Etp+PGP+WT6oqOS2NMi5yDkMaiGw9qY4VxQbQF0mtKMyr4BlTznWyzePV5UpECTJQmSUA==}
+    deprecated: Bad release. Please use lodash-es@4.17.23 instead.
 
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
@@ -6759,8 +6718,9 @@ packages:
   lodash.sortby@4.7.0:
     resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
 
-  lodash@4.17.23:
-    resolution: {integrity: sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==}
+  lodash@4.18.0:
+    resolution: {integrity: sha512-l1mfj2atMqndAHI3ls7XqPxEjV2J9ZkcNyHpoZA3r2T1LLwDB69jgkMWh71YKwhBbK0G2f4WSn05ahmQXVxupA==}
+    deprecated: Bad release. Please use lodash@4.17.21 instead.
 
   longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
@@ -6775,9 +6735,6 @@ packages:
   lower-case@2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
 
-  lowlight@1.20.0:
-    resolution: {integrity: sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==}
-
   lru-cache@11.2.7:
     resolution: {integrity: sha512-aY/R+aEsRelme17KGQa/1ZSIpLpNYYrhcrepKTZgE+W3WM16YMCaPwOHLHsmopZHELU0Ojin1lPVxKR0MihncA==}
     engines: {node: 20 || >=22}
@@ -6894,9 +6851,6 @@ packages:
   mdn-data@2.23.0:
     resolution: {integrity: sha512-786vq1+4079JSeu2XdcDjrhi/Ry7BWtjDl9WtGPWLiIHb2T66GvIVflZTBoSNZ5JqTtJGYEVMuFA/lbQlMOyDQ==}
 
-  memoize-one@5.2.1:
-    resolution: {integrity: sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==}
-
   merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
 
@@ -6904,8 +6858,8 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
-  mermaid@11.13.0:
-    resolution: {integrity: sha512-fEnci+Immw6lKMFI8sqzjlATTyjLkRa6axrEgLV2yHTfv8r+h1wjFbV6xeRtd4rUV1cS4EpR9rwp3Rci7TRWDw==}
+  mermaid@11.14.0:
+    resolution: {integrity: sha512-GSGloRsBs+JINmmhl0JDwjpuezCsHB4WGI4NASHxL3fHo3o/BRXTxhDLKnln8/Q0lRFRyDdEjmk1/d5Sn1Xz8g==}
 
   micromark-core-commonmark@2.0.3:
     resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
@@ -7043,10 +6997,6 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
-  mimic-function@5.0.1:
-    resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
-    engines: {node: '>=18'}
-
   mimic-response@3.1.0:
     resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
     engines: {node: '>=10'}
@@ -7137,8 +7087,8 @@ packages:
       react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
       react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
 
-  next@16.2.1:
-    resolution: {integrity: sha512-VaChzNL7o9rbfdt60HUj8tev4m6d7iC1igAy157526+cJlXOQu5LzsBXNT+xaJnTP/k+utSX5vMv7m0G+zKH+Q==}
+  next@16.2.2:
+    resolution: {integrity: sha512-i6AJdyVa4oQjyvX/6GeER8dpY/xlIV+4NMv/svykcLtURJSy/WzDnnUk/TM4d0uewFHK7xSQz4TbIwPgjky+3A==}
     engines: {node: '>=20.9.0'}
     hasBin: true
     peerDependencies:
@@ -7168,9 +7118,6 @@ packages:
   node-addon-api@7.1.1:
     resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
 
-  node-fetch-native@1.6.7:
-    resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
-
   node-releases@2.0.36:
     resolution: {integrity: sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==}
 
@@ -7215,18 +7162,17 @@ packages:
   obug@2.1.1:
     resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
 
-  ofetch@1.5.1:
-    resolution: {integrity: sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA==}
-
   ohash@2.0.11:
     resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
 
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
-  onetime@7.0.0:
-    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
-    engines: {node: '>=18'}
+  oniguruma-parser@0.12.1:
+    resolution: {integrity: sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==}
+
+  oniguruma-to-es@4.3.5:
+    resolution: {integrity: sha512-Zjygswjpsewa0NLTsiizVuMQZbp0MDyM6lIt66OxsF21npUDlzpHi1Mgb/qhQdkb+dWFTzJmFbEWdvZgRho8eQ==}
 
   open@10.2.0:
     resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
@@ -7250,21 +7196,21 @@ packages:
   oxc-resolver@11.19.1:
     resolution: {integrity: sha512-qE/CIg/spwrTBFt5aKmwe3ifeDdLfA2NESN30E42X/lII5ClF8V7Wt6WIJhcGZjp0/Q+nQ+9vgxGk//xZNX2hg==}
 
-  oxfmt@0.42.0:
-    resolution: {integrity: sha512-QhejGErLSMReNuZ6vxgFHDyGoPbjTRNi6uGHjy0cvIjOQFqD6xmr/T+3L41ixR3NIgzcNiJ6ylQKpvShTgDfqg==}
+  oxfmt@0.43.0:
+    resolution: {integrity: sha512-KTYNG5ISfHSdmeZ25Xzb3qgz9EmQvkaGAxgBY/p38+ZiAet3uZeu7FnMwcSQJg152Qwl0wnYAxDc+Z/H6cvrwA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
-  oxlint-tsgolint@0.17.3:
-    resolution: {integrity: sha512-1eh4bcpOMw0e7+YYVxmhFc2mo/V6hJ2+zfukqf+GprvVn3y94b69M/xNrYLmx5A+VdYe0i/bJ2xOs6Hp/jRmRA==}
+  oxlint-tsgolint@0.18.1:
+    resolution: {integrity: sha512-Hgb0wMfuXBYL0ddY+1hAG8IIfC40ADwPnBuUaC6ENAuCtTF4dHwsy7mCYtQ2e7LoGvfoSJRY0+kqQRiembJ/jQ==}
     hasBin: true
 
-  oxlint@1.57.0:
-    resolution: {integrity: sha512-DGFsuBX5MFZX9yiDdtKjTrYPq45CZ8Fft6qCltJITYZxfwYjVdGf/6wycGYTACloauwIPxUnYhBVeZbHvleGhw==}
+  oxlint@1.58.0:
+    resolution: {integrity: sha512-t4s9leczDMqlvOSjnbCQe7gtoLkWgBGZ7sBdCJ9EOj5IXFSG/X7OAzK4yuH4iW+4cAYe8kLFbC8tuYMwWZm+Cg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
-      oxlint-tsgolint: '>=0.15.0'
+      oxlint-tsgolint: '>=0.18.0'
     peerDependenciesMeta:
       oxlint-tsgolint:
         optional: true
@@ -7301,9 +7247,6 @@ packages:
   parse-css-color@0.2.1:
     resolution: {integrity: sha512-bwS/GGIFV3b6KS4uwpzCFj4w297Yl3uqnSgIPsoQkx7GMLROXfMnWvxfNkL0oh8HVhZA4hvJoEoEIqonfJ3BWg==}
 
-  parse-entities@2.0.0:
-    resolution: {integrity: sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==}
-
   parse-entities@4.0.2:
     resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
 
@@ -7392,10 +7335,6 @@ packages:
   pinyin-pro@3.28.0:
     resolution: {integrity: sha512-mMRty6RisoyYNphJrTo3pnvp3w8OMZBrXm9YSWkxhAfxKj1KZk2y8T2PDIZlDDRsvZ0No+Hz6FI4sZpA6Ey25g==}
 
-  pirates@4.0.7:
-    resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
-    engines: {node: '>= 6'}
-
   pixelmatch@7.1.0:
     resolution: {integrity: sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng==}
     hasBin: true
@@ -7406,13 +7345,13 @@ packages:
   pkg-types@2.3.0:
     resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==}
 
-  playwright-core@1.58.2:
-    resolution: {integrity: sha512-yZkEtftgwS8CsfYo7nm0KE8jsvm6i/PTgVtB8DL726wNf6H2IMsDuxCpJj59KDaxCtSnrWan2AeDqM7JBaultg==}
+  playwright-core@1.59.1:
+    resolution: {integrity: sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==}
     engines: {node: '>=18'}
     hasBin: true
 
-  playwright@1.58.2:
-    resolution: {integrity: sha512-vA30H8Nvkq/cPBnNw4Q8TWz1EJyqgpuinBcHET0YVJVFldr8JDNiU9LaWAE1KqSkRYazuaBhTpB5ZzShOezQ6A==}
+  playwright@1.59.1:
+    resolution: {integrity: sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -7437,24 +7376,6 @@ packages:
     resolution: {integrity: sha512-rEwq/ZHlJIKw++XtLAO8PPuOQA/zaPJOZJ37BVuN97nLpMJeuDVLVGRwbFoBgLudgdTMP2hdRJP++H+8QOA3vg==}
     engines: {node: '>= 10.12'}
 
-  postcss-load-config@6.0.1:
-    resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      jiti: '>=1.21.0'
-      postcss: '>=8.0.9'
-      tsx: ^4.8.1
-      yaml: 2.8.3
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-      postcss:
-        optional: true
-      tsx:
-        optional: true
-      yaml:
-        optional: true
-
   postcss-selector-parser@6.0.10:
     resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
     engines: {node: '>=4'}
@@ -7492,10 +7413,6 @@ packages:
     resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
 
-  prismjs@1.30.0:
-    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
-    engines: {node: '>=6'}
-
   progress@2.0.3:
     resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
     engines: {node: '>=0.4.0'}
@@ -7506,9 +7423,6 @@ packages:
   property-expr@2.0.6:
     resolution: {integrity: sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==}
 
-  property-information@5.6.0:
-    resolution: {integrity: sha512-YUHSPk+A30YPv+0Qf8i9Mbfe/C0hdPXk1s1jPVToV8pk8BQtpw10ct89Eo7OWkutrwqvT0eicAxlOg3dOAu8JA==}
-
   property-information@7.1.0:
     resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
 
@@ -7531,9 +7445,6 @@ packages:
   quansync@0.2.11:
     resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
 
-  quansync@1.0.0:
-    resolution: {integrity: sha512-5xZacEEufv3HSTPQuchrvV6soaiACMFnq1H8wkVioctoH3TRha9Sz66lOxRwPK/qZj7HPiSveih9yAyh98gvqA==}
-
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
@@ -7596,10 +7507,10 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
-  react-i18next@16.6.6:
-    resolution: {integrity: sha512-ZgL2HUoW34UKUkOV7uSQFE1CDnRPD+tCR3ywSuWH7u2iapnz86U8Bi3Vrs620qNDzCf1F47NxglCEkchCTDOHw==}
+  react-i18next@17.0.2:
+    resolution: {integrity: sha512-shBftH2vaTWK2Bsp7FiL+cevx3xFJlvFxmsDFQSrJc+6twHkP0tv/bGa01VVWzpreUVVwU+3Hev5iFqRg65RwA==}
     peerDependencies:
-      i18next: '>= 25.10.9'
+      i18next: '>= 26.0.1'
       react: '>= 16.8.0'
       react-dom: '*'
       react-native: '*'
@@ -7686,24 +7597,12 @@ packages:
       '@types/react':
         optional: true
 
-  react-syntax-highlighter@15.6.6:
-    resolution: {integrity: sha512-DgXrc+AZF47+HvAPEmn7Ua/1p10jNoVZVI/LoPiYdtY+OM+/nG5yefLHKJwdKqY1adMuHFbeyBaG9j64ML7vTw==}
-    peerDependencies:
-      react: '>= 0.14.0'
-
   react-textarea-autosize@8.5.9:
     resolution: {integrity: sha512-U1DGlIQN5AwgjTyOEnI1oCcMuEr1pv1qOtklB2l4nyMGbHzWrI0eFsYK0zos2YWqAolJyG0IWJaqWmWj5ETh0A==}
     engines: {node: '>=10'}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
-  react-window@1.8.11:
-    resolution: {integrity: sha512-+SRbUVT2scadgFSWx+R1P754xHPEqvcfSfVX10QYg6POOz+WNgkN48pS+BtZNIMGiL1HYrSEiCkwsMS15QogEQ==}
-    engines: {node: '>8.0.0'}
-    peerDependencies:
-      react: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      react-dom: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-
   react@19.2.4:
     resolution: {integrity: sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==}
     engines: {node: '>=0.10.0'}
@@ -7759,8 +7658,14 @@ packages:
   reflect-metadata@0.2.2:
     resolution: {integrity: sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==}
 
-  refractor@3.6.0:
-    resolution: {integrity: sha512-MY9W41IOWxxk31o+YvFCNyNzdkc9M20NoZK5vq6jkv4I/uh2zkWcfudj0Q1fovjUQJrNewS9NMzeTtqPf+n5EA==}
+  regex-recursion@6.0.2:
+    resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
+
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
+
+  regex@6.1.0:
+    resolution: {integrity: sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==}
 
   regexp-ast-analysis@0.7.1:
     resolution: {integrity: sha512-sZuz1dYW/ZsfG17WSAG7eS85r5a0dDsvg+7BiiYR5o6lKCAtUrEwdmRmaGF6rwVj3LcmAeYkOWKEPlbPzN3Y3A==}
@@ -7841,10 +7746,6 @@ packages:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
 
-  resolve-from@5.0.0:
-    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
-    engines: {node: '>=8'}
-
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
@@ -7853,10 +7754,6 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
-  restore-cursor@5.1.0:
-    resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
-    engines: {node: '>=18'}
-
   reusify@1.1.0:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -7961,9 +7858,9 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
-  signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
-    engines: {node: '>=14'}
+  shiki@4.0.2:
+    resolution: {integrity: sha512-eAVKTMedR5ckPo4xne/PjYQYrU3qx78gtJZ+sHlXEg5IHhhoQhMfZVzetTYuaJS0L2Ef3AcCRzCHV8T0WI6nIQ==}
+    engines: {node: '>=20'}
 
   simple-concat@1.0.1:
     resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
@@ -8006,9 +7903,6 @@ packages:
     resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
     engines: {node: '>= 12'}
 
-  space-separated-tokens@1.1.5:
-    resolution: {integrity: sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA==}
-
   space-separated-tokens@2.0.2:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
 
@@ -8045,8 +7939,8 @@ packages:
     resolution: {integrity: sha512-9SN0XIjBBXCT6ZXXVnScJN4KP2RyFg6B8sEoFlugVHMANysfaEni4LTWlvUQQ/R0wgZl1Ovt9KBQbzn21kHoZA==}
     engines: {node: '>=20.19.0'}
 
-  storybook@10.3.3:
-    resolution: {integrity: sha512-tMoRAts9EVqf+mEMPLC6z1DPyHbcPe+CV1MhLN55IKsl0HxNjvVGK44rVPSePbltPE6vIsn4bdRj6CCUt8SJwQ==}
+  storybook@10.3.4:
+    resolution: {integrity: sha512-866YXZy9k59tLPl9SN3KZZOFeBC/swxkuBVtW8iQjJIzfCrvk7zXQd8RSQ4ignmCdArVvY4lGMCAT4yNaZSt1g==}
     hasBin: true
     peerDependencies:
       prettier: ^2 || ^3
@@ -8136,11 +8030,6 @@ packages:
   stylis@4.3.6:
     resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
 
-  sucrase@3.35.1:
-    resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -8199,10 +8088,6 @@ packages:
     resolution: {integrity: sha512-ChjMH33/KetonMTAtpYdgUFr0tbz69Fp2v7zWxQfYZX4g5ZN2nOBXm1R2xyA+lMIKrLKIoKAwFj93jE/avX9cQ==}
     engines: {node: '>=18'}
 
-  taze@19.10.0:
-    resolution: {integrity: sha512-pylMr+Yl8m4ZXu5LwWdtfCOJhLW69NuoeZTLtRzTekfheQ1ix5wOWjQlTb8S3SSxLlDcYFuajQOWllO5iyE0jg==}
-    hasBin: true
-
   terser-webpack-plugin@5.4.0:
     resolution: {integrity: sha512-Bn5vxm48flOIfkdl5CaD2+1CiUVbonWQ3KQPyP7/EuIl9Gbzq/gQFOzaMFUEgVjB1396tcK0SG8XcNJ/2kDH8g==}
     engines: {node: '>= 10.13.0'}
@@ -8246,9 +8131,6 @@ packages:
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
-  tinyexec@0.3.2:
-    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
-
   tinyexec@1.0.4:
     resolution: {integrity: sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==}
     engines: {node: '>=18'}
@@ -8302,10 +8184,6 @@ packages:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
     engines: {node: '>=6'}
 
-  tree-kill@1.2.2:
-    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
-    hasBin: true
-
   trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
@@ -8330,9 +8208,6 @@ packages:
     resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
     engines: {node: '>=6.10'}
 
-  ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-
   ts-pattern@5.9.0:
     resolution: {integrity: sha512-6s5V71mX8qBUmlgbrfL33xDUwO0fq48rxAu2LBE11WBeGdpCPOsXksQbZJHvHwhrd3QjUusd3mAOM5Gg0mFBLg==}
 
@@ -8363,25 +8238,6 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
-  tsup@8.5.1:
-    resolution: {integrity: sha512-xtgkqwdhpKWr3tKPmCkvYmS9xnQK3m3XgxZHwSUjvfTjp7YfXe5tT3GgWi0F2N+ZSMsOeWeZFh7ZZFg5iPhing==}
-    engines: {node: '>=18'}
-    hasBin: true
-    peerDependencies:
-      '@microsoft/api-extractor': ^7.36.0
-      '@swc/core': ^1
-      postcss: ^8.4.12
-      typescript: '>=4.5.0'
-    peerDependenciesMeta:
-      '@microsoft/api-extractor':
-        optional: true
-      '@swc/core':
-        optional: true
-      postcss:
-        optional: true
-      typescript:
-        optional: true
-
   tsx@4.21.0:
     resolution: {integrity: sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==}
     engines: {node: '>=18.0.0'}
@@ -8409,8 +8265,8 @@ packages:
     resolution: {integrity: sha512-PlBfpQwiUvGViBNX84Yxwjsdhd1TUlXr6zjX7eoirtCPIr08NAmxwa+fcYBTeRQxHo9YC9wwF3m9i700sHma8g==}
     engines: {node: '>=20'}
 
-  typescript@5.9.3:
-    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+  typescript@6.0.2:
+    resolution: {integrity: sha512-bGdAIrZ0wiGDo5l8c++HWtbaNCWTS4UTv7RaTH/ThVIgjkveJt83m74bBHMJkuCbslY8ixgLBVZJIOiQlQTjfQ==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -8426,12 +8282,6 @@ packages:
     resolution: {integrity: sha512-X2wH19RAPZE3+ldGicOkoj/SIA83OIxcJ6Cuaw23hf8Xc6fQpvZXY0SftE2JgS0QhYLUG4uwodSI3R53keyh7w==}
     engines: {node: '>=14'}
 
-  unconfig-core@7.5.0:
-    resolution: {integrity: sha512-Su3FauozOGP44ZmKdHy2oE6LPjk51M/TRRjHv2HNCWiDvfvCoxC2lno6jevMA91MYAdCdwP05QnWdWpSbncX/w==}
-
-  unconfig@7.5.0:
-    resolution: {integrity: sha512-oi8Qy2JV4D3UQ0PsopR28CzdQ3S/5A1zwsUwp/rosSbfhJ5z7b90bIyTwi/F7hCLD4SGcZVjDzd4XoUQcEanvA==}
-
   undici-types@7.18.2:
     resolution: {integrity: sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==}
 
@@ -8595,8 +8445,8 @@ packages:
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
-  vinext@0.0.38:
-    resolution: {integrity: sha512-zlQswirXCApDgAFq1eoO/YbRlavGE+Bnowz5vXoQa2EmbFhYg52+T8SZs1QWdOqkbZMhpLIV/iaWvHtkRv2t4Q==}
+  vinext@0.0.39:
+    resolution: {integrity: sha512-2WCW5wKy4YkCGFtoUGDmfxMBPULGOXEqd7Rczwi4cMEx2SG8UnY5/56XXGAnjf8aIIrx8ggOVWJSebH96QdjZg==}
     engines: {node: '>=22'}
     hasBin: true
     peerDependencies:
@@ -8638,8 +8488,8 @@ packages:
       storybook: ^0.0.0-0 || ^9.0.0 || ^10.0.0 || ^10.0.0-0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  vite-plus@0.1.14:
-    resolution: {integrity: sha512-p4pWlpZZNiEsHxPWNdeIU9iuPix3ydm3ficb0dXPggoyIkdotfXtvn2NPX9KwfiQImU72EVEs4+VYBZYNcUYrw==}
+  vite-plus@0.1.15:
+    resolution: {integrity: sha512-PBUvTq4D4BJcuusCA3mrSQmXcGVdPX9CIPpS7Y6+T+LbDsrmAZ+ITl9FzuE6zXvpT6Nht9cpHtwOLJw7m3adog==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
@@ -8826,10 +8676,6 @@ packages:
     resolution: {integrity: sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==}
     engines: {node: '>=8.0'}
 
-  xtend@4.0.2:
-    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
-    engines: {node: '>=0.4'}
-
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
@@ -8874,12 +8720,6 @@ packages:
   zimmerframe@1.1.4:
     resolution: {integrity: sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==}
 
-  zod-validation-error@4.0.2:
-    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
-    engines: {node: '>=18.0.0'}
-    peerDependencies:
-      zod: ^3.25.0 || ^4.0.0
-
   zod@4.3.6:
     resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
 
@@ -8933,27 +8773,27 @@ snapshots:
 
   '@alloc/quick-lru@5.2.0': {}
 
-  '@amplitude/analytics-browser@2.38.0':
+  '@amplitude/analytics-browser@2.38.1':
     dependencies:
-      '@amplitude/analytics-core': 2.44.0
-      '@amplitude/plugin-autocapture-browser': 1.25.0
-      '@amplitude/plugin-custom-enrichment-browser': 0.1.2
-      '@amplitude/plugin-network-capture-browser': 1.9.11
-      '@amplitude/plugin-page-url-enrichment-browser': 0.7.3
-      '@amplitude/plugin-page-view-tracking-browser': 2.9.4
-      '@amplitude/plugin-web-vitals-browser': 1.1.26
+      '@amplitude/analytics-core': 2.44.1
+      '@amplitude/plugin-autocapture-browser': 1.25.1
+      '@amplitude/plugin-custom-enrichment-browser': 0.1.3
+      '@amplitude/plugin-network-capture-browser': 1.9.12
+      '@amplitude/plugin-page-url-enrichment-browser': 0.7.4
+      '@amplitude/plugin-page-view-tracking-browser': 2.9.5
+      '@amplitude/plugin-web-vitals-browser': 1.1.27
       tslib: 2.8.1
 
-  '@amplitude/analytics-client-common@2.4.41':
+  '@amplitude/analytics-client-common@2.4.42':
     dependencies:
       '@amplitude/analytics-connector': 1.6.4
-      '@amplitude/analytics-core': 2.44.0
+      '@amplitude/analytics-core': 2.44.1
       '@amplitude/analytics-types': 2.11.1
       tslib: 2.8.1
 
   '@amplitude/analytics-connector@1.6.4': {}
 
-  '@amplitude/analytics-core@2.44.0':
+  '@amplitude/analytics-core@2.44.1':
     dependencies:
       '@amplitude/analytics-connector': 1.6.4
       '@types/zen-observable': 0.8.3
@@ -8967,48 +8807,48 @@ snapshots:
     dependencies:
       js-base64: 3.7.8
 
-  '@amplitude/plugin-autocapture-browser@1.25.0':
+  '@amplitude/plugin-autocapture-browser@1.25.1':
     dependencies:
-      '@amplitude/analytics-core': 2.44.0
+      '@amplitude/analytics-core': 2.44.1
       tslib: 2.8.1
 
-  '@amplitude/plugin-custom-enrichment-browser@0.1.2':
+  '@amplitude/plugin-custom-enrichment-browser@0.1.3':
     dependencies:
-      '@amplitude/analytics-core': 2.44.0
+      '@amplitude/analytics-core': 2.44.1
       tslib: 2.8.1
 
-  '@amplitude/plugin-network-capture-browser@1.9.11':
+  '@amplitude/plugin-network-capture-browser@1.9.12':
     dependencies:
-      '@amplitude/analytics-core': 2.44.0
+      '@amplitude/analytics-core': 2.44.1
       tslib: 2.8.1
 
-  '@amplitude/plugin-page-url-enrichment-browser@0.7.3':
+  '@amplitude/plugin-page-url-enrichment-browser@0.7.4':
     dependencies:
-      '@amplitude/analytics-core': 2.44.0
+      '@amplitude/analytics-core': 2.44.1
       tslib: 2.8.1
 
-  '@amplitude/plugin-page-view-tracking-browser@2.9.4':
+  '@amplitude/plugin-page-view-tracking-browser@2.9.5':
     dependencies:
-      '@amplitude/analytics-core': 2.44.0
+      '@amplitude/analytics-core': 2.44.1
       tslib: 2.8.1
 
-  '@amplitude/plugin-session-replay-browser@1.27.5(@amplitude/rrweb@2.0.0-alpha.37)(rollup@4.59.0)':
+  '@amplitude/plugin-session-replay-browser@1.27.6(@amplitude/rrweb@2.0.0-alpha.37)(rollup@4.59.0)':
     dependencies:
-      '@amplitude/analytics-client-common': 2.4.41
-      '@amplitude/analytics-core': 2.44.0
+      '@amplitude/analytics-client-common': 2.4.42
+      '@amplitude/analytics-core': 2.44.1
       '@amplitude/analytics-types': 2.11.1
       '@amplitude/rrweb-plugin-console-record': 2.0.0-alpha.36(@amplitude/rrweb@2.0.0-alpha.37)
       '@amplitude/rrweb-record': 2.0.0-alpha.36
-      '@amplitude/session-replay-browser': 1.35.0(@amplitude/rrweb@2.0.0-alpha.37)(rollup@4.59.0)
+      '@amplitude/session-replay-browser': 1.35.1(@amplitude/rrweb@2.0.0-alpha.37)(rollup@4.59.0)
       idb-keyval: 6.2.2
       tslib: 2.8.1
     transitivePeerDependencies:
       - '@amplitude/rrweb'
       - rollup
 
-  '@amplitude/plugin-web-vitals-browser@1.1.26':
+  '@amplitude/plugin-web-vitals-browser@1.1.27':
     dependencies:
-      '@amplitude/analytics-core': 2.44.0
+      '@amplitude/analytics-core': 2.44.1
       tslib: 2.8.1
       web-vitals: 5.1.0
 
@@ -9053,10 +8893,10 @@ snapshots:
       base64-arraybuffer: 1.0.2
       mitt: 3.0.1
 
-  '@amplitude/session-replay-browser@1.35.0(@amplitude/rrweb@2.0.0-alpha.37)(rollup@4.59.0)':
+  '@amplitude/session-replay-browser@1.35.1(@amplitude/rrweb@2.0.0-alpha.37)(rollup@4.59.0)':
     dependencies:
-      '@amplitude/analytics-client-common': 2.4.41
-      '@amplitude/analytics-core': 2.44.0
+      '@amplitude/analytics-client-common': 2.4.42
+      '@amplitude/analytics-core': 2.44.1
       '@amplitude/analytics-types': 2.11.1
       '@amplitude/experiment-core': 0.7.2
       '@amplitude/rrweb-packer': 2.0.0-alpha.36
@@ -9074,44 +8914,44 @@ snapshots:
 
   '@amplitude/targeting@0.2.0':
     dependencies:
-      '@amplitude/analytics-client-common': 2.4.41
-      '@amplitude/analytics-core': 2.44.0
+      '@amplitude/analytics-client-common': 2.4.42
+      '@amplitude/analytics-core': 2.44.1
       '@amplitude/analytics-types': 2.11.1
       '@amplitude/experiment-core': 0.7.2
       idb: 8.0.0
       tslib: 2.8.1
 
-  '@antfu/eslint-config@7.7.3(@eslint-react/eslint-plugin@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(@next/eslint-plugin-next@16.2.1)(@typescript-eslint/rule-tester@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/typescript-estree@8.57.2(typescript@5.9.3))(@typescript-eslint/utils@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(@vue/compiler-sfc@3.5.31)(eslint-plugin-react-hooks@7.0.1(eslint@10.1.0(jiti@2.6.1)))(eslint-plugin-react-refresh@0.5.2(eslint@10.1.0(jiti@2.6.1)))(eslint@10.1.0(jiti@2.6.1))(oxlint@1.57.0(oxlint-tsgolint@0.17.3))(typescript@5.9.3)':
+  '@antfu/eslint-config@8.0.0(@eslint-react/eslint-plugin@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(@next/eslint-plugin-next@16.2.2)(@typescript-eslint/rule-tester@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(@typescript-eslint/typescript-estree@8.58.0(typescript@6.0.2))(@typescript-eslint/utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(@vue/compiler-sfc@3.5.31)(eslint-plugin-react-refresh@0.5.2(eslint@10.1.0(jiti@2.6.1)))(eslint@10.1.0(jiti@2.6.1))(oxlint@1.58.0(oxlint-tsgolint@0.18.1))(typescript@6.0.2)':
     dependencies:
       '@antfu/install-pkg': 1.1.0
-      '@clack/prompts': 1.1.0
-      '@e18e/eslint-plugin': 0.2.0(eslint@10.1.0(jiti@2.6.1))(oxlint@1.57.0(oxlint-tsgolint@0.17.3))
+      '@clack/prompts': 1.2.0
+      '@e18e/eslint-plugin': 0.3.0(eslint@10.1.0(jiti@2.6.1))(oxlint@1.58.0(oxlint-tsgolint@0.18.1))
       '@eslint-community/eslint-plugin-eslint-comments': 4.7.1(eslint@10.1.0(jiti@2.6.1))
-      '@eslint/markdown': 7.5.1
+      '@eslint/markdown': 8.0.1
       '@stylistic/eslint-plugin': 5.10.0(eslint@10.1.0(jiti@2.6.1))
-      '@typescript-eslint/eslint-plugin': 8.57.2(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@vitest/eslint-plugin': 1.6.13(@typescript-eslint/eslint-plugin@8.57.2(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/parser': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@vitest/eslint-plugin': 1.6.14(@typescript-eslint/eslint-plugin@8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       ansis: 4.2.0
       cac: 7.0.0
       eslint: 10.1.0(jiti@2.6.1)
       eslint-config-flat-gitignore: 2.3.0(eslint@10.1.0(jiti@2.6.1))
-      eslint-flat-config-utils: 3.0.2
+      eslint-flat-config-utils: 3.1.0
       eslint-merge-processors: 2.0.0(eslint@10.1.0(jiti@2.6.1))
       eslint-plugin-antfu: 3.2.2(eslint@10.1.0(jiti@2.6.1))
-      eslint-plugin-command: 3.5.2(@typescript-eslint/rule-tester@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/typescript-estree@8.57.2(typescript@5.9.3))(@typescript-eslint/utils@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))
-      eslint-plugin-import-lite: 0.5.2(eslint@10.1.0(jiti@2.6.1))
+      eslint-plugin-command: 3.5.2(@typescript-eslint/rule-tester@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(@typescript-eslint/typescript-estree@8.58.0(typescript@6.0.2))(@typescript-eslint/utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))
+      eslint-plugin-import-lite: 0.6.0(eslint@10.1.0(jiti@2.6.1))
       eslint-plugin-jsdoc: 62.8.1(eslint@10.1.0(jiti@2.6.1))
       eslint-plugin-jsonc: 3.1.2(eslint@10.1.0(jiti@2.6.1))
-      eslint-plugin-n: 17.24.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      eslint-plugin-n: 17.24.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint-plugin-no-only-tests: 3.3.0
-      eslint-plugin-perfectionist: 5.7.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      eslint-plugin-perfectionist: 5.7.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint-plugin-pnpm: 1.6.0(eslint@10.1.0(jiti@2.6.1))
       eslint-plugin-regexp: 3.1.0(eslint@10.1.0(jiti@2.6.1))
       eslint-plugin-toml: 1.3.1(eslint@10.1.0(jiti@2.6.1))
-      eslint-plugin-unicorn: 63.0.0(eslint@10.1.0(jiti@2.6.1))
-      eslint-plugin-unused-imports: 4.4.1(@typescript-eslint/eslint-plugin@8.57.2(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))
-      eslint-plugin-vue: 10.8.0(@stylistic/eslint-plugin@5.10.0(eslint@10.1.0(jiti@2.6.1)))(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.1.0(jiti@2.6.1)))
+      eslint-plugin-unicorn: 64.0.0(eslint@10.1.0(jiti@2.6.1))
+      eslint-plugin-unused-imports: 4.4.1(@typescript-eslint/eslint-plugin@8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))
+      eslint-plugin-vue: 10.8.0(@stylistic/eslint-plugin@5.10.0(eslint@10.1.0(jiti@2.6.1)))(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.1.0(jiti@2.6.1)))
       eslint-plugin-yml: 3.3.1(eslint@10.1.0(jiti@2.6.1))
       eslint-processor-vue-blocks: 2.0.0(@vue/compiler-sfc@3.5.31)(eslint@10.1.0(jiti@2.6.1))
       globals: 17.4.0
@@ -9121,9 +8961,8 @@ snapshots:
       vue-eslint-parser: 10.4.0(eslint@10.1.0(jiti@2.6.1))
       yaml-eslint-parser: 2.0.0
     optionalDependencies:
-      '@eslint-react/eslint-plugin': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@next/eslint-plugin-next': 16.2.1
-      eslint-plugin-react-hooks: 7.0.1(eslint@10.1.0(jiti@2.6.1))
+      '@eslint-react/eslint-plugin': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@next/eslint-plugin-next': 16.2.2
       eslint-plugin-react-refresh: 0.5.2(eslint@10.1.0(jiti@2.6.1))
     transitivePeerDependencies:
       - '@eslint/json'
@@ -9141,14 +8980,6 @@ snapshots:
       package-manager-detector: 1.6.0
       tinyexec: 1.0.4
 
-  '@antfu/ni@28.3.0':
-    dependencies:
-      ansis: 4.2.0
-      fzf: 0.5.2
-      package-manager-detector: 1.6.0
-      tinyexec: 1.0.4
-      tinyglobby: 0.2.15
-
   '@antfu/utils@8.1.1': {}
 
   '@babel/code-frame@7.29.0':
@@ -9285,12 +9116,12 @@ snapshots:
     dependencies:
       '@chevrotain/gast': 11.1.2
       '@chevrotain/types': 11.1.2
-      lodash-es: 4.17.23
+      lodash-es: 4.18.0
 
   '@chevrotain/gast@11.1.2':
     dependencies:
       '@chevrotain/types': 11.1.2
-      lodash-es: 4.17.23
+      lodash-es: 4.18.0
 
   '@chevrotain/regexp-to-ast@11.1.2': {}
 
@@ -9298,13 +9129,13 @@ snapshots:
 
   '@chevrotain/utils@11.1.2': {}
 
-  '@chromatic-com/storybook@5.1.1(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
+  '@chromatic-com/storybook@5.1.1(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
     dependencies:
       '@neoconfetti/react': 1.0.0
       chromatic: 13.3.5
       filesize: 10.1.6
       jsonfile: 6.2.0
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       strip-ansi: 7.2.0
     transitivePeerDependencies:
       - '@chromatic-com/cypress'
@@ -9315,8 +9146,9 @@ snapshots:
       picocolors: 1.1.1
       sisteransi: 1.0.5
 
-  '@clack/core@1.1.0':
+  '@clack/core@1.2.0':
     dependencies:
+      fast-wrap-ansi: 0.1.6
       sisteransi: 1.0.5
 
   '@clack/prompts@0.8.2':
@@ -9325,12 +9157,14 @@ snapshots:
       picocolors: 1.1.1
       sisteransi: 1.0.5
 
-  '@clack/prompts@1.1.0':
+  '@clack/prompts@1.2.0':
     dependencies:
-      '@clack/core': 1.1.0
+      '@clack/core': 1.2.0
+      fast-string-width: 1.1.0
+      fast-wrap-ansi: 0.1.6
       sisteransi: 1.0.5
 
-  '@code-inspector/core@1.4.5':
+  '@code-inspector/core@1.5.1':
     dependencies:
       '@vue/compiler-dom': 3.5.31
       chalk: 4.1.2
@@ -9340,35 +9174,35 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@code-inspector/esbuild@1.4.5':
+  '@code-inspector/esbuild@1.5.1':
     dependencies:
-      '@code-inspector/core': 1.4.5
+      '@code-inspector/core': 1.5.1
     transitivePeerDependencies:
       - supports-color
 
-  '@code-inspector/mako@1.4.5':
+  '@code-inspector/mako@1.5.1':
     dependencies:
-      '@code-inspector/core': 1.4.5
+      '@code-inspector/core': 1.5.1
     transitivePeerDependencies:
       - supports-color
 
-  '@code-inspector/turbopack@1.4.5':
+  '@code-inspector/turbopack@1.5.1':
     dependencies:
-      '@code-inspector/core': 1.4.5
-      '@code-inspector/webpack': 1.4.5
+      '@code-inspector/core': 1.5.1
+      '@code-inspector/webpack': 1.5.1
     transitivePeerDependencies:
       - supports-color
 
-  '@code-inspector/vite@1.4.5':
+  '@code-inspector/vite@1.5.1':
     dependencies:
-      '@code-inspector/core': 1.4.5
+      '@code-inspector/core': 1.5.1
       chalk: 4.1.1
     transitivePeerDependencies:
       - supports-color
 
-  '@code-inspector/webpack@1.4.5':
+  '@code-inspector/webpack@1.5.1':
     dependencies:
-      '@code-inspector/core': 1.4.5
+      '@code-inspector/core': 1.5.1
     transitivePeerDependencies:
       - supports-color
 
@@ -9482,12 +9316,12 @@ snapshots:
 
   '@cucumber/tag-expressions@9.1.0': {}
 
-  '@e18e/eslint-plugin@0.2.0(eslint@10.1.0(jiti@2.6.1))(oxlint@1.57.0(oxlint-tsgolint@0.17.3))':
+  '@e18e/eslint-plugin@0.3.0(eslint@10.1.0(jiti@2.6.1))(oxlint@1.58.0(oxlint-tsgolint@0.18.1))':
     dependencies:
       eslint-plugin-depend: 1.5.0(eslint@10.1.0(jiti@2.6.1))
     optionalDependencies:
       eslint: 10.1.0(jiti@2.6.1)
-      oxlint: 1.57.0(oxlint-tsgolint@0.17.3)
+      oxlint: 1.58.0(oxlint-tsgolint@0.18.1)
 
   '@egoist/tailwindcss-icons@1.9.2(tailwindcss@4.2.2)':
     dependencies:
@@ -9515,7 +9349,7 @@ snapshots:
   '@es-joy/jsdoccomment@0.84.0':
     dependencies:
       '@types/estree': 1.0.8
-      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/types': 8.58.0
       comment-parser: 1.4.5
       esquery: 1.7.0
       jsdoc-type-pratt-parser: 7.1.1
@@ -9618,69 +9452,69 @@ snapshots:
 
   '@eslint-community/regexpp@4.12.2': {}
 
-  '@eslint-react/ast@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@eslint-react/ast@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
       string-ts: 2.3.1
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/core@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@eslint-react/core@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
       ts-pattern: 5.9.0
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/eslint-plugin@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@eslint-react/eslint-plugin@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/type-utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/type-utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
-      eslint-plugin-react-dom: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      eslint-plugin-react-naming-convention: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      eslint-plugin-react-rsc: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      eslint-plugin-react-web-api: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      eslint-plugin-react-x: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      ts-api-utils: 2.5.0(typescript@5.9.3)
-      typescript: 5.9.3
+      eslint-plugin-react-dom: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint-plugin-react-naming-convention: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint-plugin-react-rsc: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint-plugin-react-web-api: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      eslint-plugin-react-x: 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      ts-api-utils: 2.5.0(typescript@6.0.2)
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/shared@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@eslint-react/shared@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
       ts-pattern: 5.9.0
-      typescript: 5.9.3
+      typescript: 6.0.2
       zod: 4.3.6
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint-react/var@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@eslint-react/var@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
       ts-pattern: 5.9.0
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
@@ -9767,6 +9601,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@eslint/markdown@8.0.1':
+    dependencies:
+      '@eslint/core': 1.1.1
+      '@eslint/plugin-kit': 0.6.1
+      github-slugger: 2.0.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-frontmatter: 2.0.1
+      mdast-util-gfm: 3.1.0
+      mdast-util-math: 3.0.0
+      micromark-extension-frontmatter: 2.0.0
+      micromark-extension-gfm: 3.0.0
+      micromark-extension-math: 3.1.0
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@eslint/object-schema@2.1.7': {}
 
   '@eslint/object-schema@3.0.3': {}
@@ -9835,15 +9685,13 @@ snapshots:
       react-dom: 19.2.4(react@19.2.4)
       use-sync-external-store: 1.6.0(react@19.2.4)
 
-  '@henrygd/queue@1.2.0': {}
-
   '@heroicons/react@2.2.0(react@19.2.4)':
     dependencies:
       react: 19.2.4
 
-  '@hono/node-server@1.19.11(hono@4.12.9)':
+  '@hono/node-server@1.19.12(hono@4.12.10)':
     dependencies:
-      hono: 4.12.9
+      hono: 4.12.10
 
   '@humanfs/core@0.19.1': {}
 
@@ -9999,13 +9847,13 @@ snapshots:
     dependencies:
       minipass: 7.1.3
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.6.4(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(typescript@5.9.3)':
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.7.0(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(typescript@6.0.2)':
     dependencies:
       glob: 13.0.6
-      react-docgen-typescript: 2.4.0(typescript@5.9.3)
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      react-docgen-typescript: 2.4.0(typescript@6.0.2)
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
     optionalDependencies:
-      typescript: 5.9.3
+      typescript: 6.0.2
 
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
@@ -10243,7 +10091,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@mermaid-js/parser@1.0.1':
+  '@mermaid-js/parser@1.1.0':
     dependencies:
       langium: 4.2.1
 
@@ -10269,41 +10117,41 @@ snapshots:
 
   '@next/env@16.0.0': {}
 
-  '@next/env@16.2.1': {}
+  '@next/env@16.2.2': {}
 
-  '@next/eslint-plugin-next@16.2.1':
+  '@next/eslint-plugin-next@16.2.2':
     dependencies:
       fast-glob: 3.3.1
 
-  '@next/mdx@16.2.1(@mdx-js/loader@3.1.1(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)))(@mdx-js/react@3.1.1(@types/react@19.2.14)(react@19.2.4))':
+  '@next/mdx@16.2.2(@mdx-js/loader@3.1.1(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)))(@mdx-js/react@3.1.1(@types/react@19.2.14)(react@19.2.4))':
     dependencies:
       source-map: 0.7.6
     optionalDependencies:
       '@mdx-js/loader': 3.1.1(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.4)
 
-  '@next/swc-darwin-arm64@16.2.1':
+  '@next/swc-darwin-arm64@16.2.2':
     optional: true
 
-  '@next/swc-darwin-x64@16.2.1':
+  '@next/swc-darwin-x64@16.2.2':
     optional: true
 
-  '@next/swc-linux-arm64-gnu@16.2.1':
+  '@next/swc-linux-arm64-gnu@16.2.2':
     optional: true
 
-  '@next/swc-linux-arm64-musl@16.2.1':
+  '@next/swc-linux-arm64-musl@16.2.2':
     optional: true
 
-  '@next/swc-linux-x64-gnu@16.2.1':
+  '@next/swc-linux-x64-gnu@16.2.2':
     optional: true
 
-  '@next/swc-linux-x64-musl@16.2.1':
+  '@next/swc-linux-x64-musl@16.2.2':
     optional: true
 
-  '@next/swc-win32-arm64-msvc@16.2.1':
+  '@next/swc-win32-arm64-msvc@16.2.2':
     optional: true
 
-  '@next/swc-win32-x64-msvc@16.2.1':
+  '@next/swc-win32-x64-msvc@16.2.2':
     optional: true
 
   '@nodelib/fs.scandir@2.1.5':
@@ -10376,11 +10224,11 @@ snapshots:
     transitivePeerDependencies:
       - '@opentelemetry/api'
 
-  '@orpc/tanstack-query@1.13.13(@orpc/client@1.13.13)(@tanstack/query-core@5.95.2)':
+  '@orpc/tanstack-query@1.13.13(@orpc/client@1.13.13)(@tanstack/query-core@5.96.1)':
     dependencies:
       '@orpc/client': 1.13.13
       '@orpc/shared': 1.13.13
-      '@tanstack/query-core': 5.95.2
+      '@tanstack/query-core': 5.96.1
     transitivePeerDependencies:
       - '@opentelemetry/api'
 
@@ -10451,7 +10299,7 @@ snapshots:
   '@oxc-parser/binding-win32-x64-msvc@0.121.0':
     optional: true
 
-  '@oxc-project/runtime@0.121.0': {}
+  '@oxc-project/runtime@0.122.0': {}
 
   '@oxc-project/types@0.121.0': {}
 
@@ -10522,136 +10370,136 @@ snapshots:
   '@oxc-resolver/binding-win32-x64-msvc@11.19.1':
     optional: true
 
-  '@oxfmt/binding-android-arm-eabi@0.42.0':
+  '@oxfmt/binding-android-arm-eabi@0.43.0':
     optional: true
 
-  '@oxfmt/binding-android-arm64@0.42.0':
+  '@oxfmt/binding-android-arm64@0.43.0':
     optional: true
 
-  '@oxfmt/binding-darwin-arm64@0.42.0':
+  '@oxfmt/binding-darwin-arm64@0.43.0':
     optional: true
 
-  '@oxfmt/binding-darwin-x64@0.42.0':
+  '@oxfmt/binding-darwin-x64@0.43.0':
     optional: true
 
-  '@oxfmt/binding-freebsd-x64@0.42.0':
+  '@oxfmt/binding-freebsd-x64@0.43.0':
     optional: true
 
-  '@oxfmt/binding-linux-arm-gnueabihf@0.42.0':
+  '@oxfmt/binding-linux-arm-gnueabihf@0.43.0':
     optional: true
 
-  '@oxfmt/binding-linux-arm-musleabihf@0.42.0':
+  '@oxfmt/binding-linux-arm-musleabihf@0.43.0':
     optional: true
 
-  '@oxfmt/binding-linux-arm64-gnu@0.42.0':
+  '@oxfmt/binding-linux-arm64-gnu@0.43.0':
     optional: true
 
-  '@oxfmt/binding-linux-arm64-musl@0.42.0':
+  '@oxfmt/binding-linux-arm64-musl@0.43.0':
     optional: true
 
-  '@oxfmt/binding-linux-ppc64-gnu@0.42.0':
+  '@oxfmt/binding-linux-ppc64-gnu@0.43.0':
     optional: true
 
-  '@oxfmt/binding-linux-riscv64-gnu@0.42.0':
+  '@oxfmt/binding-linux-riscv64-gnu@0.43.0':
     optional: true
 
-  '@oxfmt/binding-linux-riscv64-musl@0.42.0':
+  '@oxfmt/binding-linux-riscv64-musl@0.43.0':
     optional: true
 
-  '@oxfmt/binding-linux-s390x-gnu@0.42.0':
+  '@oxfmt/binding-linux-s390x-gnu@0.43.0':
     optional: true
 
-  '@oxfmt/binding-linux-x64-gnu@0.42.0':
+  '@oxfmt/binding-linux-x64-gnu@0.43.0':
     optional: true
 
-  '@oxfmt/binding-linux-x64-musl@0.42.0':
+  '@oxfmt/binding-linux-x64-musl@0.43.0':
     optional: true
 
-  '@oxfmt/binding-openharmony-arm64@0.42.0':
+  '@oxfmt/binding-openharmony-arm64@0.43.0':
     optional: true
 
-  '@oxfmt/binding-win32-arm64-msvc@0.42.0':
+  '@oxfmt/binding-win32-arm64-msvc@0.43.0':
     optional: true
 
-  '@oxfmt/binding-win32-ia32-msvc@0.42.0':
+  '@oxfmt/binding-win32-ia32-msvc@0.43.0':
     optional: true
 
-  '@oxfmt/binding-win32-x64-msvc@0.42.0':
+  '@oxfmt/binding-win32-x64-msvc@0.43.0':
     optional: true
 
-  '@oxlint-tsgolint/darwin-arm64@0.17.3':
+  '@oxlint-tsgolint/darwin-arm64@0.18.1':
     optional: true
 
-  '@oxlint-tsgolint/darwin-x64@0.17.3':
+  '@oxlint-tsgolint/darwin-x64@0.18.1':
     optional: true
 
-  '@oxlint-tsgolint/linux-arm64@0.17.3':
+  '@oxlint-tsgolint/linux-arm64@0.18.1':
     optional: true
 
-  '@oxlint-tsgolint/linux-x64@0.17.3':
+  '@oxlint-tsgolint/linux-x64@0.18.1':
     optional: true
 
-  '@oxlint-tsgolint/win32-arm64@0.17.3':
+  '@oxlint-tsgolint/win32-arm64@0.18.1':
     optional: true
 
-  '@oxlint-tsgolint/win32-x64@0.17.3':
+  '@oxlint-tsgolint/win32-x64@0.18.1':
     optional: true
 
-  '@oxlint/binding-android-arm-eabi@1.57.0':
+  '@oxlint/binding-android-arm-eabi@1.58.0':
     optional: true
 
-  '@oxlint/binding-android-arm64@1.57.0':
+  '@oxlint/binding-android-arm64@1.58.0':
     optional: true
 
-  '@oxlint/binding-darwin-arm64@1.57.0':
+  '@oxlint/binding-darwin-arm64@1.58.0':
     optional: true
 
-  '@oxlint/binding-darwin-x64@1.57.0':
+  '@oxlint/binding-darwin-x64@1.58.0':
     optional: true
 
-  '@oxlint/binding-freebsd-x64@1.57.0':
+  '@oxlint/binding-freebsd-x64@1.58.0':
     optional: true
 
-  '@oxlint/binding-linux-arm-gnueabihf@1.57.0':
+  '@oxlint/binding-linux-arm-gnueabihf@1.58.0':
     optional: true
 
-  '@oxlint/binding-linux-arm-musleabihf@1.57.0':
+  '@oxlint/binding-linux-arm-musleabihf@1.58.0':
     optional: true
 
-  '@oxlint/binding-linux-arm64-gnu@1.57.0':
+  '@oxlint/binding-linux-arm64-gnu@1.58.0':
     optional: true
 
-  '@oxlint/binding-linux-arm64-musl@1.57.0':
+  '@oxlint/binding-linux-arm64-musl@1.58.0':
     optional: true
 
-  '@oxlint/binding-linux-ppc64-gnu@1.57.0':
+  '@oxlint/binding-linux-ppc64-gnu@1.58.0':
     optional: true
 
-  '@oxlint/binding-linux-riscv64-gnu@1.57.0':
+  '@oxlint/binding-linux-riscv64-gnu@1.58.0':
     optional: true
 
-  '@oxlint/binding-linux-riscv64-musl@1.57.0':
+  '@oxlint/binding-linux-riscv64-musl@1.58.0':
     optional: true
 
-  '@oxlint/binding-linux-s390x-gnu@1.57.0':
+  '@oxlint/binding-linux-s390x-gnu@1.58.0':
     optional: true
 
-  '@oxlint/binding-linux-x64-gnu@1.57.0':
+  '@oxlint/binding-linux-x64-gnu@1.58.0':
     optional: true
 
-  '@oxlint/binding-linux-x64-musl@1.57.0':
+  '@oxlint/binding-linux-x64-musl@1.58.0':
     optional: true
 
-  '@oxlint/binding-openharmony-arm64@1.57.0':
+  '@oxlint/binding-openharmony-arm64@1.58.0':
     optional: true
 
-  '@oxlint/binding-win32-arm64-msvc@1.57.0':
+  '@oxlint/binding-win32-arm64-msvc@1.58.0':
     optional: true
 
-  '@oxlint/binding-win32-ia32-msvc@1.57.0':
+  '@oxlint/binding-win32-ia32-msvc@1.58.0':
     optional: true
 
-  '@oxlint/binding-win32-x64-msvc@1.57.0':
+  '@oxlint/binding-win32-x64-msvc@1.58.0':
     optional: true
 
   '@parcel/watcher-android-arm64@2.5.6':
@@ -10717,18 +10565,14 @@ snapshots:
 
   '@pkgr/core@0.2.9': {}
 
-  '@playwright/test@1.58.2':
+  '@playwright/test@1.59.1':
     dependencies:
-      playwright: 1.58.2
+      playwright: 1.59.1
 
   '@polka/url@1.0.0-next.29': {}
 
   '@preact/signals-core@1.14.0': {}
 
-  '@quansync/fs@1.0.0':
-    dependencies:
-      quansync: 1.0.0
-
   '@radix-ui/primitive@1.1.3': {}
 
   '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.14)(react@19.2.4)':
@@ -11169,40 +11013,80 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.59.0':
     optional: true
 
-  '@sentry-internal/browser-utils@10.46.0':
+  '@sentry-internal/browser-utils@10.47.0':
     dependencies:
-      '@sentry/core': 10.46.0
+      '@sentry/core': 10.47.0
 
-  '@sentry-internal/feedback@10.46.0':
+  '@sentry-internal/feedback@10.47.0':
     dependencies:
-      '@sentry/core': 10.46.0
+      '@sentry/core': 10.47.0
 
-  '@sentry-internal/replay-canvas@10.46.0':
+  '@sentry-internal/replay-canvas@10.47.0':
     dependencies:
-      '@sentry-internal/replay': 10.46.0
-      '@sentry/core': 10.46.0
+      '@sentry-internal/replay': 10.47.0
+      '@sentry/core': 10.47.0
 
-  '@sentry-internal/replay@10.46.0':
+  '@sentry-internal/replay@10.47.0':
     dependencies:
-      '@sentry-internal/browser-utils': 10.46.0
-      '@sentry/core': 10.46.0
+      '@sentry-internal/browser-utils': 10.47.0
+      '@sentry/core': 10.47.0
 
-  '@sentry/browser@10.46.0':
+  '@sentry/browser@10.47.0':
     dependencies:
-      '@sentry-internal/browser-utils': 10.46.0
-      '@sentry-internal/feedback': 10.46.0
-      '@sentry-internal/replay': 10.46.0
-      '@sentry-internal/replay-canvas': 10.46.0
-      '@sentry/core': 10.46.0
+      '@sentry-internal/browser-utils': 10.47.0
+      '@sentry-internal/feedback': 10.47.0
+      '@sentry-internal/replay': 10.47.0
+      '@sentry-internal/replay-canvas': 10.47.0
+      '@sentry/core': 10.47.0
 
-  '@sentry/core@10.46.0': {}
+  '@sentry/core@10.47.0': {}
 
-  '@sentry/react@10.46.0(react@19.2.4)':
+  '@sentry/react@10.47.0(react@19.2.4)':
     dependencies:
-      '@sentry/browser': 10.46.0
-      '@sentry/core': 10.46.0
+      '@sentry/browser': 10.47.0
+      '@sentry/core': 10.47.0
       react: 19.2.4
 
+  '@shikijs/core@4.0.2':
+    dependencies:
+      '@shikijs/primitive': 4.0.2
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+
+  '@shikijs/engine-javascript@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      oniguruma-to-es: 4.3.5
+
+  '@shikijs/engine-oniguruma@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@shikijs/langs@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+
+  '@shikijs/primitive@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/themes@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+
+  '@shikijs/types@4.0.2':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@10.0.2': {}
+
   '@shuding/opentype.js@1.4.0-beta.0':
     dependencies:
       fflate: 0.7.4
@@ -11248,15 +11132,15 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
-  '@storybook/addon-docs@10.3.3(@types/react@19.2.14)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))':
+  '@storybook/addon-docs@10.3.4(@types/react@19.2.14)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))':
     dependencies:
       '@mdx-js/react': 3.1.1(@types/react@19.2.14)(react@19.2.4)
-      '@storybook/csf-plugin': 10.3.3(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
+      '@storybook/csf-plugin': 10.3.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
       '@storybook/icons': 2.0.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-      '@storybook/react-dom-shim': 10.3.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
+      '@storybook/react-dom-shim': 10.3.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
@@ -11265,41 +11149,41 @@ snapshots:
       - vite
       - webpack
 
-  '@storybook/addon-links@10.3.3(react@19.2.4)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
+  '@storybook/addon-links@10.3.4(react@19.2.4)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
     optionalDependencies:
       react: 19.2.4
 
-  '@storybook/addon-onboarding@10.3.3(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
+  '@storybook/addon-onboarding@10.3.4(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
     dependencies:
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
 
-  '@storybook/addon-themes@10.3.3(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
+  '@storybook/addon-themes@10.3.4(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
     dependencies:
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ts-dedent: 2.2.0
 
-  '@storybook/builder-vite@10.3.3(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))':
+  '@storybook/builder-vite@10.3.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))':
     dependencies:
-      '@storybook/csf-plugin': 10.3.3(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@storybook/csf-plugin': 10.3.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ts-dedent: 2.2.0
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
     transitivePeerDependencies:
       - esbuild
       - rollup
       - webpack
 
-  '@storybook/csf-plugin@10.3.3(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))':
+  '@storybook/csf-plugin@10.3.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))':
     dependencies:
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       unplugin: 2.3.11
     optionalDependencies:
       esbuild: 0.27.2
       rollup: 4.59.0
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
       webpack: 5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)
 
   '@storybook/global@5.0.0': {}
@@ -11309,20 +11193,20 @@ snapshots:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
 
-  '@storybook/nextjs-vite@10.3.3(@babel/core@7.29.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(next@16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))':
+  '@storybook/nextjs-vite@10.3.4(@babel/core@7.29.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(next@16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))':
     dependencies:
-      '@storybook/builder-vite': 10.3.3(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
-      '@storybook/react': 10.3.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
-      '@storybook/react-vite': 10.3.3(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
-      next: 16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0)
+      '@storybook/builder-vite': 10.3.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
+      '@storybook/react': 10.3.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2)
+      '@storybook/react-vite': 10.3.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
+      next: 16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0)
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       styled-jsx: 5.1.6(@babel/core@7.29.0)(react@19.2.4)
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
-      vite-plugin-storybook-nextjs: 3.2.4(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(next@16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
+      vite-plugin-storybook-nextjs: 3.2.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(next@16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2)
     optionalDependencies:
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros
@@ -11331,27 +11215,27 @@ snapshots:
       - supports-color
       - webpack
 
-  '@storybook/react-dom-shim@10.3.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
+  '@storybook/react-dom-shim@10.3.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))':
     dependencies:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
 
-  '@storybook/react-vite@10.3.3(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))':
+  '@storybook/react-vite@10.3.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))':
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.6.4(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(typescript@5.9.3)
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.7.0(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(typescript@6.0.2)
       '@rollup/pluginutils': 5.3.0(rollup@4.59.0)
-      '@storybook/builder-vite': 10.3.3(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
-      '@storybook/react': 10.3.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)
+      '@storybook/builder-vite': 10.3.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(rollup@4.59.0)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
+      '@storybook/react': 10.3.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2)
       empathic: 2.0.0
       magic-string: 0.30.21
       react: 19.2.4
       react-docgen: 8.0.3
       react-dom: 19.2.4(react@19.2.4)
       resolve: 1.22.11
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       tsconfig-paths: 4.2.0
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
     transitivePeerDependencies:
       - esbuild
       - rollup
@@ -11359,17 +11243,17 @@ snapshots:
       - typescript
       - webpack
 
-  '@storybook/react@10.3.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3)':
+  '@storybook/react@10.3.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2)':
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/react-dom-shim': 10.3.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
+      '@storybook/react-dom-shim': 10.3.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))
       react: 19.2.4
       react-docgen: 8.0.3
-      react-docgen-typescript: 2.4.0(typescript@5.9.3)
+      react-docgen-typescript: 2.4.0(typescript@6.0.2)
       react-dom: 19.2.4(react@19.2.4)
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
     optionalDependencies:
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
@@ -11385,7 +11269,7 @@ snapshots:
   '@stylistic/eslint-plugin@5.10.0(eslint@10.1.0(jiti@2.6.1))':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
-      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/types': 8.58.0
       eslint: 10.1.0(jiti@2.6.1)
       eslint-visitor-keys: 4.2.1
       espree: 10.4.0
@@ -11402,18 +11286,18 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  '@t3-oss/env-core@0.13.11(typescript@5.9.3)(valibot@1.3.1(typescript@5.9.3))(zod@4.3.6)':
+  '@t3-oss/env-core@0.13.11(typescript@6.0.2)(valibot@1.3.1(typescript@6.0.2))(zod@4.3.6)':
     optionalDependencies:
-      typescript: 5.9.3
-      valibot: 1.3.1(typescript@5.9.3)
+      typescript: 6.0.2
+      valibot: 1.3.1(typescript@6.0.2)
       zod: 4.3.6
 
-  '@t3-oss/env-nextjs@0.13.11(typescript@5.9.3)(valibot@1.3.1(typescript@5.9.3))(zod@4.3.6)':
+  '@t3-oss/env-nextjs@0.13.11(typescript@6.0.2)(valibot@1.3.1(typescript@6.0.2))(zod@4.3.6)':
     dependencies:
-      '@t3-oss/env-core': 0.13.11(typescript@5.9.3)(valibot@1.3.1(typescript@5.9.3))(zod@4.3.6)
+      '@t3-oss/env-core': 0.13.11(typescript@6.0.2)(valibot@1.3.1(typescript@6.0.2))(zod@4.3.6)
     optionalDependencies:
-      typescript: 5.9.3
-      valibot: 1.3.1(typescript@5.9.3)
+      typescript: 6.0.2
+      valibot: 1.3.1(typescript@6.0.2)
       zod: 4.3.6
 
   '@tailwindcss/node@4.2.2':
@@ -11490,12 +11374,12 @@ snapshots:
       postcss-selector-parser: 6.0.10
       tailwindcss: 4.2.2
 
-  '@tailwindcss/vite@4.2.2(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))':
+  '@tailwindcss/vite@4.2.2(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))':
     dependencies:
       '@tailwindcss/node': 4.2.2
       '@tailwindcss/oxide': 4.2.2
       tailwindcss: 4.2.2
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
 
   '@tanstack/devtools-client@0.0.6':
     dependencies:
@@ -11525,7 +11409,7 @@ snapshots:
       react: 19.2.4
       solid-js: 1.9.11
 
-  '@tanstack/devtools@0.11.0(csstype@3.2.3)(solid-js@1.9.11)':
+  '@tanstack/devtools@0.11.1(csstype@3.2.3)(solid-js@1.9.11)':
     dependencies:
       '@solid-primitives/event-listener': 2.4.5(solid-js@1.9.11)
       '@solid-primitives/keyboard': 1.3.5(solid-js@1.9.11)
@@ -11541,26 +11425,26 @@ snapshots:
       - csstype
       - utf-8-validate
 
-  '@tanstack/eslint-plugin-query@5.95.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@tanstack/eslint-plugin-query@5.96.1(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
     optionalDependencies:
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@tanstack/form-core@1.28.5':
+  '@tanstack/form-core@1.28.6':
     dependencies:
       '@tanstack/devtools-event-client': 0.4.3
       '@tanstack/pacer-lite': 0.1.1
       '@tanstack/store': 0.9.3
 
-  '@tanstack/form-devtools@0.2.19(@types/react@19.2.14)(csstype@3.2.3)(react@19.2.4)(solid-js@1.9.11)':
+  '@tanstack/form-devtools@0.2.20(@types/react@19.2.14)(csstype@3.2.3)(react@19.2.4)(solid-js@1.9.11)':
     dependencies:
       '@tanstack/devtools-ui': 0.5.1(csstype@3.2.3)(solid-js@1.9.11)
       '@tanstack/devtools-utils': 0.4.0(@types/react@19.2.14)(react@19.2.4)(solid-js@1.9.11)
-      '@tanstack/form-core': 1.28.5
+      '@tanstack/form-core': 1.28.6
       clsx: 2.1.1
       dayjs: 1.11.20
       goober: 2.1.18(csstype@3.2.3)
@@ -11574,13 +11458,13 @@ snapshots:
 
   '@tanstack/pacer-lite@0.1.1': {}
 
-  '@tanstack/query-core@5.95.2': {}
+  '@tanstack/query-core@5.96.1': {}
 
-  '@tanstack/query-devtools@5.95.2': {}
+  '@tanstack/query-devtools@5.96.1': {}
 
-  '@tanstack/react-devtools@0.10.0(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(solid-js@1.9.11)':
+  '@tanstack/react-devtools@0.10.1(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(csstype@3.2.3)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(solid-js@1.9.11)':
     dependencies:
-      '@tanstack/devtools': 0.11.0(csstype@3.2.3)(solid-js@1.9.11)
+      '@tanstack/devtools': 0.11.1(csstype@3.2.3)(solid-js@1.9.11)
       '@types/react': 19.2.14
       '@types/react-dom': 19.2.3(@types/react@19.2.14)
       react: 19.2.4
@@ -11591,10 +11475,10 @@ snapshots:
       - solid-js
       - utf-8-validate
 
-  '@tanstack/react-form-devtools@0.2.19(@types/react@19.2.14)(csstype@3.2.3)(react@19.2.4)(solid-js@1.9.11)':
+  '@tanstack/react-form-devtools@0.2.20(@types/react@19.2.14)(csstype@3.2.3)(react@19.2.4)(solid-js@1.9.11)':
     dependencies:
       '@tanstack/devtools-utils': 0.4.0(@types/react@19.2.14)(react@19.2.4)(solid-js@1.9.11)
-      '@tanstack/form-devtools': 0.2.19(@types/react@19.2.14)(csstype@3.2.3)(react@19.2.4)(solid-js@1.9.11)
+      '@tanstack/form-devtools': 0.2.20(@types/react@19.2.14)(csstype@3.2.3)(react@19.2.4)(solid-js@1.9.11)
       react: 19.2.4
     transitivePeerDependencies:
       - '@types/react'
@@ -11603,23 +11487,23 @@ snapshots:
       - solid-js
       - vue
 
-  '@tanstack/react-form@1.28.5(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@tanstack/react-form@1.28.6(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@tanstack/form-core': 1.28.5
+      '@tanstack/form-core': 1.28.6
       '@tanstack/react-store': 0.9.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       react: 19.2.4
     transitivePeerDependencies:
       - react-dom
 
-  '@tanstack/react-query-devtools@5.95.2(@tanstack/react-query@5.95.2(react@19.2.4))(react@19.2.4)':
+  '@tanstack/react-query-devtools@5.96.1(@tanstack/react-query@5.96.1(react@19.2.4))(react@19.2.4)':
     dependencies:
-      '@tanstack/query-devtools': 5.95.2
-      '@tanstack/react-query': 5.95.2(react@19.2.4)
+      '@tanstack/query-devtools': 5.96.1
+      '@tanstack/react-query': 5.96.1(react@19.2.4)
       react: 19.2.4
 
-  '@tanstack/react-query@5.95.2(react@19.2.4)':
+  '@tanstack/react-query@5.96.1(react@19.2.4)':
     dependencies:
-      '@tanstack/query-core': 5.95.2
+      '@tanstack/query-core': 5.96.1
       react: 19.2.4
 
   '@tanstack/react-store@0.9.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
@@ -11675,37 +11559,37 @@ snapshots:
     dependencies:
       '@testing-library/dom': 10.4.1
 
-  '@tsslint/cli@3.0.2(@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@5.9.3))(typescript@5.9.3)':
+  '@tsslint/cli@3.0.2(@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@6.0.2))(typescript@6.0.2)':
     dependencies:
       '@clack/prompts': 0.8.2
-      '@tsslint/config': 3.0.2(@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@5.9.3))(typescript@5.9.3)
+      '@tsslint/config': 3.0.2(@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@6.0.2))(typescript@6.0.2)
       '@tsslint/core': 3.0.2
       '@volar/language-core': 2.4.28
       '@volar/language-hub': 0.0.1
       '@volar/typescript': 2.4.28
       minimatch: 10.2.4
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - '@tsslint/compat-eslint'
       - tsl
 
-  '@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@5.9.3)':
+  '@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@6.0.2)':
     dependencies:
       '@tsslint/types': 3.0.2
-      '@typescript-eslint/parser': 8.57.2(eslint@9.27.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.58.0(eslint@9.27.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 9.27.0(jiti@2.6.1)
     transitivePeerDependencies:
       - jiti
       - supports-color
       - typescript
 
-  '@tsslint/config@3.0.2(@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@5.9.3))(typescript@5.9.3)':
+  '@tsslint/config@3.0.2(@tsslint/compat-eslint@3.0.2(jiti@2.6.1)(typescript@6.0.2))(typescript@6.0.2)':
     dependencies:
       '@tsslint/types': 3.0.2
       minimatch: 10.2.4
-      ts-api-utils: 2.5.0(typescript@5.9.3)
+      ts-api-utils: 2.5.0(typescript@6.0.2)
     optionalDependencies:
-      '@tsslint/compat-eslint': 3.0.2(jiti@2.6.1)(typescript@5.9.3)
+      '@tsslint/compat-eslint': 3.0.2(jiti@2.6.1)(typescript@6.0.2)
     transitivePeerDependencies:
       - typescript
 
@@ -11896,10 +11780,6 @@ snapshots:
 
   '@types/geojson@7946.0.16': {}
 
-  '@types/hast@2.3.10':
-    dependencies:
-      '@types/unist': 2.0.11
-
   '@types/hast@3.0.4':
     dependencies:
       '@types/unist': 3.0.3
@@ -11938,14 +11818,6 @@ snapshots:
     dependencies:
       '@types/react': 19.2.14
 
-  '@types/react-syntax-highlighter@15.5.13':
-    dependencies:
-      '@types/react': 19.2.14
-
-  '@types/react-window@1.8.8':
-    dependencies:
-      '@types/react': 19.2.14
-
   '@types/react@19.2.14':
     dependencies:
       csstype: 3.2.3
@@ -11974,60 +11846,81 @@ snapshots:
 
   '@types/zen-observable@0.8.3': {}
 
-  '@typescript-eslint/eslint-plugin@8.57.2(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/type-utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.57.2
+      '@typescript-eslint/parser': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/type-utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/visitor-keys': 8.58.0
       eslint: 10.1.0(jiti@2.6.1)
       ignore: 7.0.5
       natural-compare: 1.4.0
-      ts-api-utils: 2.5.0(typescript@5.9.3)
-      typescript: 5.9.3
+      ts-api-utils: 2.5.0(typescript@6.0.2)
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.57.2
       '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@6.0.2)
       '@typescript-eslint/visitor-keys': 8.57.2
       debug: 4.4.3(supports-color@8.1.1)
       eslint: 10.1.0(jiti@2.6.1)
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.57.2(eslint@9.27.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.57.2
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
+      '@typescript-eslint/visitor-keys': 8.58.0
+      debug: 4.4.3(supports-color@8.1.1)
+      eslint: 10.1.0(jiti@2.6.1)
+      typescript: 6.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.58.0(eslint@9.27.0(jiti@2.6.1))(typescript@6.0.2)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
+      '@typescript-eslint/visitor-keys': 8.58.0
       debug: 4.4.3(supports-color@8.1.1)
       eslint: 9.27.0(jiti@2.6.1)
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.57.2(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.57.2(typescript@6.0.2)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.57.2(typescript@5.9.3)
-      '@typescript-eslint/types': 8.57.2
+      '@typescript-eslint/tsconfig-utils': 8.58.0(typescript@6.0.2)
+      '@typescript-eslint/types': 8.58.0
       debug: 4.4.3(supports-color@8.1.1)
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/rule-tester@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/project-service@8.58.0(typescript@6.0.2)':
     dependencies:
-      '@typescript-eslint/parser': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.58.0(typescript@6.0.2)
+      '@typescript-eslint/types': 8.58.0
+      debug: 4.4.3(supports-color@8.1.1)
+      typescript: 6.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/rule-tester@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+    dependencies:
+      '@typescript-eslint/parser': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       ajv: 6.14.0
       eslint: 10.1.0(jiti@2.6.1)
       json-stable-stringify-without-jsonify: 1.0.1
@@ -12042,47 +11935,84 @@ snapshots:
       '@typescript-eslint/types': 8.57.2
       '@typescript-eslint/visitor-keys': 8.57.2
 
-  '@typescript-eslint/tsconfig-utils@8.57.2(typescript@5.9.3)':
+  '@typescript-eslint/scope-manager@8.58.0':
     dependencies:
-      typescript: 5.9.3
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/visitor-keys': 8.58.0
 
-  '@typescript-eslint/type-utils@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/tsconfig-utils@8.57.2(typescript@6.0.2)':
     dependencies:
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      typescript: 6.0.2
+
+  '@typescript-eslint/tsconfig-utils@8.58.0(typescript@6.0.2)':
+    dependencies:
+      typescript: 6.0.2
+
+  '@typescript-eslint/type-utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+    dependencies:
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       debug: 4.4.3(supports-color@8.1.1)
       eslint: 10.1.0(jiti@2.6.1)
-      ts-api-utils: 2.5.0(typescript@5.9.3)
-      typescript: 5.9.3
+      ts-api-utils: 2.5.0(typescript@6.0.2)
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
   '@typescript-eslint/types@8.57.2': {}
 
-  '@typescript-eslint/typescript-estree@8.57.2(typescript@5.9.3)':
+  '@typescript-eslint/types@8.58.0': {}
+
+  '@typescript-eslint/typescript-estree@8.57.2(typescript@6.0.2)':
     dependencies:
-      '@typescript-eslint/project-service': 8.57.2(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.57.2(typescript@5.9.3)
+      '@typescript-eslint/project-service': 8.57.2(typescript@6.0.2)
+      '@typescript-eslint/tsconfig-utils': 8.57.2(typescript@6.0.2)
       '@typescript-eslint/types': 8.57.2
       '@typescript-eslint/visitor-keys': 8.57.2
       debug: 4.4.3(supports-color@8.1.1)
       minimatch: 10.2.4
       semver: 7.7.4
       tinyglobby: 0.2.15
-      ts-api-utils: 2.5.0(typescript@5.9.3)
-      typescript: 5.9.3
+      ts-api-utils: 2.5.0(typescript@6.0.2)
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@typescript-eslint/typescript-estree@8.58.0(typescript@6.0.2)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.58.0(typescript@6.0.2)
+      '@typescript-eslint/tsconfig-utils': 8.58.0(typescript@6.0.2)
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/visitor-keys': 8.58.0
+      debug: 4.4.3(supports-color@8.1.1)
+      minimatch: 10.2.4
+      semver: 7.7.4
+      tinyglobby: 0.2.15
+      ts-api-utils: 2.5.0(typescript@6.0.2)
+      typescript: 6.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
       '@typescript-eslint/scope-manager': 8.57.2
       '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.57.2(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
-      typescript: 5.9.3
+      typescript: 6.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
+      eslint: 10.1.0(jiti@2.6.1)
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
@@ -12091,36 +12021,41 @@ snapshots:
       '@typescript-eslint/types': 8.57.2
       eslint-visitor-keys: 5.0.1
 
-  '@typescript/native-preview-darwin-arm64@7.0.0-dev.20260329.1':
+  '@typescript-eslint/visitor-keys@8.58.0':
+    dependencies:
+      '@typescript-eslint/types': 8.58.0
+      eslint-visitor-keys: 5.0.1
+
+  '@typescript/native-preview-darwin-arm64@7.0.0-dev.20260401.1':
     optional: true
 
-  '@typescript/native-preview-darwin-x64@7.0.0-dev.20260329.1':
+  '@typescript/native-preview-darwin-x64@7.0.0-dev.20260401.1':
     optional: true
 
-  '@typescript/native-preview-linux-arm64@7.0.0-dev.20260329.1':
+  '@typescript/native-preview-linux-arm64@7.0.0-dev.20260401.1':
     optional: true
 
-  '@typescript/native-preview-linux-arm@7.0.0-dev.20260329.1':
+  '@typescript/native-preview-linux-arm@7.0.0-dev.20260401.1':
     optional: true
 
-  '@typescript/native-preview-linux-x64@7.0.0-dev.20260329.1':
+  '@typescript/native-preview-linux-x64@7.0.0-dev.20260401.1':
     optional: true
 
-  '@typescript/native-preview-win32-arm64@7.0.0-dev.20260329.1':
+  '@typescript/native-preview-win32-arm64@7.0.0-dev.20260401.1':
     optional: true
 
-  '@typescript/native-preview-win32-x64@7.0.0-dev.20260329.1':
+  '@typescript/native-preview-win32-x64@7.0.0-dev.20260401.1':
     optional: true
 
-  '@typescript/native-preview@7.0.0-dev.20260329.1':
+  '@typescript/native-preview@7.0.0-dev.20260401.1':
     optionalDependencies:
-      '@typescript/native-preview-darwin-arm64': 7.0.0-dev.20260329.1
-      '@typescript/native-preview-darwin-x64': 7.0.0-dev.20260329.1
-      '@typescript/native-preview-linux-arm': 7.0.0-dev.20260329.1
-      '@typescript/native-preview-linux-arm64': 7.0.0-dev.20260329.1
-      '@typescript/native-preview-linux-x64': 7.0.0-dev.20260329.1
-      '@typescript/native-preview-win32-arm64': 7.0.0-dev.20260329.1
-      '@typescript/native-preview-win32-x64': 7.0.0-dev.20260329.1
+      '@typescript/native-preview-darwin-arm64': 7.0.0-dev.20260401.1
+      '@typescript/native-preview-darwin-x64': 7.0.0-dev.20260401.1
+      '@typescript/native-preview-linux-arm': 7.0.0-dev.20260401.1
+      '@typescript/native-preview-linux-arm64': 7.0.0-dev.20260401.1
+      '@typescript/native-preview-linux-x64': 7.0.0-dev.20260401.1
+      '@typescript/native-preview-win32-arm64': 7.0.0-dev.20260401.1
+      '@typescript/native-preview-win32-x64': 7.0.0-dev.20260401.1
 
   '@ungap/structured-clone@1.3.0': {}
 
@@ -12128,56 +12063,56 @@ snapshots:
     dependencies:
       unpic: 4.2.2
 
-  '@unpic/react@1.0.2(next@16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+  '@unpic/react@1.0.2(next@16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
     dependencies:
       '@unpic/core': 1.0.3
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
     optionalDependencies:
-      next: 16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0)
+      next: 16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0)
 
   '@upsetjs/venn.js@2.0.0':
     optionalDependencies:
       d3-selection: 3.0.0
       d3-transition: 3.0.1(d3-selection@3.0.0)
 
-  '@valibot/to-json-schema@1.6.0(valibot@1.3.1(typescript@5.9.3))':
+  '@valibot/to-json-schema@1.6.0(valibot@1.3.1(typescript@6.0.2))':
     dependencies:
-      valibot: 1.3.1(typescript@5.9.3)
+      valibot: 1.3.1(typescript@6.0.2)
 
   '@vercel/og@0.8.6':
     dependencies:
       '@resvg/resvg-wasm': 2.4.0
       satori: 0.16.0
 
-  '@vitejs/devtools-kit@0.1.11(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(typescript@5.9.3)(ws@8.20.0)':
+  '@vitejs/devtools-kit@0.1.11(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(typescript@6.0.2)(ws@8.20.0)':
     dependencies:
-      '@vitejs/devtools-rpc': 0.1.11(typescript@5.9.3)(ws@8.20.0)
+      '@vitejs/devtools-rpc': 0.1.11(typescript@6.0.2)(ws@8.20.0)
       birpc: 4.0.0
       ohash: 2.0.11
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
     transitivePeerDependencies:
       - typescript
       - ws
 
-  '@vitejs/devtools-rpc@0.1.11(typescript@5.9.3)(ws@8.20.0)':
+  '@vitejs/devtools-rpc@0.1.11(typescript@6.0.2)(ws@8.20.0)':
     dependencies:
       birpc: 4.0.0
       ohash: 2.0.11
       p-limit: 7.3.0
       structured-clone-es: 2.0.0
-      valibot: 1.3.1(typescript@5.9.3)
+      valibot: 1.3.1(typescript@6.0.2)
     optionalDependencies:
       ws: 8.20.0
     transitivePeerDependencies:
       - typescript
 
-  '@vitejs/plugin-react@6.0.1(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))':
+  '@vitejs/plugin-react@6.0.1(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-rc.7
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
 
-  '@vitejs/plugin-rsc@0.5.21(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(react-dom@19.2.4(react@19.2.4))(react-server-dom-webpack@19.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)))(react@19.2.4)':
+  '@vitejs/plugin-rsc@0.5.21(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(react-dom@19.2.4(react@19.2.4))(react-server-dom-webpack@19.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)))(react@19.2.4)':
     dependencies:
       '@rolldown/pluginutils': 1.0.0-rc.5
       es-module-lexer: 2.0.0
@@ -12189,15 +12124,15 @@ snapshots:
       srvx: 0.11.13
       strip-literal: 3.1.0
       turbo-stream: 3.2.0
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
-      vitefu: 1.1.2(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
+      vitefu: 1.1.2(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))
     optionalDependencies:
       react-server-dom-webpack: 19.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
 
-  '@vitest/coverage-v8@4.1.1(@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))':
+  '@vitest/coverage-v8@4.1.2(@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))':
     dependencies:
       '@bcoe/v8-coverage': 1.0.2
-      '@vitest/utils': 4.1.1
+      '@vitest/utils': 4.1.2
       ast-v8-to-istanbul: 1.0.0
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
@@ -12206,12 +12141,12 @@ snapshots:
       obug: 2.1.1
       std-env: 4.0.0
       tinyrainbow: 3.1.0
-      vitest: '@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vitest: '@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
 
-  '@vitest/coverage-v8@4.1.1(@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3))':
+  '@vitest/coverage-v8@4.1.2(@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3))':
     dependencies:
       '@bcoe/v8-coverage': 1.0.2
-      '@vitest/utils': 4.1.1
+      '@vitest/utils': 4.1.2
       ast-v8-to-istanbul: 1.0.0
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
@@ -12220,17 +12155,17 @@ snapshots:
       obug: 2.1.1
       std-env: 4.0.0
       tinyrainbow: 3.1.0
-      vitest: '@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)'
+      vitest: '@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)'
 
-  '@vitest/eslint-plugin@1.6.13(@typescript-eslint/eslint-plugin@8.57.2(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)':
+  '@vitest/eslint-plugin@1.6.14(@typescript-eslint/eslint-plugin@8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.57.2(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      typescript: 5.9.3
-      vitest: '@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      '@typescript-eslint/eslint-plugin': 8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      typescript: 6.0.2
+      vitest: '@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
     transitivePeerDependencies:
       - supports-color
 
@@ -12246,7 +12181,7 @@ snapshots:
     dependencies:
       tinyrainbow: 2.0.0
 
-  '@vitest/pretty-format@4.1.1':
+  '@vitest/pretty-format@4.1.2':
     dependencies:
       tinyrainbow: 3.1.0
 
@@ -12260,15 +12195,15 @@ snapshots:
       loupe: 3.2.1
       tinyrainbow: 2.0.0
 
-  '@vitest/utils@4.1.1':
+  '@vitest/utils@4.1.2':
     dependencies:
-      '@vitest/pretty-format': 4.1.1
+      '@vitest/pretty-format': 4.1.2
       convert-source-map: 2.0.0
       tinyrainbow: 3.1.0
 
-  '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)':
+  '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)':
     dependencies:
-      '@oxc-project/runtime': 0.121.0
+      '@oxc-project/runtime': 0.122.0
       '@oxc-project/types': 0.122.0
       lightningcss: 1.32.0
       postcss: 8.5.8
@@ -12280,32 +12215,32 @@ snapshots:
       sass: 1.98.0
       terser: 5.46.1
       tsx: 4.21.0
-      typescript: 5.9.3
+      typescript: 6.0.2
       yaml: 2.8.3
 
-  '@voidzero-dev/vite-plus-darwin-arm64@0.1.14':
+  '@voidzero-dev/vite-plus-darwin-arm64@0.1.15':
     optional: true
 
-  '@voidzero-dev/vite-plus-darwin-x64@0.1.14':
+  '@voidzero-dev/vite-plus-darwin-x64@0.1.15':
     optional: true
 
-  '@voidzero-dev/vite-plus-linux-arm64-gnu@0.1.14':
+  '@voidzero-dev/vite-plus-linux-arm64-gnu@0.1.15':
     optional: true
 
-  '@voidzero-dev/vite-plus-linux-arm64-musl@0.1.14':
+  '@voidzero-dev/vite-plus-linux-arm64-musl@0.1.15':
     optional: true
 
-  '@voidzero-dev/vite-plus-linux-x64-gnu@0.1.14':
+  '@voidzero-dev/vite-plus-linux-x64-gnu@0.1.15':
     optional: true
 
-  '@voidzero-dev/vite-plus-linux-x64-musl@0.1.14':
+  '@voidzero-dev/vite-plus-linux-x64-musl@0.1.15':
     optional: true
 
-  '@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)':
+  '@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)':
     dependencies:
       '@standard-schema/spec': 1.1.0
       '@types/chai': 5.2.3
-      '@voidzero-dev/vite-plus-core': 0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)
+      '@voidzero-dev/vite-plus-core': 0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)
       es-module-lexer: 1.7.0
       obug: 2.1.1
       pixelmatch: 7.1.0
@@ -12315,7 +12250,7 @@ snapshots:
       tinybench: 2.9.0
       tinyexec: 1.0.4
       tinyglobby: 0.2.15
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
       ws: 8.20.0
     optionalDependencies:
       '@types/node': 25.5.0
@@ -12341,11 +12276,11 @@ snapshots:
       - utf-8-validate
       - yaml
 
-  '@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)':
+  '@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)':
     dependencies:
       '@standard-schema/spec': 1.1.0
       '@types/chai': 5.2.3
-      '@voidzero-dev/vite-plus-core': 0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)
+      '@voidzero-dev/vite-plus-core': 0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)
       es-module-lexer: 1.7.0
       obug: 2.1.1
       pixelmatch: 7.1.0
@@ -12381,10 +12316,10 @@ snapshots:
       - utf-8-validate
       - yaml
 
-  '@voidzero-dev/vite-plus-win32-arm64-msvc@0.1.14':
+  '@voidzero-dev/vite-plus-win32-arm64-msvc@0.1.15':
     optional: true
 
-  '@voidzero-dev/vite-plus-win32-x64-msvc@0.1.14':
+  '@voidzero-dev/vite-plus-win32-x64-msvc@0.1.15':
     optional: true
 
   '@volar/language-core@2.4.28':
@@ -12509,6 +12444,8 @@ snapshots:
       '@webassemblyjs/ast': 1.14.1
       '@xtuc/long': 4.2.2
 
+  '@webcontainer/env@1.1.1': {}
+
   '@xstate/fsm@1.6.5': {}
 
   '@xtuc/ieee754@1.2.0': {}
@@ -12543,7 +12480,7 @@ snapshots:
       dayjs: 1.11.20
       intersection-observer: 0.12.2
       js-cookie: 3.0.5
-      lodash: 4.17.23
+      lodash: 4.18.0
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
       react-fast-compare: 3.2.2
@@ -12654,9 +12591,10 @@ snapshots:
 
   boolbase@1.0.0: {}
 
-  brace-expansion@2.0.2:
+  brace-expansion@1.1.13:
     dependencies:
       balanced-match: 1.0.2
+      concat-map: 0.0.1
 
   brace-expansion@5.0.5:
     dependencies:
@@ -12692,15 +12630,8 @@ snapshots:
     dependencies:
       run-applescript: 7.1.0
 
-  bundle-require@5.1.0(esbuild@0.27.2):
-    dependencies:
-      esbuild: 0.27.2
-      load-tsconfig: 0.2.5
-
   bytes@3.1.2: {}
 
-  cac@6.7.14: {}
-
   cac@7.0.0: {}
 
   callsites@3.1.0: {}
@@ -12745,16 +12676,10 @@ snapshots:
 
   character-entities-html4@2.1.0: {}
 
-  character-entities-legacy@1.1.4: {}
-
   character-entities-legacy@3.0.0: {}
 
-  character-entities@1.2.4: {}
-
   character-entities@2.0.2: {}
 
-  character-reference-invalid@1.1.4: {}
-
   character-reference-invalid@2.0.1: {}
 
   check-error@2.1.3: {}
@@ -12785,7 +12710,7 @@ snapshots:
   chevrotain-allstar@0.3.1(chevrotain@11.1.2):
     dependencies:
       chevrotain: 11.1.2
-      lodash-es: 4.17.23
+      lodash-es: 4.18.0
 
   chevrotain@11.1.2:
     dependencies:
@@ -12794,11 +12719,12 @@ snapshots:
       '@chevrotain/regexp-to-ast': 11.1.2
       '@chevrotain/types': 11.1.2
       '@chevrotain/utils': 11.1.2
-      lodash-es: 4.17.23
+      lodash-es: 4.18.0
 
   chokidar@4.0.3:
     dependencies:
       readdirp: 4.1.2
+    optional: true
 
   chownr@1.1.4:
     optional: true
@@ -12847,14 +12773,14 @@ snapshots:
       - '@types/react'
       - '@types/react-dom'
 
-  code-inspector-plugin@1.4.5:
+  code-inspector-plugin@1.5.1:
     dependencies:
-      '@code-inspector/core': 1.4.5
-      '@code-inspector/esbuild': 1.4.5
-      '@code-inspector/mako': 1.4.5
-      '@code-inspector/turbopack': 1.4.5
-      '@code-inspector/vite': 1.4.5
-      '@code-inspector/webpack': 1.4.5
+      '@code-inspector/core': 1.5.1
+      '@code-inspector/esbuild': 1.5.1
+      '@code-inspector/mako': 1.5.1
+      '@code-inspector/turbopack': 1.5.1
+      '@code-inspector/vite': 1.5.1
+      '@code-inspector/webpack': 1.5.1
       chalk: 4.1.1
     transitivePeerDependencies:
       - supports-color
@@ -12867,8 +12793,6 @@ snapshots:
 
   color-name@1.1.4: {}
 
-  comma-separated-tokens@1.0.8: {}
-
   comma-separated-tokens@2.0.3: {}
 
   commander@14.0.0: {}
@@ -12879,8 +12803,6 @@ snapshots:
 
   commander@2.20.3: {}
 
-  commander@4.1.1: {}
-
   commander@7.2.0: {}
 
   commander@8.3.0: {}
@@ -12891,12 +12813,12 @@ snapshots:
 
   compare-versions@6.1.1: {}
 
+  concat-map@0.0.1: {}
+
   confbox@0.1.8: {}
 
   confbox@0.2.4: {}
 
-  consola@3.4.2: {}
-
   convert-source-map@2.0.0: {}
 
   copy-to-clipboard@3.3.3:
@@ -13153,7 +13075,7 @@ snapshots:
   dagre-d3-es@7.0.14:
     dependencies:
       d3: 7.9.0
-      lodash-es: 4.17.23
+      lodash-es: 4.18.0
 
   dayjs@1.11.20: {}
 
@@ -13190,16 +13112,12 @@ snapshots:
 
   define-lazy-prop@3.0.0: {}
 
-  defu@6.1.4: {}
-
   delaunator@5.1.0:
     dependencies:
       robust-predicates: 3.0.3
 
   dequal@2.0.3: {}
 
-  destr@2.0.5: {}
-
   detect-libc@2.1.2: {}
 
   detect-node-es@1.1.0: {}
@@ -13381,7 +13299,7 @@ snapshots:
       '@eslint/compat': 2.0.3(eslint@10.1.0(jiti@2.6.1))
       eslint: 10.1.0(jiti@2.6.1)
 
-  eslint-flat-config-utils@3.0.2:
+  eslint-flat-config-utils@3.1.0:
     dependencies:
       '@eslint/config-helpers': 0.5.3
       pathe: 2.0.3
@@ -13410,30 +13328,30 @@ snapshots:
     dependencies:
       eslint: 10.1.0(jiti@2.6.1)
 
-  eslint-plugin-better-tailwindcss@4.3.2(eslint@10.1.0(jiti@2.6.1))(oxlint@1.57.0(oxlint-tsgolint@0.17.3))(tailwindcss@4.2.2)(typescript@5.9.3):
+  eslint-plugin-better-tailwindcss@4.3.2(eslint@10.1.0(jiti@2.6.1))(oxlint@1.58.0(oxlint-tsgolint@0.18.1))(tailwindcss@4.2.2)(typescript@6.0.2):
     dependencies:
       '@eslint/css-tree': 3.6.9
-      '@valibot/to-json-schema': 1.6.0(valibot@1.3.1(typescript@5.9.3))
+      '@valibot/to-json-schema': 1.6.0(valibot@1.3.1(typescript@6.0.2))
       enhanced-resolve: 5.20.1
       jiti: 2.6.1
       synckit: 0.11.12
       tailwind-csstree: 0.1.5
       tailwindcss: 4.2.2
       tsconfig-paths-webpack-plugin: 4.2.0
-      valibot: 1.3.1(typescript@5.9.3)
+      valibot: 1.3.1(typescript@6.0.2)
     optionalDependencies:
       eslint: 10.1.0(jiti@2.6.1)
-      oxlint: 1.57.0(oxlint-tsgolint@0.17.3)
+      oxlint: 1.58.0(oxlint-tsgolint@0.18.1)
     transitivePeerDependencies:
       - '@eslint/css'
       - typescript
 
-  eslint-plugin-command@3.5.2(@typescript-eslint/rule-tester@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(@typescript-eslint/typescript-estree@8.57.2(typescript@5.9.3))(@typescript-eslint/utils@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1)):
+  eslint-plugin-command@3.5.2(@typescript-eslint/rule-tester@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(@typescript-eslint/typescript-estree@8.58.0(typescript@6.0.2))(@typescript-eslint/utils@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1)):
     dependencies:
       '@es-joy/jsdoccomment': 0.84.0
-      '@typescript-eslint/rule-tester': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.57.2(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/rule-tester': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/typescript-estree': 8.58.0(typescript@6.0.2)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
 
   eslint-plugin-depend@1.5.0(eslint@10.1.0(jiti@2.6.1)):
@@ -13454,7 +13372,7 @@ snapshots:
     dependencies:
       eslint: 10.1.0(jiti@2.6.1)
 
-  eslint-plugin-import-lite@0.5.2(eslint@10.1.0(jiti@2.6.1)):
+  eslint-plugin-import-lite@0.6.0(eslint@10.1.0(jiti@2.6.1)):
     dependencies:
       eslint: 10.1.0(jiti@2.6.1)
 
@@ -13493,9 +13411,9 @@ snapshots:
     transitivePeerDependencies:
       - '@eslint/json'
 
-  eslint-plugin-markdown-preferences@0.40.3(@eslint/markdown@7.5.1)(eslint@10.1.0(jiti@2.6.1)):
+  eslint-plugin-markdown-preferences@0.41.0(@eslint/markdown@8.0.1)(eslint@10.1.0(jiti@2.6.1)):
     dependencies:
-      '@eslint/markdown': 7.5.1
+      '@eslint/markdown': 8.0.1
       diff-sequences: 29.6.3
       emoji-regex-xs: 2.0.1
       eslint: 10.1.0(jiti@2.6.1)
@@ -13513,7 +13431,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-n@17.24.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3):
+  eslint-plugin-n@17.24.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
       enhanced-resolve: 5.20.1
@@ -13524,13 +13442,13 @@ snapshots:
       globrex: 0.1.2
       ignore: 5.3.2
       semver: 7.7.4
-      ts-declaration-location: 1.0.7(typescript@5.9.3)
+      ts-declaration-location: 1.0.7(typescript@6.0.2)
     transitivePeerDependencies:
       - typescript
 
-  eslint-plugin-no-barrel-files@1.2.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3):
+  eslint-plugin-no-barrel-files@1.2.2(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
     transitivePeerDependencies:
       - eslint
       - supports-color
@@ -13538,9 +13456,9 @@ snapshots:
 
   eslint-plugin-no-only-tests@3.3.0: {}
 
-  eslint-plugin-perfectionist@5.7.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3):
+  eslint-plugin-perfectionist@5.7.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
       natural-orderby: 5.0.0
     transitivePeerDependencies:
@@ -13558,48 +13476,37 @@ snapshots:
       yaml: 2.8.3
       yaml-eslint-parser: 2.0.0
 
-  eslint-plugin-react-dom@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3):
+  eslint-plugin-react-dom@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/core': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/core': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       compare-versions: 6.1.1
       eslint: 10.1.0(jiti@2.6.1)
       ts-pattern: 5.9.0
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-hooks@7.0.1(eslint@10.1.0(jiti@2.6.1)):
+  eslint-plugin-react-naming-convention@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@babel/core': 7.29.0
-      '@babel/parser': 7.29.2
-      eslint: 10.1.0(jiti@2.6.1)
-      hermes-parser: 0.25.1
-      zod: 4.3.6
-      zod-validation-error: 4.0.2(zod@4.3.6)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-react-naming-convention@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3):
-    dependencies:
-      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/core': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/type-utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/core': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/type-utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       compare-versions: 6.1.1
       eslint: 10.1.0(jiti@2.6.1)
       string-ts: 2.3.1
       ts-pattern: 5.9.0
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
@@ -13607,53 +13514,53 @@ snapshots:
     dependencies:
       eslint: 10.1.0(jiti@2.6.1)
 
-  eslint-plugin-react-rsc@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3):
+  eslint-plugin-react-rsc@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/type-utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/type-utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
       ts-pattern: 5.9.0
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-web-api@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3):
+  eslint-plugin-react-web-api@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/core': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/core': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       birecord: 0.1.1
       eslint: 10.1.0(jiti@2.6.1)
       ts-pattern: 5.9.0
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-react-x@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3):
+  eslint-plugin-react-x@3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2):
     dependencies:
-      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/core': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.57.2
-      '@typescript-eslint/type-utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/types': 8.57.2
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@eslint-react/ast': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/core': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/shared': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@eslint-react/var': 3.0.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/type-utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       compare-versions: 6.1.1
       eslint: 10.1.0(jiti@2.6.1)
       string-ts: 2.3.1
-      ts-api-utils: 2.5.0(typescript@5.9.3)
+      ts-api-utils: 2.5.0(typescript@6.0.2)
       ts-pattern: 5.9.0
-      typescript: 5.9.3
+      typescript: 6.0.2
     transitivePeerDependencies:
       - supports-color
 
@@ -13681,14 +13588,14 @@ snapshots:
       minimatch: 10.2.4
       scslre: 0.3.0
       semver: 7.7.4
-      ts-api-utils: 2.5.0(typescript@5.9.3)
-      typescript: 5.9.3
+      ts-api-utils: 2.5.0(typescript@6.0.2)
+      typescript: 6.0.2
 
-  eslint-plugin-storybook@10.3.3(eslint@10.1.0(jiti@2.6.1))(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3):
+  eslint-plugin-storybook@10.3.4(eslint@10.1.0(jiti@2.6.1))(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2):
     dependencies:
-      '@typescript-eslint/utils': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
       eslint: 10.1.0(jiti@2.6.1)
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -13704,7 +13611,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-unicorn@63.0.0(eslint@10.1.0(jiti@2.6.1)):
+  eslint-plugin-unicorn@64.0.0(eslint@10.1.0(jiti@2.6.1)):
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
       '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
@@ -13714,7 +13621,7 @@ snapshots:
       core-js-compat: 3.49.0
       eslint: 10.1.0(jiti@2.6.1)
       find-up-simple: 1.0.1
-      globals: 16.5.0
+      globals: 17.4.0
       indent-string: 5.0.0
       is-builtin-module: 5.0.0
       jsesc: 3.1.0
@@ -13724,13 +13631,13 @@ snapshots:
       semver: 7.7.4
       strip-indent: 4.1.1
 
-  eslint-plugin-unused-imports@4.4.1(@typescript-eslint/eslint-plugin@8.57.2(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1)):
+  eslint-plugin-unused-imports@4.4.1(@typescript-eslint/eslint-plugin@8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1)):
     dependencies:
       eslint: 10.1.0(jiti@2.6.1)
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.57.2(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/eslint-plugin': 8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
 
-  eslint-plugin-vue@10.8.0(@stylistic/eslint-plugin@5.10.0(eslint@10.1.0(jiti@2.6.1)))(@typescript-eslint/parser@8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.1.0(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.1.0(jiti@2.6.1))):
+  eslint-plugin-vue@10.8.0(@stylistic/eslint-plugin@5.10.0(eslint@10.1.0(jiti@2.6.1)))(@typescript-eslint/parser@8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2))(eslint@10.1.0(jiti@2.6.1))(vue-eslint-parser@10.4.0(eslint@10.1.0(jiti@2.6.1))):
     dependencies:
       '@eslint-community/eslint-utils': 4.9.1(eslint@10.1.0(jiti@2.6.1))
       eslint: 10.1.0(jiti@2.6.1)
@@ -13742,7 +13649,7 @@ snapshots:
       xml-name-validator: 4.0.0
     optionalDependencies:
       '@stylistic/eslint-plugin': 5.10.0(eslint@10.1.0(jiti@2.6.1))
-      '@typescript-eslint/parser': 8.57.2(eslint@10.1.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.58.0(eslint@10.1.0(jiti@2.6.1))(typescript@6.0.2)
 
   eslint-plugin-yml@3.3.1(eslint@10.1.0(jiti@2.6.1)):
     dependencies:
@@ -13971,16 +13878,22 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
+  fast-string-truncated-width@1.2.1: {}
+
+  fast-string-width@1.1.0:
+    dependencies:
+      fast-string-truncated-width: 1.2.1
+
   fast-uri@3.1.0: {}
 
+  fast-wrap-ansi@0.1.6:
+    dependencies:
+      fast-string-width: 1.1.0
+
   fastq@1.20.1:
     dependencies:
       reusify: 1.1.0
 
-  fault@1.0.4:
-    dependencies:
-      format: 0.2.2
-
   fault@2.0.1:
     dependencies:
       format: 0.2.2
@@ -14018,12 +13931,6 @@ snapshots:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
-  fix-dts-default-cjs-exports@1.0.1:
-    dependencies:
-      magic-string: 0.30.21
-      mlly: 1.8.2
-      rollup: 4.59.0
-
   flat-cache@4.0.1:
     dependencies:
       flatted: 3.4.2
@@ -14057,8 +13964,6 @@ snapshots:
 
   functional-red-black-tree@1.0.1: {}
 
-  fzf@0.5.2: {}
-
   gensync@1.0.0-beta.2: {}
 
   get-east-asian-width@1.5.0: {}
@@ -14102,8 +14007,6 @@ snapshots:
 
   globals@15.15.0: {}
 
-  globals@16.5.0: {}
-
   globals@17.4.0: {}
 
   globrex@0.1.2: {}
@@ -14171,8 +14074,6 @@ snapshots:
     dependencies:
       '@types/hast': 3.0.4
 
-  hast-util-parse-selector@2.2.5: {}
-
   hast-util-parse-selector@4.0.0:
     dependencies:
       '@types/hast': 3.0.4
@@ -14220,6 +14121,20 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  hast-util-to-html@9.0.5:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
+
   hast-util-to-jsx-runtime@2.3.6:
     dependencies:
       '@types/estree': 1.0.8
@@ -14261,14 +14176,6 @@ snapshots:
     dependencies:
       '@types/hast': 3.0.4
 
-  hastscript@6.0.0:
-    dependencies:
-      '@types/hast': 2.3.10
-      comma-separated-tokens: 1.0.8
-      hast-util-parse-selector: 2.2.5
-      property-information: 5.6.0
-      space-separated-tokens: 1.1.5
-
   hastscript@9.0.1:
     dependencies:
       '@types/hast': 3.0.4
@@ -14277,19 +14184,9 @@ snapshots:
       property-information: 7.1.0
       space-separated-tokens: 2.0.2
 
-  hermes-estree@0.25.1: {}
-
-  hermes-parser@0.25.1:
-    dependencies:
-      hermes-estree: 0.25.1
-
   hex-rgb@4.3.0: {}
 
-  highlight.js@10.7.3: {}
-
-  highlightjs-vue@1.0.0: {}
-
-  hono@4.12.9: {}
+  hono@4.12.10: {}
 
   hosted-git-info@9.0.2:
     dependencies:
@@ -14320,11 +14217,11 @@ snapshots:
     dependencies:
       '@babel/runtime': 7.29.2
 
-  i18next@25.10.10(typescript@5.9.3):
+  i18next@26.0.3(typescript@6.0.2):
     dependencies:
       '@babel/runtime': 7.29.2
     optionalDependencies:
-      typescript: 5.9.3
+      typescript: 6.0.2
 
   iconify-import-svg@0.1.2:
     dependencies:
@@ -14353,7 +14250,8 @@ snapshots:
 
   immer@11.1.4: {}
 
-  immutable@5.1.5: {}
+  immutable@5.1.5:
+    optional: true
 
   import-fresh@3.3.1:
     dependencies:
@@ -14384,15 +14282,8 @@ snapshots:
 
   intersection-observer@0.12.2: {}
 
-  is-alphabetical@1.0.4: {}
-
   is-alphabetical@2.0.1: {}
 
-  is-alphanumerical@1.0.4:
-    dependencies:
-      is-alphabetical: 1.0.4
-      is-decimal: 1.0.4
-
   is-alphanumerical@2.0.1:
     dependencies:
       is-alphabetical: 2.0.1
@@ -14402,8 +14293,6 @@ snapshots:
     dependencies:
       builtin-modules: 5.0.0
 
-  is-decimal@1.0.4: {}
-
   is-decimal@2.0.1: {}
 
   is-docker@3.0.0: {}
@@ -14414,8 +14303,6 @@ snapshots:
     dependencies:
       is-extglob: 2.1.1
 
-  is-hexadecimal@1.0.4: {}
-
   is-hexadecimal@2.0.1: {}
 
   is-in-ssh@1.0.0: {}
@@ -14477,8 +14364,6 @@ snapshots:
       '@types/react': 19.2.14
       react: 19.2.4
 
-  joycon@3.1.1: {}
-
   js-audio-recorder@1.0.7: {}
 
   js-base64@3.7.8: {}
@@ -14517,6 +14402,8 @@ snapshots:
       eslint-visitor-keys: 5.0.1
       semver: 7.7.4
 
+  jsonc-parser@3.3.1: {}
+
   jsonfile@6.2.0:
     dependencies:
       universalify: 2.0.1
@@ -14537,7 +14424,7 @@ snapshots:
 
   khroma@2.1.0: {}
 
-  knip@6.1.0(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1):
+  knip@6.2.0(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1):
     dependencies:
       '@nodelib/fs.walk': 1.2.8
       fast-glob: 3.3.3
@@ -14652,17 +14539,11 @@ snapshots:
       lightningcss-win32-arm64-msvc: 1.32.0
       lightningcss-win32-x64-msvc: 1.32.0
 
-  lilconfig@3.1.3: {}
-
   linebreak@1.1.0:
     dependencies:
       base64-js: 0.0.8
       unicode-trie: 2.0.0
 
-  lines-and-columns@1.2.4: {}
-
-  load-tsconfig@0.2.5: {}
-
   loader-runner@4.3.1: {}
 
   local-pkg@1.1.2:
@@ -14675,7 +14556,7 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
-  lodash-es@4.17.23: {}
+  lodash-es@4.18.0: {}
 
   lodash.merge@4.6.2: {}
 
@@ -14683,7 +14564,7 @@ snapshots:
 
   lodash.sortby@4.7.0: {}
 
-  lodash@4.17.23: {}
+  lodash@4.18.0: {}
 
   longest-streak@3.1.0: {}
 
@@ -14697,11 +14578,6 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
-  lowlight@1.20.0:
-    dependencies:
-      fault: 1.0.4
-      highlight.js: 10.7.3
-
   lru-cache@11.2.7: {}
 
   lru-cache@5.1.1:
@@ -14947,17 +14823,15 @@ snapshots:
 
   mdn-data@2.23.0: {}
 
-  memoize-one@5.2.1: {}
-
   merge-stream@2.0.0: {}
 
   merge2@1.4.1: {}
 
-  mermaid@11.13.0:
+  mermaid@11.14.0:
     dependencies:
       '@braintree/sanitize-url': 7.1.2
       '@iconify/utils': 3.1.0
-      '@mermaid-js/parser': 1.0.1
+      '@mermaid-js/parser': 1.1.0
       '@types/d3': 7.4.3
       '@upsetjs/venn.js': 2.0.0
       cytoscape: 3.33.1
@@ -14970,7 +14844,7 @@ snapshots:
       dompurify: 3.3.2
       katex: 0.16.44
       khroma: 2.1.0
-      lodash-es: 4.17.23
+      lodash-es: 4.18.0
       marked: 16.4.2
       roughjs: 4.6.6
       stylis: 4.3.6
@@ -15283,8 +15157,6 @@ snapshots:
 
   mime@4.1.0: {}
 
-  mimic-function@5.0.1: {}
-
   mimic-response@3.1.0:
     optional: true
 
@@ -15296,7 +15168,7 @@ snapshots:
 
   minimatch@3.1.5:
     dependencies:
-      brace-expansion: 2.0.2
+      brace-expansion: 1.1.13
 
   minimist@1.2.8: {}
 
@@ -15361,9 +15233,9 @@ snapshots:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
 
-  next@16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0):
+  next@16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0):
     dependencies:
-      '@next/env': 16.2.1
+      '@next/env': 16.2.2
       '@swc/helpers': 0.5.15
       baseline-browser-mapping: 2.10.12
       caniuse-lite: 1.0.30001781
@@ -15372,15 +15244,15 @@ snapshots:
       react-dom: 19.2.4(react@19.2.4)
       styled-jsx: 5.1.6(@babel/core@7.29.0)(react@19.2.4)
     optionalDependencies:
-      '@next/swc-darwin-arm64': 16.2.1
-      '@next/swc-darwin-x64': 16.2.1
-      '@next/swc-linux-arm64-gnu': 16.2.1
-      '@next/swc-linux-arm64-musl': 16.2.1
-      '@next/swc-linux-x64-gnu': 16.2.1
-      '@next/swc-linux-x64-musl': 16.2.1
-      '@next/swc-win32-arm64-msvc': 16.2.1
-      '@next/swc-win32-x64-msvc': 16.2.1
-      '@playwright/test': 1.58.2
+      '@next/swc-darwin-arm64': 16.2.2
+      '@next/swc-darwin-x64': 16.2.2
+      '@next/swc-linux-arm64-gnu': 16.2.2
+      '@next/swc-linux-arm64-musl': 16.2.2
+      '@next/swc-linux-x64-gnu': 16.2.2
+      '@next/swc-linux-x64-musl': 16.2.2
+      '@next/swc-win32-arm64-msvc': 16.2.2
+      '@next/swc-win32-x64-msvc': 16.2.2
+      '@playwright/test': 1.59.1
       sass: 1.98.0
       sharp: 0.34.5
     transitivePeerDependencies:
@@ -15400,8 +15272,6 @@ snapshots:
   node-addon-api@7.1.1:
     optional: true
 
-  node-fetch-native@1.6.7: {}
-
   node-releases@2.0.36: {}
 
   normalize-package-data@8.0.0:
@@ -15416,12 +15286,12 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nuqs@2.8.9(next@16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react@19.2.4):
+  nuqs@2.8.9(next@16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react@19.2.4):
     dependencies:
       '@standard-schema/spec': 1.0.0
       react: 19.2.4
     optionalDependencies:
-      next: 16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0)
+      next: 16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0)
 
   object-assign@4.1.1: {}
 
@@ -15429,21 +15299,19 @@ snapshots:
 
   obug@2.1.1: {}
 
-  ofetch@1.5.1:
-    dependencies:
-      destr: 2.0.5
-      node-fetch-native: 1.6.7
-      ufo: 1.6.3
-
   ohash@2.0.11: {}
 
   once@1.4.0:
     dependencies:
       wrappy: 1.0.2
 
-  onetime@7.0.0:
+  oniguruma-parser@0.12.1: {}
+
+  oniguruma-to-es@4.3.5:
     dependencies:
-      mimic-function: 5.0.1
+      oniguruma-parser: 0.12.1
+      regex: 6.1.0
+      regex-recursion: 6.0.2
 
   open@10.2.0:
     dependencies:
@@ -15526,61 +15394,61 @@ snapshots:
       - '@emnapi/core'
       - '@emnapi/runtime'
 
-  oxfmt@0.42.0:
+  oxfmt@0.43.0:
     dependencies:
       tinypool: 2.1.0
     optionalDependencies:
-      '@oxfmt/binding-android-arm-eabi': 0.42.0
-      '@oxfmt/binding-android-arm64': 0.42.0
-      '@oxfmt/binding-darwin-arm64': 0.42.0
-      '@oxfmt/binding-darwin-x64': 0.42.0
-      '@oxfmt/binding-freebsd-x64': 0.42.0
-      '@oxfmt/binding-linux-arm-gnueabihf': 0.42.0
-      '@oxfmt/binding-linux-arm-musleabihf': 0.42.0
-      '@oxfmt/binding-linux-arm64-gnu': 0.42.0
-      '@oxfmt/binding-linux-arm64-musl': 0.42.0
-      '@oxfmt/binding-linux-ppc64-gnu': 0.42.0
-      '@oxfmt/binding-linux-riscv64-gnu': 0.42.0
-      '@oxfmt/binding-linux-riscv64-musl': 0.42.0
-      '@oxfmt/binding-linux-s390x-gnu': 0.42.0
-      '@oxfmt/binding-linux-x64-gnu': 0.42.0
-      '@oxfmt/binding-linux-x64-musl': 0.42.0
-      '@oxfmt/binding-openharmony-arm64': 0.42.0
-      '@oxfmt/binding-win32-arm64-msvc': 0.42.0
-      '@oxfmt/binding-win32-ia32-msvc': 0.42.0
-      '@oxfmt/binding-win32-x64-msvc': 0.42.0
+      '@oxfmt/binding-android-arm-eabi': 0.43.0
+      '@oxfmt/binding-android-arm64': 0.43.0
+      '@oxfmt/binding-darwin-arm64': 0.43.0
+      '@oxfmt/binding-darwin-x64': 0.43.0
+      '@oxfmt/binding-freebsd-x64': 0.43.0
+      '@oxfmt/binding-linux-arm-gnueabihf': 0.43.0
+      '@oxfmt/binding-linux-arm-musleabihf': 0.43.0
+      '@oxfmt/binding-linux-arm64-gnu': 0.43.0
+      '@oxfmt/binding-linux-arm64-musl': 0.43.0
+      '@oxfmt/binding-linux-ppc64-gnu': 0.43.0
+      '@oxfmt/binding-linux-riscv64-gnu': 0.43.0
+      '@oxfmt/binding-linux-riscv64-musl': 0.43.0
+      '@oxfmt/binding-linux-s390x-gnu': 0.43.0
+      '@oxfmt/binding-linux-x64-gnu': 0.43.0
+      '@oxfmt/binding-linux-x64-musl': 0.43.0
+      '@oxfmt/binding-openharmony-arm64': 0.43.0
+      '@oxfmt/binding-win32-arm64-msvc': 0.43.0
+      '@oxfmt/binding-win32-ia32-msvc': 0.43.0
+      '@oxfmt/binding-win32-x64-msvc': 0.43.0
 
-  oxlint-tsgolint@0.17.3:
+  oxlint-tsgolint@0.18.1:
     optionalDependencies:
-      '@oxlint-tsgolint/darwin-arm64': 0.17.3
-      '@oxlint-tsgolint/darwin-x64': 0.17.3
-      '@oxlint-tsgolint/linux-arm64': 0.17.3
-      '@oxlint-tsgolint/linux-x64': 0.17.3
-      '@oxlint-tsgolint/win32-arm64': 0.17.3
-      '@oxlint-tsgolint/win32-x64': 0.17.3
+      '@oxlint-tsgolint/darwin-arm64': 0.18.1
+      '@oxlint-tsgolint/darwin-x64': 0.18.1
+      '@oxlint-tsgolint/linux-arm64': 0.18.1
+      '@oxlint-tsgolint/linux-x64': 0.18.1
+      '@oxlint-tsgolint/win32-arm64': 0.18.1
+      '@oxlint-tsgolint/win32-x64': 0.18.1
 
-  oxlint@1.57.0(oxlint-tsgolint@0.17.3):
+  oxlint@1.58.0(oxlint-tsgolint@0.18.1):
     optionalDependencies:
-      '@oxlint/binding-android-arm-eabi': 1.57.0
-      '@oxlint/binding-android-arm64': 1.57.0
-      '@oxlint/binding-darwin-arm64': 1.57.0
-      '@oxlint/binding-darwin-x64': 1.57.0
-      '@oxlint/binding-freebsd-x64': 1.57.0
-      '@oxlint/binding-linux-arm-gnueabihf': 1.57.0
-      '@oxlint/binding-linux-arm-musleabihf': 1.57.0
-      '@oxlint/binding-linux-arm64-gnu': 1.57.0
-      '@oxlint/binding-linux-arm64-musl': 1.57.0
-      '@oxlint/binding-linux-ppc64-gnu': 1.57.0
-      '@oxlint/binding-linux-riscv64-gnu': 1.57.0
-      '@oxlint/binding-linux-riscv64-musl': 1.57.0
-      '@oxlint/binding-linux-s390x-gnu': 1.57.0
-      '@oxlint/binding-linux-x64-gnu': 1.57.0
-      '@oxlint/binding-linux-x64-musl': 1.57.0
-      '@oxlint/binding-openharmony-arm64': 1.57.0
-      '@oxlint/binding-win32-arm64-msvc': 1.57.0
-      '@oxlint/binding-win32-ia32-msvc': 1.57.0
-      '@oxlint/binding-win32-x64-msvc': 1.57.0
-      oxlint-tsgolint: 0.17.3
+      '@oxlint/binding-android-arm-eabi': 1.58.0
+      '@oxlint/binding-android-arm64': 1.58.0
+      '@oxlint/binding-darwin-arm64': 1.58.0
+      '@oxlint/binding-darwin-x64': 1.58.0
+      '@oxlint/binding-freebsd-x64': 1.58.0
+      '@oxlint/binding-linux-arm-gnueabihf': 1.58.0
+      '@oxlint/binding-linux-arm-musleabihf': 1.58.0
+      '@oxlint/binding-linux-arm64-gnu': 1.58.0
+      '@oxlint/binding-linux-arm64-musl': 1.58.0
+      '@oxlint/binding-linux-ppc64-gnu': 1.58.0
+      '@oxlint/binding-linux-riscv64-gnu': 1.58.0
+      '@oxlint/binding-linux-riscv64-musl': 1.58.0
+      '@oxlint/binding-linux-s390x-gnu': 1.58.0
+      '@oxlint/binding-linux-x64-gnu': 1.58.0
+      '@oxlint/binding-linux-x64-musl': 1.58.0
+      '@oxlint/binding-openharmony-arm64': 1.58.0
+      '@oxlint/binding-win32-arm64-msvc': 1.58.0
+      '@oxlint/binding-win32-ia32-msvc': 1.58.0
+      '@oxlint/binding-win32-x64-msvc': 1.58.0
+      oxlint-tsgolint: 0.18.1
 
   p-limit@3.1.0:
     dependencies:
@@ -15613,15 +15481,6 @@ snapshots:
       color-name: 1.1.4
       hex-rgb: 4.3.0
 
-  parse-entities@2.0.0:
-    dependencies:
-      character-entities: 1.2.4
-      character-entities-legacy: 1.1.4
-      character-reference-invalid: 1.1.4
-      is-alphanumerical: 1.0.4
-      is-decimal: 1.0.4
-      is-hexadecimal: 1.0.4
-
   parse-entities@4.0.2:
     dependencies:
       '@types/unist': 2.0.11
@@ -15708,8 +15567,6 @@ snapshots:
 
   pinyin-pro@3.28.0: {}
 
-  pirates@4.0.7: {}
-
   pixelmatch@7.1.0:
     dependencies:
       pngjs: 7.0.0
@@ -15726,11 +15583,11 @@ snapshots:
       exsolve: 1.0.8
       pathe: 2.0.3
 
-  playwright-core@1.58.2: {}
+  playwright-core@1.59.1: {}
 
-  playwright@1.58.2:
+  playwright@1.59.1:
     dependencies:
-      playwright-core: 1.58.2
+      playwright-core: 1.59.1
     optionalDependencies:
       fsevents: 2.3.2
 
@@ -15756,15 +15613,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  postcss-load-config@6.0.1(jiti@2.6.1)(postcss@8.5.8)(tsx@4.21.0)(yaml@2.8.3):
-    dependencies:
-      lilconfig: 3.1.3
-    optionalDependencies:
-      jiti: 2.6.1
-      postcss: 8.5.8
-      tsx: 4.21.0
-      yaml: 2.8.3
-
   postcss-selector-parser@6.0.10:
     dependencies:
       cssesc: 3.0.0
@@ -15815,8 +15663,6 @@ snapshots:
       ansi-styles: 5.2.0
       react-is: 17.0.2
 
-  prismjs@1.30.0: {}
-
   progress@2.0.3: {}
 
   prop-types@15.8.1:
@@ -15827,10 +15673,6 @@ snapshots:
 
   property-expr@2.0.6: {}
 
-  property-information@5.6.0:
-    dependencies:
-      xtend: 4.0.2
-
   property-information@7.1.0: {}
 
   pump@3.0.4:
@@ -15850,8 +15692,6 @@ snapshots:
 
   quansync@0.2.11: {}
 
-  quansync@1.0.0: {}
-
   queue-microtask@1.2.3: {}
 
   radash@12.1.1: {}
@@ -15874,9 +15714,9 @@ snapshots:
       prop-types: 15.8.1
       react: 19.2.4
 
-  react-docgen-typescript@2.4.0(typescript@5.9.3):
+  react-docgen-typescript@2.4.0(typescript@6.0.2):
     dependencies:
-      typescript: 5.9.3
+      typescript: 6.0.2
 
   react-docgen@8.0.3:
     dependencies:
@@ -15923,16 +15763,16 @@ snapshots:
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
 
-  react-i18next@16.6.6(i18next@25.10.10(typescript@5.9.3))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@5.9.3):
+  react-i18next@17.0.2(i18next@26.0.3(typescript@6.0.2))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(typescript@6.0.2):
     dependencies:
       '@babel/runtime': 7.29.2
       html-parse-stringify: 3.0.1
-      i18next: 25.10.10(typescript@5.9.3)
+      i18next: 26.0.3(typescript@6.0.2)
       react: 19.2.4
       use-sync-external-store: 1.6.0(react@19.2.4)
     optionalDependencies:
       react-dom: 19.2.4(react@19.2.4)
-      typescript: 5.9.3
+      typescript: 6.0.2
 
   react-is@16.13.1: {}
 
@@ -16009,16 +15849,6 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.14
 
-  react-syntax-highlighter@15.6.6(react@19.2.4):
-    dependencies:
-      '@babel/runtime': 7.29.2
-      highlight.js: 10.7.3
-      highlightjs-vue: 1.0.0
-      lowlight: 1.20.0
-      prismjs: 1.30.0
-      react: 19.2.4
-      refractor: 3.6.0
-
   react-textarea-autosize@8.5.9(@types/react@19.2.14)(react@19.2.4):
     dependencies:
       '@babel/runtime': 7.29.2
@@ -16028,13 +15858,6 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
-  react-window@1.8.11(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
-    dependencies:
-      '@babel/runtime': 7.29.2
-      memoize-one: 5.2.1
-      react: 19.2.4
-      react-dom: 19.2.4(react@19.2.4)
-
   react@19.2.4: {}
 
   reactflow@11.11.4(@types/react@19.2.14)(immer@11.1.4)(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
@@ -16072,7 +15895,8 @@ snapshots:
       util-deprecate: 1.0.2
     optional: true
 
-  readdirp@4.1.2: {}
+  readdirp@4.1.2:
+    optional: true
 
   recast@0.23.11:
     dependencies:
@@ -16122,11 +15946,15 @@ snapshots:
 
   reflect-metadata@0.2.2: {}
 
-  refractor@3.6.0:
+  regex-recursion@6.0.2:
     dependencies:
-      hastscript: 6.0.0
-      parse-entities: 2.0.0
-      prismjs: 1.30.0
+      regex-utilities: 2.3.0
+
+  regex-utilities@2.3.0: {}
+
+  regex@6.1.0:
+    dependencies:
+      regex-utilities: 2.3.0
 
   regexp-ast-analysis@0.7.1:
     dependencies:
@@ -16255,8 +16083,6 @@ snapshots:
 
   resolve-from@4.0.0: {}
 
-  resolve-from@5.0.0: {}
-
   resolve-pkg-maps@1.0.0: {}
 
   resolve@1.22.11:
@@ -16265,11 +16091,6 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  restore-cursor@5.1.0:
-    dependencies:
-      onetime: 7.0.0
-      signal-exit: 4.1.0
-
   reusify@1.1.0: {}
 
   robust-predicates@3.0.3: {}
@@ -16358,6 +16179,7 @@ snapshots:
       source-map-js: 1.2.1
     optionalDependencies:
       '@parcel/watcher': 2.5.6
+    optional: true
 
   satori@0.16.0:
     dependencies:
@@ -16443,7 +16265,16 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
-  signal-exit@4.1.0: {}
+  shiki@4.0.2:
+    dependencies:
+      '@shikijs/core': 4.0.2
+      '@shikijs/engine-javascript': 4.0.2
+      '@shikijs/engine-oniguruma': 4.0.2
+      '@shikijs/langs': 4.0.2
+      '@shikijs/themes': 4.0.2
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
 
   simple-concat@1.0.1:
     optional: true
@@ -16486,8 +16317,6 @@ snapshots:
 
   source-map@0.7.6: {}
 
-  space-separated-tokens@1.1.5: {}
-
   space-separated-tokens@2.0.2: {}
 
   spdx-correct@3.2.0:
@@ -16519,7 +16348,7 @@ snapshots:
 
   std-semver@1.0.8: {}
 
-  storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
+  storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
     dependencies:
       '@storybook/global': 5.0.0
       '@storybook/icons': 2.0.1(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -16527,6 +16356,7 @@ snapshots:
       '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
       '@vitest/expect': 3.2.4
       '@vitest/spy': 3.2.4
+      '@webcontainer/env': 1.1.1
       esbuild: 0.27.2
       open: 10.2.0
       recast: 0.23.11
@@ -16546,7 +16376,7 @@ snapshots:
       hast-util-to-jsx-runtime: 2.3.6
       html-url-attributes: 3.0.1
       marked: 17.0.5
-      mermaid: 11.13.0
+      mermaid: 11.14.0
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
       rehype-harden: 1.1.8
@@ -16626,16 +16456,6 @@ snapshots:
 
   stylis@4.3.6: {}
 
-  sucrase@3.35.1:
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.13
-      commander: 4.1.1
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.7
-      tinyglobby: 0.2.15
-      ts-interface-checker: 0.1.13
-
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
@@ -16697,22 +16517,6 @@ snapshots:
       minizlib: 3.1.0
       yallist: 5.0.0
 
-  taze@19.10.0:
-    dependencies:
-      '@antfu/ni': 28.3.0
-      '@henrygd/queue': 1.2.0
-      cac: 7.0.0
-      find-up-simple: 1.0.1
-      ofetch: 1.5.1
-      package-manager-detector: 1.6.0
-      pathe: 2.0.3
-      pnpm-workspace-yaml: 1.6.0
-      restore-cursor: 5.1.0
-      tinyexec: 1.0.4
-      tinyglobby: 0.2.15
-      unconfig: 7.5.0
-      yaml: 2.8.3
-
   terser-webpack-plugin@5.4.0(esbuild@0.27.2)(uglify-js@3.19.3)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
@@ -16749,8 +16553,6 @@ snapshots:
 
   tinybench@2.9.0: {}
 
-  tinyexec@0.3.2: {}
-
   tinyexec@1.0.4: {}
 
   tinyglobby@0.2.15:
@@ -16791,32 +16593,28 @@ snapshots:
 
   totalist@3.0.1: {}
 
-  tree-kill@1.2.2: {}
-
   trim-lines@3.0.1: {}
 
   trough@2.2.0: {}
 
-  ts-api-utils@2.5.0(typescript@5.9.3):
+  ts-api-utils@2.5.0(typescript@6.0.2):
     dependencies:
-      typescript: 5.9.3
+      typescript: 6.0.2
 
   ts-debounce@4.0.0: {}
 
-  ts-declaration-location@1.0.7(typescript@5.9.3):
+  ts-declaration-location@1.0.7(typescript@6.0.2):
     dependencies:
       picomatch: 4.0.4
-      typescript: 5.9.3
+      typescript: 6.0.2
 
   ts-dedent@2.2.0: {}
 
-  ts-interface-checker@0.1.13: {}
-
   ts-pattern@5.9.0: {}
 
-  tsconfck@3.1.6(typescript@5.9.3):
+  tsconfck@3.1.6(typescript@6.0.2):
     optionalDependencies:
-      typescript: 5.9.3
+      typescript: 6.0.2
 
   tsconfig-paths-webpack-plugin@4.2.0:
     dependencies:
@@ -16837,34 +16635,6 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  tsup@8.5.1(jiti@2.6.1)(postcss@8.5.8)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3):
-    dependencies:
-      bundle-require: 5.1.0(esbuild@0.27.2)
-      cac: 6.7.14
-      chokidar: 4.0.3
-      consola: 3.4.2
-      debug: 4.4.3(supports-color@8.1.1)
-      esbuild: 0.27.2
-      fix-dts-default-cjs-exports: 1.0.1
-      joycon: 3.1.1
-      picocolors: 1.1.1
-      postcss-load-config: 6.0.1(jiti@2.6.1)(postcss@8.5.8)(tsx@4.21.0)(yaml@2.8.3)
-      resolve-from: 5.0.0
-      rollup: 4.59.0
-      source-map: 0.7.6
-      sucrase: 3.35.1
-      tinyexec: 0.3.2
-      tinyglobby: 0.2.15
-      tree-kill: 1.2.2
-    optionalDependencies:
-      postcss: 8.5.8
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - jiti
-      - supports-color
-      - tsx
-      - yaml
-
   tsx@4.21.0:
     dependencies:
       esbuild: 0.27.2
@@ -16891,7 +16661,7 @@ snapshots:
     dependencies:
       tagged-tag: 1.0.0
 
-  typescript@5.9.3: {}
+  typescript@6.0.2: {}
 
   ufo@1.6.3: {}
 
@@ -16899,19 +16669,6 @@ snapshots:
 
   unbash@2.2.0: {}
 
-  unconfig-core@7.5.0:
-    dependencies:
-      '@quansync/fs': 1.0.0
-      quansync: 1.0.0
-
-  unconfig@7.5.0:
-    dependencies:
-      '@quansync/fs': 1.0.0
-      defu: 6.1.4
-      jiti: 2.6.1
-      quansync: 1.0.0
-      unconfig-core: 7.5.0
-
   undici-types@7.18.2: {}
 
   undici@7.24.0: {}
@@ -17053,9 +16810,9 @@ snapshots:
 
   uuid@13.0.0: {}
 
-  valibot@1.3.1(typescript@5.9.3):
+  valibot@1.3.1(typescript@6.0.2):
     optionalDependencies:
-      typescript: 5.9.3
+      typescript: 6.0.2
 
   validate-npm-package-license@3.0.4:
     dependencies:
@@ -17077,21 +16834,21 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vinext@0.0.38(21fde6c2677b0aab516df83ef1beed5d):
+  vinext@0.0.39(bf3f106951d7257e1336e695c204ec32):
     dependencies:
-      '@unpic/react': 1.0.2(next@16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@unpic/react': 1.0.2(next@16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@vercel/og': 0.8.6
-      '@vitejs/plugin-react': 6.0.1(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))
+      '@vitejs/plugin-react': 6.0.1(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))
       magic-string: 0.30.21
       react: 19.2.4
       react-dom: 19.2.4(react@19.2.4)
       rsc-html-stream: 0.0.7
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
       vite-plugin-commonjs: 0.10.4
-      vite-tsconfig-paths: 6.1.1(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(typescript@5.9.3)
+      vite-tsconfig-paths: 6.1.1(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(typescript@6.0.2)
     optionalDependencies:
       '@mdx-js/rollup': 3.1.1(rollup@4.59.0)
-      '@vitejs/plugin-rsc': 0.5.21(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(react-dom@19.2.4(react@19.2.4))(react-server-dom-webpack@19.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)))(react@19.2.4)
+      '@vitejs/plugin-rsc': 0.5.21(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(react-dom@19.2.4(react@19.2.4))(react-server-dom-webpack@19.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3)))(react@19.2.4)
       react-server-dom-webpack: 19.2.4(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(webpack@5.105.4(esbuild@0.27.2)(uglify-js@3.19.3))
     transitivePeerDependencies:
       - next
@@ -17111,9 +16868,9 @@ snapshots:
       fast-glob: 3.3.3
       magic-string: 0.30.21
 
-  vite-plugin-inspect@12.0.0-beta.1(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(typescript@5.9.3)(ws@8.20.0):
+  vite-plugin-inspect@12.0.0-beta.1(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(typescript@6.0.2)(ws@8.20.0):
     dependencies:
-      '@vitejs/devtools-kit': 0.1.11(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(typescript@5.9.3)(ws@8.20.0)
+      '@vitejs/devtools-kit': 0.1.11(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(typescript@6.0.2)(ws@8.20.0)
       ansis: 4.2.0
       error-stack-parser-es: 1.0.5
       obug: 2.1.1
@@ -17122,46 +16879,47 @@ snapshots:
       perfect-debounce: 2.1.0
       sirv: 3.0.2
       unplugin-utils: 0.3.1
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
     transitivePeerDependencies:
       - typescript
       - ws
 
-  vite-plugin-storybook-nextjs@3.2.4(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(next@16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(storybook@10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@5.9.3):
+  vite-plugin-storybook-nextjs@3.2.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(next@16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0))(storybook@10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4))(typescript@6.0.2):
     dependencies:
       '@next/env': 16.0.0
       image-size: 2.0.2
       magic-string: 0.30.21
       module-alias: 2.3.4
-      next: 16.2.1(@babel/core@7.29.0)(@playwright/test@1.58.2)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0)
-      storybook: 10.3.3(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      next: 16.2.2(@babel/core@7.29.0)(@playwright/test@1.59.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)(sass@1.98.0)
+      storybook: 10.3.4(@testing-library/dom@10.4.1)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       ts-dedent: 2.2.0
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
-      vite-tsconfig-paths: 5.1.4(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(typescript@5.9.3)
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
+      vite-tsconfig-paths: 5.1.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(typescript@6.0.2)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  vite-plus@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3):
+  vite-plus@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3):
     dependencies:
       '@oxc-project/types': 0.122.0
-      '@voidzero-dev/vite-plus-core': 0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)
-      '@voidzero-dev/vite-plus-test': 0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)
+      '@voidzero-dev/vite-plus-core': 0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)
+      '@voidzero-dev/vite-plus-test': 0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)
       cac: 7.0.0
       cross-spawn: 7.0.6
-      oxfmt: 0.42.0
-      oxlint: 1.57.0(oxlint-tsgolint@0.17.3)
-      oxlint-tsgolint: 0.17.3
+      jsonc-parser: 3.3.1
+      oxfmt: 0.43.0
+      oxlint: 1.58.0(oxlint-tsgolint@0.18.1)
+      oxlint-tsgolint: 0.18.1
       picocolors: 1.1.1
     optionalDependencies:
-      '@voidzero-dev/vite-plus-darwin-arm64': 0.1.14
-      '@voidzero-dev/vite-plus-darwin-x64': 0.1.14
-      '@voidzero-dev/vite-plus-linux-arm64-gnu': 0.1.14
-      '@voidzero-dev/vite-plus-linux-arm64-musl': 0.1.14
-      '@voidzero-dev/vite-plus-linux-x64-gnu': 0.1.14
-      '@voidzero-dev/vite-plus-linux-x64-musl': 0.1.14
-      '@voidzero-dev/vite-plus-win32-arm64-msvc': 0.1.14
-      '@voidzero-dev/vite-plus-win32-x64-msvc': 0.1.14
+      '@voidzero-dev/vite-plus-darwin-arm64': 0.1.15
+      '@voidzero-dev/vite-plus-darwin-x64': 0.1.15
+      '@voidzero-dev/vite-plus-linux-arm64-gnu': 0.1.15
+      '@voidzero-dev/vite-plus-linux-arm64-musl': 0.1.15
+      '@voidzero-dev/vite-plus-linux-x64-gnu': 0.1.15
+      '@voidzero-dev/vite-plus-linux-x64-musl': 0.1.15
+      '@voidzero-dev/vite-plus-win32-arm64-msvc': 0.1.15
+      '@voidzero-dev/vite-plus-win32-x64-msvc': 0.1.15
     transitivePeerDependencies:
       - '@arethetypeswrong/core'
       - '@edge-runtime/vm'
@@ -17190,26 +16948,27 @@ snapshots:
       - vite
       - yaml
 
-  vite-plus@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3):
+  vite-plus@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3):
     dependencies:
       '@oxc-project/types': 0.122.0
-      '@voidzero-dev/vite-plus-core': 0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)
-      '@voidzero-dev/vite-plus-test': 0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)
+      '@voidzero-dev/vite-plus-core': 0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)
+      '@voidzero-dev/vite-plus-test': 0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(vite@8.0.3(@emnapi/core@1.9.1)(@emnapi/runtime@1.9.1)(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.8.3))(yaml@2.8.3)
       cac: 7.0.0
       cross-spawn: 7.0.6
-      oxfmt: 0.42.0
-      oxlint: 1.57.0(oxlint-tsgolint@0.17.3)
-      oxlint-tsgolint: 0.17.3
+      jsonc-parser: 3.3.1
+      oxfmt: 0.43.0
+      oxlint: 1.58.0(oxlint-tsgolint@0.18.1)
+      oxlint-tsgolint: 0.18.1
       picocolors: 1.1.1
     optionalDependencies:
-      '@voidzero-dev/vite-plus-darwin-arm64': 0.1.14
-      '@voidzero-dev/vite-plus-darwin-x64': 0.1.14
-      '@voidzero-dev/vite-plus-linux-arm64-gnu': 0.1.14
-      '@voidzero-dev/vite-plus-linux-arm64-musl': 0.1.14
-      '@voidzero-dev/vite-plus-linux-x64-gnu': 0.1.14
-      '@voidzero-dev/vite-plus-linux-x64-musl': 0.1.14
-      '@voidzero-dev/vite-plus-win32-arm64-msvc': 0.1.14
-      '@voidzero-dev/vite-plus-win32-x64-msvc': 0.1.14
+      '@voidzero-dev/vite-plus-darwin-arm64': 0.1.15
+      '@voidzero-dev/vite-plus-darwin-x64': 0.1.15
+      '@voidzero-dev/vite-plus-linux-arm64-gnu': 0.1.15
+      '@voidzero-dev/vite-plus-linux-arm64-musl': 0.1.15
+      '@voidzero-dev/vite-plus-linux-x64-gnu': 0.1.15
+      '@voidzero-dev/vite-plus-linux-x64-musl': 0.1.15
+      '@voidzero-dev/vite-plus-win32-arm64-msvc': 0.1.15
+      '@voidzero-dev/vite-plus-win32-x64-msvc': 0.1.15
     transitivePeerDependencies:
       - '@arethetypeswrong/core'
       - '@edge-runtime/vm'
@@ -17238,23 +16997,23 @@ snapshots:
       - vite
       - yaml
 
-  vite-tsconfig-paths@5.1.4(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(typescript@5.9.3):
+  vite-tsconfig-paths@5.1.4(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(typescript@6.0.2):
     dependencies:
       debug: 4.4.3(supports-color@8.1.1)
       globrex: 0.1.2
-      tsconfck: 3.1.6(typescript@5.9.3)
+      tsconfck: 3.1.6(typescript@6.0.2)
     optionalDependencies:
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  vite-tsconfig-paths@6.1.1(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(typescript@5.9.3):
+  vite-tsconfig-paths@6.1.1(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(typescript@6.0.2):
     dependencies:
       debug: 4.4.3(supports-color@8.1.1)
       globrex: 0.1.2
-      tsconfck: 3.1.6(typescript@5.9.3)
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      tsconfck: 3.1.6(typescript@6.0.2)
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -17279,15 +17038,15 @@ snapshots:
       - '@emnapi/core'
       - '@emnapi/runtime'
 
-  vitefu@1.1.2(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)):
+  vitefu@1.1.2(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)):
     optionalDependencies:
-      vite: '@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vite: '@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
 
-  vitest-canvas-mock@1.1.4(@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)):
+  vitest-canvas-mock@1.1.4(@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)):
     dependencies:
       cssfontparser: 1.2.1
       moo-color: 1.0.3
-      vitest: '@voidzero-dev/vite-plus-test@0.1.14(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.14(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.3)'
+      vitest: '@voidzero-dev/vite-plus-test@0.1.15(@types/node@25.5.0)(@voidzero-dev/vite-plus-core@0.1.15(@types/node@25.5.0)(esbuild@0.27.2)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3))(esbuild@0.27.2)(happy-dom@20.8.9)(jiti@2.6.1)(sass@1.98.0)(terser@5.46.1)(tsx@4.21.0)(typescript@6.0.2)(yaml@2.8.3)'
 
   void-elements@3.1.0: {}
 
@@ -17398,8 +17157,6 @@ snapshots:
 
   xmlbuilder@15.1.1: {}
 
-  xtend@4.0.2: {}
-
   yallist@3.1.1: {}
 
   yallist@5.0.0: {}
@@ -17437,10 +17194,6 @@ snapshots:
 
   zimmerframe@1.1.4: {}
 
-  zod-validation-error@4.0.2(zod@4.3.6):
-    dependencies:
-      zod: 4.3.6
-
   zod@4.3.6: {}
 
   zrender@6.0.0:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 236d6d7ade..585256b4a7 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,5 +1,9 @@
+catalogMode: prefer
 trustPolicy: no-downgrade
-minimumReleaseAge: 2880
+trustPolicyExclude:
+  - chokidar@4.0.3
+  - reselect@5.1.1
+  - semver@6.3.1
 blockExoticSubdeps: true
 strictDepBuilds: true
 allowBuilds:
@@ -11,6 +15,7 @@ packages:
   - web
   - e2e
   - sdks/nodejs-client
+  - packages/*
 overrides:
   "@lexical/code": npm:lexical-code-no-prism@0.41.0
   "@monaco-editor/loader": 1.7.0
@@ -22,7 +27,7 @@ overrides:
   array.prototype.flatmap: npm:@nolyfill/array.prototype.flatmap@^1.0.44
   array.prototype.tosorted: npm:@nolyfill/array.prototype.tosorted@^1.0.44
   assert: npm:@nolyfill/assert@^1.0.26
-  brace-expansion@<2.0.2: 2.0.2
+  brace-expansion@>=2.0.0 <2.0.3: 2.0.3
   canvas: ^3.2.2
   devalue@<5.3.2: 5.3.2
   dompurify@>=3.1.3 <=3.3.1: 3.3.2
@@ -36,6 +41,8 @@ overrides:
   is-generator-function: npm:@nolyfill/is-generator-function@^1.0.44
   is-typed-array: npm:@nolyfill/is-typed-array@^1.0.44
   isarray: npm:@nolyfill/isarray@^1.0.44
+  lodash@>=4.0.0 <= 4.17.23: 4.18.0
+  lodash-es@>=4.0.0 <= 4.17.23: 4.18.0
   object.assign: npm:@nolyfill/object.assign@^1.0.44
   object.entries: npm:@nolyfill/object.entries@^1.0.44
   object.fromentries: npm:@nolyfill/object.fromentries@^1.0.44
@@ -63,15 +70,15 @@ overrides:
   tar@<=7.5.10: 7.5.11
   typed-array-buffer: npm:@nolyfill/typed-array-buffer@^1.0.44
   undici@>=7.0.0 <7.24.0: 7.24.0
-  vite: npm:@voidzero-dev/vite-plus-core@0.1.14
-  vitest: npm:@voidzero-dev/vite-plus-test@0.1.14
+  vite: npm:@voidzero-dev/vite-plus-core@0.1.15
+  vitest: npm:@voidzero-dev/vite-plus-test@0.1.15
   which-typed-array: npm:@nolyfill/which-typed-array@^1.0.44
   yaml@>=2.0.0 <2.8.3: 2.8.3
   yauzl@<3.2.1: 3.2.1
 catalog:
-  "@amplitude/analytics-browser": 2.38.0
-  "@amplitude/plugin-session-replay-browser": 1.27.5
-  "@antfu/eslint-config": 7.7.3
+  "@amplitude/analytics-browser": 2.38.1
+  "@amplitude/plugin-session-replay-browser": 1.27.6
+  "@antfu/eslint-config": 8.0.0
   "@base-ui/react": 1.3.0
   "@chromatic-com/storybook": 5.1.1
   "@cucumber/cucumber": 12.7.0
@@ -83,7 +90,7 @@ catalog:
   "@formatjs/intl-localematcher": 0.8.2
   "@headlessui/react": 2.2.9
   "@heroicons/react": 2.2.0
-  "@hono/node-server": 1.19.11
+  "@hono/node-server": 1.19.12
   "@iconify-json/heroicons": 1.2.3
   "@iconify-json/ri": 1.2.10
   "@lexical/code": 0.42.0
@@ -97,34 +104,35 @@ catalog:
   "@mdx-js/react": 3.1.1
   "@mdx-js/rollup": 3.1.1
   "@monaco-editor/react": 4.7.0
-  "@next/eslint-plugin-next": 16.2.1
-  "@next/mdx": 16.2.1
+  "@next/eslint-plugin-next": 16.2.2
+  "@next/mdx": 16.2.2
   "@orpc/client": 1.13.13
   "@orpc/contract": 1.13.13
   "@orpc/openapi-client": 1.13.13
   "@orpc/tanstack-query": 1.13.13
-  "@playwright/test": 1.58.2
+  "@playwright/test": 1.59.1
   "@remixicon/react": 4.9.0
   "@rgrove/parse-xml": 4.2.0
-  "@sentry/react": 10.46.0
-  "@storybook/addon-docs": 10.3.3
-  "@storybook/addon-links": 10.3.3
-  "@storybook/addon-onboarding": 10.3.3
-  "@storybook/addon-themes": 10.3.3
-  "@storybook/nextjs-vite": 10.3.3
-  "@storybook/react": 10.3.3
+  "@sentry/react": 10.47.0
+  "@storybook/addon-docs": 10.3.4
+  "@storybook/addon-links": 10.3.4
+  "@storybook/addon-onboarding": 10.3.4
+  "@storybook/addon-themes": 10.3.4
+  "@storybook/nextjs-vite": 10.3.4
+  "@storybook/react": 10.3.4
   "@streamdown/math": 1.0.2
   "@svgdotjs/svg.js": 3.2.5
   "@t3-oss/env-nextjs": 0.13.11
   "@tailwindcss/postcss": 4.2.2
   "@tailwindcss/typography": 0.5.19
   "@tailwindcss/vite": 4.2.2
-  "@tanstack/eslint-plugin-query": 5.95.2
-  "@tanstack/react-devtools": 0.10.0
-  "@tanstack/react-form": 1.28.5
-  "@tanstack/react-form-devtools": 0.2.19
-  "@tanstack/react-query": 5.95.2
-  "@tanstack/react-query-devtools": 5.95.2
+  "@tanstack/eslint-plugin-query": 5.96.1
+  "@tanstack/react-devtools": 0.10.1
+  "@tanstack/react-form": 1.28.6
+  "@tanstack/react-form-devtools": 0.2.20
+  "@tanstack/react-query": 5.96.1
+  "@tanstack/react-query-devtools": 5.96.1
+  "@tanstack/react-virtual": 3.13.23
   "@testing-library/dom": 10.4.1
   "@testing-library/jest-dom": 6.9.1
   "@testing-library/react": 16.3.2
@@ -140,15 +148,13 @@ catalog:
   "@types/qs": 6.15.0
   "@types/react": 19.2.14
   "@types/react-dom": 19.2.3
-  "@types/react-syntax-highlighter": 15.5.13
-  "@types/react-window": 1.8.8
   "@types/sortablejs": 1.15.9
-  "@typescript-eslint/eslint-plugin": 8.57.2
-  "@typescript-eslint/parser": 8.57.2
-  "@typescript/native-preview": 7.0.0-dev.20260329.1
+  "@typescript-eslint/eslint-plugin": 8.58.0
+  "@typescript-eslint/parser": 8.58.0
+  "@typescript/native-preview": 7.0.0-dev.20260401.1
   "@vitejs/plugin-react": 6.0.1
   "@vitejs/plugin-rsc": 0.5.21
-  "@vitest/coverage-v8": 4.1.1
+  "@vitest/coverage-v8": 4.1.2
   abcjs: 6.6.2
   agentation: 3.0.2
   ahooks: 3.9.7
@@ -156,7 +162,7 @@ catalog:
   class-variance-authority: 0.7.1
   clsx: 2.1.1
   cmdk: 1.1.1
-  code-inspector-plugin: 1.4.5
+  code-inspector-plugin: 1.5.1
   copy-to-clipboard: 3.3.3
   cron-parser: 5.5.0
   dayjs: 1.11.20
@@ -173,19 +179,19 @@ catalog:
   eslint-markdown: 0.6.0
   eslint-plugin-better-tailwindcss: 4.3.2
   eslint-plugin-hyoban: 0.14.1
-  eslint-plugin-markdown-preferences: 0.40.3
+  eslint-plugin-markdown-preferences: 0.41.0
   eslint-plugin-no-barrel-files: 1.2.2
-  eslint-plugin-react-hooks: 7.0.1
   eslint-plugin-react-refresh: 0.5.2
   eslint-plugin-sonarjs: 4.0.2
-  eslint-plugin-storybook: 10.3.3
+  eslint-plugin-storybook: 10.3.4
   fast-deep-equal: 3.1.3
   foxact: 0.3.0
   happy-dom: 20.8.9
-  hono: 4.12.9
+  hast-util-to-jsx-runtime: 2.3.6
+  hono: 4.12.10
   html-entities: 2.6.0
   html-to-image: 1.11.13
-  i18next: 25.10.10
+  i18next: 26.0.3
   i18next-resources-to-backend: 1.2.1
   iconify-import-svg: 0.1.2
   immer: 11.1.4
@@ -195,15 +201,15 @@ catalog:
   js-yaml: 4.1.1
   jsonschema: 1.5.0
   katex: 0.16.44
-  knip: 6.1.0
+  knip: 6.2.0
   ky: 1.14.3
   lamejs: 1.2.1
   lexical: 0.42.0
-  mermaid: 11.13.0
+  mermaid: 11.14.0
   mime: 4.1.0
   mitt: 3.0.1
   negotiator: 1.0.0
-  next: 16.2.1
+  next: 16.2.2
   next-themes: 0.4.6
   nuqs: 2.8.9
   pinyin-pro: 3.28.0
@@ -216,42 +222,39 @@ catalog:
   react-dom: 19.2.4
   react-easy-crop: 5.5.7
   react-hotkeys-hook: 5.2.4
-  react-i18next: 16.6.6
+  react-i18next: 17.0.2
   react-multi-email: 1.0.25
   react-papaparse: 4.4.0
   react-pdf-highlighter: 8.0.0-rc.0
   react-server-dom-webpack: 19.2.4
   react-sortablejs: 6.1.4
-  react-syntax-highlighter: 15.6.6
   react-textarea-autosize: 8.5.9
-  react-window: 1.8.11
   reactflow: 11.11.4
   remark-breaks: 4.0.0
   remark-directive: 4.0.0
-  sass: 1.98.0
   scheduler: 0.27.0
   sharp: 0.34.5
+  shiki: 4.0.2
   sortablejs: 1.15.7
   std-semver: 1.0.8
-  storybook: 10.3.3
+  storybook: 10.3.4
   streamdown: 2.5.0
   string-ts: 2.3.1
   tailwind-merge: 3.5.0
   tailwindcss: 4.2.2
-  taze: 19.10.0
   tldts: 7.0.27
-  tsup: ^8.5.1
+  tsdown: 0.21.7
   tsx: 4.21.0
-  typescript: 5.9.3
+  typescript: 6.0.2
   uglify-js: 3.19.3
   unist-util-visit: 5.1.0
   use-context-selector: 2.0.0
   uuid: 13.0.0
-  vinext: 0.0.38
-  vite: npm:@voidzero-dev/vite-plus-core@0.1.14
+  vinext: 0.0.39
+  vite: npm:@voidzero-dev/vite-plus-core@0.1.15
   vite-plugin-inspect: 12.0.0-beta.1
-  vite-plus: 0.1.14
-  vitest: npm:@voidzero-dev/vite-plus-test@0.1.14
+  vite-plus: 0.1.15
+  vitest: npm:@voidzero-dev/vite-plus-test@0.1.15
   vitest-canvas-mock: 1.1.4
   zod: 4.3.6
   zundo: 2.3.0
diff --git a/sdks/nodejs-client/package.json b/sdks/nodejs-client/package.json
index d487c3abb3..da9f7353ac 100644
--- a/sdks/nodejs-client/package.json
+++ b/sdks/nodejs-client/package.json
@@ -45,12 +45,12 @@
   "homepage": "https://dify.ai",
   "license": "MIT",
   "scripts": {
-    "build": "tsup",
+    "build": "vp pack",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
     "type-check": "tsc -p tsconfig.json --noEmit",
-    "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
+    "test": "vp test",
+    "test:coverage": "vp test --coverage",
     "publish:check": "./scripts/publish.sh --dry-run",
     "publish:npm": "./scripts/publish.sh"
   },
@@ -61,8 +61,8 @@
     "@typescript-eslint/parser": "catalog:",
     "@vitest/coverage-v8": "catalog:",
     "eslint": "catalog:",
-    "tsup": "catalog:",
     "typescript": "catalog:",
+    "vite-plus": "catalog:",
     "vitest": "catalog:"
   }
 }
diff --git a/sdks/nodejs-client/tsconfig.json b/sdks/nodejs-client/tsconfig.json
index f6fb5e0555..46055447be 100644
--- a/sdks/nodejs-client/tsconfig.json
+++ b/sdks/nodejs-client/tsconfig.json
@@ -11,7 +11,8 @@
     "strict": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "types": ["node"]
   },
   "include": ["src/**/*.ts", "tests/**/*.ts"]
 }
diff --git a/sdks/nodejs-client/tsup.config.ts b/sdks/nodejs-client/tsup.config.ts
deleted file mode 100644
index 522382c2a5..0000000000
--- a/sdks/nodejs-client/tsup.config.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineConfig } from "tsup";
-
-export default defineConfig({
-  entry: ["src/index.ts"],
-  format: ["esm"],
-  dts: true,
-  clean: true,
-  sourcemap: true,
-  splitting: false,
-  treeshake: true,
-  outDir: "dist",
-});
diff --git a/sdks/nodejs-client/vitest.config.ts b/sdks/nodejs-client/vite.config.ts
similarity index 53%
rename from sdks/nodejs-client/vitest.config.ts
rename to sdks/nodejs-client/vite.config.ts
index c3132e9ecf..8d89508682 100644
--- a/sdks/nodejs-client/vitest.config.ts
+++ b/sdks/nodejs-client/vite.config.ts
@@ -1,6 +1,17 @@
-import { defineConfig } from "vitest/config";
+import { defineConfig } from "vite-plus";
 
 export default defineConfig({
+  pack: {
+    entry: ["src/index.ts"],
+    format: ["esm"],
+    dts: true,
+    clean: true,
+    sourcemap: true,
+    // splitting: false,
+    treeshake: true,
+    outDir: "dist",
+    target: false,
+  },
   test: {
     environment: "node",
     include: ["**/*.test.ts"],
diff --git a/taze.config.js b/taze.config.js
deleted file mode 100644
index cd5a9f8656..0000000000
--- a/taze.config.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { defineConfig } from 'taze'
-
-export default defineConfig({
-  exclude: [
-    // We are going to replace these
-    'react-syntax-highlighter',
-    'react-window',
-    '@types/react-window',
-
-    // We can not upgrade these yet
-    'typescript',
-  ],
-
-  maturityPeriod: 2,
-})
diff --git a/web/__mocks__/@tanstack/react-virtual.ts b/web/__mocks__/@tanstack/react-virtual.ts
new file mode 100644
index 0000000000..59cca5e33f
--- /dev/null
+++ b/web/__mocks__/@tanstack/react-virtual.ts
@@ -0,0 +1,36 @@
+import { vi } from 'vitest'
+
+const mockVirtualizer = ({
+  count,
+  estimateSize,
+}: {
+  count: number
+  estimateSize?: (index: number) => number
+}) => {
+  const getSize = (index: number) => estimateSize?.(index) ?? 0
+
+  return {
+    getTotalSize: () => Array.from({ length: count }).reduce<number>((total, _, index) => total + getSize(index), 0),
+    getVirtualItems: () => {
+      let start = 0
+
+      return Array.from({ length: count }).map((_, index) => {
+        const size = getSize(index)
+        const virtualItem = {
+          end: start + size,
+          index,
+          key: index,
+          size,
+          start,
+        }
+
+        start += size
+        return virtualItem
+      })
+    },
+    measureElement: vi.fn(),
+    scrollToIndex: vi.fn(),
+  }
+}
+
+export { mockVirtualizer as useVirtualizer }
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/layout-main.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/layout-main.tsx
index 0c87fd1a4d..d3f15bdf46 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/layout-main.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/layout-main.tsx
@@ -35,7 +35,7 @@ const TagManagementModal = dynamic(() => import('@/app/components/base/tag-manag
   ssr: false,
 })
 
-export type IAppDetailLayoutProps = {
+type IAppDetailLayoutProps = {
   children: React.ReactNode
   appId: string
 }
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/card-view.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/card-view.tsx
index 26373bd42a..fb2edf0102 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/card-view.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/card-view.tsx
@@ -25,7 +25,7 @@ import { useAppWorkflow } from '@/service/use-workflow'
 import { AppModeEnum } from '@/types/app'
 import { asyncRunSafe } from '@/utils'
 
-export type ICardViewProps = {
+type ICardViewProps = {
   appId: string
   isInPanel?: boolean
   className?: string
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/chart-view.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/chart-view.tsx
index b6e902f456..0d33de2972 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/chart-view.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/chart-view.tsx
@@ -27,7 +27,7 @@ const TIME_PERIOD_MAPPING: { value: number, name: TimePeriodName }[] = [
 
 const queryDateFormat = 'YYYY-MM-DD HH:mm'
 
-export type IChartViewProps = {
+type IChartViewProps = {
   appId: string
   headerRight: React.ReactNode
 }
diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/style.module.css b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/style.module.css
index 1f1aca2d11..45c7d197b4 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/style.module.css
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .app {
     flex-grow: 1;
     height: 0;
diff --git a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/style.module.css b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/style.module.css
deleted file mode 100644
index 955f5d593b..0000000000
--- a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/documents/style.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-@reference "../../../../../styles/globals.css";
-
-.logTable td {
-  padding: 7px 8px;
-  box-sizing: border-box;
-  max-width: 200px;
-}
-
-.pagination li {
-  list-style: none;
-}
diff --git a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/layout-main.tsx b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/layout-main.tsx
index 730b76ee19..092e47278f 100644
--- a/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/layout-main.tsx
+++ b/web/app/(commonLayout)/datasets/(datasetDetailLayout)/[datasetId]/layout-main.tsx
@@ -26,7 +26,7 @@ import { usePathname } from '@/next/navigation'
 import { useDatasetDetail, useDatasetRelatedApps } from '@/service/knowledge/use-dataset'
 import { cn } from '@/utils/classnames'
 
-export type IAppDetailLayoutProps = {
+type IAppDetailLayoutProps = {
   children: React.ReactNode
   datasetId: string
 }
diff --git a/web/app/account/(commonLayout)/avatar.tsx b/web/app/account/(commonLayout)/avatar.tsx
index 5461ce739c..36a510cf63 100644
--- a/web/app/account/(commonLayout)/avatar.tsx
+++ b/web/app/account/(commonLayout)/avatar.tsx
@@ -13,10 +13,6 @@ import { useProviderContext } from '@/context/provider-context'
 import { useRouter } from '@/next/navigation'
 import { useLogout, useUserProfile } from '@/service/use-common'
 
-export type IAppSelector = {
-  isMobile: boolean
-}
-
 export default function AppSelector() {
   const router = useRouter()
   const { t } = useTranslation()
diff --git a/web/app/components/app-sidebar/app-info/index.tsx b/web/app/components/app-sidebar/app-info/index.tsx
index 2530add2dc..a0628ec786 100644
--- a/web/app/components/app-sidebar/app-info/index.tsx
+++ b/web/app/components/app-sidebar/app-info/index.tsx
@@ -5,7 +5,7 @@ import AppInfoModals from './app-info-modals'
 import AppInfoTrigger from './app-info-trigger'
 import { useAppInfoActions } from './use-app-info-actions'
 
-export type IAppInfoProps = {
+type IAppInfoProps = {
   expand: boolean
   onlyShowDetail?: boolean
   openState?: boolean
diff --git a/web/app/components/app-sidebar/basic.tsx b/web/app/components/app-sidebar/basic.tsx
index 24746aa687..29a08f8a01 100644
--- a/web/app/components/app-sidebar/basic.tsx
+++ b/web/app/components/app-sidebar/basic.tsx
@@ -7,7 +7,7 @@ import {
 import Tooltip from '@/app/components/base/tooltip'
 import AppIcon from '../base/app-icon'
 
-export type IAppBasicProps = {
+type IAppBasicProps = {
   iconType?: 'app' | 'api' | 'dataset' | 'webapp' | 'notion'
   icon?: string
   icon_background?: string | null
diff --git a/web/app/components/app-sidebar/index.tsx b/web/app/components/app-sidebar/index.tsx
index bbf71c6cf9..f86cd617e3 100644
--- a/web/app/components/app-sidebar/index.tsx
+++ b/web/app/components/app-sidebar/index.tsx
@@ -17,7 +17,7 @@ import DatasetSidebarDropdown from './dataset-sidebar-dropdown'
 import NavLink from './nav-link'
 import ToggleButton from './toggle-button'
 
-export type IAppDetailNavProps = {
+type IAppDetailNavProps = {
   iconType?: 'app' | 'dataset'
   navigation: Array<{
     name: string
diff --git a/web/app/components/app/__tests__/store.spec.ts b/web/app/components/app/__tests__/store.spec.ts
new file mode 100644
index 0000000000..204d659fdd
--- /dev/null
+++ b/web/app/components/app/__tests__/store.spec.ts
@@ -0,0 +1,69 @@
+import { useStore } from '../store'
+
+const resetStore = () => {
+  useStore.setState({
+    appDetail: undefined,
+    appSidebarExpand: '',
+    currentLogItem: undefined,
+    currentLogModalActiveTab: 'DETAIL',
+    showPromptLogModal: false,
+    showAgentLogModal: false,
+    showMessageLogModal: false,
+    showAppConfigureFeaturesModal: false,
+  })
+}
+
+describe('app store', () => {
+  beforeEach(() => {
+    resetStore()
+  })
+
+  it('should expose the default state', () => {
+    expect(useStore.getState()).toEqual(expect.objectContaining({
+      appDetail: undefined,
+      appSidebarExpand: '',
+      currentLogItem: undefined,
+      currentLogModalActiveTab: 'DETAIL',
+      showPromptLogModal: false,
+      showAgentLogModal: false,
+      showMessageLogModal: false,
+      showAppConfigureFeaturesModal: false,
+    }))
+  })
+
+  it('should update every mutable field through its actions', () => {
+    const appDetail = { id: 'app-1' } as ReturnType<typeof useStore.getState>['appDetail']
+    const currentLogItem = { id: 'message-1' } as ReturnType<typeof useStore.getState>['currentLogItem']
+
+    useStore.getState().setAppDetail(appDetail)
+    useStore.getState().setAppSidebarExpand('logs')
+    useStore.getState().setCurrentLogItem(currentLogItem)
+    useStore.getState().setCurrentLogModalActiveTab('MESSAGE')
+    useStore.getState().setShowPromptLogModal(true)
+    useStore.getState().setShowAgentLogModal(true)
+    useStore.getState().setShowAppConfigureFeaturesModal(true)
+
+    expect(useStore.getState()).toEqual(expect.objectContaining({
+      appDetail,
+      appSidebarExpand: 'logs',
+      currentLogItem,
+      currentLogModalActiveTab: 'MESSAGE',
+      showPromptLogModal: true,
+      showAgentLogModal: true,
+      showAppConfigureFeaturesModal: true,
+    }))
+  })
+
+  it('should reset the active tab when the message log modal closes', () => {
+    useStore.getState().setCurrentLogModalActiveTab('TRACE')
+    useStore.getState().setShowMessageLogModal(true)
+
+    expect(useStore.getState().showMessageLogModal).toBe(true)
+    expect(useStore.getState().currentLogModalActiveTab).toBe('TRACE')
+
+    useStore.getState().setShowMessageLogModal(false)
+
+    expect(useStore.getState().showMessageLogModal).toBe(false)
+    expect(useStore.getState().currentLogModalActiveTab).toBe('DETAIL')
+  })
+})
diff --git a/web/app/components/app/annotation/batch-action.spec.tsx b/web/app/components/app/annotation/__tests__/batch-action.spec.tsx
similarity index 96%
rename from web/app/components/app/annotation/batch-action.spec.tsx
rename to web/app/components/app/annotation/__tests__/batch-action.spec.tsx
index 8d56dde14a..95dddd4b23 100644
--- a/web/app/components/app/annotation/batch-action.spec.tsx
+++ b/web/app/components/app/annotation/__tests__/batch-action.spec.tsx
@@ -1,6 +1,6 @@
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import * as React from 'react'
-import BatchAction from './batch-action'
+import BatchAction from '../batch-action'
 
 describe('BatchAction', () => {
   const baseProps = {
diff --git a/web/app/components/app/annotation/empty-element.spec.tsx b/web/app/components/app/annotation/__tests__/empty-element.spec.tsx
similarity index 91%
rename from web/app/components/app/annotation/empty-element.spec.tsx
rename to web/app/components/app/annotation/__tests__/empty-element.spec.tsx
index 89ba7e9ff8..7dcf902a9e 100644
--- a/web/app/components/app/annotation/empty-element.spec.tsx
+++ b/web/app/components/app/annotation/__tests__/empty-element.spec.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react'
 import * as React from 'react'
-import EmptyElement from './empty-element'
+import EmptyElement from '../empty-element'
 
 describe('EmptyElement', () => {
   it('should render the empty state copy and supporting icon', () => {
diff --git a/web/app/components/app/annotation/filter.spec.tsx b/web/app/components/app/annotation/__tests__/filter.spec.tsx
similarity index 99%
rename from web/app/components/app/annotation/filter.spec.tsx
rename to web/app/components/app/annotation/__tests__/filter.spec.tsx
index 7bb39bd444..8b69494e3f 100644
--- a/web/app/components/app/annotation/filter.spec.tsx
+++ b/web/app/components/app/annotation/__tests__/filter.spec.tsx
@@ -1,12 +1,12 @@
 import type { UseQueryResult } from '@tanstack/react-query'
 import type { Mock } from 'vitest'
-import type { QueryParam } from './filter'
+import type { QueryParam } from '../filter'
 import type { AnnotationsCountResponse } from '@/models/log'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
 import * as useLogModule from '@/service/use-log'
-import Filter from './filter'
+import Filter from '../filter'
 
 vi.mock('@/service/use-log')
 
diff --git a/web/app/components/app/annotation/index.spec.tsx b/web/app/components/app/annotation/__tests__/index.spec.tsx
similarity index 53%
rename from web/app/components/app/annotation/index.spec.tsx
rename to web/app/components/app/annotation/__tests__/index.spec.tsx
index 5f5e9f74c0..cd9b127c7f 100644
--- a/web/app/components/app/annotation/index.spec.tsx
+++ b/web/app/components/app/annotation/__tests__/index.spec.tsx
@@ -1,5 +1,6 @@
+/* eslint-disable ts/no-explicit-any */
 import type { Mock } from 'vitest'
-import type { AnnotationItem } from './type'
+import type { AnnotationItem } from '../type'
 import type { App } from '@/types/app'
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import * as React from 'react'
@@ -9,13 +10,16 @@ import {
   addAnnotation,
   delAnnotation,
   delAnnotations,
+  editAnnotation,
   fetchAnnotationConfig,
   fetchAnnotationList,
   queryAnnotationJobStatus,
+  updateAnnotationScore,
+  updateAnnotationStatus,
 } from '@/service/annotation'
 import { AppModeEnum } from '@/types/app'
-import Annotation from './index'
-import { JobStatus } from './type'
+import Annotation from '../index'
+import { AnnotationEnableStatus, JobStatus } from '../type'
 
 vi.mock('ahooks', () => ({
   useDebounce: (value: any) => value,
@@ -37,29 +41,32 @@ vi.mock('@/context/provider-context', () => ({
   useProviderContext: vi.fn(),
 }))
 
-vi.mock('./filter', () => ({
+vi.mock('../filter', () => ({
   default: ({ children }: { children: React.ReactNode }) => (
     <div data-testid="filter">{children}</div>
   ),
 }))
 
-vi.mock('./empty-element', () => ({
+vi.mock('../empty-element', () => ({
   default: () => <div data-testid="empty-element" />,
 }))
 
-vi.mock('./header-opts', () => ({
+vi.mock('../header-opts', () => ({
   default: (props: any) => (
     <div data-testid="header-opts">
       <button data-testid="trigger-add" onClick={() => props.onAdd({ question: 'new question', answer: 'new answer' })}>
         add
       </button>
+      <button data-testid="trigger-added" onClick={() => props.onAdded()}>
+        added
+      </button>
     </div>
   ),
 }))
 
 let latestListProps: any
 
-vi.mock('./list', () => ({
+vi.mock('../list', () => ({
   default: (props: any) => {
     latestListProps = props
     if (!props.list.length)
@@ -74,7 +81,7 @@ vi.mock('./list', () => ({
   },
 }))
 
-vi.mock('./view-annotation-modal', () => ({
+vi.mock('../view-annotation-modal', () => ({
   default: (props: any) => {
     if (!props.isShow)
       return null
@@ -82,14 +89,40 @@ vi.mock('./view-annotation-modal', () => ({
       <div data-testid="view-modal">
         <div>{props.item.question}</div>
         <button data-testid="view-modal-remove" onClick={props.onRemove}>remove</button>
+        <button data-testid="view-modal-save" onClick={() => props.onSave('Edited question', 'Edited answer')}>save</button>
         <button data-testid="view-modal-close" onClick={props.onHide}>close</button>
       </div>
     )
   },
 }))
 
-vi.mock('@/app/components/base/features/new-feature-panel/annotation-reply/config-param-modal', () => ({ default: (props: any) => props.isShow ? <div data-testid="config-modal" /> : null }))
-vi.mock('@/app/components/billing/annotation-full/modal', () => ({ default: (props: any) => props.show ? <div data-testid="annotation-full-modal" /> : null }))
+vi.mock('@/app/components/base/features/new-feature-panel/annotation-reply/config-param-modal', () => ({
+  default: (props: any) => props.isShow
+    ? (
+        <div data-testid="config-modal">
+          <button
+            data-testid="config-save"
+            onClick={() => props.onSave({
+              embedding_model_name: 'next-model',
+              embedding_provider_name: 'next-provider',
+            }, 0.7)}
+          >
+            save-config
+          </button>
+          <button data-testid="config-hide" onClick={props.onHide}>hide-config</button>
+        </div>
+      )
+    : null,
+}))
+vi.mock('@/app/components/billing/annotation-full/modal', () => ({
+  default: (props: any) => props.show
+    ? (
+        <div data-testid="annotation-full-modal">
+          <button data-testid="hide-annotation-full-modal" onClick={props.onHide}>hide-full</button>
+        </div>
+      )
+    : null,
+}))
 
 const mockNotify = vi.fn()
 vi.spyOn(toast, 'success').mockImplementation((message, options) => {
@@ -111,9 +144,12 @@ vi.spyOn(toast, 'info').mockImplementation((message, options) => {
 const addAnnotationMock = addAnnotation as Mock
 const delAnnotationMock = delAnnotation as Mock
 const delAnnotationsMock = delAnnotations as Mock
+const editAnnotationMock = editAnnotation as Mock
 const fetchAnnotationConfigMock = fetchAnnotationConfig as Mock
 const fetchAnnotationListMock = fetchAnnotationList as Mock
 const queryAnnotationJobStatusMock = queryAnnotationJobStatus as Mock
+const updateAnnotationScoreMock = updateAnnotationScore as Mock
+const updateAnnotationStatusMock = updateAnnotationStatus as Mock
 const useProviderContextMock = useProviderContext as Mock
 
 const appDetail = {
@@ -146,6 +182,9 @@ describe('Annotation', () => {
     })
     fetchAnnotationListMock.mockResolvedValue({ data: [], total: 0 })
     queryAnnotationJobStatusMock.mockResolvedValue({ job_status: JobStatus.completed })
+    updateAnnotationStatusMock.mockResolvedValue({ job_id: 'job-1' })
+    updateAnnotationScoreMock.mockResolvedValue(undefined)
+    editAnnotationMock.mockResolvedValue(undefined)
     useProviderContextMock.mockReturnValue({
       plan: {
         usage: { annotatedResponse: 0 },
@@ -251,4 +290,166 @@ describe('Annotation', () => {
       expect(latestListProps.selectedIds).toEqual([annotation.id])
     })
   })
+
+  it('should show the annotation-full modal when enabling annotations exceeds the plan quota', async () => {
+    useProviderContextMock.mockReturnValue({
+      plan: {
+        usage: { annotatedResponse: 10 },
+        total: { annotatedResponse: 10 },
+      },
+      enableBilling: true,
+    })
+
+    renderComponent()
+
+    const toggle = await screen.findByRole('switch')
+    fireEvent.click(toggle)
+
+    expect(screen.getByTestId('annotation-full-modal')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByTestId('hide-annotation-full-modal'))
+    expect(screen.queryByTestId('annotation-full-modal')).not.toBeInTheDocument()
+  })
+
+  it('should disable annotations and refetch config after the async job completes', async () => {
+    fetchAnnotationConfigMock.mockResolvedValueOnce({
+      id: 'config-id',
+      enabled: true,
+      embedding_model: {
+        embedding_model_name: 'model',
+        embedding_provider_name: 'provider',
+      },
+      score_threshold: 0.5,
+    }).mockResolvedValueOnce({
+      id: 'config-id',
+      enabled: false,
+      embedding_model: {
+        embedding_model_name: 'model',
+        embedding_provider_name: 'provider',
+      },
+      score_threshold: 0.5,
+    })
+
+    renderComponent()
+
+    const toggle = await screen.findByRole('switch')
+    await waitFor(() => {
+      expect(toggle).toHaveAttribute('aria-checked', 'true')
+    })
+    fireEvent.click(toggle)
+
+    await waitFor(() => {
+      expect(updateAnnotationStatusMock).toHaveBeenCalledWith(
+        appDetail.id,
+        AnnotationEnableStatus.disable,
+        expect.objectContaining({
+          embedding_model_name: 'model',
+          embedding_provider_name: 'provider',
+        }),
+        0.5,
+      )
+      expect(queryAnnotationJobStatusMock).toHaveBeenCalledWith(appDetail.id, AnnotationEnableStatus.disable, 'job-1')
+      expect(mockNotify).toHaveBeenCalledWith(expect.objectContaining({
+        message: 'common.api.actionSuccess',
+        type: 'success',
+      }))
+    })
+  })
+
+  it('should save annotation config changes and update the score when the modal confirms', async () => {
+    fetchAnnotationConfigMock.mockResolvedValue({
+      id: 'config-id',
+      enabled: false,
+      embedding_model: {
+        embedding_model_name: 'model',
+        embedding_provider_name: 'provider',
+      },
+      score_threshold: 0.5,
+    })
+
+    renderComponent()
+
+    const toggle = await screen.findByRole('switch')
+    fireEvent.click(toggle)
+
+    expect(screen.getByTestId('config-modal')).toBeInTheDocument()
+    fireEvent.click(screen.getByTestId('config-save'))
+
+    await waitFor(() => {
+      expect(updateAnnotationStatusMock).toHaveBeenCalledWith(
+        appDetail.id,
+        AnnotationEnableStatus.enable,
+        {
+          embedding_model_name: 'next-model',
+          embedding_provider_name: 'next-provider',
+        },
+        0.7,
+      )
+      expect(updateAnnotationScoreMock).toHaveBeenCalledWith(appDetail.id, 'config-id', 0.7)
+      expect(mockNotify).toHaveBeenCalledWith(expect.objectContaining({
+        message: 'common.api.actionSuccess',
+        type: 'success',
+      }))
+    })
+  })
+
+  it('should refresh the list from the header shortcut and allow saving or closing the view modal', async () => {
+    const annotation = createAnnotation()
+    fetchAnnotationListMock.mockResolvedValue({ data: [annotation], total: 1 })
+
+    renderComponent()
+
+    await screen.findByTestId('list')
+    fireEvent.click(screen.getByTestId('list-view'))
+
+    fireEvent.click(screen.getByTestId('view-modal-save'))
+
+    await waitFor(() => {
+      expect(editAnnotationMock).toHaveBeenCalledWith(appDetail.id, annotation.id, {
+        question: 'Edited question',
+        answer: 'Edited answer',
+      })
+    })
+
+    fireEvent.click(screen.getByTestId('view-modal-close'))
+    expect(screen.queryByTestId('view-modal')).not.toBeInTheDocument()
+
+    fireEvent.click(screen.getByTestId('trigger-added'))
+
+    expect(fetchAnnotationListMock).toHaveBeenCalled()
+  })
+
+  it('should clear selections on cancel and hide the config modal when requested', async () => {
+    const annotation = createAnnotation()
+    fetchAnnotationConfigMock.mockResolvedValue({
+      id: 'config-id',
+      enabled: true,
+      embedding_model: {
+        embedding_model_name: 'model',
+        embedding_provider_name: 'provider',
+      },
+      score_threshold: 0.5,
+    })
+    fetchAnnotationListMock.mockResolvedValue({ data: [annotation], total: 1 })
+
+    renderComponent()
+
+    await screen.findByTestId('list')
+
+    await act(async () => {
+      latestListProps.onSelectedIdsChange([annotation.id])
+    })
+    await act(async () => {
+      latestListProps.onCancel()
+    })
+
+    expect(latestListProps.selectedIds).toEqual([])
+
+    const configButton = document.querySelector('.action-btn') as HTMLButtonElement
+    fireEvent.click(configButton)
+    expect(await screen.findByTestId('config-modal')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByTestId('config-hide'))
+    expect(screen.queryByTestId('config-modal')).not.toBeInTheDocument()
+  })
 })
diff --git a/web/app/components/app/annotation/list.spec.tsx b/web/app/components/app/annotation/__tests__/list.spec.tsx
similarity index 97%
rename from web/app/components/app/annotation/list.spec.tsx
rename to web/app/components/app/annotation/__tests__/list.spec.tsx
index c126092ecf..aa47a5304b 100644
--- a/web/app/components/app/annotation/list.spec.tsx
+++ b/web/app/components/app/annotation/__tests__/list.spec.tsx
@@ -1,7 +1,7 @@
-import type { AnnotationItem } from './type'
+import type { AnnotationItem } from '../type'
 import { fireEvent, render, screen, within } from '@testing-library/react'
 import * as React from 'react'
-import List from './list'
+import List from '../list'
 
 const mockFormatTime = vi.fn(() => 'formatted-time')
 
diff --git a/web/app/components/app/annotation/add-annotation-modal/index.spec.tsx b/web/app/components/app/annotation/add-annotation-modal/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/annotation/add-annotation-modal/index.spec.tsx
rename to web/app/components/app/annotation/add-annotation-modal/__tests__/index.spec.tsx
index 14f94d910b..d7e46f9f92 100644
--- a/web/app/components/app/annotation/add-annotation-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/add-annotation-modal/__tests__/index.spec.tsx
@@ -2,7 +2,7 @@ import type { Mock } from 'vitest'
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import * as React from 'react'
 import { useProviderContext } from '@/context/provider-context'
-import AddAnnotationModal from './index'
+import AddAnnotationModal from '../index'
 
 vi.mock('@/context/provider-context', () => ({
   useProviderContext: vi.fn(),
diff --git a/web/app/components/app/annotation/add-annotation-modal/edit-item/index.spec.tsx b/web/app/components/app/annotation/add-annotation-modal/edit-item/__tests__/index.spec.tsx
similarity index 96%
rename from web/app/components/app/annotation/add-annotation-modal/edit-item/index.spec.tsx
rename to web/app/components/app/annotation/add-annotation-modal/edit-item/__tests__/index.spec.tsx
index ce660f7880..6dd1d42246 100644
--- a/web/app/components/app/annotation/add-annotation-modal/edit-item/index.spec.tsx
+++ b/web/app/components/app/annotation/add-annotation-modal/edit-item/__tests__/index.spec.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
-import EditItem, { EditItemType } from './index'
+import EditItem, { EditItemType } from '../index'
 
 describe('AddAnnotationModal/EditItem', () => {
   it('should render query inputs with user avatar and placeholder strings', () => {
diff --git a/web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.spec.tsx b/web/app/components/app/annotation/batch-add-annotation-modal/__tests__/csv-downloader.spec.tsx
similarity index 95%
rename from web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.spec.tsx
rename to web/app/components/app/annotation/batch-add-annotation-modal/__tests__/csv-downloader.spec.tsx
index 2ab0934fe2..69574564eb 100644
--- a/web/app/components/app/annotation/batch-add-annotation-modal/csv-downloader.spec.tsx
+++ b/web/app/components/app/annotation/batch-add-annotation-modal/__tests__/csv-downloader.spec.tsx
@@ -1,10 +1,11 @@
+/* eslint-disable ts/no-explicit-any */
 import type { Mock } from 'vitest'
 import type { Locale } from '@/i18n-config'
 import { render, screen } from '@testing-library/react'
 import * as React from 'react'
 import { useLocale } from '@/context/i18n'
 import { LanguagesSupported } from '@/i18n-config/language'
-import CSVDownload from './csv-downloader'
+import CSVDownload from '../csv-downloader'
 
 const downloaderProps: any[] = []
 
diff --git a/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.spec.tsx b/web/app/components/app/annotation/batch-add-annotation-modal/__tests__/csv-uploader.spec.tsx
similarity index 88%
rename from web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.spec.tsx
rename to web/app/components/app/annotation/batch-add-annotation-modal/__tests__/csv-uploader.spec.tsx
index 847db74619..d26ab051ef 100644
--- a/web/app/components/app/annotation/batch-add-annotation-modal/csv-uploader.spec.tsx
+++ b/web/app/components/app/annotation/batch-add-annotation-modal/__tests__/csv-uploader.spec.tsx
@@ -1,7 +1,7 @@
-import type { Props } from './csv-uploader'
+import type { Props } from '../csv-uploader'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import * as React from 'react'
-import CSVUploader from './csv-uploader'
+import CSVUploader from '../csv-uploader'
 
 const toastMocks = vi.hoisted(() => ({
   notify: vi.fn(),
@@ -75,6 +75,20 @@ describe('CSVUploader', () => {
     expect(dropZone.className).not.toContain('border-components-dropzone-border-accent')
   })
 
+  it('should handle drag over and clear dragging state when leaving through the overlay', () => {
+    renderComponent()
+    const { dropZone, dropContainer } = getDropElements()
+
+    fireEvent.dragEnter(dropContainer)
+    const dragLayer = dropContainer.querySelector('.absolute') as HTMLDivElement
+
+    fireEvent.dragOver(dropContainer)
+    fireEvent.dragLeave(dragLayer)
+
+    expect(dropZone.className).not.toContain('border-components-dropzone-border-accent')
+    expect(dropZone.className).not.toContain('bg-components-dropzone-bg-accent')
+  })
+
   it('should ignore drop events without dataTransfer', () => {
     renderComponent()
     const { dropContainer } = getDropElements()
diff --git a/web/app/components/app/annotation/batch-add-annotation-modal/index.spec.tsx b/web/app/components/app/annotation/batch-add-annotation-modal/__tests__/index.spec.tsx
similarity index 96%
rename from web/app/components/app/annotation/batch-add-annotation-modal/index.spec.tsx
rename to web/app/components/app/annotation/batch-add-annotation-modal/__tests__/index.spec.tsx
index 8929cc292f..5104706045 100644
--- a/web/app/components/app/annotation/batch-add-annotation-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/batch-add-annotation-modal/__tests__/index.spec.tsx
@@ -1,10 +1,10 @@
 import type { Mock } from 'vitest'
-import type { IBatchModalProps } from './index'
+import type { IBatchModalProps } from '../index'
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import * as React from 'react'
 import { useProviderContext } from '@/context/provider-context'
 import { annotationBatchImport, checkAnnotationBatchImportProgress } from '@/service/annotation'
-import BatchModal, { ProcessStatus } from './index'
+import BatchModal, { ProcessStatus } from '../index'
 
 vi.mock('@/service/annotation', () => ({
   annotationBatchImport: vi.fn(),
@@ -15,13 +15,13 @@ vi.mock('@/context/provider-context', () => ({
   useProviderContext: vi.fn(),
 }))
 
-vi.mock('./csv-downloader', () => ({
+vi.mock('../csv-downloader', () => ({
   default: () => <div data-testid="csv-downloader-stub" />,
 }))
 
 let lastUploadedFile: File | undefined
 
-vi.mock('./csv-uploader', () => ({
+vi.mock('../csv-uploader', () => ({
   default: ({ file, updateFile }: { file?: File, updateFile: (file?: File) => void }) => (
     <div>
       <button
diff --git a/web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.spec.tsx b/web/app/components/app/annotation/clear-all-annotations-confirm-modal/__tests__/index.spec.tsx
similarity index 98%
rename from web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.spec.tsx
rename to web/app/components/app/annotation/clear-all-annotations-confirm-modal/__tests__/index.spec.tsx
index 790c013b05..c272115196 100644
--- a/web/app/components/app/annotation/clear-all-annotations-confirm-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/clear-all-annotations-confirm-modal/__tests__/index.spec.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
-import ClearAllAnnotationsConfirmModal from './index'
+import ClearAllAnnotationsConfirmModal from '../index'
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
diff --git a/web/app/components/app/annotation/edit-annotation-modal/index.spec.tsx b/web/app/components/app/annotation/edit-annotation-modal/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/annotation/edit-annotation-modal/index.spec.tsx
rename to web/app/components/app/annotation/edit-annotation-modal/__tests__/index.spec.tsx
index 8f6dec42cf..271331e49f 100644
--- a/web/app/components/app/annotation/edit-annotation-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/edit-annotation-modal/__tests__/index.spec.tsx
@@ -1,7 +1,7 @@
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { toast } from '@/app/components/base/ui/toast'
-import EditAnnotationModal from './index'
+import EditAnnotationModal from '../index'
 
 const { mockAddAnnotation, mockEditAnnotation } = vi.hoisted(() => ({
   mockAddAnnotation: vi.fn(),
@@ -51,11 +51,6 @@ describe('EditAnnotationModal', () => {
     onRemove: vi.fn(),
   }
 
-  afterAll(() => {
-    toastSuccessSpy.mockRestore()
-    toastErrorSpy.mockRestore()
-  })
-
   beforeEach(() => {
     vi.clearAllMocks()
     mockAddAnnotation.mockResolvedValue({
@@ -65,6 +60,11 @@ describe('EditAnnotationModal', () => {
     mockEditAnnotation.mockResolvedValue({})
   })
 
+  afterAll(() => {
+    toastSuccessSpy.mockRestore()
+    toastErrorSpy.mockRestore()
+  })
+
   // Rendering tests (REQUIRED)
   describe('Rendering', () => {
     it('should render modal when isShow is true', () => {
diff --git a/web/app/components/app/annotation/edit-annotation-modal/edit-item/index.spec.tsx b/web/app/components/app/annotation/edit-annotation-modal/edit-item/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/annotation/edit-annotation-modal/edit-item/index.spec.tsx
rename to web/app/components/app/annotation/edit-annotation-modal/edit-item/__tests__/index.spec.tsx
index 638c7bfbb2..4efd999d89 100644
--- a/web/app/components/app/annotation/edit-annotation-modal/edit-item/index.spec.tsx
+++ b/web/app/components/app/annotation/edit-annotation-modal/edit-item/__tests__/index.spec.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import EditItem, { EditItemType, EditTitle } from './index'
+import EditItem, { EditItemType, EditTitle } from '../index'
 
 describe('EditTitle', () => {
   it('should render title content correctly', () => {
diff --git a/web/app/components/app/annotation/header-opts/index.spec.tsx b/web/app/components/app/annotation/header-opts/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/annotation/header-opts/index.spec.tsx
rename to web/app/components/app/annotation/header-opts/__tests__/index.spec.tsx
index a305dba960..41e757d6d0 100644
--- a/web/app/components/app/annotation/header-opts/index.spec.tsx
+++ b/web/app/components/app/annotation/header-opts/__tests__/index.spec.tsx
@@ -1,6 +1,7 @@
+/* eslint-disable ts/no-explicit-any */
 import type { ComponentProps } from 'react'
 import type { Mock } from 'vitest'
-import type { AnnotationItemBasic } from '../type'
+import type { AnnotationItemBasic } from '../../type'
 import type { Locale } from '@/i18n-config'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
@@ -8,7 +9,7 @@ import * as React from 'react'
 import { useLocale } from '@/context/i18n'
 import { LanguagesSupported } from '@/i18n-config/language'
 import { clearAllAnnotations, fetchExportAnnotationList } from '@/service/annotation'
-import HeaderOptions from './index'
+import HeaderOptions from '../index'
 
 vi.mock('@headlessui/react', () => {
   type PopoverContextValue = { open: boolean, setOpen: (open: boolean) => void }
diff --git a/web/app/components/app/annotation/remove-annotation-confirm-modal/index.spec.tsx b/web/app/components/app/annotation/remove-annotation-confirm-modal/__tests__/index.spec.tsx
similarity index 98%
rename from web/app/components/app/annotation/remove-annotation-confirm-modal/index.spec.tsx
rename to web/app/components/app/annotation/remove-annotation-confirm-modal/__tests__/index.spec.tsx
index c51ee4487f..5313c07f73 100644
--- a/web/app/components/app/annotation/remove-annotation-confirm-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/remove-annotation-confirm-modal/__tests__/index.spec.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
-import RemoveAnnotationConfirmModal from './index'
+import RemoveAnnotationConfirmModal from '../index'
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
diff --git a/web/app/components/app/annotation/type.ts b/web/app/components/app/annotation/type.ts
index e2f2264f07..076ef8f9bd 100644
--- a/web/app/components/app/annotation/type.ts
+++ b/web/app/components/app/annotation/type.ts
@@ -39,7 +39,5 @@ export enum AnnotationEnableStatus {
 }
 
 export enum JobStatus {
-  waiting = 'waiting',
-  processing = 'processing',
   completed = 'completed',
 }
diff --git a/web/app/components/app/annotation/view-annotation-modal/index.spec.tsx b/web/app/components/app/annotation/view-annotation-modal/__tests__/index.spec.tsx
similarity index 96%
rename from web/app/components/app/annotation/view-annotation-modal/index.spec.tsx
rename to web/app/components/app/annotation/view-annotation-modal/__tests__/index.spec.tsx
index 7ac6c70ca8..4490772716 100644
--- a/web/app/components/app/annotation/view-annotation-modal/index.spec.tsx
+++ b/web/app/components/app/annotation/view-annotation-modal/__tests__/index.spec.tsx
@@ -1,9 +1,9 @@
 import type { Mock } from 'vitest'
-import type { AnnotationItem, HitHistoryItem } from '../type'
+import type { AnnotationItem, HitHistoryItem } from '../../type'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import * as React from 'react'
 import { fetchHitHistoryList } from '@/service/annotation'
-import ViewAnnotationModal from './index'
+import ViewAnnotationModal from '../index'
 
 const mockFormatTime = vi.fn(() => 'formatted-time')
 
@@ -17,7 +17,7 @@ vi.mock('@/service/annotation', () => ({
   fetchHitHistoryList: vi.fn(),
 }))
 
-vi.mock('../edit-annotation-modal/edit-item', () => {
+vi.mock('../../edit-annotation-modal/edit-item', () => {
   const EditItemType = {
     Query: 'query',
     Answer: 'answer',
diff --git a/web/app/components/app/app-access-control/access-control.spec.tsx b/web/app/components/app/app-access-control/__tests__/access-control.spec.tsx
similarity index 84%
rename from web/app/components/app/app-access-control/access-control.spec.tsx
rename to web/app/components/app/app-access-control/__tests__/access-control.spec.tsx
index 7411676586..86ed6ac435 100644
--- a/web/app/components/app/app-access-control/access-control.spec.tsx
+++ b/web/app/components/app/app-access-control/__tests__/access-control.spec.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable ts/no-explicit-any */
 import type { AccessControlAccount, AccessControlGroup, Subject } from '@/models/access-control'
 import type { App } from '@/types/app'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
@@ -5,11 +6,11 @@ import userEvent from '@testing-library/user-event'
 import { toast } from '@/app/components/base/ui/toast'
 import useAccessControlStore from '@/context/access-control-store'
 import { AccessMode, SubjectType } from '@/models/access-control'
-import AccessControlDialog from './access-control-dialog'
-import AccessControlItem from './access-control-item'
-import AddMemberOrGroupDialog from './add-member-or-group-pop'
-import AccessControl from './index'
-import SpecificGroupsOrMembers from './specific-groups-or-members'
+import AccessControlDialog from '../access-control-dialog'
+import AccessControlItem from '../access-control-item'
+import AddMemberOrGroupDialog from '../add-member-or-group-pop'
+import AccessControl from '../index'
+import SpecificGroupsOrMembers from '../specific-groups-or-members'
 
 const mockUseAppWhiteListSubjects = vi.fn()
 const mockUseSearchForWhiteListCandidates = vi.fn()
@@ -18,6 +19,9 @@ const mockUseUpdateAccessMode = vi.fn(() => ({
   isPending: false,
   mutateAsync: mockMutateAsync,
 }))
+const intersectionObserverMocks = vi.hoisted(() => ({
+  callback: null as null | ((entries: Array<{ isIntersecting: boolean }>) => void),
+}))
 
 vi.mock('@/context/app-context', () => ({
   useSelector: <T,>(selector: (value: { userProfile: { email: string, id?: string, name?: string, avatar?: string, avatar_url?: string, is_password_set?: boolean } }) => T) => selector({
@@ -105,6 +109,10 @@ const memberSubject: Subject = {
 
 beforeAll(() => {
   class MockIntersectionObserver {
+    constructor(callback: (entries: Array<{ isIntersecting: boolean }>) => void) {
+      intersectionObserverMocks.callback = callback
+    }
+
     observe = vi.fn(() => undefined)
     disconnect = vi.fn(() => undefined)
     unobserve = vi.fn(() => undefined)
@@ -281,6 +289,39 @@ describe('AddMemberOrGroupDialog', () => {
     expect(useAccessControlStore.getState().specificMembers).toEqual([baseMember])
   })
 
+  it('should update the keyword, fetch the next page, and support deselection and breadcrumb reset', async () => {
+    const fetchNextPage = vi.fn()
+    mockUseSearchForWhiteListCandidates.mockReturnValue({
+      isLoading: false,
+      isFetchingNextPage: true,
+      fetchNextPage,
+      data: { pages: [{ currPage: 1, subjects: [groupSubject, memberSubject], hasMore: true }] },
+    })
+
+    const user = userEvent.setup()
+    render(<AddMemberOrGroupDialog />)
+
+    await user.click(screen.getByText('common.operation.add'))
+    await user.type(screen.getByPlaceholderText('app.accessControlDialog.operateGroupAndMember.searchPlaceholder'), 'Group')
+    expect(document.querySelector('.spin-animation')).toBeInTheDocument()
+
+    const groupCheckbox = screen.getByText(baseGroup.name).closest('div')?.previousElementSibling as HTMLElement
+    fireEvent.click(groupCheckbox)
+    fireEvent.click(groupCheckbox)
+
+    const memberCheckbox = screen.getByText(baseMember.name).parentElement?.previousElementSibling as HTMLElement
+    fireEvent.click(memberCheckbox)
+    fireEvent.click(memberCheckbox)
+
+    fireEvent.click(screen.getByText('app.accessControlDialog.operateGroupAndMember.expand'))
+    fireEvent.click(screen.getByText('app.accessControlDialog.operateGroupAndMember.allMembers'))
+
+    expect(useAccessControlStore.getState().specificGroups).toEqual([])
+    expect(useAccessControlStore.getState().specificMembers).toEqual([])
+    expect(useAccessControlStore.getState().selectedGroupsForBreadcrumb).toEqual([])
+    expect(fetchNextPage).not.toHaveBeenCalled()
+  })
+
   it('should show empty state when no candidates are returned', async () => {
     mockUseSearchForWhiteListCandidates.mockReturnValue({
       isLoading: false,
diff --git a/web/app/components/app/app-publisher/__tests__/features-wrapper.spec.tsx b/web/app/components/app/app-publisher/__tests__/features-wrapper.spec.tsx
new file mode 100644
index 0000000000..739b0002ee
--- /dev/null
+++ b/web/app/components/app/app-publisher/__tests__/features-wrapper.spec.tsx
@@ -0,0 +1,140 @@
+/* eslint-disable ts/no-explicit-any */
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import FeaturesWrappedAppPublisher from '../features-wrapper'
+
+const mockSetFeatures = vi.fn()
+const mockOnPublish = vi.fn()
+const mockAppPublisherProps = vi.hoisted(() => ({
+  current: null as null | Record<string, any>,
+}))
+
+const mockFeatures = {
+  moreLikeThis: { enabled: false },
+  opening: { enabled: false, opening_statement: '', suggested_questions: [] as string[] },
+  moderation: { enabled: false },
+  speech2text: { enabled: false },
+  text2speech: { enabled: false },
+  suggested: { enabled: false },
+  citation: { enabled: false },
+  annotationReply: { enabled: false },
+  file: {
+    image: {
+      detail: 'high',
+      enabled: false,
+      number_limits: 3,
+      transfer_methods: ['local_file', 'remote_url'],
+    },
+    enabled: false,
+    allowed_file_types: ['image'],
+    allowed_file_extensions: ['.png'],
+    allowed_file_upload_methods: ['local_file'],
+    number_limits: 3,
+  },
+}
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/app/components/app/app-publisher', () => ({
+  default: (props: Record<string, any>) => {
+    mockAppPublisherProps.current = props
+    return (
+      <div>
+        <button onClick={() => props.onPublish?.({ id: 'model-1' })}>publish-through-wrapper</button>
+        <button onClick={() => props.onRestore?.()}>restore-through-wrapper</button>
+      </div>
+    )
+  },
+}))
+
+vi.mock('@/app/components/base/features/hooks', () => ({
+  useFeatures: (selector: (state: { features: typeof mockFeatures }) => unknown) => selector({ features: mockFeatures }),
+  useFeaturesStore: () => ({
+    getState: () => ({
+      features: mockFeatures,
+      setFeatures: mockSetFeatures,
+    }),
+  }),
+}))
+
+describe('FeaturesWrappedAppPublisher', () => {
+  const publishedConfig = {
+    modelConfig: {
+      more_like_this: { enabled: true },
+      opening_statement: 'Hello there',
+      suggested_questions: ['Q1'],
+      sensitive_word_avoidance: { enabled: true },
+      speech_to_text: { enabled: true },
+      text_to_speech: { enabled: true },
+      suggested_questions_after_answer: { enabled: true },
+      retriever_resource: { enabled: true },
+      annotation_reply: { enabled: true },
+      file_upload: {
+        enabled: true,
+        image: {
+          enabled: true,
+          detail: 'low',
+          number_limits: 5,
+          transfer_methods: ['remote_url'],
+        },
+        allowed_file_types: ['image'],
+        allowed_file_extensions: ['.jpg'],
+        allowed_file_upload_methods: ['remote_url'],
+        number_limits: 5,
+      },
+      resetAppConfig: vi.fn(),
+    },
+  }
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockAppPublisherProps.current = null
+  })
+
+  it('should pass current features through to onPublish', async () => {
+    render(
+      <FeaturesWrappedAppPublisher
+        publishedConfig={publishedConfig as any}
+        onPublish={mockOnPublish}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('publish-through-wrapper'))
+
+    await waitFor(() => {
+      expect(mockOnPublish).toHaveBeenCalledWith({ id: 'model-1' }, mockFeatures)
+    })
+  })
+
+  it('should restore published features after confirmation', async () => {
+    render(
+      <FeaturesWrappedAppPublisher
+        publishedConfig={publishedConfig as any}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('restore-through-wrapper'))
+    fireEvent.click(screen.getByRole('button', { name: 'operation.confirm' }))
+
+    await waitFor(() => {
+      expect(publishedConfig.modelConfig.resetAppConfig).toHaveBeenCalledTimes(1)
+      expect(mockSetFeatures).toHaveBeenCalledWith(expect.objectContaining({
+        moreLikeThis: { enabled: true },
+        opening: {
+          enabled: true,
+          opening_statement: 'Hello there',
+          suggested_questions: ['Q1'],
+        },
+        moderation: { enabled: true },
+        speech2text: { enabled: true },
+        text2speech: { enabled: true },
+        suggested: { enabled: true },
+        citation: { enabled: true },
+        annotationReply: { enabled: true },
+      }))
+    })
+  })
+})
diff --git a/web/app/components/app/app-publisher/__tests__/index.spec.tsx b/web/app/components/app/app-publisher/__tests__/index.spec.tsx
new file mode 100644
index 0000000000..e97efaa525
--- /dev/null
+++ b/web/app/components/app/app-publisher/__tests__/index.spec.tsx
@@ -0,0 +1,455 @@
+/* eslint-disable ts/no-explicit-any */
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import * as React from 'react'
+import { AccessMode } from '@/models/access-control'
+import { AppModeEnum } from '@/types/app'
+import { basePath } from '@/utils/var'
+import AppPublisher from '../index'
+
+const mockOnPublish = vi.fn()
+const mockOnToggle = vi.fn()
+const mockSetAppDetail = vi.fn()
+const mockTrackEvent = vi.fn()
+const mockRefetch = vi.fn()
+const mockOpenAsyncWindow = vi.fn()
+const mockFetchInstalledAppList = vi.fn()
+const mockFetchAppDetailDirect = vi.fn()
+const mockToastError = vi.fn()
+
+const sectionProps = vi.hoisted(() => ({
+  summary: null as null | Record<string, any>,
+  access: null as null | Record<string, any>,
+  actions: null as null | Record<string, any>,
+}))
+const ahooksMocks = vi.hoisted(() => ({
+  keyPressHandlers: [] as Array<(event: { preventDefault: () => void }) => void>,
+}))
+
+let mockAppDetail: Record<string, any> | null = null
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('ahooks', async () => {
+  return {
+    useKeyPress: (_keys: unknown, handler: (event: { preventDefault: () => void }) => void) => {
+      ahooksMocks.keyPressHandlers.push(handler)
+    },
+  }
+})
+
+vi.mock('@/app/components/app/store', () => ({
+  useStore: (selector: (state: { appDetail: Record<string, any> | null, setAppDetail: typeof mockSetAppDetail }) => unknown) => selector({
+    appDetail: mockAppDetail,
+    setAppDetail: mockSetAppDetail,
+  }),
+}))
+
+vi.mock('@/context/global-public-context', () => ({
+  useGlobalPublicStore: (selector: (state: { systemFeatures: { webapp_auth: { enabled: boolean } } }) => unknown) => selector({
+    systemFeatures: {
+      webapp_auth: {
+        enabled: true,
+      },
+    },
+  }),
+}))
+
+vi.mock('@/hooks/use-format-time-from-now', () => ({
+  useFormatTimeFromNow: () => ({
+    formatTimeFromNow: () => 'moments ago',
+  }),
+}))
+
+vi.mock('@/hooks/use-async-window-open', () => ({
+  useAsyncWindowOpen: () => mockOpenAsyncWindow,
+}))
+
+vi.mock('@/service/access-control', () => ({
+  useGetUserCanAccessApp: () => ({
+    data: { result: true },
+    isLoading: false,
+    refetch: mockRefetch,
+  }),
+  useAppWhiteListSubjects: () => ({
+    data: { groups: [], members: [] },
+    isLoading: false,
+  }),
+}))
+
+vi.mock('@/service/explore', () => ({
+  fetchInstalledAppList: (...args: unknown[]) => mockFetchInstalledAppList(...args),
+}))
+
+vi.mock('@/service/apps', () => ({
+  fetchAppDetailDirect: (...args: unknown[]) => mockFetchAppDetailDirect(...args),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    error: (...args: unknown[]) => mockToastError(...args),
+  },
+}))
+
+vi.mock('@/app/components/base/amplitude', () => ({
+  trackEvent: (...args: unknown[]) => mockTrackEvent(...args),
+}))
+
+vi.mock('@/app/components/app/overview/embedded', () => ({
+  default: ({ isShow, onClose }: { isShow: boolean, onClose: () => void }) => (isShow
+    ? (
+        <div data-testid="embedded-modal">
+          embedded modal
+          <button onClick={onClose}>close-embedded-modal</button>
+        </div>
+      )
+    : null),
+}))
+
+vi.mock('../../app-access-control', () => ({
+  default: ({ onConfirm, onClose }: { onConfirm: () => Promise<void>, onClose: () => void }) => (
+    <div data-testid="access-control">
+      <button onClick={() => void onConfirm()}>confirm-access-control</button>
+      <button onClick={onClose}>close-access-control</button>
+    </div>
+  ),
+}))
+
+vi.mock('@/app/components/base/portal-to-follow-elem', async () => {
+  const ReactModule = await vi.importActual<typeof import('react')>('react')
+  const OpenContext = ReactModule.createContext(false)
+
+  return {
+    PortalToFollowElem: ({ children, open }: { children: React.ReactNode, open: boolean }) => (
+      <OpenContext.Provider value={open}>
+        <div>{children}</div>
+      </OpenContext.Provider>
+    ),
+    PortalToFollowElemTrigger: ({ children, onClick }: { children: React.ReactNode, onClick?: () => void }) => (
+      <div onClick={onClick}>{children}</div>
+    ),
+    PortalToFollowElemContent: ({ children }: { children: React.ReactNode }) => {
+      const open = ReactModule.useContext(OpenContext)
+      return open ? <div>{children}</div> : null
+    },
+  }
+})
+
+vi.mock('../sections', () => ({
+  PublisherSummarySection: (props: Record<string, any>) => {
+    sectionProps.summary = props
+    return (
+      <div>
+        <button onClick={() => void props.handlePublish()}>publisher-summary-publish</button>
+        <button onClick={() => void props.handleRestore()}>publisher-summary-restore</button>
+      </div>
+    )
+  },
+  PublisherAccessSection: (props: Record<string, any>) => {
+    sectionProps.access = props
+    return <button onClick={props.onClick}>publisher-access-control</button>
+  },
+  PublisherActionsSection: (props: Record<string, any>) => {
+    sectionProps.actions = props
+    return (
+      <div>
+        <button onClick={props.handleEmbed}>publisher-embed</button>
+        <button onClick={() => void props.handleOpenInExplore()}>publisher-open-in-explore</button>
+      </div>
+    )
+  },
+}))
+
+describe('AppPublisher', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    ahooksMocks.keyPressHandlers.length = 0
+    sectionProps.summary = null
+    sectionProps.access = null
+    sectionProps.actions = null
+    mockAppDetail = {
+      id: 'app-1',
+      name: 'Demo App',
+      mode: AppModeEnum.CHAT,
+      access_mode: AccessMode.SPECIFIC_GROUPS_MEMBERS,
+      site: {
+        app_base_url: 'https://example.com',
+        access_token: 'token-1',
+      },
+    }
+    mockFetchInstalledAppList.mockResolvedValue({
+      installed_apps: [{ id: 'installed-1' }],
+    })
+    mockFetchAppDetailDirect.mockResolvedValue({
+      id: 'app-1',
+      access_mode: AccessMode.PUBLIC,
+    })
+    mockOpenAsyncWindow.mockImplementation(async (resolver: () => Promise<string>) => {
+      await resolver()
+    })
+  })
+
+  it('should open the publish popover and refetch access permission data', async () => {
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+        onToggle={mockOnToggle}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.publish'))
+
+    expect(screen.getByText('publisher-summary-publish')).toBeInTheDocument()
+    expect(mockOnToggle).toHaveBeenCalledWith(true)
+
+    await waitFor(() => {
+      expect(mockRefetch).toHaveBeenCalledTimes(1)
+    })
+  })
+
+  it('should publish and track the publish event', async () => {
+    mockOnPublish.mockResolvedValue(undefined)
+
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+        onPublish={mockOnPublish}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-summary-publish'))
+
+    await waitFor(() => {
+      expect(mockOnPublish).toHaveBeenCalledTimes(1)
+      expect(mockTrackEvent).toHaveBeenCalledWith('app_published_time', expect.objectContaining({
+        action_mode: 'app',
+        app_id: 'app-1',
+        app_name: 'Demo App',
+      }))
+    })
+  })
+
+  it('should open the embedded modal from the actions section', () => {
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-embed'))
+
+    expect(screen.getByTestId('embedded-modal')).toBeInTheDocument()
+  })
+
+  it('should close embedded and access control panels through child callbacks', async () => {
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-embed'))
+    fireEvent.click(screen.getByText('close-embedded-modal'))
+    expect(screen.queryByTestId('embedded-modal')).not.toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-access-control'))
+    expect(screen.getByTestId('access-control')).toBeInTheDocument()
+    fireEvent.click(screen.getByText('close-access-control'))
+    expect(screen.queryByTestId('access-control')).not.toBeInTheDocument()
+  })
+
+  it('should refresh app detail after access control confirmation', async () => {
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-access-control'))
+
+    expect(screen.getByTestId('access-control')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('confirm-access-control'))
+
+    await waitFor(() => {
+      expect(mockFetchAppDetailDirect).toHaveBeenCalledWith({ url: '/apps', id: 'app-1' })
+      expect(mockSetAppDetail).toHaveBeenCalledWith({
+        id: 'app-1',
+        access_mode: AccessMode.PUBLIC,
+      })
+    })
+  })
+
+  it('should open the installed explore page through the async window helper', async () => {
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-open-in-explore'))
+
+    await waitFor(() => {
+      expect(mockOpenAsyncWindow).toHaveBeenCalledTimes(1)
+      expect(mockFetchInstalledAppList).toHaveBeenCalledWith('app-1')
+      expect(sectionProps.actions?.appURL).toBe(`https://example.com${basePath}/chat/token-1`)
+    })
+  })
+
+  it('should ignore the trigger when the publish button is disabled', () => {
+    render(
+      <AppPublisher
+        disabled
+        publishedAt={Date.now()}
+        onToggle={mockOnToggle}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.publish').parentElement?.parentElement as HTMLElement)
+
+    expect(screen.queryByText('publisher-summary-publish')).not.toBeInTheDocument()
+    expect(mockOnToggle).not.toHaveBeenCalled()
+  })
+
+  it('should publish from the keyboard shortcut and restore the popover state', async () => {
+    const preventDefault = vi.fn()
+    const onRestore = vi.fn().mockResolvedValue(undefined)
+    mockOnPublish.mockResolvedValue(undefined)
+
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+        onPublish={mockOnPublish}
+        onRestore={onRestore}
+      />,
+    )
+
+    ahooksMocks.keyPressHandlers[0]({ preventDefault })
+
+    await waitFor(() => {
+      expect(preventDefault).toHaveBeenCalled()
+      expect(mockOnPublish).toHaveBeenCalledTimes(1)
+    })
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-summary-restore'))
+
+    await waitFor(() => {
+      expect(onRestore).toHaveBeenCalledTimes(1)
+    })
+    expect(screen.queryByText('publisher-summary-publish')).not.toBeInTheDocument()
+  })
+
+  it('should keep the popover open when restore fails and reset published state after publish failures', async () => {
+    const preventDefault = vi.fn()
+    const onRestore = vi.fn().mockRejectedValue(new Error('restore failed'))
+    mockOnPublish.mockRejectedValueOnce(new Error('publish failed'))
+
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+        onPublish={mockOnPublish}
+        onRestore={onRestore}
+      />,
+    )
+
+    ahooksMocks.keyPressHandlers[0]({ preventDefault })
+
+    await waitFor(() => {
+      expect(preventDefault).toHaveBeenCalled()
+      expect(mockOnPublish).toHaveBeenCalledTimes(1)
+    })
+    expect(mockTrackEvent).not.toHaveBeenCalled()
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-summary-restore'))
+
+    await waitFor(() => {
+      expect(onRestore).toHaveBeenCalledTimes(1)
+    })
+    expect(screen.getByText('publisher-summary-publish')).toBeInTheDocument()
+  })
+
+  it('should report missing explore installations', async () => {
+    mockFetchInstalledAppList.mockResolvedValueOnce({
+      installed_apps: [],
+    })
+    mockOpenAsyncWindow.mockImplementation(async (resolver: () => Promise<string>, options: { onError: (error: Error) => void }) => {
+      try {
+        await resolver()
+      }
+      catch (error) {
+        options.onError(error as Error)
+      }
+    })
+
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-open-in-explore'))
+
+    await waitFor(() => {
+      expect(mockToastError).toHaveBeenCalledWith('No app found in Explore')
+    })
+  })
+
+  it('should report explore errors when the app cannot be opened', async () => {
+    mockAppDetail = {
+      ...mockAppDetail,
+      id: undefined,
+    }
+    mockOpenAsyncWindow.mockImplementation(async (resolver: () => Promise<string>, options: { onError: (error: Error) => void }) => {
+      try {
+        await resolver()
+      }
+      catch (error) {
+        options.onError(error as Error)
+      }
+    })
+
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-open-in-explore'))
+
+    await waitFor(() => {
+      expect(mockToastError).toHaveBeenCalledWith('App not found')
+    })
+  })
+
+  it('should keep access control open when app detail is unavailable during confirmation', async () => {
+    mockAppDetail = null
+
+    render(
+      <AppPublisher
+        publishedAt={Date.now()}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.publish'))
+    fireEvent.click(screen.getByText('publisher-access-control'))
+    fireEvent.click(screen.getByText('confirm-access-control'))
+
+    await waitFor(() => {
+      expect(mockFetchAppDetailDirect).not.toHaveBeenCalled()
+    })
+    expect(screen.getByTestId('access-control')).toBeInTheDocument()
+  })
+})
diff --git a/web/app/components/app/app-publisher/__tests__/publish-with-multiple-model.spec.tsx b/web/app/components/app/app-publisher/__tests__/publish-with-multiple-model.spec.tsx
new file mode 100644
index 0000000000..f476d8b188
--- /dev/null
+++ b/web/app/components/app/app-publisher/__tests__/publish-with-multiple-model.spec.tsx
@@ -0,0 +1,110 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import * as React from 'react'
+import PublishWithMultipleModel from '../publish-with-multiple-model'
+
+const mockUseProviderContext = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/context/provider-context', () => ({
+  useProviderContext: () => mockUseProviderContext(),
+}))
+
+vi.mock('@/app/components/header/account-setting/model-provider-page/hooks', () => ({
+  useLanguage: () => 'en_US',
+}))
+
+vi.mock('../../header/account-setting/model-provider-page/model-icon', () => ({
+  default: ({ modelName }: { modelName: string }) => <span data-testid="model-icon">{modelName}</span>,
+}))
+
+vi.mock('@/app/components/base/portal-to-follow-elem', async () => {
+  const ReactModule = await vi.importActual<typeof import('react')>('react')
+  const OpenContext = ReactModule.createContext(false)
+
+  return {
+    PortalToFollowElem: ({ children, open }: { children: React.ReactNode, open: boolean }) => (
+      <OpenContext.Provider value={open}>
+        <div data-testid="portal-root">{children}</div>
+      </OpenContext.Provider>
+    ),
+    PortalToFollowElemTrigger: ({ children, onClick, className }: { children: React.ReactNode, onClick?: () => void, className?: string }) => (
+      <div className={className} onClick={onClick}>
+        {children}
+      </div>
+    ),
+    PortalToFollowElemContent: ({ children, className }: { children: React.ReactNode, className?: string }) => {
+      const open = ReactModule.useContext(OpenContext)
+      return open ? <div className={className}>{children}</div> : null
+    },
+  }
+})
+
+describe('PublishWithMultipleModel', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockUseProviderContext.mockReturnValue({
+      textGenerationModelList: [
+        {
+          provider: 'openai',
+          models: [
+            {
+              model: 'gpt-4o',
+              label: {
+                en_US: 'GPT-4o',
+              },
+            },
+          ],
+        },
+      ],
+    })
+  })
+
+  it('should disable the trigger when no valid model configuration is available', () => {
+    render(
+      <PublishWithMultipleModel
+        multipleModelConfigs={[
+          {
+            id: 'config-1',
+            provider: 'anthropic',
+            model: 'claude-3',
+            parameters: {},
+          },
+        ]}
+        onSelect={vi.fn()}
+      />,
+    )
+
+    expect(screen.getByRole('button', { name: 'operation.applyConfig' })).toBeDisabled()
+    expect(screen.queryByText('publishAs')).not.toBeInTheDocument()
+  })
+
+  it('should open matching model options and call onSelect', () => {
+    const handleSelect = vi.fn()
+    const modelConfig = {
+      id: 'config-1',
+      provider: 'openai',
+      model: 'gpt-4o',
+      parameters: { temperature: 0.7 },
+    }
+
+    render(
+      <PublishWithMultipleModel
+        multipleModelConfigs={[modelConfig]}
+        onSelect={handleSelect}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'operation.applyConfig' }))
+
+    expect(screen.getByText('publishAs')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('GPT-4o'))
+
+    expect(handleSelect).toHaveBeenCalledWith(expect.objectContaining(modelConfig))
+  })
+})
diff --git a/web/app/components/app/app-publisher/__tests__/sections.spec.tsx b/web/app/components/app/app-publisher/__tests__/sections.spec.tsx
new file mode 100644
index 0000000000..57e7a55b13
--- /dev/null
+++ b/web/app/components/app/app-publisher/__tests__/sections.spec.tsx
@@ -0,0 +1,266 @@
+/* eslint-disable ts/no-explicit-any */
+import type { ReactNode } from 'react'
+import { fireEvent, render, screen } from '@testing-library/react'
+import { AccessMode } from '@/models/access-control'
+import { AppModeEnum } from '@/types/app'
+import { AccessModeDisplay, PublisherAccessSection, PublisherActionsSection, PublisherSummarySection } from '../sections'
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('../publish-with-multiple-model', () => ({
+  default: ({ onSelect }: { onSelect: (item: Record<string, unknown>) => void }) => (
+    <button type="button" onClick={() => onSelect({ model: 'gpt-4o' })}>publish-multiple-model</button>
+  ),
+}))
+
+vi.mock('../suggested-action', () => ({
+  default: ({ children, onClick, link, disabled }: { children: ReactNode, onClick?: () => void, link?: string, disabled?: boolean }) => (
+    <button type="button" data-link={link} disabled={disabled} onClick={onClick}>{children}</button>
+  ),
+}))
+
+vi.mock('@/app/components/tools/workflow-tool/configure-button', () => ({
+  default: (props: Record<string, unknown>) => (
+    <div>
+      workflow-tool-configure
+      <span>{String(props.disabledReason || '')}</span>
+    </div>
+  ),
+}))
+
+describe('app-publisher sections', () => {
+  it('should render restore controls for published chat apps', () => {
+    const handleRestore = vi.fn()
+
+    render(
+      <PublisherSummarySection
+        debugWithMultipleModel={false}
+        draftUpdatedAt={Date.now()}
+        formatTimeFromNow={() => '3 minutes ago'}
+        handlePublish={vi.fn()}
+        handleRestore={handleRestore}
+        isChatApp
+        multipleModelConfigs={[]}
+        publishDisabled={false}
+        published={false}
+        publishedAt={Date.now()}
+        publishShortcut={['ctrl', '⇧', 'P']}
+        startNodeLimitExceeded={false}
+        upgradeHighlightStyle={{}}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.restore'))
+    expect(handleRestore).toHaveBeenCalled()
+  })
+
+  it('should expose the access control warning when subjects are missing', () => {
+    render(
+      <PublisherAccessSection
+        enabled
+        isAppAccessSet={false}
+        isLoading={false}
+        accessMode={AccessMode.SPECIFIC_GROUPS_MEMBERS}
+        onClick={vi.fn()}
+      />,
+    )
+
+    expect(screen.getByText('publishApp.notSet')).toBeInTheDocument()
+    expect(screen.getByText('publishApp.notSetDesc')).toBeInTheDocument()
+  })
+
+  it('should render the publish update action when the draft has not been published yet', () => {
+    render(
+      <PublisherSummarySection
+        debugWithMultipleModel={false}
+        draftUpdatedAt={Date.now()}
+        formatTimeFromNow={() => '1 minute ago'}
+        handlePublish={vi.fn()}
+        handleRestore={vi.fn()}
+        isChatApp={false}
+        multipleModelConfigs={[]}
+        publishDisabled={false}
+        published={false}
+        publishedAt={undefined}
+        publishShortcut={['ctrl', '⇧', 'P']}
+        startNodeLimitExceeded={false}
+        upgradeHighlightStyle={{}}
+      />,
+    )
+
+    expect(screen.getByText('common.publishUpdate')).toBeInTheDocument()
+  })
+
+  it('should render multiple-model publishing', () => {
+    const handlePublish = vi.fn()
+
+    render(
+      <PublisherSummarySection
+        debugWithMultipleModel
+        draftUpdatedAt={Date.now()}
+        formatTimeFromNow={() => '1 minute ago'}
+        handlePublish={handlePublish}
+        handleRestore={vi.fn()}
+        isChatApp={false}
+        multipleModelConfigs={[{ id: '1' } as any]}
+        publishDisabled={false}
+        published={false}
+        publishedAt={undefined}
+        publishShortcut={['ctrl', '⇧', 'P']}
+        startNodeLimitExceeded={false}
+        upgradeHighlightStyle={{}}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('publish-multiple-model'))
+
+    expect(handlePublish).toHaveBeenCalledWith({ model: 'gpt-4o' })
+  })
+
+  it('should render the upgrade hint when the start node limit is exceeded', () => {
+    render(
+      <PublisherSummarySection
+        debugWithMultipleModel={false}
+        draftUpdatedAt={Date.now()}
+        formatTimeFromNow={() => '1 minute ago'}
+        handlePublish={vi.fn()}
+        handleRestore={vi.fn()}
+        isChatApp={false}
+        multipleModelConfigs={[]}
+        publishDisabled={false}
+        published={false}
+        publishedAt={undefined}
+        publishShortcut={['ctrl', '⇧', 'P']}
+        startNodeLimitExceeded
+        upgradeHighlightStyle={{}}
+      />,
+    )
+
+    expect(screen.getByText('publishLimit.startNodeDesc')).toBeInTheDocument()
+  })
+
+  it('should render loading access state and access mode labels when enabled', () => {
+    const { rerender } = render(
+      <PublisherAccessSection
+        enabled
+        isAppAccessSet
+        isLoading
+        accessMode={AccessMode.PUBLIC}
+        onClick={vi.fn()}
+      />,
+    )
+
+    expect(document.querySelector('.spin-animation')).toBeInTheDocument()
+
+    rerender(
+      <PublisherAccessSection
+        enabled
+        isAppAccessSet
+        isLoading={false}
+        accessMode={AccessMode.PUBLIC}
+        onClick={vi.fn()}
+      />,
+    )
+
+    expect(screen.getByText('accessControlDialog.accessItems.anyone')).toBeInTheDocument()
+    expect(render(<AccessModeDisplay />).container).toBeEmptyDOMElement()
+  })
+
+  it('should render workflow actions, batch run links, and workflow tool configuration', () => {
+    const handleOpenInExplore = vi.fn()
+    const handleEmbed = vi.fn()
+
+    const { rerender } = render(
+      <PublisherActionsSection
+        appDetail={{
+          id: 'workflow-app',
+          mode: AppModeEnum.WORKFLOW,
+          icon: '⚙️',
+          icon_type: 'emoji',
+          icon_background: '#fff',
+          name: 'Workflow App',
+          description: 'Workflow description',
+        }}
+        appURL="https://example.com/app"
+        disabledFunctionButton={false}
+        disabledFunctionTooltip="disabled"
+        handleEmbed={handleEmbed}
+        handleOpenInExplore={handleOpenInExplore}
+        handlePublish={vi.fn()}
+        hasHumanInputNode={false}
+        hasTriggerNode={false}
+        inputs={[]}
+        missingStartNode={false}
+        onRefreshData={vi.fn()}
+        outputs={[]}
+        published={true}
+        publishedAt={Date.now()}
+        toolPublished
+        workflowToolAvailable={false}
+        workflowToolMessage="workflow-disabled"
+      />,
+    )
+
+    expect(screen.getByText('common.batchRunApp')).toHaveAttribute('data-link', 'https://example.com/app?mode=batch')
+    fireEvent.click(screen.getByText('common.openInExplore'))
+    expect(handleOpenInExplore).toHaveBeenCalled()
+    expect(screen.getByText('workflow-tool-configure')).toBeInTheDocument()
+    expect(screen.getByText('workflow-disabled')).toBeInTheDocument()
+
+    rerender(
+      <PublisherActionsSection
+        appDetail={{
+          id: 'chat-app',
+          mode: AppModeEnum.CHAT,
+          name: 'Chat App',
+        }}
+        appURL="https://example.com/app?foo=bar"
+        disabledFunctionButton
+        disabledFunctionTooltip="disabled"
+        handleEmbed={handleEmbed}
+        handleOpenInExplore={handleOpenInExplore}
+        handlePublish={vi.fn()}
+        hasHumanInputNode={false}
+        hasTriggerNode={false}
+        inputs={[]}
+        missingStartNode
+        onRefreshData={vi.fn()}
+        outputs={[]}
+        published={false}
+        publishedAt={Date.now()}
+        toolPublished={false}
+        workflowToolAvailable
+      />,
+    )
+
+    fireEvent.click(screen.getByText('common.embedIntoSite'))
+    expect(handleEmbed).toHaveBeenCalled()
+    expect(screen.getByText('common.accessAPIReference')).toBeDisabled()
+
+    rerender(
+      <PublisherActionsSection
+        appDetail={{ id: 'trigger-app', mode: AppModeEnum.WORKFLOW }}
+        appURL="https://example.com/app"
+        disabledFunctionButton={false}
+        handleEmbed={handleEmbed}
+        handleOpenInExplore={handleOpenInExplore}
+        handlePublish={vi.fn()}
+        hasHumanInputNode={false}
+        hasTriggerNode
+        inputs={[]}
+        missingStartNode={false}
+        outputs={[]}
+        published={false}
+        publishedAt={undefined}
+        toolPublished={false}
+        workflowToolAvailable
+      />,
+    )
+
+    expect(screen.queryByText('common.runApp')).not.toBeInTheDocument()
+  })
+})
diff --git a/web/app/components/app/app-publisher/__tests__/suggested-action.spec.tsx b/web/app/components/app/app-publisher/__tests__/suggested-action.spec.tsx
new file mode 100644
index 0000000000..ea199dfb78
--- /dev/null
+++ b/web/app/components/app/app-publisher/__tests__/suggested-action.spec.tsx
@@ -0,0 +1,49 @@
+import type { MouseEvent as ReactMouseEvent } from 'react'
+import { fireEvent, render, screen } from '@testing-library/react'
+import SuggestedAction from '../suggested-action'
+
+describe('SuggestedAction', () => {
+  it('should render an enabled external link', () => {
+    render(
+      <SuggestedAction link="https://example.com/docs">
+        Open docs
+      </SuggestedAction>,
+    )
+
+    const link = screen.getByRole('link', { name: 'Open docs' })
+    expect(link).toHaveAttribute('href', 'https://example.com/docs')
+    expect(link).toHaveAttribute('target', '_blank')
+  })
+
+  it('should block clicks when disabled', () => {
+    const handleClick = vi.fn()
+
+    render(
+      <SuggestedAction link="https://example.com/docs" disabled onClick={handleClick}>
+        Disabled action
+      </SuggestedAction>,
+    )
+
+    const link = screen.getByText('Disabled action').closest('a') as HTMLAnchorElement
+    fireEvent.click(link)
+
+    expect(link).not.toHaveAttribute('href')
+    expect(handleClick).not.toHaveBeenCalled()
+  })
+
+  it('should forward click events when enabled', () => {
+    const handleClick = vi.fn((event: ReactMouseEvent<HTMLAnchorElement>) => {
+      event.preventDefault()
+    })
+
+    render(
+      <SuggestedAction link="https://example.com/docs" onClick={handleClick}>
+        Enabled action
+      </SuggestedAction>,
+    )
+
+    fireEvent.click(screen.getByRole('link', { name: 'Enabled action' }))
+
+    expect(handleClick).toHaveBeenCalledTimes(1)
+  })
+})
diff --git a/web/app/components/app/app-publisher/__tests__/utils.spec.ts b/web/app/components/app/app-publisher/__tests__/utils.spec.ts
new file mode 100644
index 0000000000..9f191ce514
--- /dev/null
+++ b/web/app/components/app/app-publisher/__tests__/utils.spec.ts
@@ -0,0 +1,70 @@
+import type { TFunction } from 'i18next'
+import { AccessMode } from '@/models/access-control'
+import { AppModeEnum } from '@/types/app'
+import { basePath } from '@/utils/var'
+import {
+  getDisabledFunctionTooltip,
+  getPublisherAppMode,
+  getPublisherAppUrl,
+  isPublisherAccessConfigured,
+} from '../utils'
+
+describe('app-publisher utils', () => {
+  describe('getPublisherAppMode', () => {
+    it('should normalize chat-like apps to chat mode', () => {
+      expect(getPublisherAppMode(AppModeEnum.AGENT_CHAT)).toBe(AppModeEnum.CHAT)
+    })
+
+    it('should keep completion mode unchanged', () => {
+      expect(getPublisherAppMode(AppModeEnum.COMPLETION)).toBe(AppModeEnum.COMPLETION)
+    })
+  })
+
+  describe('getPublisherAppUrl', () => {
+    it('should build the published app url from site info', () => {
+      expect(getPublisherAppUrl({
+        appBaseUrl: 'https://example.com',
+        accessToken: 'token-1',
+        mode: AppModeEnum.CHAT,
+      })).toBe(`https://example.com${basePath}/chat/token-1`)
+    })
+  })
+
+  describe('isPublisherAccessConfigured', () => {
+    it('should require members or groups for specific access mode', () => {
+      expect(isPublisherAccessConfigured(
+        { access_mode: AccessMode.SPECIFIC_GROUPS_MEMBERS },
+        { groups: [], members: [] },
+      )).toBe(false)
+    })
+
+    it('should treat public access as configured', () => {
+      expect(isPublisherAccessConfigured(
+        { access_mode: AccessMode.PUBLIC },
+        { groups: [], members: [] },
+      )).toBe(true)
+    })
+  })
+
+  describe('getDisabledFunctionTooltip', () => {
+    const t = ((key: string) => key) as unknown as TFunction
+
+    it('should prioritize the unpublished hint', () => {
+      expect(getDisabledFunctionTooltip({
+        t,
+        publishedAt: undefined,
+        missingStartNode: false,
+        noAccessPermission: false,
+      })).toBe('notPublishedYet')
+    })
+
+    it('should return the access error when the app is published but blocked', () => {
+      expect(getDisabledFunctionTooltip({
+        t,
+        publishedAt: Date.now(),
+        missingStartNode: false,
+        noAccessPermission: true,
+      })).toBe('noAccessPermission')
+    })
+  })
+})
diff --git a/web/app/components/app/app-publisher/__tests__/version-info-modal.spec.tsx b/web/app/components/app/app-publisher/__tests__/version-info-modal.spec.tsx
new file mode 100644
index 0000000000..fa8b1c92fc
--- /dev/null
+++ b/web/app/components/app/app-publisher/__tests__/version-info-modal.spec.tsx
@@ -0,0 +1,128 @@
+/* eslint-disable ts/no-explicit-any */
+import { fireEvent, render, screen } from '@testing-library/react'
+import { toast } from '@/app/components/base/ui/toast'
+import VersionInfoModal from '../version-info-modal'
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    error: vi.fn(),
+  },
+}))
+
+describe('VersionInfoModal', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should prefill the fields from the current version info', () => {
+    render(
+      <VersionInfoModal
+        isOpen
+        versionInfo={{
+          id: 'version-1',
+          marked_name: 'Release 1',
+          marked_comment: 'Initial release',
+        } as any}
+        onClose={vi.fn()}
+        onPublish={vi.fn()}
+      />,
+    )
+
+    expect(screen.getByDisplayValue('Release 1')).toBeInTheDocument()
+    expect(screen.getByDisplayValue('Initial release')).toBeInTheDocument()
+  })
+
+  it('should reject overlong titles', () => {
+    const handlePublish = vi.fn()
+
+    render(
+      <VersionInfoModal
+        isOpen
+        onClose={vi.fn()}
+        onPublish={handlePublish}
+      />,
+    )
+
+    const [titleInput] = screen.getAllByRole('textbox')
+    fireEvent.change(titleInput, { target: { value: 'a'.repeat(16) } })
+    fireEvent.click(screen.getByRole('button', { name: 'common.publish' }))
+
+    expect(toast.error).toHaveBeenCalledWith('versionHistory.editField.titleLengthLimit')
+    expect(handlePublish).not.toHaveBeenCalled()
+  })
+
+  it('should publish valid values and close the modal', () => {
+    const handlePublish = vi.fn()
+    const handleClose = vi.fn()
+
+    render(
+      <VersionInfoModal
+        isOpen
+        versionInfo={{
+          id: 'version-2',
+          marked_name: 'Old title',
+          marked_comment: 'Old notes',
+        } as any}
+        onClose={handleClose}
+        onPublish={handlePublish}
+      />,
+    )
+
+    const [titleInput, notesInput] = screen.getAllByRole('textbox')
+    fireEvent.change(titleInput, { target: { value: 'Release 2' } })
+    fireEvent.change(notesInput, { target: { value: 'Updated notes' } })
+    fireEvent.click(screen.getByRole('button', { name: 'common.publish' }))
+
+    expect(handlePublish).toHaveBeenCalledWith({
+      title: 'Release 2',
+      releaseNotes: 'Updated notes',
+      id: 'version-2',
+    })
+    expect(handleClose).toHaveBeenCalledTimes(1)
+  })
+
+  it('should validate release note length and clear previous errors before publishing', () => {
+    const handlePublish = vi.fn()
+    const handleClose = vi.fn()
+
+    render(
+      <VersionInfoModal
+        isOpen
+        versionInfo={{
+          id: 'version-3',
+          marked_name: 'Old title',
+          marked_comment: 'Old notes',
+        } as any}
+        onClose={handleClose}
+        onPublish={handlePublish}
+      />,
+    )
+
+    const [titleInput, notesInput] = screen.getAllByRole('textbox')
+
+    fireEvent.change(titleInput, { target: { value: 'a'.repeat(16) } })
+    fireEvent.click(screen.getByRole('button', { name: 'common.publish' }))
+    expect(toast.error).toHaveBeenCalledWith('versionHistory.editField.titleLengthLimit')
+
+    fireEvent.change(titleInput, { target: { value: 'Release 3' } })
+    fireEvent.change(notesInput, { target: { value: 'b'.repeat(101) } })
+    fireEvent.click(screen.getByRole('button', { name: 'common.publish' }))
+    expect(toast.error).toHaveBeenCalledWith('versionHistory.editField.releaseNotesLengthLimit')
+
+    fireEvent.change(notesInput, { target: { value: 'Stable release notes' } })
+    fireEvent.click(screen.getByRole('button', { name: 'common.publish' }))
+
+    expect(handlePublish).toHaveBeenCalledWith({
+      title: 'Release 3',
+      releaseNotes: 'Stable release notes',
+      id: 'version-3',
+    })
+    expect(handleClose).toHaveBeenCalledTimes(1)
+  })
+})
diff --git a/web/app/components/app/app-publisher/index.tsx b/web/app/components/app/app-publisher/index.tsx
index 0b5f629829..8792a1c507 100644
--- a/web/app/components/app/app-publisher/index.tsx
+++ b/web/app/components/app/app-publisher/index.tsx
@@ -1,6 +1,5 @@
 import type { ModelAndParameter } from '../configuration/debug/types'
 import type { InputVar, Variable } from '@/app/components/workflow/types'
-import type { I18nKeysByPrefix } from '@/types/i18n'
 import type { PublishWorkflowParams } from '@/types/workflow'
 import { useKeyPress } from 'ahooks'
 import {
@@ -15,15 +14,11 @@ import EmbeddedModal from '@/app/components/app/overview/embedded'
 import { useStore as useAppStore } from '@/app/components/app/store'
 import { trackEvent } from '@/app/components/base/amplitude'
 import Button from '@/app/components/base/button'
-import { CodeBrowser } from '@/app/components/base/icons/src/vender/line/development'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
-import UpgradeBtn from '@/app/components/billing/upgrade-btn'
-import WorkflowToolConfigureButton from '@/app/components/tools/workflow-tool/configure-button'
-import { appDefaultIconBackground } from '@/config'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import { useAsyncWindowOpen } from '@/hooks/use-async-window-open'
 import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
@@ -33,54 +28,19 @@ import { fetchAppDetailDirect } from '@/service/apps'
 import { fetchInstalledAppList } from '@/service/explore'
 import { AppModeEnum } from '@/types/app'
 import { basePath } from '@/utils/var'
-import Divider from '../../base/divider'
-import Loading from '../../base/loading'
-import Tooltip from '../../base/tooltip'
 import { toast } from '../../base/ui/toast'
-import ShortcutsName from '../../workflow/shortcuts-name'
 import { getKeyboardKeyCodeBySystem } from '../../workflow/utils'
 import AccessControl from '../app-access-control'
-import PublishWithMultipleModel from './publish-with-multiple-model'
-import SuggestedAction from './suggested-action'
-
-type AccessModeLabel = I18nKeysByPrefix<'app', 'accessControlDialog.accessItems.'>
-
-const ACCESS_MODE_MAP: Record<AccessMode, { label: AccessModeLabel, icon: string }> = {
-  [AccessMode.ORGANIZATION]: {
-    label: 'organization',
-    icon: 'i-ri-building-line',
-  },
-  [AccessMode.SPECIFIC_GROUPS_MEMBERS]: {
-    label: 'specific',
-    icon: 'i-ri-lock-line',
-  },
-  [AccessMode.PUBLIC]: {
-    label: 'anyone',
-    icon: 'i-ri-global-line',
-  },
-  [AccessMode.EXTERNAL_MEMBERS]: {
-    label: 'external',
-    icon: 'i-ri-verified-badge-line',
-  },
-}
-
-const AccessModeDisplay: React.FC<{ mode?: AccessMode }> = ({ mode }) => {
-  const { t } = useTranslation()
-
-  if (!mode || !ACCESS_MODE_MAP[mode])
-    return null
-
-  const { icon, label } = ACCESS_MODE_MAP[mode]
-
-  return (
-    <>
-      <span className={`${icon} h-4 w-4 shrink-0 text-text-secondary`} />
-      <div className="grow truncate">
-        <span className="text-text-secondary system-sm-medium">{t(`accessControlDialog.accessItems.${label}`, { ns: 'app' })}</span>
-      </div>
-    </>
-  )
-}
+import {
+  PublisherAccessSection,
+  PublisherActionsSection,
+  PublisherSummarySection,
+} from './sections'
+import {
+  getDisabledFunctionTooltip,
+  getPublisherAppUrl,
+  isPublisherAccessConfigured,
+} from './utils'
 
 export type AppPublisherProps = {
   disabled?: boolean
@@ -143,32 +103,28 @@ const AppPublisher = ({
   const { formatTimeFromNow } = useFormatTimeFromNow()
   const { app_base_url: appBaseURL = '', access_token: accessToken = '' } = appDetail?.site ?? {}
 
-  const appMode = (appDetail?.mode !== AppModeEnum.COMPLETION && appDetail?.mode !== AppModeEnum.WORKFLOW) ? AppModeEnum.CHAT : appDetail.mode
-  const appURL = `${appBaseURL}${basePath}/${appMode}/${accessToken}`
+  const appURL = getPublisherAppUrl({ appBaseUrl: appBaseURL, accessToken, mode: appDetail?.mode })
   const isChatApp = [AppModeEnum.CHAT, AppModeEnum.AGENT_CHAT, AppModeEnum.COMPLETION].includes(appDetail?.mode || AppModeEnum.CHAT)
 
   const { data: userCanAccessApp, isLoading: isGettingUserCanAccessApp, refetch } = useGetUserCanAccessApp({ appId: appDetail?.id, enabled: false })
   const { data: appAccessSubjects, isLoading: isGettingAppWhiteListSubjects } = useAppWhiteListSubjects(appDetail?.id, open && systemFeatures.webapp_auth.enabled && appDetail?.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS)
   const openAsyncWindow = useAsyncWindowOpen()
 
-  const isAppAccessSet = useMemo(() => {
-    if (appDetail && appAccessSubjects) {
-      return !(appDetail.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS && appAccessSubjects.groups?.length === 0 && appAccessSubjects.members?.length === 0)
-    }
-    return true
-  }, [appAccessSubjects, appDetail])
+  const isAppAccessSet = useMemo(() => isPublisherAccessConfigured(appDetail, appAccessSubjects), [appAccessSubjects, appDetail])
 
-  const noAccessPermission = useMemo(() => systemFeatures.webapp_auth.enabled && appDetail && appDetail.access_mode !== AccessMode.EXTERNAL_MEMBERS && !userCanAccessApp?.result, [systemFeatures, appDetail, userCanAccessApp])
+  const noAccessPermission = useMemo(() => Boolean(
+    systemFeatures.webapp_auth.enabled
+    && appDetail
+    && appDetail.access_mode !== AccessMode.EXTERNAL_MEMBERS
+    && !userCanAccessApp?.result,
+  ), [systemFeatures, appDetail, userCanAccessApp])
   const disabledFunctionButton = useMemo(() => (!publishedAt || missingStartNode || noAccessPermission), [publishedAt, missingStartNode, noAccessPermission])
-
-  const disabledFunctionTooltip = useMemo(() => {
-    if (!publishedAt)
-      return t('notPublishedYet', { ns: 'app' })
-    if (missingStartNode)
-      return t('noUserInputNode', { ns: 'app' })
-    if (noAccessPermission)
-      return t('noAccessPermission', { ns: 'app' })
-  }, [missingStartNode, noAccessPermission, publishedAt, t])
+  const disabledFunctionTooltip = useMemo(() => getDisabledFunctionTooltip({
+    t,
+    publishedAt,
+    missingStartNode,
+    noAccessPermission,
+  }), [missingStartNode, noAccessPermission, publishedAt, t])
 
   useEffect(() => {
     if (systemFeatures.webapp_auth.enabled && open && appDetail)
@@ -244,9 +200,9 @@ const AppPublisher = ({
   }, { exactMatch: true, useCapture: true })
 
   const hasPublishedVersion = !!publishedAt
-  const workflowToolDisabled = !hasPublishedVersion || !workflowToolAvailable
-  const workflowToolMessage = workflowToolDisabled ? t('common.workflowAsToolDisabledHint', { ns: 'workflow' }) : undefined
-  const showStartNodeLimitHint = Boolean(startNodeLimitExceeded)
+  const workflowToolMessage = !hasPublishedVersion || !workflowToolAvailable
+    ? t('common.workflowAsToolDisabledHint', { ns: 'workflow' })
+    : undefined
   const upgradeHighlightStyle = useMemo(() => ({
     background: 'linear-gradient(97deg, var(--components-input-border-active-prompt-1, rgba(11, 165, 236, 0.95)) -3.64%, var(--components-input-border-active-prompt-2, rgba(21, 90, 239, 0.95)) 45.14%)',
     WebkitBackgroundClip: 'text',
@@ -277,199 +233,51 @@ const AppPublisher = ({
         </PortalToFollowElemTrigger>
         <PortalToFollowElemContent className="z-11">
           <div className="w-[320px] rounded-2xl border-[0.5px] border-components-panel-border bg-components-panel-bg shadow-xl shadow-shadow-shadow-5">
-            <div className="p-4 pt-3">
-              <div className="flex h-6 items-center text-text-tertiary system-xs-medium-uppercase">
-                {publishedAt ? t('common.latestPublished', { ns: 'workflow' }) : t('common.currentDraftUnpublished', { ns: 'workflow' })}
-              </div>
-              {publishedAt
-                ? (
-                    <div className="flex items-center justify-between">
-                      <div className="flex items-center text-text-secondary system-sm-medium">
-                        {t('common.publishedAt', { ns: 'workflow' })}
-                        {' '}
-                        {formatTimeFromNow(publishedAt)}
-                      </div>
-                      {isChatApp && (
-                        <Button
-                          variant="secondary-accent"
-                          size="small"
-                          onClick={handleRestore}
-                          disabled={published}
-                        >
-                          {t('common.restore', { ns: 'workflow' })}
-                        </Button>
-                      )}
-                    </div>
-                  )
-                : (
-                    <div className="flex items-center text-text-secondary system-sm-medium">
-                      {t('common.autoSaved', { ns: 'workflow' })}
-                      {' '}
-                      ·
-                      {Boolean(draftUpdatedAt) && formatTimeFromNow(draftUpdatedAt!)}
-                    </div>
-                  )}
-              {debugWithMultipleModel
-                ? (
-                    <PublishWithMultipleModel
-                      multipleModelConfigs={multipleModelConfigs}
-                      onSelect={item => handlePublish(item)}
-                      // textGenerationModelList={textGenerationModelList}
-                    />
-                  )
-                : (
-                    <>
-                      <Button
-                        variant="primary"
-                        className="mt-3 w-full"
-                        onClick={() => handlePublish()}
-                        disabled={publishDisabled || published}
-                      >
-                        {
-                          published
-                            ? t('common.published', { ns: 'workflow' })
-                            : (
-                                <div className="flex gap-1">
-                                  <span>{t('common.publishUpdate', { ns: 'workflow' })}</span>
-                                  <ShortcutsName keys={PUBLISH_SHORTCUT} bgColor="white" />
-                                </div>
-                              )
-                        }
-                      </Button>
-                      {showStartNodeLimitHint && (
-                        <div className="mt-3 flex flex-col items-stretch">
-                          <p
-                            className="text-sm font-semibold leading-5 text-transparent"
-                            style={upgradeHighlightStyle}
-                          >
-                            <span className="block">{t('publishLimit.startNodeTitlePrefix', { ns: 'workflow' })}</span>
-                            <span className="block">{t('publishLimit.startNodeTitleSuffix', { ns: 'workflow' })}</span>
-                          </p>
-                          <p className="mt-1 text-xs leading-4 text-text-secondary">
-                            {t('publishLimit.startNodeDesc', { ns: 'workflow' })}
-                          </p>
-                          <UpgradeBtn
-                            isShort
-                            className="mb-[12px] mt-[9px] h-[32px] w-[93px] self-start"
-                          />
-                        </div>
-                      )}
-                    </>
-                  )}
-            </div>
-            {(systemFeatures.webapp_auth.enabled && (isGettingUserCanAccessApp || isGettingAppWhiteListSubjects))
-              ? <div className="py-2"><Loading /></div>
-              : (
-                  <>
-                    <Divider className="my-0" />
-                    {systemFeatures.webapp_auth.enabled && (
-                      <div className="p-4 pt-3">
-                        <div className="flex h-6 items-center">
-                          <p className="text-text-tertiary system-xs-medium">{t('publishApp.title', { ns: 'app' })}</p>
-                        </div>
-                        <div
-                          className="flex h-8 cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal py-1 pl-2.5 pr-2 hover:bg-primary-50 hover:text-text-accent"
-                          onClick={() => {
-                            setShowAppAccessControl(true)
-                          }}
-                        >
-                          <div className="flex grow items-center gap-x-1.5 overflow-hidden pr-1">
-                            <AccessModeDisplay mode={appDetail?.access_mode} />
-                          </div>
-                          {!isAppAccessSet && <p className="shrink-0 text-text-tertiary system-xs-regular">{t('publishApp.notSet', { ns: 'app' })}</p>}
-                          <div className="flex h-4 w-4 shrink-0 items-center justify-center">
-                            <span className="i-ri-arrow-right-s-line h-4 w-4 text-text-quaternary" />
-                          </div>
-                        </div>
-                        {!isAppAccessSet && <p className="mt-1 text-text-warning system-xs-regular">{t('publishApp.notSetDesc', { ns: 'app' })}</p>}
-                      </div>
-                    )}
-                    {
-                      // Hide run/batch run app buttons when there is a trigger node.
-                      !hasTriggerNode && (
-                        <div className="flex flex-col gap-y-1 border-t-[0.5px] border-t-divider-regular p-4 pt-3">
-                          <Tooltip triggerClassName="flex" disabled={!disabledFunctionButton} popupContent={disabledFunctionTooltip} asChild={false}>
-                            <SuggestedAction
-                              className="flex-1"
-                              disabled={disabledFunctionButton}
-                              link={appURL}
-                              icon={<span className="i-ri-play-circle-line h-4 w-4" />}
-                            >
-                              {t('common.runApp', { ns: 'workflow' })}
-                            </SuggestedAction>
-                          </Tooltip>
-                          {appDetail?.mode === AppModeEnum.WORKFLOW || appDetail?.mode === AppModeEnum.COMPLETION
-                            ? (
-                                <Tooltip triggerClassName="flex" disabled={!disabledFunctionButton} popupContent={disabledFunctionTooltip} asChild={false}>
-                                  <SuggestedAction
-                                    className="flex-1"
-                                    disabled={disabledFunctionButton}
-                                    link={`${appURL}${appURL.includes('?') ? '&' : '?'}mode=batch`}
-                                    icon={<span className="i-ri-play-list-2-line h-4 w-4" />}
-                                  >
-                                    {t('common.batchRunApp', { ns: 'workflow' })}
-                                  </SuggestedAction>
-                                </Tooltip>
-                              )
-                            : (
-                                <SuggestedAction
-                                  onClick={() => {
-                                    setEmbeddingModalOpen(true)
-                                    handleTrigger()
-                                  }}
-                                  disabled={!publishedAt}
-                                  icon={<CodeBrowser className="h-4 w-4" />}
-                                >
-                                  {t('common.embedIntoSite', { ns: 'workflow' })}
-                                </SuggestedAction>
-                              )}
-                          <Tooltip triggerClassName="flex" disabled={!disabledFunctionButton} popupContent={disabledFunctionTooltip} asChild={false}>
-                            <SuggestedAction
-                              className="flex-1"
-                              onClick={() => {
-                                if (publishedAt)
-                                  handleOpenInExplore()
-                              }}
-                              disabled={disabledFunctionButton}
-                              icon={<span className="i-ri-planet-line h-4 w-4" />}
-                            >
-                              {t('common.openInExplore', { ns: 'workflow' })}
-                            </SuggestedAction>
-                          </Tooltip>
-                          <Tooltip triggerClassName="flex" disabled={!!publishedAt && !missingStartNode} popupContent={!publishedAt ? t('notPublishedYet', { ns: 'app' }) : t('noUserInputNode', { ns: 'app' })} asChild={false}>
-                            <SuggestedAction
-                              className="flex-1"
-                              disabled={!publishedAt || missingStartNode}
-                              link="./develop"
-                              icon={<span className="i-ri-terminal-box-line h-4 w-4" />}
-                            >
-                              {t('common.accessAPIReference', { ns: 'workflow' })}
-                            </SuggestedAction>
-                          </Tooltip>
-                          {appDetail?.mode === AppModeEnum.WORKFLOW && !hasHumanInputNode && (
-                            <WorkflowToolConfigureButton
-                              disabled={workflowToolDisabled}
-                              published={!!toolPublished}
-                              detailNeedUpdate={!!toolPublished && published}
-                              workflowAppId={appDetail?.id}
-                              icon={{
-                                content: (appDetail.icon_type === 'image' ? '🤖' : appDetail?.icon) || '🤖',
-                                background: (appDetail.icon_type === 'image' ? appDefaultIconBackground : appDetail?.icon_background) || appDefaultIconBackground,
-                              }}
-                              name={appDetail?.name}
-                              description={appDetail?.description}
-                              inputs={inputs}
-                              outputs={outputs}
-                              handlePublish={handlePublish}
-                              onRefreshData={onRefreshData}
-                              disabledReason={workflowToolMessage}
-                            />
-                          )}
-                        </div>
-                      )
-                    }
-                  </>
-                )}
+            <PublisherSummarySection
+              debugWithMultipleModel={debugWithMultipleModel}
+              draftUpdatedAt={draftUpdatedAt}
+              formatTimeFromNow={formatTimeFromNow}
+              handlePublish={handlePublish}
+              handleRestore={handleRestore}
+              isChatApp={isChatApp}
+              multipleModelConfigs={multipleModelConfigs}
+              publishDisabled={publishDisabled}
+              published={published}
+              publishedAt={publishedAt}
+              publishShortcut={PUBLISH_SHORTCUT}
+              startNodeLimitExceeded={startNodeLimitExceeded}
+              upgradeHighlightStyle={upgradeHighlightStyle}
+            />
+            <PublisherAccessSection
+              enabled={systemFeatures.webapp_auth.enabled}
+              isAppAccessSet={isAppAccessSet}
+              isLoading={Boolean(systemFeatures.webapp_auth.enabled && (isGettingUserCanAccessApp || isGettingAppWhiteListSubjects))}
+              accessMode={appDetail?.access_mode}
+              onClick={() => setShowAppAccessControl(true)}
+            />
+            <PublisherActionsSection
+              appDetail={appDetail}
+              appURL={appURL}
+              disabledFunctionButton={disabledFunctionButton}
+              disabledFunctionTooltip={disabledFunctionTooltip}
+              handleEmbed={() => {
+                setEmbeddingModalOpen(true)
+                handleTrigger()
+              }}
+              handleOpenInExplore={handleOpenInExplore}
+              handlePublish={handlePublish}
+              hasHumanInputNode={hasHumanInputNode}
+              hasTriggerNode={hasTriggerNode}
+              inputs={inputs}
+              missingStartNode={missingStartNode}
+              onRefreshData={onRefreshData}
+              outputs={outputs}
+              published={published}
+              publishedAt={publishedAt}
+              toolPublished={toolPublished}
+              workflowToolAvailable={workflowToolAvailable}
+              workflowToolMessage={workflowToolMessage}
+            />
           </div>
         </PortalToFollowElemContent>
         <EmbeddedModal
diff --git a/web/app/components/app/app-publisher/sections.tsx b/web/app/components/app/app-publisher/sections.tsx
new file mode 100644
index 0000000000..aa9af3bae0
--- /dev/null
+++ b/web/app/components/app/app-publisher/sections.tsx
@@ -0,0 +1,360 @@
+import type { CSSProperties, ReactNode } from 'react'
+import type { ModelAndParameter } from '../configuration/debug/types'
+import type { AppPublisherProps } from './index'
+import type { PublishWorkflowParams } from '@/types/workflow'
+import { useTranslation } from 'react-i18next'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import { CodeBrowser } from '@/app/components/base/icons/src/vender/line/development'
+import Loading from '@/app/components/base/loading'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/app/components/base/ui/tooltip'
+import UpgradeBtn from '@/app/components/billing/upgrade-btn'
+import WorkflowToolConfigureButton from '@/app/components/tools/workflow-tool/configure-button'
+import { appDefaultIconBackground } from '@/config'
+import { AppModeEnum } from '@/types/app'
+import ShortcutsName from '../../workflow/shortcuts-name'
+import PublishWithMultipleModel from './publish-with-multiple-model'
+import SuggestedAction from './suggested-action'
+import { ACCESS_MODE_MAP } from './utils'
+
+type SummarySectionProps = Pick<AppPublisherProps, | 'debugWithMultipleModel'
+  | 'draftUpdatedAt'
+  | 'multipleModelConfigs'
+  | 'publishDisabled'
+  | 'publishedAt'
+  | 'startNodeLimitExceeded'> & {
+    formatTimeFromNow: (value: number) => string
+    handlePublish: (params?: ModelAndParameter | PublishWorkflowParams) => Promise<void>
+    handleRestore: () => Promise<void>
+    isChatApp: boolean
+    published: boolean
+    publishShortcut: string[]
+    upgradeHighlightStyle: CSSProperties
+  }
+
+type AccessSectionProps = {
+  enabled: boolean
+  isAppAccessSet: boolean
+  isLoading: boolean
+  accessMode?: keyof typeof ACCESS_MODE_MAP
+  onClick: () => void
+}
+
+type ActionsSectionProps = Pick<AppPublisherProps, | 'hasHumanInputNode'
+  | 'hasTriggerNode'
+  | 'inputs'
+  | 'missingStartNode'
+  | 'onRefreshData'
+  | 'toolPublished'
+  | 'outputs'
+  | 'publishedAt'
+  | 'workflowToolAvailable'> & {
+    appDetail: {
+      id?: string
+      icon?: string
+      icon_type?: string | null
+      icon_background?: string | null
+      description?: string
+      mode?: AppModeEnum
+      name?: string
+    } | null | undefined
+    appURL: string
+    disabledFunctionButton: boolean
+    disabledFunctionTooltip?: string
+    handleEmbed: () => void
+    handleOpenInExplore: () => void
+    handlePublish: (params?: ModelAndParameter | PublishWorkflowParams) => Promise<void>
+    published: boolean
+    workflowToolMessage?: string
+  }
+
+export const AccessModeDisplay = ({ mode }: { mode?: keyof typeof ACCESS_MODE_MAP }) => {
+  const { t } = useTranslation()
+
+  if (!mode || !ACCESS_MODE_MAP[mode])
+    return null
+
+  const { icon, label } = ACCESS_MODE_MAP[mode]
+
+  return (
+    <>
+      <span className={`${icon} h-4 w-4 shrink-0 text-text-secondary`} />
+      <div className="grow truncate">
+        <span className="system-sm-medium text-text-secondary">{t(`accessControlDialog.accessItems.${label}`, { ns: 'app' })}</span>
+      </div>
+    </>
+  )
+}
+
+export const PublisherSummarySection = ({
+  debugWithMultipleModel = false,
+  draftUpdatedAt,
+  formatTimeFromNow,
+  handlePublish,
+  handleRestore,
+  isChatApp,
+  multipleModelConfigs = [],
+  publishDisabled = false,
+  published,
+  publishedAt,
+  publishShortcut,
+  startNodeLimitExceeded = false,
+  upgradeHighlightStyle,
+}: SummarySectionProps) => {
+  const { t } = useTranslation()
+
+  return (
+    <div className="p-4 pt-3">
+      <div className="flex h-6 items-center system-xs-medium-uppercase text-text-tertiary">
+        {publishedAt ? t('common.latestPublished', { ns: 'workflow' }) : t('common.currentDraftUnpublished', { ns: 'workflow' })}
+      </div>
+      {publishedAt
+        ? (
+            <div className="flex items-center justify-between">
+              <div className="flex items-center system-sm-medium text-text-secondary">
+                {t('common.publishedAt', { ns: 'workflow' })}
+                {' '}
+                {formatTimeFromNow(publishedAt)}
+              </div>
+              {isChatApp && (
+                <Button
+                  variant="secondary-accent"
+                  size="small"
+                  onClick={handleRestore}
+                  disabled={published}
+                >
+                  {t('common.restore', { ns: 'workflow' })}
+                </Button>
+              )}
+            </div>
+          )
+        : (
+            <div className="flex items-center system-sm-medium text-text-secondary">
+              {t('common.autoSaved', { ns: 'workflow' })}
+              {' '}
+              ·
+              {Boolean(draftUpdatedAt) && formatTimeFromNow(draftUpdatedAt!)}
+            </div>
+          )}
+      {debugWithMultipleModel
+        ? (
+            <PublishWithMultipleModel
+              multipleModelConfigs={multipleModelConfigs}
+              onSelect={item => handlePublish(item)}
+            />
+          )
+        : (
+            <>
+              <Button
+                variant="primary"
+                className="mt-3 w-full"
+                onClick={() => handlePublish()}
+                disabled={publishDisabled || published}
+              >
+                {published
+                  ? t('common.published', { ns: 'workflow' })
+                  : (
+                      <div className="flex gap-1">
+                        <span>{t('common.publishUpdate', { ns: 'workflow' })}</span>
+                        <ShortcutsName keys={publishShortcut} bgColor="white" />
+                      </div>
+                    )}
+              </Button>
+              {startNodeLimitExceeded && (
+                <div className="mt-3 flex flex-col items-stretch">
+                  <p
+                    className="text-sm leading-5 font-semibold text-transparent"
+                    style={upgradeHighlightStyle}
+                  >
+                    <span className="block">{t('publishLimit.startNodeTitlePrefix', { ns: 'workflow' })}</span>
+                    <span className="block">{t('publishLimit.startNodeTitleSuffix', { ns: 'workflow' })}</span>
+                  </p>
+                  <p className="mt-1 text-xs leading-4 text-text-secondary">
+                    {t('publishLimit.startNodeDesc', { ns: 'workflow' })}
+                  </p>
+                  <UpgradeBtn
+                    isShort
+                    className="mt-[9px] mb-[12px] h-[32px] w-[93px] self-start"
+                  />
+                </div>
+              )}
+            </>
+          )}
+    </div>
+  )
+}
+
+export const PublisherAccessSection = ({
+  enabled,
+  isAppAccessSet,
+  isLoading,
+  accessMode,
+  onClick,
+}: AccessSectionProps) => {
+  const { t } = useTranslation()
+
+  if (isLoading)
+    return <div className="py-2"><Loading /></div>
+
+  return (
+    <>
+      <Divider className="my-0" />
+      {enabled && (
+        <div className="p-4 pt-3">
+          <div className="flex h-6 items-center">
+            <p className="system-xs-medium text-text-tertiary">{t('publishApp.title', { ns: 'app' })}</p>
+          </div>
+          <div
+            className="flex h-8 cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal py-1 pr-2 pl-2.5 hover:bg-primary-50 hover:text-text-accent"
+            onClick={onClick}
+          >
+            <div className="flex grow items-center gap-x-1.5 overflow-hidden pr-1">
+              <AccessModeDisplay mode={accessMode} />
+            </div>
+            {!isAppAccessSet && <p className="shrink-0 system-xs-regular text-text-tertiary">{t('publishApp.notSet', { ns: 'app' })}</p>}
+            <div className="flex h-4 w-4 shrink-0 items-center justify-center">
+              <span className="i-ri-arrow-right-s-line h-4 w-4 text-text-quaternary" />
+            </div>
+          </div>
+          {!isAppAccessSet && <p className="mt-1 system-xs-regular text-text-warning">{t('publishApp.notSetDesc', { ns: 'app' })}</p>}
+        </div>
+      )}
+    </>
+  )
+}
+
+const ActionTooltip = ({
+  disabled,
+  tooltip,
+  children,
+}: {
+  disabled: boolean
+  tooltip?: ReactNode
+  children: ReactNode
+}) => {
+  if (!disabled || !tooltip)
+    return <>{children}</>
+
+  return (
+    <Tooltip>
+      <TooltipTrigger render={<div className="flex">{children}</div>} />
+      <TooltipContent>
+        {tooltip}
+      </TooltipContent>
+    </Tooltip>
+  )
+}
+
+export const PublisherActionsSection = ({
+  appDetail,
+  appURL,
+  disabledFunctionButton,
+  disabledFunctionTooltip,
+  handleEmbed,
+  handleOpenInExplore,
+  handlePublish,
+  hasHumanInputNode = false,
+  hasTriggerNode = false,
+  inputs,
+  missingStartNode = false,
+  onRefreshData,
+  outputs,
+  published,
+  publishedAt,
+  toolPublished,
+  workflowToolAvailable = true,
+  workflowToolMessage,
+}: ActionsSectionProps) => {
+  const { t } = useTranslation()
+
+  if (hasTriggerNode)
+    return null
+
+  const workflowToolDisabled = !publishedAt || !workflowToolAvailable
+
+  return (
+    <div className="flex flex-col gap-y-1 border-t-[0.5px] border-t-divider-regular p-4 pt-3">
+      <ActionTooltip disabled={disabledFunctionButton} tooltip={disabledFunctionTooltip}>
+        <SuggestedAction
+          className="flex-1"
+          disabled={disabledFunctionButton}
+          link={appURL}
+          icon={<span className="i-ri-play-circle-line h-4 w-4" />}
+        >
+          {t('common.runApp', { ns: 'workflow' })}
+        </SuggestedAction>
+      </ActionTooltip>
+      {appDetail?.mode === AppModeEnum.WORKFLOW || appDetail?.mode === AppModeEnum.COMPLETION
+        ? (
+            <ActionTooltip disabled={disabledFunctionButton} tooltip={disabledFunctionTooltip}>
+              <SuggestedAction
+                className="flex-1"
+                disabled={disabledFunctionButton}
+                link={`${appURL}${appURL.includes('?') ? '&' : '?'}mode=batch`}
+                icon={<span className="i-ri-play-list-2-line h-4 w-4" />}
+              >
+                {t('common.batchRunApp', { ns: 'workflow' })}
+              </SuggestedAction>
+            </ActionTooltip>
+          )
+        : (
+            <SuggestedAction
+              onClick={handleEmbed}
+              disabled={!publishedAt}
+              icon={<CodeBrowser className="h-4 w-4" />}
+            >
+              {t('common.embedIntoSite', { ns: 'workflow' })}
+            </SuggestedAction>
+          )}
+      <ActionTooltip disabled={disabledFunctionButton} tooltip={disabledFunctionTooltip}>
+        <SuggestedAction
+          className="flex-1"
+          onClick={() => {
+            if (publishedAt)
+              handleOpenInExplore()
+          }}
+          disabled={disabledFunctionButton}
+          icon={<span className="i-ri-planet-line h-4 w-4" />}
+        >
+          {t('common.openInExplore', { ns: 'workflow' })}
+        </SuggestedAction>
+      </ActionTooltip>
+      <ActionTooltip
+        disabled={!publishedAt || missingStartNode}
+        tooltip={!publishedAt ? t('notPublishedYet', { ns: 'app' }) : t('noUserInputNode', { ns: 'app' })}
+      >
+        <SuggestedAction
+          className="flex-1"
+          disabled={!publishedAt || missingStartNode}
+          link="./develop"
+          icon={<span className="i-ri-terminal-box-line h-4 w-4" />}
+        >
+          {t('common.accessAPIReference', { ns: 'workflow' })}
+        </SuggestedAction>
+      </ActionTooltip>
+      {appDetail?.mode === AppModeEnum.WORKFLOW && !hasHumanInputNode && (
+        <WorkflowToolConfigureButton
+          disabled={workflowToolDisabled}
+          published={!!toolPublished}
+          detailNeedUpdate={!!toolPublished && published}
+          workflowAppId={appDetail?.id ?? ''}
+          icon={{
+            content: (appDetail.icon_type === 'image' ? '🤖' : appDetail?.icon) || '🤖',
+            background: (appDetail.icon_type === 'image' ? appDefaultIconBackground : appDetail?.icon_background) || appDefaultIconBackground,
+          }}
+          name={appDetail?.name ?? ''}
+          description={appDetail?.description ?? ''}
+          inputs={inputs}
+          outputs={outputs}
+          handlePublish={handlePublish}
+          onRefreshData={onRefreshData}
+          disabledReason={workflowToolMessage}
+        />
+      )}
+    </div>
+  )
+}
diff --git a/web/app/components/app/app-publisher/suggested-action.tsx b/web/app/components/app/app-publisher/suggested-action.tsx
index 71ddceec01..56879d8fea 100644
--- a/web/app/components/app/app-publisher/suggested-action.tsx
+++ b/web/app/components/app/app-publisher/suggested-action.tsx
@@ -2,7 +2,7 @@ import type { HTMLProps, PropsWithChildren } from 'react'
 import { RiArrowRightUpLine } from '@remixicon/react'
 import { cn } from '@/utils/classnames'
 
-export type SuggestedActionProps = PropsWithChildren<HTMLProps<HTMLAnchorElement> & {
+type SuggestedActionProps = PropsWithChildren<HTMLProps<HTMLAnchorElement> & {
   icon?: React.ReactNode
   link?: string
   disabled?: boolean
diff --git a/web/app/components/app/app-publisher/utils.ts b/web/app/components/app/app-publisher/utils.ts
new file mode 100644
index 0000000000..5ce8a4425d
--- /dev/null
+++ b/web/app/components/app/app-publisher/utils.ts
@@ -0,0 +1,84 @@
+import type { TFunction } from 'i18next'
+import type { I18nKeysByPrefix } from '@/types/i18n'
+import { AccessMode } from '@/models/access-control'
+import { AppModeEnum } from '@/types/app'
+import { basePath } from '@/utils/var'
+
+type AccessSubjectsLike = {
+  groups?: unknown[]
+  members?: unknown[]
+} | null | undefined
+
+type AppDetailLike = {
+  access_mode?: AccessMode
+  mode?: AppModeEnum
+}
+
+type AccessModeLabel = I18nKeysByPrefix<'app', 'accessControlDialog.accessItems.'>
+
+export const ACCESS_MODE_MAP: Record<AccessMode, { label: AccessModeLabel, icon: string }> = {
+  [AccessMode.ORGANIZATION]: {
+    label: 'organization',
+    icon: 'i-ri-building-line',
+  },
+  [AccessMode.SPECIFIC_GROUPS_MEMBERS]: {
+    label: 'specific',
+    icon: 'i-ri-lock-line',
+  },
+  [AccessMode.PUBLIC]: {
+    label: 'anyone',
+    icon: 'i-ri-global-line',
+  },
+  [AccessMode.EXTERNAL_MEMBERS]: {
+    label: 'external',
+    icon: 'i-ri-verified-badge-line',
+  },
+}
+
+export const getPublisherAppMode = (mode?: AppModeEnum) => {
+  if (mode !== AppModeEnum.COMPLETION && mode !== AppModeEnum.WORKFLOW)
+    return AppModeEnum.CHAT
+
+  return mode
+}
+
+export const getPublisherAppUrl = ({
+  appBaseUrl,
+  accessToken,
+  mode,
+}: {
+  appBaseUrl: string
+  accessToken: string
+  mode?: AppModeEnum
+}) => `${appBaseUrl}${basePath}/${getPublisherAppMode(mode)}/${accessToken}`
+
+export const isPublisherAccessConfigured = (appDetail: AppDetailLike | null | undefined, appAccessSubjects: AccessSubjectsLike) => {
+  if (!appDetail || !appAccessSubjects)
+    return true
+
+  if (appDetail.access_mode !== AccessMode.SPECIFIC_GROUPS_MEMBERS)
+    return true
+
+  return Boolean(appAccessSubjects.groups?.length || appAccessSubjects.members?.length)
+}
+
+export const getDisabledFunctionTooltip = ({
+  t,
+  publishedAt,
+  missingStartNode,
+  noAccessPermission,
+}: {
+  t: TFunction
+  publishedAt?: number
+  missingStartNode: boolean
+  noAccessPermission: boolean
+}) => {
+  if (!publishedAt)
+    return t('notPublishedYet', { ns: 'app' })
+  if (missingStartNode)
+    return t('noUserInputNode', { ns: 'app' })
+  if (noAccessPermission)
+    return t('noAccessPermission', { ns: 'app' })
+
+  return undefined
+}
diff --git a/web/app/components/app/configuration/__tests__/configuration-view.spec.tsx b/web/app/components/app/configuration/__tests__/configuration-view.spec.tsx
new file mode 100644
index 0000000000..459df5d063
--- /dev/null
+++ b/web/app/components/app/configuration/__tests__/configuration-view.spec.tsx
@@ -0,0 +1,283 @@
+import type { ComponentProps } from 'react'
+import type { ConfigurationViewModel } from '../hooks/use-configuration'
+import type AppPublisher from '@/app/components/app/app-publisher/features-wrapper'
+import type ConfigContext from '@/context/debug-configuration'
+import { fireEvent, render, screen } from '@testing-library/react'
+import * as React from 'react'
+import { AppModeEnum, ModelModeType } from '@/types/app'
+import ConfigurationView from '../configuration-view'
+
+vi.mock('@/app/components/app/app-publisher/features-wrapper', () => ({
+  default: () => <div data-testid="app-publisher" />,
+}))
+
+vi.mock('@/app/components/app/configuration/config', () => ({
+  default: () => <div data-testid="config-panel" />,
+}))
+
+vi.mock('@/app/components/app/configuration/debug', () => ({
+  default: () => <div data-testid="debug-panel" />,
+}))
+
+vi.mock('@/app/components/app/configuration/config/agent-setting-button', () => ({
+  default: () => <div data-testid="agent-setting-button" />,
+}))
+
+vi.mock('@/app/components/header/account-setting/model-provider-page/model-parameter-modal', () => ({
+  default: () => <div data-testid="model-parameter-modal" />,
+}))
+
+vi.mock('@/app/components/app/configuration/dataset-config/select-dataset', () => ({
+  default: () => <div data-testid="select-dataset" />,
+}))
+
+vi.mock('@/app/components/app/configuration/config-prompt/conversation-history/edit-modal', () => ({
+  default: () => <div data-testid="history-modal" />,
+}))
+
+vi.mock('@/app/components/base/features/new-feature-panel', () => ({
+  default: () => <div data-testid="feature-panel" />,
+}))
+
+vi.mock('@/app/components/workflow/plugin-dependency', () => ({
+  default: () => <div data-testid="plugin-dependency" />,
+}))
+
+const createContextValue = (): ComponentProps<typeof ConfigContext.Provider>['value'] => ({
+  appId: 'app-1',
+  isAPIKeySet: true,
+  isTrailFinished: false,
+  mode: AppModeEnum.CHAT,
+  modelModeType: ModelModeType.chat,
+  promptMode: 'simple' as never,
+  setPromptMode: vi.fn(),
+  isAdvancedMode: false,
+  isAgent: false,
+  isFunctionCall: false,
+  isOpenAI: false,
+  collectionList: [],
+  canReturnToSimpleMode: false,
+  setCanReturnToSimpleMode: vi.fn(),
+  chatPromptConfig: { prompt: [] } as never,
+  completionPromptConfig: {
+    prompt: { text: '' },
+    conversation_histories_role: {
+      user_prefix: 'user',
+      assistant_prefix: 'assistant',
+    },
+  } as never,
+  currentAdvancedPrompt: [],
+  setCurrentAdvancedPrompt: vi.fn(),
+  showHistoryModal: vi.fn(),
+  conversationHistoriesRole: {
+    user_prefix: 'user',
+    assistant_prefix: 'assistant',
+  },
+  setConversationHistoriesRole: vi.fn(),
+  hasSetBlockStatus: {
+    context: false,
+    history: true,
+    query: true,
+  },
+  conversationId: '',
+  setConversationId: vi.fn(),
+  introduction: '',
+  setIntroduction: vi.fn(),
+  suggestedQuestions: [],
+  setSuggestedQuestions: vi.fn(),
+  controlClearChatMessage: 0,
+  setControlClearChatMessage: vi.fn(),
+  prevPromptConfig: {
+    prompt_template: '',
+    prompt_variables: [],
+  },
+  setPrevPromptConfig: vi.fn(),
+  moreLikeThisConfig: { enabled: false },
+  setMoreLikeThisConfig: vi.fn(),
+  suggestedQuestionsAfterAnswerConfig: { enabled: false },
+  setSuggestedQuestionsAfterAnswerConfig: vi.fn(),
+  speechToTextConfig: { enabled: false },
+  setSpeechToTextConfig: vi.fn(),
+  textToSpeechConfig: { enabled: false, voice: '', language: '' },
+  setTextToSpeechConfig: vi.fn(),
+  citationConfig: { enabled: false },
+  setCitationConfig: vi.fn(),
+  annotationConfig: {
+    id: '',
+    enabled: false,
+    score_threshold: 0.5,
+    embedding_model: {
+      embedding_model_name: '',
+      embedding_provider_name: '',
+    },
+  },
+  setAnnotationConfig: vi.fn(),
+  moderationConfig: { enabled: false },
+  setModerationConfig: vi.fn(),
+  externalDataToolsConfig: [],
+  setExternalDataToolsConfig: vi.fn(),
+  formattingChanged: false,
+  setFormattingChanged: vi.fn(),
+  inputs: {},
+  setInputs: vi.fn(),
+  query: '',
+  setQuery: vi.fn(),
+  completionParams: {},
+  setCompletionParams: vi.fn(),
+  modelConfig: {
+    provider: 'openai',
+    model_id: 'gpt-4o',
+    mode: ModelModeType.chat,
+    configs: {
+      prompt_template: '',
+      prompt_variables: [],
+    },
+    chat_prompt_config: null,
+    completion_prompt_config: null,
+    opening_statement: '',
+    more_like_this: null,
+    suggested_questions: [],
+    suggested_questions_after_answer: null,
+    speech_to_text: null,
+    text_to_speech: null,
+    file_upload: null,
+    retriever_resource: null,
+    sensitive_word_avoidance: null,
+    annotation_reply: null,
+    external_data_tools: [],
+    system_parameters: {
+      audio_file_size_limit: 1,
+      file_size_limit: 1,
+      image_file_size_limit: 1,
+      video_file_size_limit: 1,
+      workflow_file_upload_limit: 1,
+    },
+    dataSets: [],
+    agentConfig: {
+      enabled: false,
+      strategy: 'react',
+      max_iteration: 1,
+      tools: [],
+    },
+  } as never,
+  setModelConfig: vi.fn(),
+  dataSets: [],
+  setDataSets: vi.fn(),
+  showSelectDataSet: vi.fn(),
+  datasetConfigs: {
+    retrieval_model: 'multiple',
+    reranking_model: {
+      reranking_provider_name: '',
+      reranking_model_name: '',
+    },
+    top_k: 3,
+    score_threshold_enabled: false,
+    score_threshold: 0.5,
+    datasets: { datasets: [] },
+  } as never,
+  datasetConfigsRef: { current: {} as never },
+  setDatasetConfigs: vi.fn(),
+  hasSetContextVar: false,
+  isShowVisionConfig: false,
+  visionConfig: {
+    enabled: false,
+    number_limits: 1,
+    detail: 'low',
+    transfer_methods: ['local_file'],
+  } as never,
+  setVisionConfig: vi.fn(),
+  isAllowVideoUpload: false,
+  isShowDocumentConfig: false,
+  isShowAudioConfig: false,
+  rerankSettingModalOpen: false,
+  setRerankSettingModalOpen: vi.fn(),
+})
+
+const createViewModel = (overrides: Partial<ConfigurationViewModel> = {}): ConfigurationViewModel => ({
+  appPublisherProps: {
+    publishDisabled: false,
+    publishedAt: 0,
+    debugWithMultipleModel: false,
+    multipleModelConfigs: [],
+    onPublish: vi.fn(),
+    publishedConfig: {
+      modelConfig: createContextValue().modelConfig,
+      completionParams: {},
+    },
+    resetAppConfig: vi.fn(),
+  } as ComponentProps<typeof AppPublisher>,
+  contextValue: createContextValue(),
+  featuresData: {
+    moreLikeThis: { enabled: false },
+    opening: { enabled: false, opening_statement: '', suggested_questions: [] },
+    moderation: { enabled: false },
+    speech2text: { enabled: false },
+    text2speech: { enabled: false, voice: '', language: '' },
+    file: { enabled: false, image: { enabled: false, detail: 'high', number_limits: 3, transfer_methods: ['local_file'] } } as never,
+    suggested: { enabled: false },
+    citation: { enabled: false },
+    annotationReply: { enabled: false },
+  },
+  isAgent: false,
+  isAdvancedMode: false,
+  isMobile: false,
+  isShowDebugPanel: false,
+  isShowHistoryModal: false,
+  isShowSelectDataSet: false,
+  modelConfig: createContextValue().modelConfig,
+  multipleModelConfigs: [],
+  onAutoAddPromptVariable: vi.fn(),
+  onAgentSettingChange: vi.fn(),
+  onCloseFeaturePanel: vi.fn(),
+  onCloseHistoryModal: vi.fn(),
+  onCloseSelectDataSet: vi.fn(),
+  onCompletionParamsChange: vi.fn(),
+  onConfirmUseGPT4: vi.fn(),
+  onEnableMultipleModelDebug: vi.fn(),
+  onFeaturesChange: vi.fn(),
+  onHideDebugPanel: vi.fn(),
+  onModelChange: vi.fn(),
+  onMultipleModelConfigsChange: vi.fn(),
+  onOpenAccountSettings: vi.fn(),
+  onOpenDebugPanel: vi.fn(),
+  onSaveHistory: vi.fn(),
+  onSelectDataSets: vi.fn(),
+  promptVariables: [],
+  selectedIds: [],
+  showAppConfigureFeaturesModal: false,
+  showLoading: false,
+  showUseGPT4Confirm: false,
+  setShowUseGPT4Confirm: vi.fn(),
+  ...overrides,
+})
+
+describe('ConfigurationView', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should render a loading state before configuration data is ready', () => {
+    render(<ConfigurationView {...createViewModel({ showLoading: true })} />)
+
+    expect(screen.getByRole('status', { name: 'appApi.loading' })).toBeInTheDocument()
+    expect(screen.queryByTestId('app-publisher')).not.toBeInTheDocument()
+  })
+
+  it('should open the mobile debug panel from the header button', () => {
+    const onOpenDebugPanel = vi.fn()
+    render(<ConfigurationView {...createViewModel({ isMobile: true, onOpenDebugPanel })} />)
+
+    fireEvent.click(screen.getByRole('button', { name: /appDebug.operation.debugConfig/i }))
+
+    expect(onOpenDebugPanel).toHaveBeenCalledTimes(1)
+  })
+
+  it('should close the GPT-4 confirmation dialog when cancel is clicked', () => {
+    const setShowUseGPT4Confirm = vi.fn()
+    render(<ConfigurationView {...createViewModel({ showUseGPT4Confirm: true, setShowUseGPT4Confirm })} />)
+
+    fireEvent.click(screen.getByRole('button', { name: /operation.cancel/i }))
+
+    expect(setShowUseGPT4Confirm).toHaveBeenCalledWith(false)
+  })
+})
diff --git a/web/app/components/app/configuration/__tests__/index.spec.tsx b/web/app/components/app/configuration/__tests__/index.spec.tsx
new file mode 100644
index 0000000000..b855725b1d
--- /dev/null
+++ b/web/app/components/app/configuration/__tests__/index.spec.tsx
@@ -0,0 +1,32 @@
+import { render } from '@testing-library/react'
+import * as React from 'react'
+import { useConfiguration } from '../hooks/use-configuration'
+import Configuration from '../index'
+
+const mockView = vi.fn((_: unknown) => <div data-testid="configuration-view" />)
+
+vi.mock('../configuration-view', () => ({
+  default: (props: unknown) => mockView(props),
+}))
+
+vi.mock('../hooks/use-configuration', () => ({
+  useConfiguration: vi.fn(),
+}))
+
+describe('Configuration entry', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should pass the hook view model into ConfigurationView', () => {
+    const viewModel = {
+      showLoading: true,
+    }
+    vi.mocked(useConfiguration).mockReturnValue(viewModel as never)
+
+    render(<Configuration />)
+
+    expect(useConfiguration).toHaveBeenCalledTimes(1)
+    expect(mockView).toHaveBeenCalledWith(viewModel)
+  })
+})
diff --git a/web/app/components/app/configuration/__tests__/utils.spec.ts b/web/app/components/app/configuration/__tests__/utils.spec.ts
new file mode 100644
index 0000000000..65a6192177
--- /dev/null
+++ b/web/app/components/app/configuration/__tests__/utils.spec.ts
@@ -0,0 +1,226 @@
+import type { ModelConfig } from '@/models/debug'
+import { AppModeEnum, ModelModeType, Resolution, TransferMethod } from '@/types/app'
+import { buildConfigurationFeaturesData, getConfigurationPublishingState, withCollectionIconBasePath } from '../utils'
+
+const createModelConfig = (overrides: Partial<ModelConfig> = {}): ModelConfig => ({
+  provider: 'openai',
+  model_id: 'gpt-4o',
+  mode: ModelModeType.chat,
+  configs: {
+    prompt_template: 'Hello',
+    prompt_variables: [],
+  },
+  chat_prompt_config: {
+    prompt: [],
+  } as ModelConfig['chat_prompt_config'],
+  completion_prompt_config: {
+    prompt: { text: '' },
+    conversation_histories_role: {
+      user_prefix: 'user',
+      assistant_prefix: 'assistant',
+    },
+  } as ModelConfig['completion_prompt_config'],
+  opening_statement: '',
+  more_like_this: { enabled: false },
+  suggested_questions: [],
+  suggested_questions_after_answer: { enabled: false },
+  speech_to_text: { enabled: false },
+  text_to_speech: { enabled: false, voice: '', language: '' },
+  file_upload: null,
+  retriever_resource: { enabled: false },
+  sensitive_word_avoidance: { enabled: false },
+  annotation_reply: null,
+  external_data_tools: [],
+  system_parameters: {
+    audio_file_size_limit: 1,
+    file_size_limit: 1,
+    image_file_size_limit: 1,
+    video_file_size_limit: 1,
+    workflow_file_upload_limit: 1,
+  },
+  dataSets: [],
+  agentConfig: {
+    enabled: false,
+    strategy: 'react',
+    max_iteration: 1,
+    tools: [],
+  } as ModelConfig['agentConfig'],
+  ...overrides,
+})
+
+describe('configuration utils', () => {
+  describe('withCollectionIconBasePath', () => {
+    beforeEach(() => {
+      vi.clearAllMocks()
+    })
+
+    it('should prefix relative collection icons with the base path', () => {
+      const result = withCollectionIconBasePath([
+        { id: 'tool-1', icon: '/icons/tool.svg' },
+        { id: 'tool-2', icon: '/console/icons/prefixed.svg' },
+      ] as never, '/console')
+
+      expect(result[0].icon).toBe('/console/icons/tool.svg')
+      expect(result[1].icon).toBe('/console/icons/prefixed.svg')
+    })
+  })
+
+  describe('buildConfigurationFeaturesData', () => {
+    beforeEach(() => {
+      vi.clearAllMocks()
+    })
+
+    it('should derive feature toggles and upload fallbacks from model config', () => {
+      const result = buildConfigurationFeaturesData(createModelConfig({
+        opening_statement: 'Welcome',
+        suggested_questions: ['How are you?'],
+        file_upload: {
+          enabled: true,
+          image: {
+            enabled: true,
+            detail: Resolution.low,
+            number_limits: 2,
+            transfer_methods: [TransferMethod.local_file],
+          },
+          allowed_file_types: ['image'],
+          allowed_file_extensions: ['.png'],
+          allowed_file_upload_methods: [TransferMethod.local_file],
+          number_limits: 2,
+        },
+      }), undefined)
+
+      expect(result.opening).toEqual({
+        enabled: true,
+        opening_statement: 'Welcome',
+        suggested_questions: ['How are you?'],
+      })
+      expect(result.file).toBeDefined()
+      expect(result.file!.enabled).toBe(true)
+      expect(result.file!.image!.detail).toBe(Resolution.low)
+      expect(result.file!.allowed_file_extensions).toEqual(['.png'])
+    })
+  })
+
+  describe('getConfigurationPublishingState', () => {
+    beforeEach(() => {
+      vi.clearAllMocks()
+    })
+
+    it('should block publish when advanced completion mode is missing required blocks', () => {
+      const result = getConfigurationPublishingState({
+        chatPromptConfig: {
+          prompt: [],
+        } as never,
+        completionPromptConfig: {
+          prompt: { text: 'Answer' },
+          conversation_histories_role: {
+            user_prefix: 'user',
+            assistant_prefix: 'assistant',
+          },
+        } as never,
+        hasSetBlockStatus: {
+          context: false,
+          history: false,
+          query: false,
+        },
+        hasSetContextVar: false,
+        hasSelectedDataSets: false,
+        isAdvancedMode: true,
+        mode: AppModeEnum.CHAT,
+        modelModeType: ModelModeType.completion,
+        promptTemplate: 'ignored',
+      })
+
+      expect(result.promptEmpty).toBe(false)
+      expect(result.cannotPublish).toBe(true)
+    })
+
+    it('should require a context variable only for completion apps with selected datasets', () => {
+      const result = getConfigurationPublishingState({
+        chatPromptConfig: {
+          prompt: [],
+        } as never,
+        completionPromptConfig: {
+          prompt: { text: 'Completion prompt' },
+          conversation_histories_role: {
+            user_prefix: 'user',
+            assistant_prefix: 'assistant',
+          },
+        } as never,
+        hasSetBlockStatus: {
+          context: false,
+          history: true,
+          query: true,
+        },
+        hasSetContextVar: false,
+        hasSelectedDataSets: true,
+        isAdvancedMode: false,
+        mode: AppModeEnum.COMPLETION,
+        modelModeType: ModelModeType.completion,
+        promptTemplate: 'Prompt',
+      })
+
+      expect(result.promptEmpty).toBe(false)
+      expect(result.cannotPublish).toBe(false)
+      expect(result.contextVarEmpty).toBe(true)
+    })
+
+    it('should treat advanced completion chat prompts as empty when every segment is blank', () => {
+      const result = getConfigurationPublishingState({
+        chatPromptConfig: {
+          prompt: [{ text: '' }, { text: '' }],
+        } as never,
+        completionPromptConfig: {
+          prompt: { text: 'ignored' },
+          conversation_histories_role: {
+            user_prefix: 'user',
+            assistant_prefix: 'assistant',
+          },
+        } as never,
+        hasSetBlockStatus: {
+          context: true,
+          history: true,
+          query: true,
+        },
+        hasSetContextVar: true,
+        hasSelectedDataSets: false,
+        isAdvancedMode: true,
+        mode: AppModeEnum.COMPLETION,
+        modelModeType: ModelModeType.chat,
+        promptTemplate: 'ignored',
+      })
+
+      expect(result.promptEmpty).toBe(true)
+      expect(result.cannotPublish).toBe(true)
+    })
+
+    it('should treat advanced completion text prompts as empty when the completion prompt is missing', () => {
+      const result = getConfigurationPublishingState({
+        chatPromptConfig: {
+          prompt: [{ text: 'ignored' }],
+        } as never,
+        completionPromptConfig: {
+          prompt: { text: '' },
+          conversation_histories_role: {
+            user_prefix: 'user',
+            assistant_prefix: 'assistant',
+          },
+        } as never,
+        hasSetBlockStatus: {
+          context: true,
+          history: true,
+          query: true,
+        },
+        hasSetContextVar: true,
+        hasSelectedDataSets: false,
+        isAdvancedMode: true,
+        mode: AppModeEnum.COMPLETION,
+        modelModeType: ModelModeType.completion,
+        promptTemplate: 'ignored',
+      })
+
+      expect(result.promptEmpty).toBe(true)
+      expect(result.cannotPublish).toBe(true)
+    })
+  })
+})
diff --git a/web/app/components/app/configuration/base/feature-panel/index.spec.tsx b/web/app/components/app/configuration/base/feature-panel/__tests__/index.spec.tsx
similarity index 98%
rename from web/app/components/app/configuration/base/feature-panel/index.spec.tsx
rename to web/app/components/app/configuration/base/feature-panel/__tests__/index.spec.tsx
index 7e1b661399..0daf638b49 100644
--- a/web/app/components/app/configuration/base/feature-panel/index.spec.tsx
+++ b/web/app/components/app/configuration/base/feature-panel/__tests__/index.spec.tsx
@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react'
-import FeaturePanel from './index'
+import FeaturePanel from '../index'
 
 describe('FeaturePanel', () => {
   // Rendering behavior for standard layout.
diff --git a/web/app/components/app/configuration/base/feature-panel/index.tsx b/web/app/components/app/configuration/base/feature-panel/index.tsx
index 7f337c1572..77ee7bc8dd 100644
--- a/web/app/components/app/configuration/base/feature-panel/index.tsx
+++ b/web/app/components/app/configuration/base/feature-panel/index.tsx
@@ -3,7 +3,7 @@ import type { FC, ReactNode } from 'react'
 import * as React from 'react'
 import { cn } from '@/utils/classnames'
 
-export type IFeaturePanelProps = {
+type IFeaturePanelProps = {
   className?: string
   headerIcon?: ReactNode
   title: ReactNode
diff --git a/web/app/components/app/configuration/base/group-name/index.spec.tsx b/web/app/components/app/configuration/base/group-name/__tests__/index.spec.tsx
similarity index 92%
rename from web/app/components/app/configuration/base/group-name/index.spec.tsx
rename to web/app/components/app/configuration/base/group-name/__tests__/index.spec.tsx
index be698c3233..ce1ee7a18a 100644
--- a/web/app/components/app/configuration/base/group-name/index.spec.tsx
+++ b/web/app/components/app/configuration/base/group-name/__tests__/index.spec.tsx
@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react'
-import GroupName from './index'
+import GroupName from '../index'
 
 describe('GroupName', () => {
   beforeEach(() => {
diff --git a/web/app/components/app/configuration/base/group-name/index.tsx b/web/app/components/app/configuration/base/group-name/index.tsx
index b21b0c5825..210ba4ca87 100644
--- a/web/app/components/app/configuration/base/group-name/index.tsx
+++ b/web/app/components/app/configuration/base/group-name/index.tsx
@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import * as React from 'react'
 
-export type IGroupNameProps = {
+type IGroupNameProps = {
   name: string
 }
 
diff --git a/web/app/components/app/configuration/base/operation-btn/index.spec.tsx b/web/app/components/app/configuration/base/operation-btn/__tests__/index.spec.tsx
similarity index 98%
rename from web/app/components/app/configuration/base/operation-btn/index.spec.tsx
rename to web/app/components/app/configuration/base/operation-btn/__tests__/index.spec.tsx
index 8e254d261b..325aebe6c0 100644
--- a/web/app/components/app/configuration/base/operation-btn/index.spec.tsx
+++ b/web/app/components/app/configuration/base/operation-btn/__tests__/index.spec.tsx
@@ -1,5 +1,5 @@
 import { fireEvent, render, screen } from '@testing-library/react'
-import OperationBtn from './index'
+import OperationBtn from '../index'
 
 vi.mock('@remixicon/react', () => ({
   RiAddLine: (props: { className?: string }) => (
diff --git a/web/app/components/app/configuration/base/operation-btn/index.tsx b/web/app/components/app/configuration/base/operation-btn/index.tsx
index d33b632071..e3bdfd01ba 100644
--- a/web/app/components/app/configuration/base/operation-btn/index.tsx
+++ b/web/app/components/app/configuration/base/operation-btn/index.tsx
@@ -9,7 +9,7 @@ import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'
 
-export type IOperationBtnProps = {
+type IOperationBtnProps = {
   className?: string
   type: 'add' | 'edit'
   actionName?: string
diff --git a/web/app/components/app/configuration/base/var-highlight/index.spec.tsx b/web/app/components/app/configuration/base/var-highlight/__tests__/index.spec.tsx
similarity index 97%
rename from web/app/components/app/configuration/base/var-highlight/index.spec.tsx
rename to web/app/components/app/configuration/base/var-highlight/__tests__/index.spec.tsx
index 77fe1f2b28..1add8601c4 100644
--- a/web/app/components/app/configuration/base/var-highlight/index.spec.tsx
+++ b/web/app/components/app/configuration/base/var-highlight/__tests__/index.spec.tsx
@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react'
-import VarHighlight, { varHighlightHTML } from './index'
+import VarHighlight, { varHighlightHTML } from '../index'
 
 describe('VarHighlight', () => {
   beforeEach(() => {
diff --git a/web/app/components/app/configuration/base/var-highlight/index.tsx b/web/app/components/app/configuration/base/var-highlight/index.tsx
index 697007d0b0..fda58f0b65 100644
--- a/web/app/components/app/configuration/base/var-highlight/index.tsx
+++ b/web/app/components/app/configuration/base/var-highlight/index.tsx
@@ -4,7 +4,7 @@ import * as React from 'react'
 
 import s from './style.module.css'
 
-export type IVarHighlightProps = {
+type IVarHighlightProps = {
   name: string
   className?: string
 }
diff --git a/web/app/components/app/configuration/base/var-highlight/style.module.css b/web/app/components/app/configuration/base/var-highlight/style.module.css
index b7a66085ce..2bcef0dabb 100644
--- a/web/app/components/app/configuration/base/var-highlight/style.module.css
+++ b/web/app/components/app/configuration/base/var-highlight/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .item {
   background-color: rgba(21, 94, 239, 0.05);
 }
diff --git a/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.spec.tsx b/web/app/components/app/configuration/base/warning-mask/__tests__/cannot-query-dataset.spec.tsx
similarity index 94%
rename from web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.spec.tsx
rename to web/app/components/app/configuration/base/warning-mask/__tests__/cannot-query-dataset.spec.tsx
index 730b251e67..161bd5073d 100644
--- a/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.spec.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/__tests__/cannot-query-dataset.spec.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
-import CannotQueryDataset from './cannot-query-dataset'
+import CannotQueryDataset from '../cannot-query-dataset'
 
 describe('CannotQueryDataset WarningMask', () => {
   it('should render dataset warning copy and action button', () => {
diff --git a/web/app/components/app/configuration/base/warning-mask/formatting-changed.spec.tsx b/web/app/components/app/configuration/base/warning-mask/__tests__/formatting-changed.spec.tsx
similarity index 95%
rename from web/app/components/app/configuration/base/warning-mask/formatting-changed.spec.tsx
rename to web/app/components/app/configuration/base/warning-mask/__tests__/formatting-changed.spec.tsx
index 9b5a5d93e1..81655f2d99 100644
--- a/web/app/components/app/configuration/base/warning-mask/formatting-changed.spec.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/__tests__/formatting-changed.spec.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
-import FormattingChanged from './formatting-changed'
+import FormattingChanged from '../formatting-changed'
 
 describe('FormattingChanged WarningMask', () => {
   it('should display translation text and both actions', () => {
diff --git a/web/app/components/app/configuration/base/warning-mask/has-not-set-api.spec.tsx b/web/app/components/app/configuration/base/warning-mask/__tests__/has-not-set-api.spec.tsx
similarity index 93%
rename from web/app/components/app/configuration/base/warning-mask/has-not-set-api.spec.tsx
rename to web/app/components/app/configuration/base/warning-mask/__tests__/has-not-set-api.spec.tsx
index abcf5795d0..5995f3472f 100644
--- a/web/app/components/app/configuration/base/warning-mask/has-not-set-api.spec.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/__tests__/has-not-set-api.spec.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
-import HasNotSetAPI from './has-not-set-api'
+import HasNotSetAPI from '../has-not-set-api'
 
 describe('HasNotSetAPI', () => {
   it('should render the empty state copy', () => {
diff --git a/web/app/components/app/configuration/base/warning-mask/index.spec.tsx b/web/app/components/app/configuration/base/warning-mask/__tests__/index.spec.tsx
similarity index 95%
rename from web/app/components/app/configuration/base/warning-mask/index.spec.tsx
rename to web/app/components/app/configuration/base/warning-mask/__tests__/index.spec.tsx
index cb8ef0b678..d287a790e6 100644
--- a/web/app/components/app/configuration/base/warning-mask/index.spec.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/__tests__/index.spec.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react'
 import * as React from 'react'
-import WarningMask from './index'
+import WarningMask from '../index'
 
 describe('WarningMask', () => {
   // Rendering of title, description, and footer content
diff --git a/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.tsx b/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.tsx
index 791230566b..d5fbd9e78f 100644
--- a/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/cannot-query-dataset.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import WarningMask from '.'
 
-export type IFormattingChangedProps = {
+type IFormattingChangedProps = {
   onConfirm: () => void
 }
 
diff --git a/web/app/components/app/configuration/base/warning-mask/formatting-changed.tsx b/web/app/components/app/configuration/base/warning-mask/formatting-changed.tsx
index 1fe7b9c182..56ccae5ade 100644
--- a/web/app/components/app/configuration/base/warning-mask/formatting-changed.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/formatting-changed.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import WarningMask from '.'
 
-export type IFormattingChangedProps = {
+type IFormattingChangedProps = {
   onConfirm: () => void
   onCancel: () => void
 }
diff --git a/web/app/components/app/configuration/base/warning-mask/has-not-set-api.tsx b/web/app/components/app/configuration/base/warning-mask/has-not-set-api.tsx
index 06c81a9f95..25587c5e58 100644
--- a/web/app/components/app/configuration/base/warning-mask/has-not-set-api.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/has-not-set-api.tsx
@@ -3,7 +3,7 @@ import type { FC } from 'react'
 import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 
-export type IHasNotSetAPIProps = {
+type IHasNotSetAPIProps = {
   onSetting: () => void
 }
 
diff --git a/web/app/components/app/configuration/base/warning-mask/index.tsx b/web/app/components/app/configuration/base/warning-mask/index.tsx
index 6d6aeceb97..5275f022cb 100644
--- a/web/app/components/app/configuration/base/warning-mask/index.tsx
+++ b/web/app/components/app/configuration/base/warning-mask/index.tsx
@@ -4,7 +4,7 @@ import * as React from 'react'
 
 import s from './style.module.css'
 
-export type IWarningMaskProps = {
+type IWarningMaskProps = {
   title: string
   description: string
   footer: React.ReactNode
diff --git a/web/app/components/app/configuration/base/warning-mask/style.module.css b/web/app/components/app/configuration/base/warning-mask/style.module.css
index f922ec332f..a2c394de2a 100644
--- a/web/app/components/app/configuration/base/warning-mask/style.module.css
+++ b/web/app/components/app/configuration/base/warning-mask/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .mask {
   backdrop-filter: blur(2px);
 }
diff --git a/web/app/components/app/configuration/config-prompt/__tests__/advanced-prompt-input.spec.tsx b/web/app/components/app/configuration/config-prompt/__tests__/advanced-prompt-input.spec.tsx
new file mode 100644
index 0000000000..413721ee2e
--- /dev/null
+++ b/web/app/components/app/configuration/config-prompt/__tests__/advanced-prompt-input.spec.tsx
@@ -0,0 +1,228 @@
+/* eslint-disable ts/no-explicit-any */
+import type { ReactNode } from 'react'
+import type { PromptRole } from '@/models/debug'
+import { fireEvent, render, screen } from '@testing-library/react'
+import { INSERT_VARIABLE_VALUE_BLOCK_COMMAND } from '@/app/components/base/prompt-editor/plugins/variable-block'
+import ConfigContext from '@/context/debug-configuration'
+import { AppModeEnum } from '@/types/app'
+import AdvancedPromptInput from '../advanced-prompt-input'
+
+const mockEmit = vi.fn()
+const mockSetShowExternalDataToolModal = vi.fn()
+const mockSetModelConfig = vi.fn()
+const mockOnTypeChange = vi.fn()
+const mockOnChange = vi.fn()
+const mockOnDelete = vi.fn()
+const mockOnHideContextMissingTip = vi.fn()
+const mockCopy = vi.fn()
+const mockToastError = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('copy-to-clipboard', () => ({
+  default: (...args: unknown[]) => mockCopy(...args),
+}))
+
+vi.mock('@remixicon/react', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('@remixicon/react')>()
+  return {
+    ...actual,
+    RiDeleteBinLine: ({ onClick }: { onClick: () => void }) => (
+      <button onClick={onClick}>delete-prompt</button>
+    ),
+    RiErrorWarningFill: () => <span>warning-icon</span>,
+  }
+})
+
+vi.mock('@/app/components/base/icons/src/vender/line/files', () => ({
+  Copy: ({ onClick }: { onClick: () => void }) => (
+    <button onClick={onClick}>copy-prompt</button>
+  ),
+  CopyCheck: () => <span>copy-checked</span>,
+}))
+
+vi.mock('@/context/event-emitter', () => ({
+  useEventEmitterContextContext: () => ({
+    eventEmitter: {
+      emit: (...args: unknown[]) => mockEmit(...args),
+    },
+  }),
+}))
+
+vi.mock('@/context/modal-context', () => ({
+  useModalContext: () => ({
+    setShowExternalDataToolModal: mockSetShowExternalDataToolModal,
+  }),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    error: (...args: unknown[]) => mockToastError(...args),
+  },
+}))
+
+vi.mock('../message-type-selector', () => ({
+  default: ({ onChange, value }: { onChange: (value: PromptRole) => void, value: PromptRole }) => (
+    <button onClick={() => onChange('assistant' as PromptRole)}>{`selector:${value}`}</button>
+  ),
+}))
+
+vi.mock('@/app/components/base/prompt-editor', () => ({
+  default: (props: {
+    onBlur: () => void
+    onChange: (value: string) => void
+    externalToolBlock: { onAddExternalTool: () => void }
+  }) => (
+    <div>
+      <button onClick={() => props.onChange('Updated {{new_var}}')}>change-advanced</button>
+      <button onClick={props.onBlur}>blur-advanced</button>
+      <button onClick={props.externalToolBlock.onAddExternalTool}>open-advanced-tool-modal</button>
+    </div>
+  ),
+}))
+
+vi.mock('../prompt-editor-height-resize-wrap', () => ({
+  default: ({ children, footer }: { children: ReactNode, footer: ReactNode }) => (
+    <div>
+      {children}
+      {footer}
+    </div>
+  ),
+}))
+
+const createContextValue = () => ({
+  mode: AppModeEnum.CHAT,
+  hasSetBlockStatus: {
+    context: false,
+    history: false,
+    query: false,
+  },
+  modelConfig: {
+    configs: {
+      prompt_variables: [
+        { key: 'existing_var', name: 'Existing', type: 'string', required: true },
+      ],
+    },
+  },
+  setModelConfig: mockSetModelConfig,
+  conversationHistoriesRole: {
+    user_prefix: 'user',
+    assistant_prefix: 'assistant',
+  },
+  showHistoryModal: vi.fn(),
+  dataSets: [],
+  showSelectDataSet: vi.fn(),
+  externalDataToolsConfig: [],
+}) as any
+
+describe('AdvancedPromptInput', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should delegate prompt text and role changes to the parent callbacks', () => {
+    render(
+      <ConfigContext.Provider value={createContextValue()}>
+        <AdvancedPromptInput
+          type={'user' as PromptRole}
+          isChatMode
+          value="Hello"
+          onChange={mockOnChange}
+          onTypeChange={mockOnTypeChange}
+          canDelete
+          onDelete={mockOnDelete}
+          promptVariables={[]}
+          isContextMissing={false}
+          onHideContextMissingTip={mockOnHideContextMissingTip}
+        />
+      </ConfigContext.Provider>,
+    )
+
+    fireEvent.click(screen.getByText('change-advanced'))
+    fireEvent.click(screen.getByText('selector:user'))
+    fireEvent.click(screen.getByText('copy-prompt'))
+    fireEvent.click(screen.getByText('delete-prompt'))
+
+    expect(mockOnChange).toHaveBeenCalledWith('Updated {{new_var}}')
+    expect(mockOnTypeChange).toHaveBeenCalledWith('assistant')
+    expect(mockCopy).toHaveBeenCalledWith('Hello')
+    expect(mockOnDelete).toHaveBeenCalled()
+  })
+
+  it('should add newly discovered variables after blur confirmation', () => {
+    render(
+      <ConfigContext.Provider value={createContextValue()}>
+        <AdvancedPromptInput
+          type={'user' as PromptRole}
+          isChatMode
+          value="Hello {{new_var}}"
+          onChange={mockOnChange}
+          onTypeChange={mockOnTypeChange}
+          canDelete={false}
+          onDelete={mockOnDelete}
+          promptVariables={[]}
+          isContextMissing={false}
+          onHideContextMissingTip={mockOnHideContextMissingTip}
+        />
+      </ConfigContext.Provider>,
+    )
+
+    fireEvent.click(screen.getByText('blur-advanced'))
+    fireEvent.click(screen.getByText('operation.add'))
+
+    expect(mockSetModelConfig).toHaveBeenCalledWith(expect.objectContaining({
+      configs: expect.objectContaining({
+        prompt_variables: expect.arrayContaining([
+          expect.objectContaining({
+            key: 'new_var',
+            name: 'new_var',
+          }),
+        ]),
+      }),
+    }))
+  })
+
+  it('should open the external data tool modal and validate duplicates', () => {
+    render(
+      <ConfigContext.Provider value={createContextValue()}>
+        <AdvancedPromptInput
+          type={'user' as PromptRole}
+          isChatMode
+          value="Hello"
+          onChange={mockOnChange}
+          onTypeChange={mockOnTypeChange}
+          canDelete={false}
+          onDelete={mockOnDelete}
+          promptVariables={[
+            { key: 'existing_var', name: 'Existing', type: 'string', required: true },
+          ]}
+          isContextMissing={false}
+          onHideContextMissingTip={mockOnHideContextMissingTip}
+        />
+      </ConfigContext.Provider>,
+    )
+
+    fireEvent.click(screen.getByText('open-advanced-tool-modal'))
+
+    const modalConfig = mockSetShowExternalDataToolModal.mock.calls[0][0]
+    expect(modalConfig.onValidateBeforeSaveCallback({ variable: 'existing_var' })).toBe(false)
+    expect(mockToastError).toHaveBeenCalledWith('varKeyError.keyAlreadyExists')
+
+    modalConfig.onSaveCallback({
+      label: 'Search',
+      variable: 'search_api',
+    })
+
+    expect(mockEmit).toHaveBeenCalledWith(expect.objectContaining({
+      type: 'ADD_EXTERNAL_DATA_TOOL',
+    }))
+    expect(mockEmit).toHaveBeenCalledWith(expect.objectContaining({
+      payload: 'search_api',
+      type: INSERT_VARIABLE_VALUE_BLOCK_COMMAND,
+    }))
+  })
+})
diff --git a/web/app/components/app/configuration/config-prompt/index.spec.tsx b/web/app/components/app/configuration/config-prompt/__tests__/index.spec.tsx
similarity index 98%
rename from web/app/components/app/configuration/config-prompt/index.spec.tsx
rename to web/app/components/app/configuration/config-prompt/__tests__/index.spec.tsx
index c784a09ab6..d42eedf16b 100644
--- a/web/app/components/app/configuration/config-prompt/index.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/__tests__/index.spec.tsx
@@ -1,4 +1,5 @@
-import type { IPromptProps } from './index'
+/* eslint-disable ts/no-explicit-any */
+import type { IPromptProps } from '../index'
 import type { PromptItem, PromptVariable } from '@/models/debug'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
@@ -6,7 +7,7 @@ import { MAX_PROMPT_MESSAGE_LENGTH } from '@/config'
 import ConfigContext from '@/context/debug-configuration'
 import { PromptRole } from '@/models/debug'
 import { AppModeEnum, ModelModeType } from '@/types/app'
-import Prompt from './index'
+import Prompt from '../index'
 
 type DebugConfiguration = {
   isAdvancedMode: boolean
@@ -30,7 +31,7 @@ const defaultPromptVariables: PromptVariable[] = [
 
 let mockSimplePromptInputProps: IPromptProps | null = null
 
-vi.mock('./simple-prompt-input', () => ({
+vi.mock('../simple-prompt-input', () => ({
   default: (props: IPromptProps) => {
     mockSimplePromptInputProps = props
     return (
@@ -65,7 +66,7 @@ type AdvancedMessageInputProps = {
   noResize?: boolean
 }
 
-vi.mock('./advanced-prompt-input', () => ({
+vi.mock('../advanced-prompt-input', () => ({
   default: (props: AdvancedMessageInputProps) => {
     return (
       <div
diff --git a/web/app/components/app/configuration/config-prompt/message-type-selector.spec.tsx b/web/app/components/app/configuration/config-prompt/__tests__/message-type-selector.spec.tsx
similarity index 95%
rename from web/app/components/app/configuration/config-prompt/message-type-selector.spec.tsx
rename to web/app/components/app/configuration/config-prompt/__tests__/message-type-selector.spec.tsx
index 5eb1896dc6..0bcb94eee5 100644
--- a/web/app/components/app/configuration/config-prompt/message-type-selector.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/__tests__/message-type-selector.spec.tsx
@@ -1,7 +1,7 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
 import { PromptRole } from '@/models/debug'
-import MessageTypeSelector from './message-type-selector'
+import MessageTypeSelector from '../message-type-selector'
 
 describe('MessageTypeSelector', () => {
   beforeEach(() => {
diff --git a/web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.spec.tsx b/web/app/components/app/configuration/config-prompt/__tests__/prompt-editor-height-resize-wrap.spec.tsx
similarity index 95%
rename from web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.spec.tsx
rename to web/app/components/app/configuration/config-prompt/__tests__/prompt-editor-height-resize-wrap.spec.tsx
index abd95e7660..7e168cc7f7 100644
--- a/web/app/components/app/configuration/config-prompt/prompt-editor-height-resize-wrap.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/__tests__/prompt-editor-height-resize-wrap.spec.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
-import PromptEditorHeightResizeWrap from './prompt-editor-height-resize-wrap'
+import PromptEditorHeightResizeWrap from '../prompt-editor-height-resize-wrap'
 
 describe('PromptEditorHeightResizeWrap', () => {
   beforeEach(() => {
diff --git a/web/app/components/app/configuration/config-prompt/__tests__/simple-prompt-input.spec.tsx b/web/app/components/app/configuration/config-prompt/__tests__/simple-prompt-input.spec.tsx
new file mode 100644
index 0000000000..a0bc072760
--- /dev/null
+++ b/web/app/components/app/configuration/config-prompt/__tests__/simple-prompt-input.spec.tsx
@@ -0,0 +1,320 @@
+/* eslint-disable ts/no-explicit-any */
+import type { ReactNode } from 'react'
+import { fireEvent, render, screen } from '@testing-library/react'
+import { INSERT_VARIABLE_VALUE_BLOCK_COMMAND } from '@/app/components/base/prompt-editor/plugins/variable-block'
+import ConfigContext from '@/context/debug-configuration'
+import { AppModeEnum } from '@/types/app'
+import Prompt from '../simple-prompt-input'
+
+const mockEmit = vi.fn()
+const mockSetFeatures = vi.fn()
+const mockSetShowExternalDataToolModal = vi.fn()
+const mockSetModelConfig = vi.fn()
+const mockSetPrevPromptConfig = vi.fn()
+const mockSetIntroduction = vi.fn()
+const mockOnChange = vi.fn()
+const mockToastError = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/hooks/use-breakpoints', () => ({
+  __esModule: true,
+  default: () => 'desktop',
+  MediaType: {
+    mobile: 'mobile',
+  },
+}))
+
+vi.mock('@/app/components/base/features/hooks', () => ({
+  useFeaturesStore: () => ({
+    getState: () => ({
+      features: {
+        opening: {
+          enabled: false,
+          opening_statement: '',
+        },
+      },
+      setFeatures: mockSetFeatures,
+    }),
+  }),
+}))
+
+vi.mock('@/context/event-emitter', () => ({
+  useEventEmitterContextContext: () => ({
+    eventEmitter: {
+      emit: (...args: unknown[]) => mockEmit(...args),
+    },
+  }),
+}))
+
+vi.mock('@/context/modal-context', () => ({
+  useModalContext: () => ({
+    setShowExternalDataToolModal: mockSetShowExternalDataToolModal,
+  }),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    error: (...args: unknown[]) => mockToastError(...args),
+  },
+}))
+
+vi.mock('@/app/components/app/configuration/config/automatic/automatic-btn', () => ({
+  default: ({ onClick }: { onClick: () => void }) => <button onClick={onClick}>automatic-btn</button>,
+}))
+
+vi.mock('@/app/components/app/configuration/config/automatic/get-automatic-res', () => ({
+  default: ({ onFinished }: { onFinished: (value: Record<string, unknown>) => void }) => (
+    <button onClick={() => onFinished({ modified: 'auto prompt', variables: ['city'], opening_statement: 'hello there' })}>
+      finish-automatic
+    </button>
+  ),
+}))
+
+vi.mock('@/app/components/base/prompt-editor', () => ({
+  default: (props: {
+    onBlur: () => void
+    onChange: (value: string) => void
+    contextBlock: { datasets: Array<{ id: string, name: string, type: string }> }
+    variableBlock: { variables: Array<{ name: string, value: string }> }
+    queryBlock: { selectable: boolean }
+    externalToolBlock: {
+      onAddExternalTool: () => void
+      externalTools: Array<{ name: string, variableName: string }>
+    }
+  }) => (
+    <div>
+      <div>{`datasets:${props.contextBlock.datasets.map(item => item.name).join(',')}`}</div>
+      <div>{`variables:${props.variableBlock.variables.map(item => item.value).join(',')}`}</div>
+      <div>{`external-tools:${props.externalToolBlock.externalTools.map(item => item.variableName).join(',')}`}</div>
+      <div>{`query-selectable:${String(props.queryBlock.selectable)}`}</div>
+      <button onClick={() => props.onChange('Hello {{new_var}}')}>change-prompt</button>
+      <button onClick={props.onBlur}>blur-prompt</button>
+      <button onClick={props.externalToolBlock.onAddExternalTool}>open-tool-modal</button>
+    </div>
+  ),
+}))
+
+vi.mock('../prompt-editor-height-resize-wrap', () => ({
+  default: ({ children, footer }: { children: ReactNode, footer: ReactNode }) => (
+    <div>
+      {children}
+      {footer}
+    </div>
+  ),
+}))
+
+const createContextValue = (overrides: Record<string, unknown> = {}) => ({
+  appId: 'app-1',
+  modelConfig: {
+    configs: {
+      prompt_template: 'Hello {{new_var}}',
+      prompt_variables: [
+        { key: 'existing_var', name: 'Existing', type: 'string', required: true },
+      ],
+    },
+  },
+  dataSets: [],
+  setModelConfig: mockSetModelConfig,
+  setPrevPromptConfig: mockSetPrevPromptConfig,
+  setIntroduction: mockSetIntroduction,
+  hasSetBlockStatus: {
+    context: false,
+    history: false,
+    query: false,
+  },
+  showSelectDataSet: vi.fn(),
+  externalDataToolsConfig: [],
+  ...overrides,
+}) as any
+
+describe('SimplePromptInput', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should prompt to add new variables discovered from the prompt template', () => {
+    render(
+      <ConfigContext.Provider value={createContextValue()}>
+        <Prompt
+          mode={AppModeEnum.CHAT}
+          promptTemplate="Hello {{new_var}}"
+          promptVariables={[]}
+          onChange={mockOnChange}
+        />
+      </ConfigContext.Provider>,
+    )
+
+    fireEvent.click(screen.getByText('blur-prompt'))
+
+    expect(screen.getByText('autoAddVar')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('operation.add'))
+
+    expect(mockOnChange).toHaveBeenCalledWith('Hello {{new_var}}', [
+      expect.objectContaining({
+        key: 'new_var',
+        name: 'new_var',
+      }),
+    ])
+  })
+
+  it('should open the external data tool modal and emit insert events after save', () => {
+    render(
+      <ConfigContext.Provider value={createContextValue()}>
+        <Prompt
+          mode={AppModeEnum.CHAT}
+          promptTemplate="Hello"
+          promptVariables={[
+            { key: 'existing_var', name: 'Existing', type: 'string', required: true },
+          ]}
+          onChange={mockOnChange}
+        />
+      </ConfigContext.Provider>,
+    )
+
+    fireEvent.click(screen.getByText('open-tool-modal'))
+
+    expect(mockSetShowExternalDataToolModal).toHaveBeenCalledTimes(1)
+    const modalConfig = mockSetShowExternalDataToolModal.mock.calls[0][0]
+
+    expect(modalConfig.onValidateBeforeSaveCallback({ variable: 'existing_var' })).toBe(false)
+    expect(mockToastError).toHaveBeenCalledWith('varKeyError.keyAlreadyExists')
+    expect(modalConfig.onValidateBeforeSaveCallback({ variable: 'fresh_var' })).toBe(true)
+
+    modalConfig.onSaveCallback(undefined)
+    expect(mockEmit).not.toHaveBeenCalled()
+
+    modalConfig.onSaveCallback({
+      label: 'Search',
+      variable: 'search_api',
+    })
+
+    expect(mockEmit).toHaveBeenCalledWith(expect.objectContaining({
+      type: 'ADD_EXTERNAL_DATA_TOOL',
+    }))
+    expect(mockEmit).toHaveBeenCalledWith(expect.objectContaining({
+      payload: 'search_api',
+      type: INSERT_VARIABLE_VALUE_BLOCK_COMMAND,
+    }))
+  })
+
+  it('should apply automatic generation results to prompt and opening statement', () => {
+    render(
+      <ConfigContext.Provider value={createContextValue()}>
+        <Prompt
+          mode={AppModeEnum.CHAT}
+          promptTemplate="Hello"
+          promptVariables={[]}
+          onChange={mockOnChange}
+        />
+      </ConfigContext.Provider>,
+    )
+
+    fireEvent.click(screen.getByText('automatic-btn'))
+    fireEvent.click(screen.getByText('finish-automatic'))
+
+    expect(mockEmit).toHaveBeenCalledWith(expect.objectContaining({
+      payload: 'auto prompt',
+      type: 'PROMPT_EDITOR_UPDATE_VALUE_BY_EVENT_EMITTER',
+    }))
+    expect(mockSetModelConfig).toHaveBeenCalledWith(expect.objectContaining({
+      configs: expect.objectContaining({
+        prompt_template: 'auto prompt',
+        prompt_variables: [
+          expect.objectContaining({ key: 'city', name: 'city' }),
+        ],
+      }),
+    }))
+    expect(mockSetPrevPromptConfig).toHaveBeenCalled()
+    expect(mockSetIntroduction).toHaveBeenCalledWith('hello there')
+    expect(mockSetFeatures).toHaveBeenCalled()
+  })
+
+  it('should expose dataset and external tool metadata to the editor', () => {
+    render(
+      <ConfigContext.Provider value={createContextValue({
+        dataSets: [{ id: 'dataset-1', name: 'Knowledge Base', data_source_type: 'file' }],
+        hasSetBlockStatus: {
+          context: false,
+          history: false,
+          query: true,
+        },
+        modelConfig: {
+          configs: {
+            prompt_template: 'Hello {{existing_var}}',
+            prompt_variables: [
+              { key: 'existing_var', name: 'Existing', type: 'string', required: true },
+              { key: 'search_api', name: 'Search API', type: 'api', required: false, icon: 'search', icon_background: '#fff' },
+            ],
+          },
+        },
+      })}
+      >
+        <Prompt
+          mode={AppModeEnum.CHAT}
+          promptTemplate="Hello {{existing_var}}"
+          promptVariables={[
+            { key: 'existing_var', name: 'Existing', type: 'string', required: true },
+            { key: 'search_api', name: 'Search API', type: 'api', required: false },
+          ]}
+          onChange={mockOnChange}
+        />
+      </ConfigContext.Provider>,
+    )
+
+    expect(screen.getByText('datasets:Knowledge Base')).toBeInTheDocument()
+    expect(screen.getByText('variables:existing_var')).toBeInTheDocument()
+    expect(screen.getByText('external-tools:search_api')).toBeInTheDocument()
+    expect(screen.getByText('query-selectable:false')).toBeInTheDocument()
+  })
+
+  it('should skip external tool variables and incomplete prompt variables when deciding whether to auto add', () => {
+    render(
+      <ConfigContext.Provider value={createContextValue({
+        externalDataToolsConfig: [{ variable: 'search_api' }],
+      })}
+      >
+        <Prompt
+          mode={AppModeEnum.CHAT}
+          promptTemplate="Hello {{search_api}} {{existing_var}}"
+          promptVariables={[
+            { key: 'existing_var', name: 'Existing', type: 'string', required: true },
+          ]}
+          onChange={mockOnChange}
+        />
+      </ConfigContext.Provider>,
+    )
+
+    fireEvent.click(screen.getByText('change-prompt'))
+    expect(mockOnChange).toHaveBeenCalledWith('Hello {{new_var}}', [])
+
+    fireEvent.click(screen.getByText('blur-prompt'))
+    expect(mockOnChange).toHaveBeenLastCalledWith('Hello {{search_api}} {{existing_var}}', [])
+  })
+
+  it('should keep invalid prompt variables in the confirmation flow', () => {
+    render(
+      <ConfigContext.Provider value={createContextValue()}>
+        <Prompt
+          mode={AppModeEnum.CHAT}
+          promptTemplate="Hello {{existing_var}}"
+          promptVariables={[
+            { key: 'existing_var', name: '', type: 'string', required: true },
+          ]}
+          onChange={mockOnChange}
+        />
+      </ConfigContext.Provider>,
+    )
+
+    fireEvent.click(screen.getByText('blur-prompt'))
+    expect(screen.getByText('autoAddVar')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('operation.cancel'))
+    expect(mockOnChange).toHaveBeenCalledWith('Hello {{existing_var}}', [])
+  })
+})
diff --git a/web/app/components/app/configuration/config-prompt/confirm-add-var/index.spec.tsx b/web/app/components/app/configuration/config-prompt/confirm-add-var/__tests__/index.spec.tsx
similarity index 93%
rename from web/app/components/app/configuration/config-prompt/confirm-add-var/index.spec.tsx
rename to web/app/components/app/configuration/config-prompt/confirm-add-var/__tests__/index.spec.tsx
index c5a1500c59..1d6aa91552 100644
--- a/web/app/components/app/configuration/config-prompt/confirm-add-var/index.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/confirm-add-var/__tests__/index.spec.tsx
@@ -1,8 +1,8 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
-import ConfirmAddVar from './index'
+import ConfirmAddVar from '../index'
 
-vi.mock('../../base/var-highlight', () => ({
+vi.mock('../../../base/var-highlight', () => ({
   default: ({ name }: { name: string }) => <span data-testid="var-highlight">{name}</span>,
 }))
 
diff --git a/web/app/components/app/configuration/config-prompt/confirm-add-var/index.tsx b/web/app/components/app/configuration/config-prompt/confirm-add-var/index.tsx
index c2f0cb000a..47d9aaa4d2 100644
--- a/web/app/components/app/configuration/config-prompt/confirm-add-var/index.tsx
+++ b/web/app/components/app/configuration/config-prompt/confirm-add-var/index.tsx
@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import VarHighlight from '../../base/var-highlight'
 
-export type IConfirmAddVarProps = {
+type IConfirmAddVarProps = {
   varNameArr: string[]
   onConfirm: () => void
   onCancel: () => void
diff --git a/web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.spec.tsx b/web/app/components/app/configuration/config-prompt/conversation-history/__tests__/edit-modal.spec.tsx
similarity index 97%
rename from web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.spec.tsx
rename to web/app/components/app/configuration/config-prompt/conversation-history/__tests__/edit-modal.spec.tsx
index 2f417fdded..236f9403c9 100644
--- a/web/app/components/app/configuration/config-prompt/conversation-history/edit-modal.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/conversation-history/__tests__/edit-modal.spec.tsx
@@ -1,7 +1,7 @@
 import type { ConversationHistoriesRole } from '@/models/debug'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
-import EditModal from './edit-modal'
+import EditModal from '../edit-modal'
 
 vi.mock('@/app/components/base/modal', () => ({
   default: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
diff --git a/web/app/components/app/configuration/config-prompt/conversation-history/history-panel.spec.tsx b/web/app/components/app/configuration/config-prompt/conversation-history/__tests__/history-panel.spec.tsx
similarity index 95%
rename from web/app/components/app/configuration/config-prompt/conversation-history/history-panel.spec.tsx
rename to web/app/components/app/configuration/config-prompt/conversation-history/__tests__/history-panel.spec.tsx
index 827986f521..9a34dc2da1 100644
--- a/web/app/components/app/configuration/config-prompt/conversation-history/history-panel.spec.tsx
+++ b/web/app/components/app/configuration/config-prompt/conversation-history/__tests__/history-panel.spec.tsx
@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react'
-import HistoryPanel from './history-panel'
+import HistoryPanel from '../history-panel'
 
 vi.mock('@/app/components/app/configuration/base/operation-btn', () => ({
   default: ({ onClick }: { onClick: () => void }) => (
diff --git a/web/app/components/app/configuration/config-prompt/simple-prompt-input.tsx b/web/app/components/app/configuration/config-prompt/simple-prompt-input.tsx
index e5f1556cc5..da1949af60 100644
--- a/web/app/components/app/configuration/config-prompt/simple-prompt-input.tsx
+++ b/web/app/components/app/configuration/config-prompt/simple-prompt-input.tsx
@@ -33,7 +33,7 @@ import { getNewVar, getVars } from '@/utils/var'
 import ConfirmAddVar from './confirm-add-var'
 import PromptEditorHeightResizeWrap from './prompt-editor-height-resize-wrap'
 
-export type ISimplePromptInput = {
+type ISimplePromptInput = {
   mode: AppModeEnum
   promptTemplate: string
   promptVariables: PromptVariable[]
diff --git a/web/app/components/app/configuration/config-prompt/style.module.css b/web/app/components/app/configuration/config-prompt/style.module.css
index 3086441327..224d59d9c8 100644
--- a/web/app/components/app/configuration/config-prompt/style.module.css
+++ b/web/app/components/app/configuration/config-prompt/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .gradientBorder {
   background: radial-gradient(circle at 100% 100%, #fcfcfd 0, #fcfcfd 10px, transparent 10px) 0% 0%/12px 12px no-repeat,
             radial-gradient(circle at 0 100%, #fcfcfd 0, #fcfcfd 10px, transparent 10px) 100% 0%/12px 12px no-repeat,
diff --git a/web/app/components/app/configuration/config-var/index.spec.tsx b/web/app/components/app/configuration/config-var/__tests__/index.spec.tsx
similarity index 82%
rename from web/app/components/app/configuration/config-var/index.spec.tsx
rename to web/app/components/app/configuration/config-var/__tests__/index.spec.tsx
index a48d3233f5..fb190d844a 100644
--- a/web/app/components/app/configuration/config-var/index.spec.tsx
+++ b/web/app/components/app/configuration/config-var/__tests__/index.spec.tsx
@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react'
-import type { IConfigVarProps } from './index'
+import type { IConfigVarProps } from '../index'
 import type { ExternalDataTool } from '@/models/common'
 import type { PromptVariable } from '@/models/debug'
 import { act, fireEvent, render, screen, waitFor, within } from '@testing-library/react'
@@ -9,7 +9,7 @@ import { toast } from '@/app/components/base/ui/toast'
 import DebugConfigurationContext from '@/context/debug-configuration'
 import { AppModeEnum } from '@/types/app'
 
-import ConfigVar, { ADD_EXTERNAL_DATA_TOOL } from './index'
+import ConfigVar, { ADD_EXTERNAL_DATA_TOOL } from '../index'
 
 const toastErrorSpy = vi.spyOn(toast, 'error').mockReturnValue('toast-error')
 
@@ -393,5 +393,94 @@ describe('ConfigVar', () => {
         }),
       ])
     })
+
+    it('should update an api variable with the modal save callback', () => {
+      const onPromptVariablesChange = vi.fn()
+      const apiVar = createPromptVariable({
+        key: 'api_var',
+        name: 'API Var',
+        type: 'api',
+      })
+
+      renderConfigVar({
+        promptVariables: [apiVar],
+        onPromptVariablesChange,
+      })
+
+      const item = screen.getByTitle('api_var · API Var')
+      const itemContainer = item.closest('div.group')
+      expect(itemContainer).not.toBeNull()
+
+      const actionButtons = itemContainer!.querySelectorAll('div.h-6.w-6')
+      fireEvent.click(actionButtons[0])
+
+      const modalState = setShowExternalDataToolModal.mock.calls.at(-1)?.[0]
+
+      act(() => {
+        modalState.onSaveCallback?.({
+          variable: 'next_api_var',
+          label: 'Next API Var',
+          enabled: true,
+          type: 'api',
+          config: { endpoint: '/search' },
+          icon: 'tool-icon',
+          icon_background: '#fff',
+        })
+      })
+
+      expect(onPromptVariablesChange).toHaveBeenCalledWith([
+        expect.objectContaining({
+          key: 'next_api_var',
+          name: 'Next API Var',
+          type: 'api',
+          icon: 'tool-icon',
+        }),
+      ])
+    })
+
+    it('should ignore empty external tool saves and reject duplicate variable names during validation', () => {
+      const onPromptVariablesChange = vi.fn()
+      const firstVar = createPromptVariable({
+        key: 'api_var',
+        name: 'API Var',
+        type: 'api',
+      })
+      const secondVar = createPromptVariable({
+        key: 'existing_var',
+        name: 'Existing Var',
+        type: 'string',
+      })
+
+      renderConfigVar({
+        promptVariables: [firstVar, secondVar],
+        onPromptVariablesChange,
+      })
+
+      const item = screen.getByTitle('api_var · API Var')
+      const itemContainer = item.closest('div.group')
+      expect(itemContainer).not.toBeNull()
+
+      const actionButtons = itemContainer!.querySelectorAll('div.h-6.w-6')
+      fireEvent.click(actionButtons[0])
+
+      const modalState = setShowExternalDataToolModal.mock.calls.at(-1)?.[0]
+
+      act(() => {
+        modalState.onSaveCallback?.(undefined)
+      })
+
+      expect(onPromptVariablesChange).not.toHaveBeenCalled()
+
+      const isValid = modalState.onValidateBeforeSaveCallback?.({
+        variable: 'existing_var',
+        label: 'Duplicated',
+        enabled: true,
+        type: 'api',
+        config: {},
+      })
+
+      expect(isValid).toBe(false)
+      expect(toastErrorSpy).toHaveBeenCalled()
+    })
   })
 })
diff --git a/web/app/components/app/configuration/config-var/config-modal/__tests__/form-fields.spec.tsx b/web/app/components/app/configuration/config-var/config-modal/__tests__/form-fields.spec.tsx
new file mode 100644
index 0000000000..0740f0cde3
--- /dev/null
+++ b/web/app/components/app/configuration/config-var/config-modal/__tests__/form-fields.spec.tsx
@@ -0,0 +1,207 @@
+/* eslint-disable ts/no-explicit-any */
+import type { ReactNode } from 'react'
+import { fireEvent, render, screen } from '@testing-library/react'
+import { InputVarType } from '@/app/components/workflow/types'
+import ConfigModalFormFields from '../form-fields'
+
+vi.mock('@/app/components/base/file-uploader', () => ({
+  FileUploaderInAttachmentWrapper: ({ onChange }: { onChange: (files: Array<Record<string, unknown>>) => void }) => (
+    <button
+      type="button"
+      onClick={() => onChange([
+        { fileId: 'file-1', type: 'local_file', url: 'https://example.com/file.png' },
+        { fileId: 'file-2', type: 'remote_url', url: 'https://example.com/file-2.png' },
+      ])}
+    >
+      upload-file
+    </button>
+  ),
+}))
+
+vi.mock('@/app/components/workflow/nodes/_base/components/file-upload-setting', () => ({
+  default: ({ onChange, isMultiple }: { onChange: (payload: Record<string, unknown>) => void, isMultiple: boolean }) => (
+    <button type="button" onClick={() => onChange({ number_limits: isMultiple ? 3 : 1 })}>
+      {isMultiple ? 'multi-file-setting' : 'single-file-setting'}
+    </button>
+  ),
+}))
+
+vi.mock('@/app/components/workflow/nodes/_base/components/editor/code-editor', () => ({
+  default: ({ onChange }: { onChange: (value: string) => void }) => (
+    <button type="button" onClick={() => onChange('{\n  "type": "object"\n}')}>json-editor</button>
+  ),
+}))
+
+vi.mock('@/app/components/base/checkbox', () => ({
+  default: ({ onCheck, checked }: { onCheck: () => void, checked: boolean }) => (
+    <button type="button" onClick={onCheck}>{checked ? 'checked' : 'unchecked'}</button>
+  ),
+}))
+
+vi.mock('@/app/components/base/select', () => ({
+  default: ({ onSelect }: { onSelect: (item: { value: string }) => void }) => (
+    <button type="button" onClick={() => onSelect({ value: 'beta' })}>legacy-select</button>
+  ),
+}))
+
+vi.mock('@/app/components/base/ui/select', () => ({
+  Select: ({ value, onValueChange, children }: { value: string, onValueChange: (value: string) => void, children: ReactNode }) => (
+    <div>
+      <button type="button" onClick={() => onValueChange(value === 'true' ? 'false' : 'beta')}>{`ui-select:${value}`}</button>
+      {children}
+    </div>
+  ),
+  SelectTrigger: ({ children }: { children: ReactNode }) => <div>{children}</div>,
+  SelectValue: () => <span>select-value</span>,
+  SelectContent: ({ children }: { children: ReactNode }) => <div>{children}</div>,
+  SelectItem: ({ children }: { children: ReactNode }) => <div>{children}</div>,
+}))
+
+vi.mock('../field', () => ({
+  default: ({ children, title }: { children: ReactNode, title: string }) => (
+    <div>
+      <span>{title}</span>
+      {children}
+    </div>
+  ),
+}))
+
+vi.mock('../type-select', () => ({
+  default: ({ onSelect }: { onSelect: (item: { value: InputVarType }) => void }) => (
+    <button type="button" onClick={() => onSelect({ value: InputVarType.select })}>type-selector</button>
+  ),
+}))
+
+vi.mock('../../config-select', () => ({
+  default: ({ onChange }: { onChange: (value: string[]) => void }) => (
+    <button type="button" onClick={() => onChange(['alpha', 'beta'])}>config-select</button>
+  ),
+}))
+
+vi.mock('../../config-string', () => ({
+  default: ({ onChange }: { onChange: (value: number) => void }) => (
+    <button type="button" onClick={() => onChange(64)}>config-string</button>
+  ),
+}))
+
+const t = (key: string) => key
+
+const createPayloadChangeHandler = () => vi.fn<(value: unknown) => void>()
+
+const createBaseProps = () => {
+  const payloadChangeHandlers: Record<string, ReturnType<typeof createPayloadChangeHandler>> = {
+    default: createPayloadChangeHandler(),
+    hide: createPayloadChangeHandler(),
+    label: createPayloadChangeHandler(),
+    max_length: createPayloadChangeHandler(),
+    options: createPayloadChangeHandler(),
+    required: createPayloadChangeHandler(),
+  }
+
+  return {
+    checkboxDefaultSelectValue: 'false',
+    isStringInput: false,
+    jsonSchemaStr: '',
+    maxLength: 32,
+    modelId: 'gpt-4o',
+    onFilePayloadChange: vi.fn(),
+    onJSONSchemaChange: vi.fn(),
+    onPayloadChange: (key: string) => {
+      if (!payloadChangeHandlers[key])
+        payloadChangeHandlers[key] = createPayloadChangeHandler()
+      return payloadChangeHandlers[key]
+    },
+    onTypeChange: vi.fn(),
+    onVarKeyBlur: vi.fn(),
+    onVarNameChange: vi.fn(),
+    options: undefined as string[] | undefined,
+    selectOptions: [],
+    tempPayload: {
+      type: InputVarType.textInput,
+      label: 'Question',
+      variable: 'question',
+      required: false,
+      hide: false,
+    } as any,
+    t,
+    payloadChangeHandlers,
+  }
+}
+
+describe('ConfigModalFormFields', () => {
+  it('should update paragraph, number, checkbox, and select defaults', () => {
+    const paragraphProps = createBaseProps()
+    paragraphProps.tempPayload = { ...paragraphProps.tempPayload, type: InputVarType.paragraph, default: 'hello' }
+    render(<ConfigModalFormFields {...paragraphProps} />)
+    fireEvent.change(screen.getByDisplayValue('hello'), { target: { value: 'updated paragraph' } })
+    expect(paragraphProps.payloadChangeHandlers.default).toHaveBeenCalledWith('updated paragraph')
+
+    const numberProps = createBaseProps()
+    numberProps.tempPayload = { ...numberProps.tempPayload, type: InputVarType.number, default: '1' }
+    render(<ConfigModalFormFields {...numberProps} />)
+    fireEvent.change(screen.getByDisplayValue('1'), { target: { value: '2' } })
+    expect(numberProps.payloadChangeHandlers.default).toHaveBeenCalledWith('2')
+
+    const checkboxProps = createBaseProps()
+    checkboxProps.tempPayload = { ...checkboxProps.tempPayload, type: InputVarType.checkbox, default: false }
+    checkboxProps.checkboxDefaultSelectValue = 'true'
+    render(<ConfigModalFormFields {...checkboxProps} />)
+    fireEvent.click(screen.getByText('ui-select:true'))
+    expect(checkboxProps.payloadChangeHandlers.default).toHaveBeenCalledWith(false)
+
+    const selectProps = createBaseProps()
+    selectProps.tempPayload = { ...selectProps.tempPayload, type: InputVarType.select, default: 'alpha' }
+    selectProps.options = ['alpha', 'beta']
+    render(<ConfigModalFormFields {...selectProps} />)
+    fireEvent.click(screen.getByText('config-select'))
+    fireEvent.click(screen.getByText('ui-select:alpha'))
+    expect(selectProps.payloadChangeHandlers.options).toHaveBeenCalledWith(['alpha', 'beta'])
+    expect(selectProps.payloadChangeHandlers.default).toHaveBeenCalledWith('beta')
+  })
+
+  it('should wire file, json schema, and visibility controls', () => {
+    const singleFileProps = createBaseProps()
+    singleFileProps.tempPayload = {
+      ...singleFileProps.tempPayload,
+      type: InputVarType.singleFile,
+      allowed_file_types: ['document'],
+      allowed_file_extensions: [],
+      allowed_file_upload_methods: ['remote_url'],
+    }
+    render(<ConfigModalFormFields {...singleFileProps} />)
+    fireEvent.click(screen.getByText('single-file-setting'))
+    fireEvent.click(screen.getByText('upload-file'))
+    fireEvent.click(screen.getAllByText('unchecked')[0])
+    fireEvent.click(screen.getAllByText('unchecked')[1])
+
+    expect(singleFileProps.onFilePayloadChange).toHaveBeenCalledWith({ number_limits: 1 })
+    expect(singleFileProps.payloadChangeHandlers.default).toHaveBeenCalledWith(expect.objectContaining({
+      fileId: 'file-1',
+    }))
+    expect(singleFileProps.payloadChangeHandlers.required).toHaveBeenCalledWith(true)
+    expect(singleFileProps.payloadChangeHandlers.hide).toHaveBeenCalledWith(true)
+
+    const multiFileProps = createBaseProps()
+    multiFileProps.tempPayload = {
+      ...multiFileProps.tempPayload,
+      type: InputVarType.multiFiles,
+      allowed_file_types: ['document'],
+      allowed_file_extensions: [],
+      allowed_file_upload_methods: ['remote_url'],
+    }
+    render(<ConfigModalFormFields {...multiFileProps} />)
+    fireEvent.click(screen.getByText('multi-file-setting'))
+    fireEvent.click(screen.getAllByText('upload-file')[1])
+    expect(multiFileProps.onFilePayloadChange).toHaveBeenCalledWith({ number_limits: 3 })
+    expect(multiFileProps.payloadChangeHandlers.default).toHaveBeenCalledWith([
+      expect.objectContaining({ fileId: 'file-1' }),
+      expect.objectContaining({ fileId: 'file-2' }),
+    ])
+
+    const jsonProps = createBaseProps()
+    jsonProps.tempPayload = { ...jsonProps.tempPayload, type: InputVarType.jsonObject }
+    render(<ConfigModalFormFields {...jsonProps} />)
+    fireEvent.click(screen.getByText('json-editor'))
+    expect(jsonProps.onJSONSchemaChange).toHaveBeenCalledWith('{\n  "type": "object"\n}')
+  })
+})
diff --git a/web/app/components/app/configuration/config-var/config-modal/__tests__/index-logic.spec.tsx b/web/app/components/app/configuration/config-var/config-modal/__tests__/index-logic.spec.tsx
new file mode 100644
index 0000000000..4888d284d2
--- /dev/null
+++ b/web/app/components/app/configuration/config-var/config-modal/__tests__/index-logic.spec.tsx
@@ -0,0 +1,150 @@
+/* eslint-disable ts/no-explicit-any */
+import type { InputVar } from '@/app/components/workflow/types'
+import type { App, AppSSO } from '@/types/app'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import * as React from 'react'
+import { useStore } from '@/app/components/app/store'
+import { toast } from '@/app/components/base/ui/toast'
+import { InputVarType } from '@/app/components/workflow/types'
+import DebugConfigurationContext from '@/context/debug-configuration'
+import { AppModeEnum } from '@/types/app'
+import ConfigModal from '../index'
+
+const toastErrorSpy = vi.spyOn(toast, 'error').mockReturnValue('toast-error')
+let latestFormProps: Record<string, any> | null = null
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('../form-fields', () => ({
+  default: (props: Record<string, any>) => {
+    latestFormProps = props
+    return (
+      <div data-testid="config-form-fields">
+        <div data-testid="payload-type">{String(props.tempPayload.type)}</div>
+        <div data-testid="payload-label">{String(props.tempPayload.label ?? '')}</div>
+        <div data-testid="payload-schema">{String(props.tempPayload.json_schema ?? '')}</div>
+        <div data-testid="payload-default">{String(props.tempPayload.default ?? '')}</div>
+        <button data-testid="invalid-key-blur" onClick={() => props.onVarKeyBlur({ target: { value: 'invalid key' } })}>invalid-key-blur</button>
+        <button data-testid="valid-key-blur" onClick={() => props.onVarKeyBlur({ target: { value: 'auto_label' } })}>valid-key-blur</button>
+        <button
+          data-testid="invalid-name-change"
+          onClick={() => props.onVarNameChange({
+            target: {
+              value: 'invalid-key!',
+              selectionStart: 0,
+              selectionEnd: 0,
+              setSelectionRange: vi.fn(),
+            },
+          })}
+        >
+          invalid-name-change
+        </button>
+        <button data-testid="valid-json-change" onClick={() => props.onJSONSchemaChange('{\n  \"foo\": \"bar\"\n}')}>valid-json-change</button>
+        <button data-testid="empty-json-change" onClick={() => props.onJSONSchemaChange('   ')}>empty-json-change</button>
+        <button data-testid="invalid-json-change" onClick={() => props.onJSONSchemaChange('{invalid-json}')}>invalid-json-change</button>
+        <button data-testid="type-change" onClick={() => props.onTypeChange({ value: InputVarType.singleFile })}>type-change</button>
+        <button data-testid="file-payload-change" onClick={() => props.onFilePayloadChange({ ...props.tempPayload, default: 'file-default' })}>file-payload-change</button>
+      </div>
+    )
+  },
+}))
+
+const createPayload = (overrides: Partial<InputVar> = {}): InputVar => ({
+  type: InputVarType.textInput,
+  label: '',
+  variable: 'question',
+  required: false,
+  hide: false,
+  options: [],
+  default: 'hello',
+  max_length: 32,
+  ...overrides,
+})
+
+const renderConfigModal = (payload: InputVar = createPayload()) => render(
+  <DebugConfigurationContext.Provider value={{
+    mode: AppModeEnum.CHAT,
+    dataSets: [],
+    modelConfig: { model_id: 'model-1' },
+  } as any}
+  >
+    <ConfigModal
+      isCreate
+      isShow
+      payload={payload}
+      onClose={vi.fn()}
+      onConfirm={vi.fn()}
+    />
+  </DebugConfigurationContext.Provider>,
+)
+
+describe('ConfigModal logic', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    latestFormProps = null
+    useStore.setState({
+      appDetail: {
+        mode: AppModeEnum.CHAT,
+      } as App & Partial<AppSSO>,
+    })
+  })
+
+  it('should surface validation errors from invalid variable name callbacks', async () => {
+    renderConfigModal()
+
+    fireEvent.click(screen.getByTestId('invalid-key-blur'))
+    fireEvent.click(screen.getByTestId('invalid-name-change'))
+
+    await waitFor(() => {
+      expect(toastErrorSpy).toHaveBeenCalledTimes(2)
+    })
+  })
+
+  it('should keep the existing label when blur runs on a payload that already has one', async () => {
+    renderConfigModal(createPayload({ label: 'Existing label' }))
+
+    fireEvent.click(screen.getByTestId('valid-key-blur'))
+
+    await waitFor(() => {
+      expect(screen.getByTestId('payload-label')).toHaveTextContent('Existing label')
+    })
+  })
+
+  it('should derive payload fields from mocked form-field callbacks', async () => {
+    renderConfigModal()
+
+    fireEvent.click(screen.getByTestId('valid-key-blur'))
+    await waitFor(() => {
+      expect(screen.getByTestId('payload-label')).toHaveTextContent('auto_label')
+    })
+
+    fireEvent.click(screen.getByTestId('valid-json-change'))
+    await waitFor(() => {
+      expect(screen.getByTestId('payload-schema')).toHaveTextContent(/"foo": "bar"/)
+    })
+
+    fireEvent.click(screen.getByTestId('invalid-json-change'))
+    expect(screen.getByTestId('payload-schema')).toHaveTextContent(/"foo": "bar"/)
+
+    fireEvent.click(screen.getByTestId('empty-json-change'))
+    await waitFor(() => {
+      expect(screen.getByTestId('payload-schema')).toHaveTextContent('')
+    })
+
+    fireEvent.click(screen.getByTestId('type-change'))
+    await waitFor(() => {
+      expect(screen.getByTestId('payload-type')).toHaveTextContent(InputVarType.singleFile)
+    })
+
+    fireEvent.click(screen.getByTestId('file-payload-change'))
+    await waitFor(() => {
+      expect(screen.getByTestId('payload-default')).toHaveTextContent('file-default')
+    })
+
+    expect(latestFormProps?.modelId).toBe('model-1')
+  })
+})
diff --git a/web/app/components/app/configuration/config-var/config-modal/__tests__/index.spec.tsx b/web/app/components/app/configuration/config-var/config-modal/__tests__/index.spec.tsx
new file mode 100644
index 0000000000..31256f0c08
--- /dev/null
+++ b/web/app/components/app/configuration/config-var/config-modal/__tests__/index.spec.tsx
@@ -0,0 +1,89 @@
+import type { InputVar } from '@/app/components/workflow/types'
+import type { App, AppSSO } from '@/types/app'
+import { fireEvent, render, screen } from '@testing-library/react'
+import * as React from 'react'
+import { useStore } from '@/app/components/app/store'
+import { toast } from '@/app/components/base/ui/toast'
+import { InputVarType } from '@/app/components/workflow/types'
+import { AppModeEnum } from '@/types/app'
+import ConfigModal from '../index'
+
+const toastErrorSpy = vi.spyOn(toast, 'error').mockReturnValue('toast-error')
+
+const createPayload = (overrides: Partial<InputVar> = {}): InputVar => ({
+  type: InputVarType.textInput,
+  label: '',
+  variable: 'question',
+  required: false,
+  hide: false,
+  options: [],
+  default: 'hello',
+  max_length: 32,
+  ...overrides,
+})
+
+describe('ConfigModal', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    useStore.setState({
+      appDetail: {
+        mode: AppModeEnum.CHAT,
+      } as App & Partial<AppSSO>,
+    })
+  })
+
+  it('should copy the variable name into the label when the label is empty', () => {
+    render(
+      <ConfigModal
+        isCreate
+        isShow
+        payload={createPayload()}
+        onClose={vi.fn()}
+        onConfirm={vi.fn()}
+      />,
+    )
+
+    const textboxes = screen.getAllByRole('textbox')
+    fireEvent.blur(textboxes[0], { target: { value: 'question' } })
+
+    expect(textboxes[1]).toHaveValue('question')
+  })
+
+  it('should submit the edited payload when the form is valid', () => {
+    const onConfirm = vi.fn()
+    render(
+      <ConfigModal
+        isCreate
+        isShow
+        payload={createPayload({ label: 'Question' })}
+        onClose={vi.fn()}
+        onConfirm={onConfirm}
+      />,
+    )
+
+    fireEvent.change(screen.getByDisplayValue('hello'), { target: { value: 'updated default' } })
+    fireEvent.click(screen.getByRole('button', { name: 'common.operation.save' }))
+
+    expect(onConfirm).toHaveBeenCalledWith(expect.objectContaining({
+      default: 'updated default',
+      label: 'Question',
+      variable: 'question',
+    }), undefined)
+  })
+
+  it('should block save when the label is missing', () => {
+    render(
+      <ConfigModal
+        isCreate
+        isShow
+        payload={createPayload({ label: '' })}
+        onClose={vi.fn()}
+        onConfirm={vi.fn()}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'common.operation.save' }))
+
+    expect(toastErrorSpy).toHaveBeenCalledWith('appDebug.variableConfig.errorMsg.labelNameRequired')
+  })
+})
diff --git a/web/app/components/app/configuration/config-var/config-modal/__tests__/type-select.spec.tsx b/web/app/components/app/configuration/config-var/config-modal/__tests__/type-select.spec.tsx
new file mode 100644
index 0000000000..2512aa93e8
--- /dev/null
+++ b/web/app/components/app/configuration/config-var/config-modal/__tests__/type-select.spec.tsx
@@ -0,0 +1,37 @@
+/* eslint-disable ts/no-explicit-any */
+import { fireEvent, render, screen } from '@testing-library/react'
+import TypeSelector from '../type-select'
+
+vi.mock('@/app/components/base/portal-to-follow-elem', () => ({
+  PortalToFollowElem: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  PortalToFollowElemTrigger: ({ children, onClick }: { children: React.ReactNode, onClick?: () => void }) => (
+    <button type="button" onClick={onClick}>{children}</button>
+  ),
+  PortalToFollowElemContent: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+}))
+
+vi.mock('@/app/components/workflow/nodes/_base/components/input-var-type-icon', () => ({
+  default: ({ type }: { type: string }) => <span>{type}</span>,
+}))
+
+describe('TypeSelector', () => {
+  it('should toggle open state and select a new variable type', () => {
+    const onSelect = vi.fn()
+
+    render(
+      <TypeSelector
+        value="text-input"
+        onSelect={onSelect}
+        items={[
+          { value: 'text-input' as any, name: 'Text' },
+          { value: 'number' as any, name: 'Number' },
+        ]}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button'))
+    fireEvent.click(screen.getByText('Number'))
+
+    expect(onSelect).toHaveBeenCalledWith({ value: 'number', name: 'Number' })
+  })
+})
diff --git a/web/app/components/app/configuration/config-var/config-modal/__tests__/utils.spec.ts b/web/app/components/app/configuration/config-var/config-modal/__tests__/utils.spec.ts
new file mode 100644
index 0000000000..1c00e1c5b2
--- /dev/null
+++ b/web/app/components/app/configuration/config-var/config-modal/__tests__/utils.spec.ts
@@ -0,0 +1,267 @@
+import type { InputVar } from '@/app/components/workflow/types'
+import { DEFAULT_FILE_UPLOAD_SETTING } from '@/app/components/workflow/constants'
+import { ChangeType, InputVarType, SupportUploadFileTypes } from '@/app/components/workflow/types'
+import {
+  buildSelectOptions,
+  createPayloadForType,
+  getCheckboxDefaultSelectValue,
+  getJsonSchemaEditorValue,
+  isJsonSchemaEmpty,
+  isStringInputType,
+  normalizeSelectDefaultValue,
+  parseCheckboxSelectValue,
+  updatePayloadField,
+  validateConfigModalPayload,
+} from '../utils'
+
+const t = (key: string) => key
+
+const createInputVar = (overrides: Partial<InputVar> = {}): InputVar => ({
+  type: InputVarType.textInput,
+  label: 'Question',
+  variable: 'question',
+  required: false,
+  options: [],
+  hide: false,
+  ...overrides,
+})
+
+describe('config-modal utils', () => {
+  describe('payload helpers', () => {
+    beforeEach(() => {
+      vi.clearAllMocks()
+    })
+
+    it('should clear the default value when options no longer include it', () => {
+      const payload = createInputVar({
+        type: InputVarType.select,
+        default: 'beta',
+        options: ['alpha', 'beta'],
+      })
+
+      const nextPayload = updatePayloadField(payload, 'options', ['alpha'])
+
+      expect(nextPayload.default).toBeUndefined()
+      expect(nextPayload.options).toEqual(['alpha'])
+    })
+
+    it('should seed upload defaults when switching to multi-file input', () => {
+      const payload = createInputVar({
+        type: InputVarType.textInput,
+        default: 'hello',
+      })
+
+      const nextPayload = createPayloadForType(payload, InputVarType.multiFiles)
+
+      expect(nextPayload.type).toBe(InputVarType.multiFiles)
+      expect(nextPayload.max_length).toBe(DEFAULT_FILE_UPLOAD_SETTING.max_length)
+      expect(nextPayload.allowed_file_types).toEqual(DEFAULT_FILE_UPLOAD_SETTING.allowed_file_types)
+      expect(nextPayload.default).toBe('hello')
+    })
+
+    it('should clear the default value when switching to a select input type', () => {
+      const payload = createInputVar({
+        type: InputVarType.textInput,
+        default: 'hello',
+      })
+
+      const nextPayload = createPayloadForType(payload, InputVarType.select)
+
+      expect(nextPayload.type).toBe(InputVarType.select)
+      expect(nextPayload.default).toBeUndefined()
+    })
+
+    it('should normalize empty select defaults to undefined', () => {
+      const nextPayload = normalizeSelectDefaultValue(createInputVar({
+        type: InputVarType.select,
+        default: '',
+      }))
+
+      expect(nextPayload.default).toBeUndefined()
+    })
+
+    it('should parse checkbox default values and normalize json schema editor content', () => {
+      expect(parseCheckboxSelectValue('true')).toBe(true)
+      expect(parseCheckboxSelectValue('false')).toBe(false)
+      expect(getJsonSchemaEditorValue(InputVarType.jsonObject, { type: 'object' } as never)).toBe(JSON.stringify({ type: 'object' }, null, 2))
+      expect(getJsonSchemaEditorValue(InputVarType.textInput, '{"type":"object"}')).toBe('')
+      expect(getJsonSchemaEditorValue(InputVarType.jsonObject, '{"type":"object"}')).toBe('{"type":"object"}')
+    })
+
+    it('should fall back to an empty editor value when json schema serialization fails', () => {
+      const circular: Record<string, unknown> = {}
+      circular.self = circular
+
+      expect(getJsonSchemaEditorValue(InputVarType.jsonObject, circular as never)).toBe('')
+    })
+  })
+
+  describe('derived values', () => {
+    beforeEach(() => {
+      vi.clearAllMocks()
+    })
+
+    it('should expose upload and json options only when supported', () => {
+      const options = buildSelectOptions({
+        isBasicApp: false,
+        supportFile: true,
+        t,
+      })
+
+      expect(options.map(option => option.value)).toEqual(expect.arrayContaining([
+        InputVarType.singleFile,
+        InputVarType.multiFiles,
+        InputVarType.jsonObject,
+      ]))
+    })
+
+    it('should derive checkbox defaults from boolean and string values', () => {
+      expect(getCheckboxDefaultSelectValue(true)).toBe('true')
+      expect(getCheckboxDefaultSelectValue('TRUE')).toBe('true')
+      expect(getCheckboxDefaultSelectValue(undefined)).toBe('false')
+    })
+
+    it('should detect blank json schema values', () => {
+      expect(isJsonSchemaEmpty(undefined)).toBe(true)
+      expect(isJsonSchemaEmpty('   ')).toBe(true)
+      expect(isJsonSchemaEmpty('{}')).toBe(false)
+      expect(isJsonSchemaEmpty({ type: 'object' } as never)).toBe(false)
+      expect(isStringInputType(InputVarType.textInput)).toBe(true)
+      expect(isStringInputType(InputVarType.paragraph)).toBe(true)
+      expect(isStringInputType(InputVarType.number)).toBe(false)
+    })
+  })
+
+  describe('validation', () => {
+    beforeEach(() => {
+      vi.clearAllMocks()
+    })
+
+    it('should reject duplicate select options', () => {
+      const checkVariableName = vi.fn(() => true)
+
+      const result = validateConfigModalPayload({
+        tempPayload: createInputVar({
+          type: InputVarType.select,
+          options: ['alpha', 'alpha'],
+        }),
+        checkVariableName,
+        payload: createInputVar({
+          variable: 'question',
+        }),
+        t,
+      })
+
+      expect(result.errorMessage).toBe('variableConfig.errorMsg.optionRepeat')
+      expect(checkVariableName).toHaveBeenCalledWith('question')
+    })
+
+    it('should require custom extensions when custom file types are enabled', () => {
+      const result = validateConfigModalPayload({
+        tempPayload: createInputVar({
+          type: InputVarType.singleFile,
+          allowed_file_types: [SupportUploadFileTypes.custom],
+          allowed_file_extensions: [],
+        }),
+        checkVariableName: () => true,
+        payload: createInputVar(),
+        t,
+      })
+
+      expect(result.errorMessage).toBe('errorMsg.fieldRequired')
+    })
+
+    it('should require at least one select option and supported file types', () => {
+      const selectResult = validateConfigModalPayload({
+        tempPayload: createInputVar({
+          type: InputVarType.select,
+          options: [],
+        }),
+        checkVariableName: () => true,
+        payload: createInputVar(),
+        t,
+      })
+
+      const fileResult = validateConfigModalPayload({
+        tempPayload: createInputVar({
+          type: InputVarType.singleFile,
+          allowed_file_types: [],
+        }),
+        checkVariableName: () => true,
+        payload: createInputVar(),
+        t,
+      })
+
+      expect(selectResult.errorMessage).toBe('variableConfig.errorMsg.atLeastOneOption')
+      expect(fileResult.errorMessage).toBe('errorMsg.fieldRequired')
+    })
+
+    it('should reject invalid json schema definitions', () => {
+      const invalidResult = validateConfigModalPayload({
+        tempPayload: createInputVar({
+          type: InputVarType.jsonObject,
+          json_schema: '{',
+        }),
+        payload: createInputVar(),
+        checkVariableName: () => true,
+        t,
+      })
+
+      const nonObjectResult = validateConfigModalPayload({
+        tempPayload: createInputVar({
+          type: InputVarType.jsonObject,
+          json_schema: JSON.stringify({ type: 'string' }),
+        }),
+        payload: createInputVar(),
+        checkVariableName: () => true,
+        t,
+      })
+
+      expect(invalidResult.errorMessage).toBe('variableConfig.errorMsg.jsonSchemaInvalid')
+      expect(nonObjectResult.errorMessage).toBe('variableConfig.errorMsg.jsonSchemaMustBeObject')
+    })
+
+    it('should normalize blank json schema and return rename metadata', () => {
+      const result = validateConfigModalPayload({
+        tempPayload: createInputVar({
+          type: InputVarType.jsonObject,
+          variable: 'question_new',
+          json_schema: '   ',
+        }),
+        payload: createInputVar({
+          variable: 'question_old',
+        }),
+        checkVariableName: () => true,
+        t,
+      })
+
+      expect(result.errorMessage).toBeUndefined()
+      expect(result.payloadToSave).toEqual(expect.objectContaining({
+        json_schema: undefined,
+        variable: 'question_new',
+      }))
+      expect(result.moreInfo).toEqual({
+        type: ChangeType.changeVarName,
+        payload: {
+          beforeKey: 'question_old',
+          afterKey: 'question_new',
+        },
+      })
+    })
+
+    it('should stop validation when the variable name checker rejects the payload', () => {
+      const result = validateConfigModalPayload({
+        tempPayload: createInputVar({
+          variable: 'invalid_name',
+        }),
+        payload: createInputVar({
+          variable: 'question',
+        }),
+        checkVariableName: () => false,
+        t,
+      })
+
+      expect(result).toEqual({})
+    })
+  })
+})
diff --git a/web/app/components/app/configuration/config-var/config-modal/config.ts b/web/app/components/app/configuration/config-var/config-modal/config.ts
index 6586c2fd54..e03464d453 100644
--- a/web/app/components/app/configuration/config-var/config-modal/config.ts
+++ b/web/app/components/app/configuration/config-var/config-modal/config.ts
@@ -1,10 +1,3 @@
-export const jsonObjectWrap = {
-  type: 'object',
-  properties: {},
-  required: [],
-  additionalProperties: true,
-}
-
 export const jsonConfigPlaceHolder = JSON.stringify(
   {
     type: 'object',
diff --git a/web/app/components/app/configuration/config-var/config-modal/form-fields.tsx b/web/app/components/app/configuration/config-var/config-modal/form-fields.tsx
new file mode 100644
index 0000000000..c2a02f4710
--- /dev/null
+++ b/web/app/components/app/configuration/config-var/config-modal/form-fields.tsx
@@ -0,0 +1,228 @@
+'use client'
+import type { ChangeEvent, FC } from 'react'
+import type { Item as SelectOptionItem } from './type-select'
+import type { FileEntity } from '@/app/components/base/file-uploader/types'
+import type { InputVar, UploadFileSetting } from '@/app/components/workflow/types'
+import * as React from 'react'
+import Checkbox from '@/app/components/base/checkbox'
+import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
+import Input from '@/app/components/base/input'
+import Textarea from '@/app/components/base/textarea'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/app/components/base/ui/select'
+import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
+import FileUploadSetting from '@/app/components/workflow/nodes/_base/components/file-upload-setting'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import { InputVarType, SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { TransferMethod } from '@/types/app'
+import ConfigSelect from '../config-select'
+import ConfigString from '../config-string'
+import { jsonConfigPlaceHolder } from './config'
+import Field from './field'
+import TypeSelector from './type-select'
+import { CHECKBOX_DEFAULT_FALSE_VALUE, CHECKBOX_DEFAULT_TRUE_VALUE, TEXT_MAX_LENGTH } from './utils'
+
+type Translate = (key: string, options?: Record<string, unknown>) => string
+const EMPTY_SELECT_VALUE = '__empty__'
+
+type ConfigModalFormFieldsProps = {
+  checkboxDefaultSelectValue: string
+  isStringInput: boolean
+  jsonSchemaStr: string
+  maxLength?: number
+  modelId: string
+  onFilePayloadChange: (payload: UploadFileSetting) => void
+  onJSONSchemaChange: (value: string) => void
+  onPayloadChange: (key: string) => (value: unknown) => void
+  onTypeChange: (item: SelectOptionItem) => void
+  onVarKeyBlur: (event: ChangeEvent<HTMLInputElement>) => void
+  onVarNameChange: (event: ChangeEvent<HTMLInputElement>) => void
+  options?: string[]
+  selectOptions: SelectOptionItem[]
+  tempPayload: InputVar
+  t: Translate
+}
+
+const ConfigModalFormFields: FC<ConfigModalFormFieldsProps> = ({
+  checkboxDefaultSelectValue,
+  isStringInput,
+  jsonSchemaStr,
+  maxLength,
+  modelId,
+  onFilePayloadChange,
+  onJSONSchemaChange,
+  onPayloadChange,
+  onTypeChange,
+  onVarKeyBlur,
+  onVarNameChange,
+  options,
+  selectOptions,
+  tempPayload,
+  t,
+}) => {
+  const { type, label, variable } = tempPayload
+
+  return (
+    <div className="space-y-2">
+      <Field title={t('variableConfig.fieldType', { ns: 'appDebug' })}>
+        <TypeSelector value={type} items={selectOptions} onSelect={onTypeChange} />
+      </Field>
+
+      <Field title={t('variableConfig.varName', { ns: 'appDebug' })}>
+        <Input
+          value={variable}
+          onChange={onVarNameChange}
+          onBlur={onVarKeyBlur}
+          placeholder={t('variableConfig.inputPlaceholder', { ns: 'appDebug' })}
+        />
+      </Field>
+      <Field title={t('variableConfig.labelName', { ns: 'appDebug' })}>
+        <Input
+          value={label as string}
+          onChange={e => onPayloadChange('label')(e.target.value)}
+          placeholder={t('variableConfig.inputPlaceholder', { ns: 'appDebug' })}
+        />
+      </Field>
+
+      {isStringInput && (
+        <Field title={t('variableConfig.maxLength', { ns: 'appDebug' })}>
+          <ConfigString
+            maxLength={type === InputVarType.textInput ? TEXT_MAX_LENGTH : Infinity}
+            modelId={modelId}
+            value={maxLength}
+            onChange={onPayloadChange('max_length')}
+          />
+        </Field>
+      )}
+
+      {type === InputVarType.textInput && (
+        <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
+          <Input
+            value={tempPayload.default || ''}
+            onChange={e => onPayloadChange('default')(e.target.value || undefined)}
+            placeholder={t('variableConfig.inputPlaceholder', { ns: 'appDebug' })}
+          />
+        </Field>
+      )}
+
+      {type === InputVarType.paragraph && (
+        <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
+          <Textarea
+            value={String(tempPayload.default ?? '')}
+            onChange={e => onPayloadChange('default')(e.target.value || undefined)}
+            placeholder={t('variableConfig.inputPlaceholder', { ns: 'appDebug' })}
+          />
+        </Field>
+      )}
+
+      {type === InputVarType.number && (
+        <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
+          <Input
+            type="number"
+            value={tempPayload.default || ''}
+            onChange={e => onPayloadChange('default')(e.target.value || undefined)}
+            placeholder={t('variableConfig.inputPlaceholder', { ns: 'appDebug' })}
+          />
+        </Field>
+      )}
+
+      {type === InputVarType.checkbox && (
+        <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
+          <Select value={checkboxDefaultSelectValue} onValueChange={value => onPayloadChange('default')(value === CHECKBOX_DEFAULT_TRUE_VALUE)}>
+            <SelectTrigger size="large" className="w-full">
+              <SelectValue placeholder={t('variableConfig.selectDefaultValue', { ns: 'appDebug' })} />
+            </SelectTrigger>
+            <SelectContent listClassName="max-h-[140px] overflow-y-auto">
+              <SelectItem value={CHECKBOX_DEFAULT_TRUE_VALUE}>{t('variableConfig.startChecked', { ns: 'appDebug' })}</SelectItem>
+              <SelectItem value={CHECKBOX_DEFAULT_FALSE_VALUE}>{t('variableConfig.noDefaultSelected', { ns: 'appDebug' })}</SelectItem>
+            </SelectContent>
+          </Select>
+        </Field>
+      )}
+
+      {type === InputVarType.select && (
+        <>
+          <Field title={t('variableConfig.options', { ns: 'appDebug' })}>
+            <ConfigSelect options={options || []} onChange={onPayloadChange('options')} />
+          </Field>
+          {options && options.length > 0 && (
+            <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
+              <Select
+                key={`default-select-${options.join('-')}`}
+                value={tempPayload.default ? String(tempPayload.default) : EMPTY_SELECT_VALUE}
+                onValueChange={value => onPayloadChange('default')(value === EMPTY_SELECT_VALUE ? undefined : value)}
+              >
+                <SelectTrigger size="large" className="w-full">
+                  <SelectValue placeholder={t('variableConfig.selectDefaultValue', { ns: 'appDebug' })} />
+                </SelectTrigger>
+                <SelectContent listClassName="max-h-[140px] overflow-y-auto">
+                  <SelectItem value={EMPTY_SELECT_VALUE}>{t('variableConfig.noDefaultValue', { ns: 'appDebug' })}</SelectItem>
+                  {options.filter(option => option.trim() !== '').map(option => (
+                    <SelectItem key={option} value={option}>{option}</SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </Field>
+          )}
+        </>
+      )}
+
+      {[InputVarType.singleFile, InputVarType.multiFiles].includes(type) && (
+        <>
+          <FileUploadSetting
+            payload={tempPayload as UploadFileSetting}
+            onChange={onFilePayloadChange}
+            isMultiple={type === InputVarType.multiFiles}
+          />
+          <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
+            <FileUploaderInAttachmentWrapper
+              value={(type === InputVarType.singleFile ? (tempPayload.default ? [tempPayload.default] : []) : (tempPayload.default || [])) as unknown as FileEntity[]}
+              onChange={(files) => {
+                if (type === InputVarType.singleFile)
+                  onPayloadChange('default')(files?.[0] || undefined)
+                else
+                  onPayloadChange('default')(files || undefined)
+              }}
+              fileConfig={{
+                allowed_file_types: tempPayload.allowed_file_types || [SupportUploadFileTypes.document],
+                allowed_file_extensions: tempPayload.allowed_file_extensions || [],
+                allowed_file_upload_methods: tempPayload.allowed_file_upload_methods || [TransferMethod.remote_url],
+                number_limits: type === InputVarType.singleFile ? 1 : tempPayload.max_length || 5,
+              }}
+            />
+          </Field>
+        </>
+      )}
+
+      {type === InputVarType.jsonObject && (
+        <Field title={t('variableConfig.jsonSchema', { ns: 'appDebug' })} isOptional>
+          <CodeEditor
+            language={CodeLanguage.json}
+            value={jsonSchemaStr}
+            onChange={onJSONSchemaChange}
+            noWrapper
+            className="h-[80px] overflow-y-auto radius-lg bg-components-input-bg-normal p-1"
+            placeholder={<div className="whitespace-pre">{jsonConfigPlaceHolder}</div>}
+          />
+        </Field>
+      )}
+
+      <div className="mt-5! flex h-6 items-center space-x-2">
+        <Checkbox checked={tempPayload.required} disabled={tempPayload.hide} onCheck={() => onPayloadChange('required')(!tempPayload.required)} />
+        <span className="system-sm-semibold text-text-secondary">{t('variableConfig.required', { ns: 'appDebug' })}</span>
+      </div>
+
+      <div className="mt-5! flex h-6 items-center space-x-2">
+        <Checkbox checked={tempPayload.hide} disabled={tempPayload.required} onCheck={() => onPayloadChange('hide')(!tempPayload.hide)} />
+        <span className="system-sm-semibold text-text-secondary">{t('variableConfig.hide', { ns: 'appDebug' })}</span>
+      </div>
+    </div>
+  )
+}
+
+export default React.memo(ConfigModalFormFields)
diff --git a/web/app/components/app/configuration/config-var/config-modal/index.tsx b/web/app/components/app/configuration/config-var/config-modal/index.tsx
index 31b936f3e4..18484683fa 100644
--- a/web/app/components/app/configuration/config-var/config-modal/index.tsx
+++ b/web/app/components/app/configuration/config-var/config-modal/index.tsx
@@ -1,58 +1,31 @@
 'use client'
 import type { ChangeEvent, FC } from 'react'
 import type { Item as SelectItem } from './type-select'
-import type { FileEntity } from '@/app/components/base/file-uploader/types'
-import type { InputVar, MoreInfo, UploadFileSetting } from '@/app/components/workflow/types'
-import { produce } from 'immer'
+import type { InputVar, InputVarType, MoreInfo } from '@/app/components/workflow/types'
 import * as React from 'react'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
 import { useStore as useAppStore } from '@/app/components/app/store'
-import Checkbox from '@/app/components/base/checkbox'
-import { FileUploaderInAttachmentWrapper } from '@/app/components/base/file-uploader'
-import Input from '@/app/components/base/input'
 import Modal from '@/app/components/base/modal'
-import { SimpleSelect } from '@/app/components/base/select'
-import Textarea from '@/app/components/base/textarea'
 import { toast } from '@/app/components/base/ui/toast'
-import { DEFAULT_FILE_UPLOAD_SETTING } from '@/app/components/workflow/constants'
-import CodeEditor from '@/app/components/workflow/nodes/_base/components/editor/code-editor'
-import FileUploadSetting from '@/app/components/workflow/nodes/_base/components/file-upload-setting'
-import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
-import { ChangeType, InputVarType, SupportUploadFileTypes } from '@/app/components/workflow/types'
 import ConfigContext from '@/context/debug-configuration'
-import { AppModeEnum, TransferMethod } from '@/types/app'
+import { AppModeEnum } from '@/types/app'
 import { checkKeys, getNewVarInWorkflow, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
-import ConfigSelect from '../config-select'
-import ConfigString from '../config-string'
 import ModalFoot from '../modal-foot'
-import { jsonConfigPlaceHolder } from './config'
-import Field from './field'
-import TypeSelector from './type-select'
+import ConfigModalFormFields from './form-fields'
+import {
+  buildSelectOptions,
+  createPayloadForType,
+  getCheckboxDefaultSelectValue,
+  getJsonSchemaEditorValue,
+  isStringInputType,
+  normalizeSelectDefaultValue,
+  updatePayloadField,
+  validateConfigModalPayload,
+} from './utils'
 
-const TEXT_MAX_LENGTH = 256
-const CHECKBOX_DEFAULT_TRUE_VALUE = 'true'
-const CHECKBOX_DEFAULT_FALSE_VALUE = 'false'
-
-const getCheckboxDefaultSelectValue = (value: InputVar['default']) => {
-  if (typeof value === 'boolean')
-    return value ? CHECKBOX_DEFAULT_TRUE_VALUE : CHECKBOX_DEFAULT_FALSE_VALUE
-  if (typeof value === 'string')
-    return value.toLowerCase() === CHECKBOX_DEFAULT_TRUE_VALUE ? CHECKBOX_DEFAULT_TRUE_VALUE : CHECKBOX_DEFAULT_FALSE_VALUE
-  return CHECKBOX_DEFAULT_FALSE_VALUE
-}
-
-const parseCheckboxSelectValue = (value: string) =>
-  value === CHECKBOX_DEFAULT_TRUE_VALUE
-
-const normalizeSelectDefaultValue = (inputVar: InputVar) => {
-  if (inputVar.type === InputVarType.select && inputVar.default === '')
-    return { ...inputVar, default: undefined }
-  return inputVar
-}
-
-export type IConfigModalProps = {
+type IConfigModalProps = {
   isCreate?: boolean
   payload?: InputVar
   isShow: boolean
@@ -73,28 +46,18 @@ const ConfigModal: FC<IConfigModalProps> = ({
   const { modelConfig } = useContext(ConfigContext)
   const { t } = useTranslation()
   const [tempPayload, setTempPayload] = useState<InputVar>(() => normalizeSelectDefaultValue(payload || getNewVarInWorkflow('') as any))
-  const { type, label, variable, options, max_length } = tempPayload
+  const { type, options, max_length } = tempPayload
   const modalRef = useRef<HTMLDivElement>(null)
   const appDetail = useAppStore(state => state.appDetail)
   const isBasicApp = appDetail?.mode !== AppModeEnum.ADVANCED_CHAT && appDetail?.mode !== AppModeEnum.WORKFLOW
-  const jsonSchemaStr = useMemo(() => {
-    const isJsonObject = type === InputVarType.jsonObject
-    if (!isJsonObject || !tempPayload.json_schema)
-      return ''
-    try {
-      return tempPayload.json_schema
-    }
-    catch {
-      return ''
-    }
-  }, [tempPayload.json_schema])
+  const jsonSchemaStr = useMemo(() => getJsonSchemaEditorValue(type, tempPayload.json_schema), [tempPayload.json_schema, type])
   useEffect(() => {
     // To fix the first input element auto focus, then directly close modal will raise error
     if (isShow)
       modalRef.current?.focus()
   }, [isShow])
 
-  const isStringInput = type === InputVarType.textInput || type === InputVarType.paragraph
+  const isStringInput = isStringInputType(type)
   const checkVariableName = useCallback((value: string, canBeEmpty?: boolean) => {
     const { isValid, errorMessageKey } = checkKeys([value], canBeEmpty)
     if (!isValid) {
@@ -105,21 +68,7 @@ const ConfigModal: FC<IConfigModalProps> = ({
   }, [t])
   const handlePayloadChange = useCallback((key: string) => {
     return (value: any) => {
-      setTempPayload((prev) => {
-        const newPayload = {
-          ...prev,
-          [key]: value,
-        }
-
-        // Clear default value if modified options no longer include current default
-        if (key === 'options' && prev.default) {
-          const optionsArray = Array.isArray(value) ? value : []
-          if (!optionsArray.includes(prev.default))
-            newPayload.default = undefined
-        }
-
-        return newPayload
-      })
+      setTempPayload(prev => updatePayloadField(prev, key, value))
     }
   }, [])
 
@@ -138,65 +87,15 @@ const ConfigModal: FC<IConfigModalProps> = ({
     }
   }, [handlePayloadChange])
 
-  const selectOptions: SelectItem[] = [
-    {
-      name: t('variableConfig.text-input', { ns: 'appDebug' }),
-      value: InputVarType.textInput,
-    },
-    {
-      name: t('variableConfig.paragraph', { ns: 'appDebug' }),
-      value: InputVarType.paragraph,
-    },
-    {
-      name: t('variableConfig.select', { ns: 'appDebug' }),
-      value: InputVarType.select,
-    },
-    {
-      name: t('variableConfig.number', { ns: 'appDebug' }),
-      value: InputVarType.number,
-    },
-    {
-      name: t('variableConfig.checkbox', { ns: 'appDebug' }),
-      value: InputVarType.checkbox,
-    },
-    ...(supportFile
-      ? [
-          {
-            name: t('variableConfig.single-file', { ns: 'appDebug' }),
-            value: InputVarType.singleFile,
-          },
-          {
-            name: t('variableConfig.multi-files', { ns: 'appDebug' }),
-            value: InputVarType.multiFiles,
-          },
-        ]
-      : []),
-    ...((!isBasicApp)
-      ? [{
-          name: t('variableConfig.json', { ns: 'appDebug' }),
-          value: InputVarType.jsonObject,
-        }]
-      : []),
-  ]
+  const selectOptions: SelectItem[] = useMemo(() => buildSelectOptions({
+    isBasicApp,
+    supportFile,
+    t,
+  }), [isBasicApp, supportFile, t])
 
   const handleTypeChange = useCallback((item: SelectItem) => {
-    const type = item.value as InputVarType
-
-    const newPayload = produce(tempPayload, (draft) => {
-      draft.type = type
-      if (type === InputVarType.select)
-        draft.default = undefined
-      if ([InputVarType.singleFile, InputVarType.multiFiles].includes(type)) {
-        (Object.keys(DEFAULT_FILE_UPLOAD_SETTING)).forEach((key) => {
-          if (key !== 'max_length')
-            (draft as any)[key] = (DEFAULT_FILE_UPLOAD_SETTING as any)[key]
-        })
-        if (type === InputVarType.multiFiles)
-          draft.max_length = DEFAULT_FILE_UPLOAD_SETTING.max_length
-      }
-    })
-    setTempPayload(newPayload)
-  }, [tempPayload])
+    setTempPayload(prev => createPayloadForType(prev, item.value as InputVarType))
+  }, [])
 
   const handleVarKeyBlur = useCallback((e: any) => {
     const varName = e.target.value
@@ -224,98 +123,21 @@ const ConfigModal: FC<IConfigModalProps> = ({
 
   const checkboxDefaultSelectValue = useMemo(() => getCheckboxDefaultSelectValue(tempPayload.default), [tempPayload.default])
 
-  const isJsonSchemaEmpty = (value: InputVar['json_schema']) => {
-    if (value === null || value === undefined) {
-      return true
-    }
-    if (typeof value !== 'string') {
-      return false
-    }
-    const trimmed = value.trim()
-    return trimmed === ''
-  }
-
   const handleConfirm = () => {
-    const jsonSchemaValue = tempPayload.json_schema
-    const isSchemaEmpty = isJsonSchemaEmpty(jsonSchemaValue)
-    const normalizedJsonSchema = isSchemaEmpty ? undefined : jsonSchemaValue
+    const { errorMessage, moreInfo, payloadToSave } = validateConfigModalPayload({
+      tempPayload,
+      payload,
+      checkVariableName,
+      t,
+    })
 
-    // if the input type is jsonObject and the schema is empty as determined by `isJsonSchemaEmpty`,
-    // remove the `json_schema` field from the payload by setting its value to `undefined`.
-    const payloadToSave = tempPayload.type === InputVarType.jsonObject && isSchemaEmpty
-      ? { ...tempPayload, json_schema: undefined }
-      : tempPayload
-
-    const moreInfo = tempPayload.variable === payload?.variable
-      ? undefined
-      : {
-          type: ChangeType.changeVarName,
-          payload: { beforeKey: payload?.variable || '', afterKey: tempPayload.variable },
-        }
-
-    const isVariableNameValid = checkVariableName(tempPayload.variable)
-    if (!isVariableNameValid)
-      return
-
-    if (!tempPayload.label) {
-      toast.error(t('variableConfig.errorMsg.labelNameRequired', { ns: 'appDebug' }))
+    if (errorMessage) {
+      toast.error(errorMessage)
       return
     }
-    if (isStringInput || type === InputVarType.number) {
+
+    if (payloadToSave)
       onConfirm(payloadToSave, moreInfo)
-    }
-    else if (type === InputVarType.select) {
-      if (options?.length === 0) {
-        toast.error(t('variableConfig.errorMsg.atLeastOneOption', { ns: 'appDebug' }))
-        return
-      }
-      const obj: Record<string, boolean> = {}
-      let hasRepeatedItem = false
-      options?.forEach((o) => {
-        if (obj[o]) {
-          hasRepeatedItem = true
-          return
-        }
-        obj[o] = true
-      })
-      if (hasRepeatedItem) {
-        toast.error(t('variableConfig.errorMsg.optionRepeat', { ns: 'appDebug' }))
-        return
-      }
-      onConfirm(payloadToSave, moreInfo)
-    }
-    else if ([InputVarType.singleFile, InputVarType.multiFiles].includes(type)) {
-      if (tempPayload.allowed_file_types?.length === 0) {
-        const errorMessages = t('errorMsg.fieldRequired', { ns: 'workflow', field: t('variableConfig.file.supportFileTypes', { ns: 'appDebug' }) })
-        toast.error(errorMessages)
-        return
-      }
-      if (tempPayload.allowed_file_types?.includes(SupportUploadFileTypes.custom) && !tempPayload.allowed_file_extensions?.length) {
-        const errorMessages = t('errorMsg.fieldRequired', { ns: 'workflow', field: t('variableConfig.file.custom.name', { ns: 'appDebug' }) })
-        toast.error(errorMessages)
-        return
-      }
-      onConfirm(payloadToSave, moreInfo)
-    }
-    else if (type === InputVarType.jsonObject) {
-      if (!isSchemaEmpty && typeof normalizedJsonSchema === 'string') {
-        try {
-          const schema = JSON.parse(normalizedJsonSchema)
-          if (schema?.type !== 'object') {
-            toast.error(t('variableConfig.errorMsg.jsonSchemaMustBeObject', { ns: 'appDebug' }))
-            return
-          }
-        }
-        catch {
-          toast.error(t('variableConfig.errorMsg.jsonSchemaInvalid', { ns: 'appDebug' }))
-          return
-        }
-      }
-      onConfirm(payloadToSave, moreInfo)
-    }
-    else {
-      onConfirm(payloadToSave, moreInfo)
-    }
   }
 
   return (
@@ -325,165 +147,23 @@ const ConfigModal: FC<IConfigModalProps> = ({
       onClose={onClose}
     >
       <div className="mb-8" ref={modalRef} tabIndex={-1}>
-        <div className="space-y-2">
-          <Field title={t('variableConfig.fieldType', { ns: 'appDebug' })}>
-            <TypeSelector value={type} items={selectOptions} onSelect={handleTypeChange} />
-          </Field>
-
-          <Field title={t('variableConfig.varName', { ns: 'appDebug' })}>
-            <Input
-              value={variable}
-              onChange={handleVarNameChange}
-              onBlur={handleVarKeyBlur}
-              placeholder={t('variableConfig.inputPlaceholder', { ns: 'appDebug' })!}
-            />
-          </Field>
-          <Field title={t('variableConfig.labelName', { ns: 'appDebug' })}>
-            <Input
-              value={label as string}
-              onChange={e => handlePayloadChange('label')(e.target.value)}
-              placeholder={t('variableConfig.inputPlaceholder', { ns: 'appDebug' })!}
-            />
-          </Field>
-
-          {isStringInput && (
-            <Field title={t('variableConfig.maxLength', { ns: 'appDebug' })}>
-              <ConfigString maxLength={type === InputVarType.textInput ? TEXT_MAX_LENGTH : Infinity} modelId={modelConfig.model_id} value={max_length} onChange={handlePayloadChange('max_length')} />
-            </Field>
-
-          )}
-
-          {/* Default value for text input */}
-          {type === InputVarType.textInput && (
-            <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
-              <Input
-                value={tempPayload.default || ''}
-                onChange={e => handlePayloadChange('default')(e.target.value || undefined)}
-                placeholder={t('variableConfig.inputPlaceholder', { ns: 'appDebug' })!}
-              />
-            </Field>
-          )}
-
-          {/* Default value for paragraph */}
-          {type === InputVarType.paragraph && (
-            <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
-              <Textarea
-                value={String(tempPayload.default ?? '')}
-                onChange={e => handlePayloadChange('default')(e.target.value || undefined)}
-                placeholder={t('variableConfig.inputPlaceholder', { ns: 'appDebug' })!}
-              />
-            </Field>
-          )}
-
-          {/* Default value for number input */}
-          {type === InputVarType.number && (
-            <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
-              <Input
-                type="number"
-                value={tempPayload.default || ''}
-                onChange={e => handlePayloadChange('default')(e.target.value || undefined)}
-                placeholder={t('variableConfig.inputPlaceholder', { ns: 'appDebug' })!}
-              />
-            </Field>
-          )}
-
-          {type === InputVarType.checkbox && (
-            <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
-              <SimpleSelect
-                className="w-full"
-                optionWrapClassName="max-h-[140px] overflow-y-auto"
-                items={[
-                  { value: CHECKBOX_DEFAULT_TRUE_VALUE, name: t('variableConfig.startChecked', { ns: 'appDebug' }) },
-                  { value: CHECKBOX_DEFAULT_FALSE_VALUE, name: t('variableConfig.noDefaultSelected', { ns: 'appDebug' }) },
-                ]}
-                defaultValue={checkboxDefaultSelectValue}
-                onSelect={item => handlePayloadChange('default')(parseCheckboxSelectValue(String(item.value)))}
-                placeholder={t('variableConfig.selectDefaultValue', { ns: 'appDebug' })}
-                allowSearch={false}
-              />
-            </Field>
-          )}
-
-          {type === InputVarType.select && (
-            <>
-              <Field title={t('variableConfig.options', { ns: 'appDebug' })}>
-                <ConfigSelect options={options || []} onChange={handlePayloadChange('options')} />
-              </Field>
-              {options && options.length > 0 && (
-                <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
-                  <SimpleSelect
-                    key={`default-select-${options.join('-')}`}
-                    className="w-full"
-                    optionWrapClassName="max-h-[140px] overflow-y-auto"
-                    items={[
-                      { value: '', name: t('variableConfig.noDefaultValue', { ns: 'appDebug' }) },
-                      ...options.filter(opt => opt.trim() !== '').map(option => ({
-                        value: option,
-                        name: option,
-                      })),
-                    ]}
-                    defaultValue={tempPayload.default || ''}
-                    onSelect={item => handlePayloadChange('default')(item.value === '' ? undefined : item.value)}
-                    placeholder={t('variableConfig.selectDefaultValue', { ns: 'appDebug' })}
-                    allowSearch={false}
-                  />
-                </Field>
-              )}
-            </>
-          )}
-
-          {[InputVarType.singleFile, InputVarType.multiFiles].includes(type) && (
-            <>
-              <FileUploadSetting
-                payload={tempPayload as UploadFileSetting}
-                onChange={(p: UploadFileSetting) => setTempPayload(p as InputVar)}
-                isMultiple={type === InputVarType.multiFiles}
-              />
-              <Field title={t('variableConfig.defaultValue', { ns: 'appDebug' })}>
-                <FileUploaderInAttachmentWrapper
-                  value={(type === InputVarType.singleFile ? (tempPayload.default ? [tempPayload.default] : []) : (tempPayload.default || [])) as unknown as FileEntity[]}
-                  onChange={(files) => {
-                    if (type === InputVarType.singleFile)
-                      handlePayloadChange('default')(files?.[0] || undefined)
-                    else
-                      handlePayloadChange('default')(files || undefined)
-                  }}
-                  fileConfig={{
-                    allowed_file_types: tempPayload.allowed_file_types || [SupportUploadFileTypes.document],
-                    allowed_file_extensions: tempPayload.allowed_file_extensions || [],
-                    allowed_file_upload_methods: tempPayload.allowed_file_upload_methods || [TransferMethod.remote_url],
-                    number_limits: type === InputVarType.singleFile ? 1 : tempPayload.max_length || 5,
-                  }}
-                />
-              </Field>
-            </>
-          )}
-
-          {type === InputVarType.jsonObject && (
-            <Field title={t('variableConfig.jsonSchema', { ns: 'appDebug' })} isOptional>
-              <CodeEditor
-                language={CodeLanguage.json}
-                value={jsonSchemaStr}
-                onChange={handleJSONSchemaChange}
-                noWrapper
-                className="bg h-[80px] overflow-y-auto radius-lg bg-components-input-bg-normal p-1"
-                placeholder={
-                  <div className="whitespace-pre">{jsonConfigPlaceHolder}</div>
-                }
-              />
-            </Field>
-          )}
-
-          <div className="mt-5! flex h-6 items-center space-x-2">
-            <Checkbox checked={tempPayload.required} disabled={tempPayload.hide} onCheck={() => handlePayloadChange('required')(!tempPayload.required)} />
-            <span className="system-sm-semibold text-text-secondary">{t('variableConfig.required', { ns: 'appDebug' })}</span>
-          </div>
-
-          <div className="mt-5! flex h-6 items-center space-x-2">
-            <Checkbox checked={tempPayload.hide} disabled={tempPayload.required} onCheck={() => handlePayloadChange('hide')(!tempPayload.hide)} />
-            <span className="system-sm-semibold text-text-secondary">{t('variableConfig.hide', { ns: 'appDebug' })}</span>
-          </div>
-        </div>
+        <ConfigModalFormFields
+          checkboxDefaultSelectValue={checkboxDefaultSelectValue}
+          isStringInput={isStringInput}
+          jsonSchemaStr={jsonSchemaStr}
+          maxLength={max_length}
+          modelId={modelConfig.model_id}
+          onFilePayloadChange={payload => setTempPayload(payload as InputVar)}
+          onJSONSchemaChange={handleJSONSchemaChange}
+          onPayloadChange={handlePayloadChange}
+          onTypeChange={handleTypeChange}
+          onVarKeyBlur={handleVarKeyBlur}
+          onVarNameChange={handleVarNameChange}
+          options={options}
+          selectOptions={selectOptions}
+          tempPayload={tempPayload}
+          t={t}
+        />
       </div>
       <ModalFoot
         onConfirm={handleConfirm}
diff --git a/web/app/components/app/configuration/config-var/config-modal/utils.ts b/web/app/components/app/configuration/config-var/config-modal/utils.ts
new file mode 100644
index 0000000000..fdc0ac3501
--- /dev/null
+++ b/web/app/components/app/configuration/config-var/config-modal/utils.ts
@@ -0,0 +1,247 @@
+import type { Item as SelectItem } from './type-select'
+import type { InputVar, MoreInfo } from '@/app/components/workflow/types'
+import { produce } from 'immer'
+import { DEFAULT_FILE_UPLOAD_SETTING } from '@/app/components/workflow/constants'
+import { ChangeType, InputVarType, SupportUploadFileTypes } from '@/app/components/workflow/types'
+
+export const TEXT_MAX_LENGTH = 256
+export const CHECKBOX_DEFAULT_TRUE_VALUE = 'true'
+export const CHECKBOX_DEFAULT_FALSE_VALUE = 'false'
+
+type Translate = (key: string, options?: Record<string, unknown>) => string
+
+type ValidateConfigModalPayloadOptions = {
+  tempPayload: InputVar
+  payload?: InputVar
+  checkVariableName: (value: string, canBeEmpty?: boolean) => boolean
+  t: Translate
+}
+
+type ValidateConfigModalPayloadResult = {
+  payloadToSave?: InputVar
+  moreInfo?: MoreInfo
+  errorMessage?: string
+}
+
+export const isStringInputType = (type: InputVarType) =>
+  type === InputVarType.textInput || type === InputVarType.paragraph
+
+export const getCheckboxDefaultSelectValue = (value: InputVar['default'] | boolean) => {
+  if (typeof value === 'boolean')
+    return value ? CHECKBOX_DEFAULT_TRUE_VALUE : CHECKBOX_DEFAULT_FALSE_VALUE
+  if (typeof value === 'string')
+    return value.toLowerCase() === CHECKBOX_DEFAULT_TRUE_VALUE ? CHECKBOX_DEFAULT_TRUE_VALUE : CHECKBOX_DEFAULT_FALSE_VALUE
+  return CHECKBOX_DEFAULT_FALSE_VALUE
+}
+
+export const parseCheckboxSelectValue = (value: string) =>
+  value === CHECKBOX_DEFAULT_TRUE_VALUE
+
+export const normalizeSelectDefaultValue = (inputVar: InputVar) => {
+  if (inputVar.type === InputVarType.select && inputVar.default === '')
+    return { ...inputVar, default: undefined }
+  return inputVar
+}
+
+export const getJsonSchemaEditorValue = (type: InputVarType, jsonSchema?: InputVar['json_schema']) => {
+  if (type !== InputVarType.jsonObject || !jsonSchema)
+    return ''
+
+  try {
+    if (typeof jsonSchema !== 'string')
+      return JSON.stringify(jsonSchema, null, 2)
+
+    return jsonSchema
+  }
+  catch {
+    return ''
+  }
+}
+
+export const isJsonSchemaEmpty = (value: InputVar['json_schema']) => {
+  if (value === null || value === undefined)
+    return true
+  if (typeof value !== 'string')
+    return false
+  return value.trim() === ''
+}
+
+export const updatePayloadField = (payload: InputVar, key: string, value: unknown) => {
+  const nextPayload = {
+    ...payload,
+    [key]: value,
+  } as InputVar
+
+  if (key === 'options' && payload.default) {
+    const options = Array.isArray(value) ? value : []
+    if (!options.includes(payload.default))
+      nextPayload.default = undefined
+  }
+
+  return nextPayload
+}
+
+export const createPayloadForType = (payload: InputVar, type: InputVarType) => {
+  return produce(payload, (draft) => {
+    draft.type = type
+    if (type === InputVarType.select)
+      draft.default = undefined
+
+    if ([InputVarType.singleFile, InputVarType.multiFiles].includes(type)) {
+      (Object.keys(DEFAULT_FILE_UPLOAD_SETTING) as Array<keyof typeof DEFAULT_FILE_UPLOAD_SETTING>).forEach((key) => {
+        if (key !== 'max_length')
+          draft[key] = DEFAULT_FILE_UPLOAD_SETTING[key] as never
+      })
+
+      if (type === InputVarType.multiFiles)
+        draft.max_length = DEFAULT_FILE_UPLOAD_SETTING.max_length
+    }
+  })
+}
+
+export const buildSelectOptions = ({
+  isBasicApp,
+  supportFile,
+  t,
+}: {
+  isBasicApp: boolean
+  supportFile?: boolean
+  t: Translate
+}): SelectItem[] => {
+  return [
+    {
+      name: t('variableConfig.text-input', { ns: 'appDebug' }),
+      value: InputVarType.textInput,
+    },
+    {
+      name: t('variableConfig.paragraph', { ns: 'appDebug' }),
+      value: InputVarType.paragraph,
+    },
+    {
+      name: t('variableConfig.select', { ns: 'appDebug' }),
+      value: InputVarType.select,
+    },
+    {
+      name: t('variableConfig.number', { ns: 'appDebug' }),
+      value: InputVarType.number,
+    },
+    {
+      name: t('variableConfig.checkbox', { ns: 'appDebug' }),
+      value: InputVarType.checkbox,
+    },
+    ...(supportFile
+      ? [
+          {
+            name: t('variableConfig.single-file', { ns: 'appDebug' }),
+            value: InputVarType.singleFile,
+          },
+          {
+            name: t('variableConfig.multi-files', { ns: 'appDebug' }),
+            value: InputVarType.multiFiles,
+          },
+        ]
+      : []),
+    ...(!isBasicApp
+      ? [
+          {
+            name: t('variableConfig.json', { ns: 'appDebug' }),
+            value: InputVarType.jsonObject,
+          },
+        ]
+      : []),
+  ]
+}
+
+export const validateConfigModalPayload = ({
+  tempPayload,
+  payload,
+  checkVariableName,
+  t,
+}: ValidateConfigModalPayloadOptions): ValidateConfigModalPayloadResult => {
+  const jsonSchemaValue = tempPayload.json_schema
+  const schemaEmpty = isJsonSchemaEmpty(jsonSchemaValue)
+  const normalizedJsonSchema = schemaEmpty ? undefined : jsonSchemaValue
+  const payloadToSave = tempPayload.type === InputVarType.jsonObject && schemaEmpty
+    ? { ...tempPayload, json_schema: undefined }
+    : tempPayload
+
+  const moreInfo = tempPayload.variable === payload?.variable
+    ? undefined
+    : {
+        type: ChangeType.changeVarName,
+        payload: { beforeKey: payload?.variable || '', afterKey: tempPayload.variable },
+      }
+
+  if (!checkVariableName(tempPayload.variable))
+    return {}
+
+  if (!tempPayload.label) {
+    return {
+      errorMessage: t('variableConfig.errorMsg.labelNameRequired', { ns: 'appDebug' }),
+    }
+  }
+
+  if (tempPayload.type === InputVarType.select) {
+    if (!tempPayload.options?.length) {
+      return {
+        errorMessage: t('variableConfig.errorMsg.atLeastOneOption', { ns: 'appDebug' }),
+      }
+    }
+
+    const duplicated = new Set<string>()
+    const hasRepeatedItem = tempPayload.options.some((option) => {
+      if (duplicated.has(option))
+        return true
+
+      duplicated.add(option)
+      return false
+    })
+
+    if (hasRepeatedItem) {
+      return {
+        errorMessage: t('variableConfig.errorMsg.optionRepeat', { ns: 'appDebug' }),
+      }
+    }
+  }
+
+  if ([InputVarType.singleFile, InputVarType.multiFiles].includes(tempPayload.type)) {
+    if (!tempPayload.allowed_file_types?.length) {
+      return {
+        errorMessage: t('errorMsg.fieldRequired', {
+          ns: 'workflow',
+          field: t('variableConfig.file.supportFileTypes', { ns: 'appDebug' }),
+        }),
+      }
+    }
+
+    if (tempPayload.allowed_file_types.includes(SupportUploadFileTypes.custom) && !tempPayload.allowed_file_extensions?.length) {
+      return {
+        errorMessage: t('errorMsg.fieldRequired', {
+          ns: 'workflow',
+          field: t('variableConfig.file.custom.name', { ns: 'appDebug' }),
+        }),
+      }
+    }
+  }
+
+  if (tempPayload.type === InputVarType.jsonObject && !schemaEmpty && typeof normalizedJsonSchema === 'string') {
+    try {
+      const schema = JSON.parse(normalizedJsonSchema)
+      if (schema?.type !== 'object') {
+        return {
+          errorMessage: t('variableConfig.errorMsg.jsonSchemaMustBeObject', { ns: 'appDebug' }),
+        }
+      }
+    }
+    catch {
+      return {
+        errorMessage: t('variableConfig.errorMsg.jsonSchemaInvalid', { ns: 'appDebug' }),
+      }
+    }
+  }
+
+  return {
+    payloadToSave,
+    moreInfo,
+  }
+}
diff --git a/web/app/components/app/configuration/config-var/config-select/index.spec.tsx b/web/app/components/app/configuration/config-var/config-select/__tests__/index.spec.tsx
similarity index 64%
rename from web/app/components/app/configuration/config-var/config-select/index.spec.tsx
rename to web/app/components/app/configuration/config-var/config-select/__tests__/index.spec.tsx
index 2095641e2a..337b3bfe1c 100644
--- a/web/app/components/app/configuration/config-var/config-select/index.spec.tsx
+++ b/web/app/components/app/configuration/config-var/config-select/__tests__/index.spec.tsx
@@ -1,8 +1,21 @@
 import { fireEvent, render, screen } from '@testing-library/react'
-import ConfigSelect from './index'
+import ConfigSelect from '../index'
 
 vi.mock('react-sortablejs', () => ({
-  ReactSortable: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  ReactSortable: ({
+    children,
+    list,
+    setList,
+  }: {
+    children: React.ReactNode
+    list: Array<{ id: number, name: string }>
+    setList: (list: Array<{ id: number, name: string }>) => void
+  }) => (
+    <div>
+      <button onClick={() => setList([...list].reverse())}>reorder-options</button>
+      {children}
+    </div>
+  ),
 }))
 
 describe('ConfigSelect Component', () => {
@@ -58,6 +71,18 @@ describe('ConfigSelect Component', () => {
     expect(firstInput.closest('div')).toHaveClass('border-components-input-border-active')
   })
 
+  it('updates option values and clears focus styles on blur', () => {
+    render(<ConfigSelect {...defaultProps} />)
+    const firstInput = screen.getByDisplayValue('Option 1')
+
+    fireEvent.change(firstInput, { target: { value: 'Updated option' } })
+    expect(defaultProps.onChange).toHaveBeenCalledWith(['Updated option', 'Option 2'])
+
+    fireEvent.focus(firstInput)
+    fireEvent.blur(firstInput)
+    expect(firstInput.closest('div')).not.toHaveClass('border-components-input-border-active')
+  })
+
   it('applies delete hover styles', () => {
     render(<ConfigSelect {...defaultProps} />)
     const optionContainer = screen.getByDisplayValue('Option 1').closest('div')
@@ -67,6 +92,8 @@ describe('ConfigSelect Component', () => {
       return
     fireEvent.mouseEnter(deleteButton)
     expect(optionContainer).toHaveClass('border-components-input-border-destructive')
+    fireEvent.mouseLeave(deleteButton)
+    expect(optionContainer).not.toHaveClass('border-components-input-border-destructive')
   })
 
   it('renders empty state correctly', () => {
@@ -75,4 +102,12 @@ describe('ConfigSelect Component', () => {
     expect(screen.queryByRole('textbox')).not.toBeInTheDocument()
     expect(screen.getByText('appDebug.variableConfig.addOption')).toBeInTheDocument()
   })
+
+  it('reorders options through the sortable callback', () => {
+    render(<ConfigSelect {...defaultProps} />)
+
+    fireEvent.click(screen.getByText('reorder-options'))
+
+    expect(defaultProps.onChange).toHaveBeenCalledWith(['Option 2', 'Option 1'])
+  })
 })
diff --git a/web/app/components/app/configuration/config-var/config-select/index.tsx b/web/app/components/app/configuration/config-var/config-select/index.tsx
index 847d530375..6a5b12c417 100644
--- a/web/app/components/app/configuration/config-var/config-select/index.tsx
+++ b/web/app/components/app/configuration/config-var/config-select/index.tsx
@@ -8,7 +8,7 @@ import { ReactSortable } from 'react-sortablejs'
 import { cn } from '@/utils/classnames'
 
 export type Options = string[]
-export type IConfigSelectProps = {
+type IConfigSelectProps = {
   options: Options
   onChange: (options: Options) => void
 }
diff --git a/web/app/components/app/configuration/config-var/config-string/index.spec.tsx b/web/app/components/app/configuration/config-var/config-string/__tests__/index.spec.tsx
similarity index 97%
rename from web/app/components/app/configuration/config-var/config-string/index.spec.tsx
rename to web/app/components/app/configuration/config-var/config-string/__tests__/index.spec.tsx
index b3510d170f..5fb2aaf732 100644
--- a/web/app/components/app/configuration/config-var/config-string/index.spec.tsx
+++ b/web/app/components/app/configuration/config-var/config-string/__tests__/index.spec.tsx
@@ -1,6 +1,6 @@
-import type { IConfigStringProps } from './index'
+import type { IConfigStringProps } from '../index'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import ConfigString from './index'
+import ConfigString from '../index'
 
 const renderConfigString = (props?: Partial<IConfigStringProps>) => {
   const onChange = vi.fn()
diff --git a/web/app/components/app/configuration/config-var/modal-foot.tsx b/web/app/components/app/configuration/config-var/modal-foot.tsx
index fbb00b72bf..1fcaebbc0d 100644
--- a/web/app/components/app/configuration/config-var/modal-foot.tsx
+++ b/web/app/components/app/configuration/config-var/modal-foot.tsx
@@ -4,7 +4,7 @@ import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 
-export type IModalFootProps = {
+type IModalFootProps = {
   onConfirm: () => void
   onCancel: () => void
 }
diff --git a/web/app/components/app/configuration/config-var/select-type-item/index.spec.tsx b/web/app/components/app/configuration/config-var/select-type-item/__tests__/index.spec.tsx
similarity index 96%
rename from web/app/components/app/configuration/config-var/select-type-item/index.spec.tsx
rename to web/app/components/app/configuration/config-var/select-type-item/__tests__/index.spec.tsx
index f34dd52f49..67140232db 100644
--- a/web/app/components/app/configuration/config-var/select-type-item/index.spec.tsx
+++ b/web/app/components/app/configuration/config-var/select-type-item/__tests__/index.spec.tsx
@@ -1,7 +1,7 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
 import { InputVarType } from '@/app/components/workflow/types'
-import SelectTypeItem from './index'
+import SelectTypeItem from '../index'
 
 describe('SelectTypeItem', () => {
   // Rendering pathways based on type and selection state
diff --git a/web/app/components/app/configuration/config-var/select-type-item/index.tsx b/web/app/components/app/configuration/config-var/select-type-item/index.tsx
index e6ae34664f..7385dfd4c8 100644
--- a/web/app/components/app/configuration/config-var/select-type-item/index.tsx
+++ b/web/app/components/app/configuration/config-var/select-type-item/index.tsx
@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next'
 import InputVarTypeIcon from '@/app/components/workflow/nodes/_base/components/input-var-type-icon'
 import { cn } from '@/utils/classnames'
 
-export type ISelectTypeItemProps = {
+type ISelectTypeItemProps = {
   type: InputVarType
   selected: boolean
   onClick: () => void
diff --git a/web/app/components/app/configuration/config-vision/index.spec.tsx b/web/app/components/app/configuration/config-vision/__tests__/index.spec.tsx
similarity index 97%
rename from web/app/components/app/configuration/config-vision/index.spec.tsx
rename to web/app/components/app/configuration/config-vision/__tests__/index.spec.tsx
index 0c6e1346ce..6ff73ae008 100644
--- a/web/app/components/app/configuration/config-vision/index.spec.tsx
+++ b/web/app/components/app/configuration/config-vision/__tests__/index.spec.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable ts/no-explicit-any */
 import type { Mock } from 'vitest'
 import type { FeatureStoreState } from '@/app/components/base/features/store'
 import type { FileUpload } from '@/app/components/base/features/types'
@@ -6,9 +7,9 @@ import userEvent from '@testing-library/user-event'
 import * as React from 'react'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
 import { Resolution, TransferMethod } from '@/types/app'
-import ConfigVision from './index'
-import ParamConfig from './param-config'
-import ParamConfigContent from './param-config-content'
+import ConfigVision from '../index'
+import ParamConfig from '../param-config'
+import ParamConfigContent from '../param-config-content'
 
 const mockUseContext = vi.fn()
 vi.mock('use-context-selector', async (importOriginal) => {
diff --git a/web/app/components/app/configuration/config/agent-setting-button.spec.tsx b/web/app/components/app/configuration/config/__tests__/agent-setting-button.spec.tsx
similarity index 95%
rename from web/app/components/app/configuration/config/agent-setting-button.spec.tsx
rename to web/app/components/app/configuration/config/__tests__/agent-setting-button.spec.tsx
index 492b3b104c..601efdf955 100644
--- a/web/app/components/app/configuration/config/agent-setting-button.spec.tsx
+++ b/web/app/components/app/configuration/config/__tests__/agent-setting-button.spec.tsx
@@ -1,12 +1,13 @@
+/* eslint-disable ts/no-explicit-any */
 import type { AgentConfig } from '@/models/debug'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import * as React from 'react'
 import { AgentStrategy } from '@/types/app'
-import AgentSettingButton from './agent-setting-button'
+import AgentSettingButton from '../agent-setting-button'
 
 let latestAgentSettingProps: any
-vi.mock('./agent/agent-setting', () => ({
+vi.mock('../agent/agent-setting', () => ({
   default: (props: any) => {
     latestAgentSettingProps = props
     return (
diff --git a/web/app/components/app/configuration/config/config-audio.spec.tsx b/web/app/components/app/configuration/config/__tests__/config-audio.spec.tsx
similarity index 97%
rename from web/app/components/app/configuration/config/config-audio.spec.tsx
rename to web/app/components/app/configuration/config/__tests__/config-audio.spec.tsx
index cad0b40b95..e81f82b776 100644
--- a/web/app/components/app/configuration/config/config-audio.spec.tsx
+++ b/web/app/components/app/configuration/config/__tests__/config-audio.spec.tsx
@@ -1,9 +1,10 @@
+/* eslint-disable ts/no-explicit-any */
 import type { FeatureStoreState } from '@/app/components/base/features/store'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import * as React from 'react'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import ConfigAudio from './config-audio'
+import ConfigAudio from '../config-audio'
 
 const mockUseContext = vi.fn()
 vi.mock('use-context-selector', async (importOriginal) => {
diff --git a/web/app/components/app/configuration/config/config-document.spec.tsx b/web/app/components/app/configuration/config/__tests__/config-document.spec.tsx
similarity index 97%
rename from web/app/components/app/configuration/config/config-document.spec.tsx
rename to web/app/components/app/configuration/config/__tests__/config-document.spec.tsx
index 300acb7ce7..a6f2742a80 100644
--- a/web/app/components/app/configuration/config/config-document.spec.tsx
+++ b/web/app/components/app/configuration/config/__tests__/config-document.spec.tsx
@@ -1,9 +1,10 @@
+/* eslint-disable ts/no-explicit-any */
 import type { FeatureStoreState } from '@/app/components/base/features/store'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import * as React from 'react'
 import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import ConfigDocument from './config-document'
+import ConfigDocument from '../config-document'
 
 const mockUseContext = vi.fn()
 vi.mock('use-context-selector', async (importOriginal) => {
diff --git a/web/app/components/app/configuration/config/index.spec.tsx b/web/app/components/app/configuration/config/__tests__/index.spec.tsx
similarity index 95%
rename from web/app/components/app/configuration/config/index.spec.tsx
rename to web/app/components/app/configuration/config/__tests__/index.spec.tsx
index b24c719b99..d50d35d530 100644
--- a/web/app/components/app/configuration/config/index.spec.tsx
+++ b/web/app/components/app/configuration/config/__tests__/index.spec.tsx
@@ -1,10 +1,11 @@
+/* eslint-disable ts/no-explicit-any */
 import type { ModelConfig, PromptVariable } from '@/models/debug'
 import type { ToolItem } from '@/types/app'
 import { render, screen } from '@testing-library/react'
 import * as React from 'react'
 import * as useContextSelector from 'use-context-selector'
 import { AgentStrategy, AppModeEnum, ModelModeType } from '@/types/app'
-import Config from './index'
+import Config from '../index'
 
 vi.mock('use-context-selector', async (importOriginal) => {
   const actual = await importOriginal<typeof import('use-context-selector')>()
@@ -15,7 +16,7 @@ vi.mock('use-context-selector', async (importOriginal) => {
 })
 
 const mockFormattingDispatcher = vi.fn()
-vi.mock('../debug/hooks', () => ({
+vi.mock('../../debug/hooks', () => ({
   useFormattingChangedDispatcher: () => mockFormattingDispatcher,
 }))
 
@@ -35,28 +36,28 @@ vi.mock('@/app/components/app/configuration/config-var', () => ({
   },
 }))
 
-vi.mock('../dataset-config', () => ({
+vi.mock('../../dataset-config', () => ({
   default: () => <div data-testid="dataset-config" />,
 }))
 
-vi.mock('./agent/agent-tools', () => ({
+vi.mock('../agent/agent-tools', () => ({
   default: () => <div data-testid="agent-tools" />,
 }))
 
-vi.mock('../config-vision', () => ({
+vi.mock('../../config-vision', () => ({
   default: () => <div data-testid="config-vision" />,
 }))
 
-vi.mock('./config-document', () => ({
+vi.mock('../config-document', () => ({
   default: () => <div data-testid="config-document" />,
 }))
 
-vi.mock('./config-audio', () => ({
+vi.mock('../config-audio', () => ({
   default: () => <div data-testid="config-audio" />,
 }))
 
 let latestHistoryPanelProps: any
-vi.mock('../config-prompt/conversation-history/history-panel', () => ({
+vi.mock('../../config-prompt/conversation-history/history-panel', () => ({
   default: (props: any) => {
     latestHistoryPanelProps = props
     return <div data-testid="history-panel" />
diff --git a/web/app/components/app/configuration/config/agent/agent-setting/index.spec.tsx b/web/app/components/app/configuration/config/agent/agent-setting/__tests__/index.spec.tsx
similarity index 98%
rename from web/app/components/app/configuration/config/agent/agent-setting/index.spec.tsx
rename to web/app/components/app/configuration/config/agent/agent-setting/__tests__/index.spec.tsx
index 1b8d64b911..cdab20df16 100644
--- a/web/app/components/app/configuration/config/agent/agent-setting/index.spec.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-setting/__tests__/index.spec.tsx
@@ -2,7 +2,7 @@ import type { AgentConfig } from '@/models/debug'
 import { act, fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
 import { MAX_ITERATIONS_NUM } from '@/config'
-import AgentSetting from './index'
+import AgentSetting from '../index'
 
 vi.mock('ahooks', async (importOriginal) => {
   const actual = await importOriginal<typeof import('ahooks')>()
diff --git a/web/app/components/app/configuration/config/agent/agent-setting/item-panel.spec.tsx b/web/app/components/app/configuration/config/agent/agent-setting/__tests__/item-panel.spec.tsx
similarity index 94%
rename from web/app/components/app/configuration/config/agent/agent-setting/item-panel.spec.tsx
rename to web/app/components/app/configuration/config/agent/agent-setting/__tests__/item-panel.spec.tsx
index a4dcb7a6f3..3da016eedf 100644
--- a/web/app/components/app/configuration/config/agent/agent-setting/item-panel.spec.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-setting/__tests__/item-panel.spec.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react'
 import * as React from 'react'
-import ItemPanel from './item-panel'
+import ItemPanel from '../item-panel'
 
 describe('AgentSetting/ItemPanel', () => {
   it('should render icon, name, and children content', () => {
diff --git a/web/app/components/app/configuration/config/agent/agent-tools/index.spec.tsx b/web/app/components/app/configuration/config/agent/agent-tools/__tests__/index.spec.tsx
similarity index 98%
rename from web/app/components/app/configuration/config/agent/agent-tools/index.spec.tsx
rename to web/app/components/app/configuration/config/agent/agent-tools/__tests__/index.spec.tsx
index fa1cd09bd4..d668737a0a 100644
--- a/web/app/components/app/configuration/config/agent/agent-tools/index.spec.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-tools/__tests__/index.spec.tsx
@@ -1,8 +1,9 @@
+/* eslint-disable ts/no-explicit-any */
 import type {
   PropsWithChildren,
 } from 'react'
 import type { Mock } from 'vitest'
-import type SettingBuiltInToolType from './setting-built-in-tool'
+import type SettingBuiltInToolType from '../setting-built-in-tool'
 import type { Tool, ToolParameter } from '@/app/components/tools/types'
 import type ToolPickerType from '@/app/components/workflow/block-selector/tool-picker'
 import type { ToolDefaultValue } from '@/app/components/workflow/block-selector/types'
@@ -26,7 +27,7 @@ import {
 } from '@/config'
 import ConfigContext from '@/context/debug-configuration'
 import { ModelModeType } from '@/types/app'
-import AgentTools from './index'
+import AgentTools from '../index'
 
 const formattingDispatcherMock = vi.fn()
 vi.mock('@/app/components/app/configuration/debug/hooks', () => ({
@@ -94,7 +95,7 @@ const SettingBuiltInToolMock = (props: SettingBuiltInToolProps) => {
     </div>
   )
 }
-vi.mock('./setting-built-in-tool', () => ({
+vi.mock('../setting-built-in-tool', () => ({
   default: (props: SettingBuiltInToolProps) => <SettingBuiltInToolMock {...props} />,
 }))
 
diff --git a/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.spec.tsx b/web/app/components/app/configuration/config/agent/agent-tools/__tests__/setting-built-in-tool.spec.tsx
similarity index 98%
rename from web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.spec.tsx
rename to web/app/components/app/configuration/config/agent/agent-tools/__tests__/setting-built-in-tool.spec.tsx
index 0c2563cf66..083e93b086 100644
--- a/web/app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.spec.tsx
+++ b/web/app/components/app/configuration/config/agent/agent-tools/__tests__/setting-built-in-tool.spec.tsx
@@ -1,9 +1,10 @@
+/* eslint-disable ts/no-explicit-any */
 import type { Tool, ToolParameter } from '@/app/components/tools/types'
 import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import * as React from 'react'
 import { CollectionType } from '@/app/components/tools/types'
-import SettingBuiltInTool from './setting-built-in-tool'
+import SettingBuiltInTool from '../setting-built-in-tool'
 
 const fetchModelToolList = vi.fn()
 const fetchBuiltInToolList = vi.fn()
diff --git a/web/app/components/app/configuration/config/agent/prompt-editor.tsx b/web/app/components/app/configuration/config/agent/prompt-editor.tsx
deleted file mode 100644
index e807c21518..0000000000
--- a/web/app/components/app/configuration/config/agent/prompt-editor.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-'use client'
-import type { FC } from 'react'
-import type { ExternalDataTool } from '@/models/common'
-import copy from 'copy-to-clipboard'
-import { noop } from 'es-toolkit/function'
-import * as React from 'react'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
-import s from '@/app/components/app/configuration/config-prompt/style.module.css'
-import {
-  Copy,
-  CopyCheck,
-} from '@/app/components/base/icons/src/vender/line/files'
-import PromptEditor from '@/app/components/base/prompt-editor'
-import { toast } from '@/app/components/base/ui/toast'
-import ConfigContext from '@/context/debug-configuration'
-import { useModalContext } from '@/context/modal-context'
-import { cn } from '@/utils/classnames'
-
-type Props = {
-  className?: string
-  type: 'first-prompt' | 'next-iteration'
-  value: string
-  onChange: (value: string) => void
-}
-
-const Editor: FC<Props> = ({
-  className,
-  type,
-  value,
-  onChange,
-}) => {
-  const { t } = useTranslation()
-
-  const [isCopied, setIsCopied] = React.useState(false)
-  const {
-    modelConfig,
-    hasSetBlockStatus,
-    dataSets,
-    showSelectDataSet,
-    externalDataToolsConfig,
-    setExternalDataToolsConfig,
-  } = useContext(ConfigContext)
-  const promptVariables = modelConfig.configs.prompt_variables
-  const { setShowExternalDataToolModal } = useModalContext()
-  const isFirstPrompt = type === 'first-prompt'
-  const editorHeight = isFirstPrompt ? 'h-[336px]' : 'h-[52px]'
-
-  const handleOpenExternalDataToolModal = () => {
-    setShowExternalDataToolModal({
-      payload: {},
-      onSaveCallback: (newExternalDataTool?: ExternalDataTool) => {
-        if (!newExternalDataTool)
-          return
-        setExternalDataToolsConfig([...externalDataToolsConfig, newExternalDataTool])
-      },
-      onValidateBeforeSaveCallback: (newExternalDataTool: ExternalDataTool) => {
-        for (let i = 0; i < promptVariables.length; i++) {
-          if (promptVariables[i].key === newExternalDataTool.variable) {
-            toast.error(t('varKeyError.keyAlreadyExists', { ns: 'appDebug', key: promptVariables[i].key }))
-            return false
-          }
-        }
-
-        for (let i = 0; i < externalDataToolsConfig.length; i++) {
-          if (externalDataToolsConfig[i].variable === newExternalDataTool.variable) {
-            toast.error(t('varKeyError.keyAlreadyExists', { ns: 'appDebug', key: externalDataToolsConfig[i].variable }))
-            return false
-          }
-        }
-
-        return true
-      },
-    })
-  }
-  return (
-    <div className={cn(className, s.gradientBorder, 'relative')}>
-      <div className="rounded-xl bg-white">
-        <div className={cn(s.boxHeader, 'flex h-11 items-center justify-between rounded-tl-xl rounded-tr-xl bg-white pb-1 pl-4 pr-3 pt-2 hover:shadow-xs')}>
-          <div className="text-sm font-semibold uppercase text-indigo-800">{t(`agent.${isFirstPrompt ? 'firstPrompt' : 'nextIteration'}`, { ns: 'appDebug' })}</div>
-          <div className={cn(s.optionWrap, 'items-center space-x-1')}>
-            {!isCopied
-              ? (
-                  <Copy
-                    className="h-6 w-6 cursor-pointer p-1 text-gray-500"
-                    onClick={() => {
-                      copy(value)
-                      setIsCopied(true)
-                    }}
-                  />
-                )
-              : (
-                  <CopyCheck className="h-6 w-6 p-1 text-gray-500" />
-                )}
-          </div>
-        </div>
-        <div className={cn(editorHeight, 'min-h-[102px] overflow-y-auto px-4 text-sm text-gray-700')}>
-          <PromptEditor
-            className={editorHeight}
-            value={value}
-            contextBlock={{
-              show: true,
-              selectable: !hasSetBlockStatus.context,
-              datasets: dataSets.map(item => ({
-                id: item.id,
-                name: item.name,
-                type: item.data_source_type,
-              })),
-              onAddContext: showSelectDataSet,
-            }}
-            variableBlock={{
-              show: true,
-              variables: modelConfig.configs.prompt_variables.filter(item => item.key && item.key.trim() && item.name && item.name.trim()).map(item => ({
-                name: item.name,
-                value: item.key,
-              })),
-            }}
-            externalToolBlock={{
-              show: true,
-              externalTools: externalDataToolsConfig.map(item => ({
-                name: item.label!,
-                variableName: item.variable!,
-                icon: item.icon,
-                icon_background: item.icon_background,
-              })),
-              onAddExternalTool: handleOpenExternalDataToolModal,
-            }}
-            historyBlock={{
-              show: false,
-              selectable: false,
-              history: {
-                user: '',
-                assistant: '',
-              },
-              onEditRole: noop,
-            }}
-            queryBlock={{
-              show: false,
-              selectable: false,
-            }}
-            onChange={onChange}
-            onBlur={noop}
-          />
-        </div>
-        <div className="flex pb-2 pl-4">
-          <div className="h-[18px] rounded-md bg-gray-100 px-1 text-xs leading-[18px] text-gray-500">{value.length}</div>
-        </div>
-      </div>
-    </div>
-  )
-}
-export default React.memo(Editor)
diff --git a/web/app/components/app/configuration/config/assistant-type-picker/index.spec.tsx b/web/app/components/app/configuration/config/assistant-type-picker/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/config/assistant-type-picker/index.spec.tsx
rename to web/app/components/app/configuration/config/assistant-type-picker/__tests__/index.spec.tsx
index 86201e996d..073ff5a639 100644
--- a/web/app/components/app/configuration/config/assistant-type-picker/index.spec.tsx
+++ b/web/app/components/app/configuration/config/assistant-type-picker/__tests__/index.spec.tsx
@@ -3,7 +3,7 @@ import { act, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import * as React from 'react'
 import { AgentStrategy } from '@/types/app'
-import AssistantTypePicker from './index'
+import AssistantTypePicker from '../index'
 
 // Test utilities
 const defaultAgentConfig: AgentConfig = {
diff --git a/web/app/components/app/configuration/config/automatic/automatic-btn.spec.tsx b/web/app/components/app/configuration/config/automatic/__tests__/automatic-btn.spec.tsx
similarity index 97%
rename from web/app/components/app/configuration/config/automatic/automatic-btn.spec.tsx
rename to web/app/components/app/configuration/config/automatic/__tests__/automatic-btn.spec.tsx
index f027f643a7..b32c77ba21 100644
--- a/web/app/components/app/configuration/config/automatic/automatic-btn.spec.tsx
+++ b/web/app/components/app/configuration/config/automatic/__tests__/automatic-btn.spec.tsx
@@ -1,5 +1,5 @@
 import { fireEvent, render, screen } from '@testing-library/react'
-import AutomaticBtn from './automatic-btn'
+import AutomaticBtn from '../automatic-btn'
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
diff --git a/web/app/components/app/configuration/config/automatic/__tests__/get-automatic-res.spec.tsx b/web/app/components/app/configuration/config/automatic/__tests__/get-automatic-res.spec.tsx
new file mode 100644
index 0000000000..ab5ff97e58
--- /dev/null
+++ b/web/app/components/app/configuration/config/automatic/__tests__/get-automatic-res.spec.tsx
@@ -0,0 +1,280 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { AppModeEnum } from '@/types/app'
+import GetAutomaticRes from '../get-automatic-res'
+
+const mockGenerateBasicAppFirstTimeRule = vi.fn()
+const mockGenerateRule = vi.fn()
+const mockToastError = vi.fn()
+
+let mockDefaultModel: {
+  model: string
+  provider: {
+    provider: string
+  }
+} | null = null
+
+let mockInstructionTemplate: { data: string } | undefined
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    error: (...args: unknown[]) => mockToastError(...args),
+  },
+}))
+
+vi.mock('@/app/components/header/account-setting/model-provider-page/hooks', () => ({
+  useModelListAndDefaultModelAndCurrentProviderAndModel: () => ({
+    defaultModel: mockDefaultModel,
+  }),
+}))
+
+vi.mock('@/service/use-apps', () => ({
+  useGenerateRuleTemplate: () => ({
+    data: mockInstructionTemplate,
+  }),
+}))
+
+vi.mock('@/service/debug', () => ({
+  generateBasicAppFirstTimeRule: (...args: unknown[]) => mockGenerateBasicAppFirstTimeRule(...args),
+  generateRule: (...args: unknown[]) => mockGenerateRule(...args),
+}))
+
+vi.mock('@/app/components/header/account-setting/model-provider-page/model-parameter-modal', () => ({
+  default: ({
+    setModel,
+    onCompletionParamsChange,
+  }: {
+    setModel: (value: { modelId: string, provider: string, mode?: string, features?: string[] }) => void
+    onCompletionParamsChange: (value: Record<string, unknown>) => void
+  }) => (
+    <div>
+      <button onClick={() => setModel({ modelId: 'gpt-4o-mini', provider: 'openai', mode: 'chat' })}>change-model</button>
+      <button onClick={() => onCompletionParamsChange({ temperature: 0.3 })}>change-params</button>
+    </div>
+  ),
+}))
+
+vi.mock('../instruction-editor', () => ({
+  default: ({
+    value,
+    onChange,
+  }: {
+    value: string
+    onChange: (value: string) => void
+  }) => (
+    <div>
+      <div data-testid="basic-editor">{value}</div>
+      <button onClick={() => onChange('basic instruction')}>set-basic-instruction</button>
+    </div>
+  ),
+}))
+
+vi.mock('../instruction-editor-in-workflow', () => ({
+  default: ({
+    value,
+    onChange,
+  }: {
+    value: string
+    onChange: (value: string) => void
+  }) => (
+    <div>
+      <div data-testid="workflow-editor">{value}</div>
+      <button onClick={() => onChange('workflow instruction')}>set-workflow-instruction</button>
+    </div>
+  ),
+}))
+
+vi.mock('../idea-output', () => ({
+  default: ({
+    value,
+    onChange,
+  }: {
+    value: string
+    onChange: (value: string) => void
+  }) => (
+    <div>
+      <div data-testid="idea-output">{value}</div>
+      <button onClick={() => onChange('ideal output')}>set-idea-output</button>
+    </div>
+  ),
+}))
+
+vi.mock('../res-placeholder', () => ({
+  default: () => <div>result-placeholder</div>,
+}))
+
+vi.mock('../result', () => ({
+  default: ({
+    current,
+    onApply,
+  }: {
+    current: { modified?: string, prompt?: string }
+    onApply: () => void
+  }) => (
+    <div data-testid="result-panel">
+      <div>{current.modified || current.prompt}</div>
+      <button onClick={onApply}>apply-result</button>
+    </div>
+  ),
+}))
+
+describe('GetAutomaticRes', () => {
+  const mockOnClose = vi.fn()
+  const mockOnFinished = vi.fn()
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    localStorage.clear()
+    sessionStorage.clear()
+    mockDefaultModel = {
+      model: 'gpt-4.1-mini',
+      provider: {
+        provider: 'openai',
+      },
+    }
+    mockInstructionTemplate = undefined
+  })
+
+  it('should initialize from template suggestions and persist model updates', async () => {
+    mockInstructionTemplate = { data: 'template instruction' }
+
+    render(
+      <GetAutomaticRes
+        mode={AppModeEnum.CHAT}
+        isShow
+        onClose={mockOnClose}
+        onFinished={mockOnFinished}
+        flowId="flow-1"
+        isBasicMode
+      />,
+    )
+
+    await waitFor(() => {
+      expect(screen.getByTestId('basic-editor')).toHaveTextContent('template instruction')
+    })
+
+    fireEvent.click(screen.getByText('generate.template.pythonDebugger.name'))
+
+    await waitFor(() => {
+      expect(screen.getByTestId('basic-editor')).toHaveTextContent('generate.template.pythonDebugger.instruction')
+    })
+
+    fireEvent.click(screen.getByText('change-model'))
+    expect(localStorage.getItem('auto-gen-model')).toContain('"name":"gpt-4o-mini"')
+
+    fireEvent.click(screen.getByText('change-params'))
+    expect(localStorage.getItem('auto-gen-model')).toContain('"temperature":0.3')
+  })
+
+  it('should block generation when instruction is empty', () => {
+    render(
+      <GetAutomaticRes
+        mode={AppModeEnum.CHAT}
+        isShow
+        onClose={mockOnClose}
+        onFinished={mockOnFinished}
+        flowId="flow-1"
+        isBasicMode
+      />,
+    )
+
+    fireEvent.click(screen.getByText('generate.generate'))
+
+    expect(mockToastError).toHaveBeenCalledWith('errorMsg.fieldRequired')
+    expect(mockGenerateBasicAppFirstTimeRule).not.toHaveBeenCalled()
+    expect(screen.getByText('result-placeholder')).toBeInTheDocument()
+  })
+
+  it('should generate a basic prompt and apply the confirmed result', async () => {
+    mockGenerateBasicAppFirstTimeRule.mockResolvedValue({
+      prompt: 'generated prompt',
+      variables: ['city'],
+      opening_statement: 'hello there',
+    })
+
+    render(
+      <GetAutomaticRes
+        mode={AppModeEnum.CHAT}
+        isShow
+        onClose={mockOnClose}
+        onFinished={mockOnFinished}
+        flowId="flow-1"
+        isBasicMode
+      />,
+    )
+
+    fireEvent.click(screen.getByText('set-basic-instruction'))
+    fireEvent.click(screen.getByText('generate.generate'))
+
+    await waitFor(() => {
+      expect(mockGenerateBasicAppFirstTimeRule).toHaveBeenCalledWith(expect.objectContaining({
+        instruction: 'basic instruction',
+        no_variable: false,
+      }))
+    })
+
+    await waitFor(() => {
+      expect(screen.getByTestId('result-panel')).toHaveTextContent('generated prompt')
+    })
+
+    fireEvent.click(screen.getByText('apply-result'))
+
+    await waitFor(() => {
+      expect(screen.getByText('generate.overwriteTitle')).toBeInTheDocument()
+    })
+
+    fireEvent.click(screen.getByRole('button', { name: 'operation.confirm' }))
+
+    expect(mockOnFinished).toHaveBeenCalledWith(expect.objectContaining({
+      modified: 'generated prompt',
+      variables: ['city'],
+      opening_statement: 'hello there',
+    }))
+  })
+
+  it('should request workflow generation and surface service errors', async () => {
+    mockGenerateRule.mockResolvedValue({
+      error: 'generation failed',
+      modified: 'unused',
+    })
+
+    render(
+      <GetAutomaticRes
+        mode={AppModeEnum.ADVANCED_CHAT}
+        isShow
+        onClose={mockOnClose}
+        onFinished={mockOnFinished}
+        flowId="flow-1"
+        nodeId="node-1"
+        editorId="editor-1"
+        currentPrompt="current prompt"
+        isBasicMode={false}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('set-workflow-instruction'))
+    fireEvent.click(screen.getByText('set-idea-output'))
+    fireEvent.click(screen.getByText('generate.generate'))
+
+    await waitFor(() => {
+      expect(mockGenerateRule).toHaveBeenCalledWith(expect.objectContaining({
+        flow_id: 'flow-1',
+        node_id: 'node-1',
+        current: 'current prompt',
+        instruction: 'workflow instruction',
+        ideal_output: 'ideal output',
+      }))
+    })
+
+    await waitFor(() => {
+      expect(mockToastError).toHaveBeenCalledWith('generation failed')
+    })
+
+    expect(screen.queryByTestId('result-panel')).not.toBeInTheDocument()
+  })
+})
diff --git a/web/app/components/app/configuration/config/automatic/__tests__/idea-output.spec.tsx b/web/app/components/app/configuration/config/automatic/__tests__/idea-output.spec.tsx
new file mode 100644
index 0000000000..c1ecb87542
--- /dev/null
+++ b/web/app/components/app/configuration/config/automatic/__tests__/idea-output.spec.tsx
@@ -0,0 +1,28 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import IdeaOutput from '../idea-output'
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+describe('IdeaOutput', () => {
+  it('should toggle the fold state and propagate textarea changes when expanded', () => {
+    const onChange = vi.fn()
+    render(<IdeaOutput value="Initial idea" onChange={onChange} />)
+
+    expect(screen.queryByPlaceholderText('generate.idealOutputPlaceholder')).not.toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('generate.idealOutput'))
+
+    const textarea = screen.getByPlaceholderText('generate.idealOutputPlaceholder')
+    fireEvent.change(textarea, { target: { value: 'Updated idea' } })
+
+    expect(onChange).toHaveBeenCalledWith('Updated idea')
+
+    fireEvent.click(screen.getByText('generate.idealOutput'))
+
+    expect(screen.queryByPlaceholderText('generate.idealOutputPlaceholder')).not.toBeInTheDocument()
+  })
+})
diff --git a/web/app/components/app/configuration/config/automatic/__tests__/instruction-editor-in-workflow.spec.tsx b/web/app/components/app/configuration/config/automatic/__tests__/instruction-editor-in-workflow.spec.tsx
new file mode 100644
index 0000000000..85c55f7eaf
--- /dev/null
+++ b/web/app/components/app/configuration/config/automatic/__tests__/instruction-editor-in-workflow.spec.tsx
@@ -0,0 +1,81 @@
+import { render, screen } from '@testing-library/react'
+import { VarType } from '@/app/components/workflow/types'
+import InstructionEditorInWorkflow from '../instruction-editor-in-workflow'
+import { GeneratorType } from '../types'
+
+const mockUseAvailableVarList = vi.fn()
+const mockUseWorkflowVariableType = vi.fn()
+const mockGetState = vi.fn()
+const mockInstructionEditor = vi.fn()
+const filterResults: boolean[] = []
+
+vi.mock('@/app/components/workflow/store', () => ({
+  useWorkflowStore: () => ({
+    getState: mockGetState,
+  }),
+}))
+
+vi.mock('@/app/components/workflow/hooks', () => ({
+  useWorkflowVariableType: () => mockUseWorkflowVariableType(),
+}))
+
+vi.mock('@/app/components/workflow/nodes/_base/hooks/use-available-var-list', () => ({
+  default: (nodeId: string, options: { filterVar: (payload: { type: VarType }, selector: string[]) => boolean }) => {
+    filterResults.push(
+      options.filterVar({ type: VarType.string }, ['node-1']),
+      options.filterVar({ type: VarType.file }, ['node-1']),
+      options.filterVar({ type: VarType.arrayFile }, ['node-1']),
+      options.filterVar({ type: VarType.string }, ['node-x']),
+    )
+    return mockUseAvailableVarList(nodeId, options)
+  },
+}))
+
+vi.mock('../instruction-editor', () => ({
+  default: (props: Record<string, unknown>) => {
+    mockInstructionEditor(props)
+    return <div data-testid="instruction-editor">{String(props.editorKey)}</div>
+  },
+}))
+
+describe('InstructionEditorInWorkflow', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    filterResults.length = 0
+    mockGetState.mockReturnValue({
+      nodesWithInspectVars: [{ nodeId: 'node-1' }],
+    })
+    mockUseWorkflowVariableType.mockReturnValue('var-type-fn')
+    mockUseAvailableVarList.mockReturnValue({
+      availableVars: [{ variable: 'query' }],
+      availableNodes: [{ id: 'node-1', data: { title: 'Node 1', type: 'llm' } }],
+    })
+  })
+
+  it('should filter workflow variables and forward the resolved props to the editor', () => {
+    render(
+      <InstructionEditorInWorkflow
+        nodeId="current-node"
+        value="instruction"
+        editorKey="editor-1"
+        onChange={vi.fn()}
+        generatorType={GeneratorType.prompt}
+        isShowCurrentBlock
+      />,
+    )
+
+    expect(screen.getByTestId('instruction-editor')).toHaveTextContent('editor-1')
+    expect(filterResults).toEqual([true, false, false, false])
+    expect(mockUseAvailableVarList).toHaveBeenCalledWith('current-node', expect.objectContaining({
+      onlyLeafNodeVar: false,
+    }))
+    expect(mockInstructionEditor).toHaveBeenCalledWith(expect.objectContaining({
+      value: 'instruction',
+      availableVars: [{ variable: 'query' }],
+      availableNodes: [{ id: 'node-1', data: { title: 'Node 1', type: 'llm' } }],
+      getVarType: 'var-type-fn',
+      isShowCurrentBlock: true,
+      isShowLastRunBlock: true,
+    }))
+  })
+})
diff --git a/web/app/components/app/configuration/config/automatic/__tests__/instruction-editor.spec.tsx b/web/app/components/app/configuration/config/automatic/__tests__/instruction-editor.spec.tsx
new file mode 100644
index 0000000000..c1d7edac13
--- /dev/null
+++ b/web/app/components/app/configuration/config/automatic/__tests__/instruction-editor.spec.tsx
@@ -0,0 +1,91 @@
+import type { ReactNode } from 'react'
+import { fireEvent, render, screen } from '@testing-library/react'
+import InstructionEditor from '../instruction-editor'
+import { GeneratorType } from '../types'
+
+const mockEmit = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/context/event-emitter', () => ({
+  useEventEmitterContextContext: () => ({
+    eventEmitter: {
+      emit: (...args: unknown[]) => mockEmit(...args),
+    },
+  }),
+}))
+
+vi.mock('@/app/components/base/prompt-editor', () => ({
+  default: (props: {
+    onChange: (value: string) => void
+    placeholder: ReactNode
+    currentBlock: { show: boolean }
+    errorMessageBlock: { show: boolean }
+    lastRunBlock: { show: boolean }
+  }) => (
+    <div>
+      <div data-testid="prompt-placeholder">{props.placeholder}</div>
+      <div data-testid="current-block">{String(props.currentBlock.show)}</div>
+      <div data-testid="error-block">{String(props.errorMessageBlock.show)}</div>
+      <div data-testid="last-run-block">{String(props.lastRunBlock.show)}</div>
+      <button onClick={() => props.onChange('updated instruction')}>change-instruction</button>
+    </div>
+  ),
+}))
+
+describe('InstructionEditor', () => {
+  const baseProps = {
+    editorKey: 'editor-1',
+    value: 'hello',
+    onChange: vi.fn(),
+    availableVars: [],
+    availableNodes: [],
+    isShowCurrentBlock: true,
+    isShowLastRunBlock: false,
+  }
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should render the prompt placeholder and forward text changes', () => {
+    render(
+      <InstructionEditor
+        {...baseProps}
+        generatorType={GeneratorType.prompt}
+      />,
+    )
+
+    expect(screen.getByText('generate.instructionPlaceHolderTitle')).toBeInTheDocument()
+    expect(screen.getByTestId('current-block')).toHaveTextContent('true')
+    expect(screen.getByTestId('error-block')).toHaveTextContent('false')
+
+    fireEvent.click(screen.getByText('change-instruction'))
+
+    expect(baseProps.onChange).toHaveBeenCalledWith('updated instruction')
+  })
+
+  it('should render the code placeholder and emit quick insert events', () => {
+    render(
+      <InstructionEditor
+        {...baseProps}
+        generatorType={GeneratorType.code}
+        isShowLastRunBlock
+      />,
+    )
+
+    expect(screen.getByText('generate.codeGenInstructionPlaceHolderLine')).toBeInTheDocument()
+    expect(screen.getByTestId('error-block')).toHaveTextContent('true')
+    expect(screen.getByTestId('last-run-block')).toHaveTextContent('true')
+
+    fireEvent.click(screen.getByText('generate.insertContext'))
+
+    expect(mockEmit).toHaveBeenCalledWith(expect.objectContaining({
+      instanceId: 'editor-1',
+    }))
+  })
+})
diff --git a/web/app/components/app/configuration/config/automatic/__tests__/prompt-res-in-workflow.spec.tsx b/web/app/components/app/configuration/config/automatic/__tests__/prompt-res-in-workflow.spec.tsx
new file mode 100644
index 0000000000..a806830030
--- /dev/null
+++ b/web/app/components/app/configuration/config/automatic/__tests__/prompt-res-in-workflow.spec.tsx
@@ -0,0 +1,89 @@
+import { render, screen } from '@testing-library/react'
+import { BlockEnum } from '@/app/components/workflow/types'
+import PromptResInWorkflow from '../prompt-res-in-workflow'
+
+const mockUseAvailableVarList = vi.fn()
+const mockPromptRes = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/app/components/workflow/nodes/_base/hooks/use-available-var-list', () => ({
+  default: (...args: unknown[]) => mockUseAvailableVarList(...args),
+}))
+
+vi.mock('../prompt-res', () => ({
+  default: (props: Record<string, unknown>) => {
+    mockPromptRes(props)
+    return <div data-testid="prompt-res">{String(props.value)}</div>
+  },
+}))
+
+describe('PromptResInWorkflow', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockUseAvailableVarList.mockReturnValue({
+      availableVars: [{ variable: 'query' }],
+      availableNodes: [
+        {
+          id: 'node-1',
+          data: { title: 'Retriever', type: BlockEnum.KnowledgeRetrieval },
+          width: 120,
+          height: 80,
+          position: { x: 1, y: 2 },
+        },
+        {
+          id: 'start-node',
+          data: { title: 'Start node', type: BlockEnum.Start },
+          width: 100,
+          height: 60,
+          position: { x: 0, y: 0 },
+        },
+      ],
+    })
+  })
+
+  it('should build the workflow variable map and include the synthetic start node entry', () => {
+    render(<PromptResInWorkflow value="prompt" nodeId="node-a" />)
+
+    expect(screen.getByTestId('prompt-res')).toHaveTextContent('prompt')
+    expect(mockUseAvailableVarList).toHaveBeenCalledWith('node-a', expect.objectContaining({
+      onlyLeafNodeVar: false,
+    }))
+    expect(mockPromptRes).toHaveBeenCalledWith(expect.objectContaining({
+      workflowVariableBlock: expect.objectContaining({
+        show: true,
+        variables: [{ variable: 'query' }],
+        workflowNodesMap: expect.objectContaining({
+          'node-1': expect.objectContaining({
+            title: 'Retriever',
+            type: BlockEnum.KnowledgeRetrieval,
+          }),
+          'sys': expect.objectContaining({
+            title: 'blocks.start',
+            type: BlockEnum.Start,
+          }),
+        }),
+      }),
+    }))
+  })
+
+  it('should fall back to an empty variable list when the workflow hook returns no variables', () => {
+    mockUseAvailableVarList.mockReturnValueOnce({
+      availableVars: undefined,
+      availableNodes: [],
+    })
+
+    render(<PromptResInWorkflow value="fallback" nodeId="node-b" />)
+
+    expect(mockPromptRes).toHaveBeenCalledWith(expect.objectContaining({
+      workflowVariableBlock: expect.objectContaining({
+        variables: [],
+        workflowNodesMap: {},
+      }),
+    }))
+  })
+})
diff --git a/web/app/components/app/configuration/config/automatic/__tests__/prompt-res.spec.tsx b/web/app/components/app/configuration/config/automatic/__tests__/prompt-res.spec.tsx
new file mode 100644
index 0000000000..2e564b6bfa
--- /dev/null
+++ b/web/app/components/app/configuration/config/automatic/__tests__/prompt-res.spec.tsx
@@ -0,0 +1,40 @@
+import { render, screen } from '@testing-library/react'
+import PromptRes from '../prompt-res'
+
+vi.mock('@/app/components/base/prompt-editor', () => ({
+  default: ({ value, workflowVariableBlock }: { value: string, workflowVariableBlock: { show: boolean } }) => (
+    <div data-testid="prompt-editor" data-show={String(workflowVariableBlock.show)}>
+      {value}
+    </div>
+  ),
+}))
+
+describe('PromptRes', () => {
+  it('should render the prompt value and remount when the value changes', () => {
+    const nowSpy = vi.spyOn(Date, 'now')
+      .mockReturnValueOnce(1000)
+      .mockReturnValueOnce(2000)
+
+    const { rerender } = render(
+      <PromptRes
+        value="alpha"
+        workflowVariableBlock={{ show: false }}
+      />,
+    )
+
+    expect(screen.getByTestId('prompt-editor')).toHaveTextContent('alpha')
+    expect(screen.getByTestId('prompt-editor')).toHaveAttribute('data-show', 'false')
+
+    rerender(
+      <PromptRes
+        value="beta"
+        workflowVariableBlock={{ show: true }}
+      />,
+    )
+
+    expect(screen.getByTestId('prompt-editor')).toHaveTextContent('beta')
+    expect(screen.getByTestId('prompt-editor')).toHaveAttribute('data-show', 'true')
+
+    nowSpy.mockRestore()
+  })
+})
diff --git a/web/app/components/app/configuration/config/automatic/__tests__/result.spec.tsx b/web/app/components/app/configuration/config/automatic/__tests__/result.spec.tsx
new file mode 100644
index 0000000000..7e9c26bd06
--- /dev/null
+++ b/web/app/components/app/configuration/config/automatic/__tests__/result.spec.tsx
@@ -0,0 +1,126 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import { toast } from '@/app/components/base/ui/toast'
+import Result from '../result'
+import { GeneratorType } from '../types'
+
+const mockCopy = vi.fn()
+const mockPromptRes = vi.fn()
+const mockPromptResInWorkflow = vi.fn()
+const mockSetCurrentVersionIndex = vi.fn()
+const mockOnApply = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('copy-to-clipboard', () => ({
+  default: (...args: unknown[]) => mockCopy(...args),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    success: vi.fn(),
+  },
+}))
+
+vi.mock('../prompt-res', () => ({
+  default: (props: Record<string, unknown>) => {
+    mockPromptRes(props)
+    return <div data-testid="prompt-res">{String(props.value)}</div>
+  },
+}))
+
+vi.mock('../prompt-res-in-workflow', () => ({
+  default: (props: Record<string, unknown>) => {
+    mockPromptResInWorkflow(props)
+    return <div data-testid="prompt-res-in-workflow">{String(props.value)}</div>
+  },
+}))
+
+vi.mock('@/app/components/workflow/nodes/llm/components/json-schema-config-modal/code-editor', () => ({
+  default: ({ value }: { value: string }) => <div data-testid="code-editor">{value}</div>,
+}))
+
+vi.mock('../prompt-toast', () => ({
+  default: ({ message }: { message: string }) => <div data-testid="prompt-toast">{message}</div>,
+}))
+
+vi.mock('../version-selector', () => ({
+  default: ({ value, versionLen, onChange }: { value: number, versionLen: number, onChange: (index: number) => void }) => (
+    <button data-testid="version-selector" onClick={() => onChange(versionLen - 1)}>
+      version-
+      {value}
+    </button>
+  ),
+}))
+
+const baseProps = {
+  current: {
+    modified: 'generated output',
+    message: 'optimization note',
+  },
+  currentVersionIndex: 0,
+  setCurrentVersionIndex: mockSetCurrentVersionIndex,
+  versions: [{ modified: 'v1' }, { modified: 'v2' }],
+  onApply: mockOnApply,
+}
+
+describe('Result', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should render the basic prompt result and support copying or applying it', () => {
+    render(
+      <Result
+        {...baseProps}
+        isBasicMode
+        generatorType={GeneratorType.prompt}
+      />,
+    )
+
+    expect(screen.getByTestId('prompt-toast')).toHaveTextContent('optimization note')
+    expect(screen.getByTestId('prompt-res')).toHaveTextContent('generated output')
+
+    fireEvent.click(screen.getByTestId('version-selector'))
+    fireEvent.click(screen.getAllByRole('button')[1])
+    fireEvent.click(screen.getByText('generate.apply'))
+
+    expect(mockSetCurrentVersionIndex).toHaveBeenCalledWith(1)
+    expect(mockCopy).toHaveBeenCalledWith('generated output')
+    expect(toast.success).toHaveBeenCalledWith('actionMsg.copySuccessfully')
+    expect(mockOnApply).toHaveBeenCalled()
+    expect(mockPromptRes).toHaveBeenCalledWith(expect.objectContaining({
+      workflowVariableBlock: { show: false },
+    }))
+  })
+
+  it('should render workflow prompt results through PromptResInWorkflow when basic mode is disabled', () => {
+    render(
+      <Result
+        {...baseProps}
+        nodeId="node-1"
+        generatorType={GeneratorType.prompt}
+      />,
+    )
+
+    expect(screen.getByTestId('prompt-res-in-workflow')).toHaveTextContent('generated output')
+    expect(mockPromptResInWorkflow).toHaveBeenCalledWith(expect.objectContaining({
+      nodeId: 'node-1',
+      value: 'generated output',
+    }))
+  })
+
+  it('should render code results with the code editor for non-prompt generators', () => {
+    render(
+      <Result
+        {...baseProps}
+        generatorType={GeneratorType.code}
+      />,
+    )
+
+    expect(screen.getByTestId('code-editor')).toHaveTextContent('generated output')
+  })
+})
diff --git a/web/app/components/app/configuration/config/automatic/__tests__/version-selector.spec.tsx b/web/app/components/app/configuration/config/automatic/__tests__/version-selector.spec.tsx
new file mode 100644
index 0000000000..0f792a7491
--- /dev/null
+++ b/web/app/components/app/configuration/config/automatic/__tests__/version-selector.spec.tsx
@@ -0,0 +1,49 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import VersionSelector from '../version-selector'
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+describe('VersionSelector', () => {
+  it('should not open the selector when only one version exists', () => {
+    const onChange = vi.fn()
+
+    render(
+      <VersionSelector
+        versionLen={1}
+        value={0}
+        onChange={onChange}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('generate.version 1 · generate.latest'))
+
+    expect(screen.queryByText('generate.versions')).not.toBeInTheDocument()
+    expect(onChange).not.toHaveBeenCalled()
+  })
+
+  it('should open the selector and switch versions when multiple versions exist', () => {
+    const onChange = vi.fn()
+
+    render(
+      <VersionSelector
+        versionLen={3}
+        value={2}
+        onChange={onChange}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('generate.version 3 · generate.latest'))
+
+    expect(screen.getByText('generate.versions')).toBeInTheDocument()
+    expect(screen.getByText('generate.version 1')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('generate.version 1'))
+
+    expect(onChange).toHaveBeenCalledWith(0)
+    expect(screen.queryByText('generate.versions')).not.toBeInTheDocument()
+  })
+})
diff --git a/web/app/components/app/configuration/config/automatic/automatic-btn.tsx b/web/app/components/app/configuration/config/automatic/automatic-btn.tsx
index 49d9bc4cc1..7999ba87af 100644
--- a/web/app/components/app/configuration/config/automatic/automatic-btn.tsx
+++ b/web/app/components/app/configuration/config/automatic/automatic-btn.tsx
@@ -7,7 +7,7 @@ import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 
-export type IAutomaticBtnProps = {
+type IAutomaticBtnProps = {
   onClick: () => void
 }
 const AutomaticBtn: FC<IAutomaticBtnProps> = ({
diff --git a/web/app/components/app/configuration/config/automatic/get-automatic-res.tsx b/web/app/components/app/configuration/config/automatic/get-automatic-res.tsx
index a2ca99a9d0..d2522e875e 100644
--- a/web/app/components/app/configuration/config/automatic/get-automatic-res.tsx
+++ b/web/app/components/app/configuration/config/automatic/get-automatic-res.tsx
@@ -43,7 +43,7 @@ import useGenData from './use-gen-data'
 
 const i18nPrefix = 'generate'
 
-export type IGetAutomaticResProps = {
+type IGetAutomaticResProps = {
   mode: AppModeEnum
   isShow: boolean
   onClose: () => void
diff --git a/web/app/components/app/configuration/config/automatic/style.module.css b/web/app/components/app/configuration/config/automatic/style.module.css
index fb25784808..fa67b8519b 100644
--- a/web/app/components/app/configuration/config/automatic/style.module.css
+++ b/web/app/components/app/configuration/config/automatic/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #2250F2 -29.55%, #0EBCF3 75.22%);
   -webkit-background-clip: text;
diff --git a/web/app/components/app/configuration/config/code-generator/__tests__/get-code-generator-res.spec.tsx b/web/app/components/app/configuration/config/code-generator/__tests__/get-code-generator-res.spec.tsx
new file mode 100644
index 0000000000..098f84b06e
--- /dev/null
+++ b/web/app/components/app/configuration/config/code-generator/__tests__/get-code-generator-res.spec.tsx
@@ -0,0 +1,254 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
+import { AppModeEnum } from '@/types/app'
+import GetCodeGeneratorResModal from '../get-code-generator-res'
+
+const mockGenerateRule = vi.fn()
+const mockToastError = vi.fn()
+
+let mockDefaultModel: {
+  model: string
+  provider: {
+    provider: string
+  }
+} | null = null
+
+let mockInstructionTemplate: { data: string } | undefined
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    error: (...args: unknown[]) => mockToastError(...args),
+  },
+}))
+
+vi.mock('@/app/components/header/account-setting/model-provider-page/hooks', () => ({
+  useModelListAndDefaultModelAndCurrentProviderAndModel: () => ({
+    defaultModel: mockDefaultModel,
+  }),
+}))
+
+vi.mock('@/service/use-apps', () => ({
+  useGenerateRuleTemplate: () => ({
+    data: mockInstructionTemplate,
+  }),
+}))
+
+vi.mock('@/service/debug', () => ({
+  generateRule: (...args: unknown[]) => mockGenerateRule(...args),
+}))
+
+vi.mock('@/app/components/header/account-setting/model-provider-page/model-parameter-modal', () => ({
+  default: ({
+    setModel,
+    onCompletionParamsChange,
+  }: {
+    setModel: (value: { modelId: string, provider: string, mode?: string, features?: string[] }) => void
+    onCompletionParamsChange: (value: Record<string, unknown>) => void
+  }) => (
+    <div>
+      <button onClick={() => setModel({ modelId: 'gpt-4o-mini', provider: 'openai', mode: 'chat' })}>change-model</button>
+      <button onClick={() => onCompletionParamsChange({ temperature: 0.2 })}>change-params</button>
+    </div>
+  ),
+}))
+
+vi.mock('../../automatic/instruction-editor-in-workflow', () => ({
+  default: ({
+    value,
+    onChange,
+  }: {
+    value: string
+    onChange: (value: string) => void
+  }) => (
+    <div>
+      <div data-testid="workflow-editor">{value}</div>
+      <button onClick={() => onChange('code instruction')}>set-code-instruction</button>
+    </div>
+  ),
+}))
+
+vi.mock('../../automatic/idea-output', () => ({
+  default: ({
+    value,
+    onChange,
+  }: {
+    value: string
+    onChange: (value: string) => void
+  }) => (
+    <div>
+      <div data-testid="idea-output">{value}</div>
+      <button onClick={() => onChange('code output')}>set-code-output</button>
+    </div>
+  ),
+}))
+
+vi.mock('../../automatic/res-placeholder', () => ({
+  default: () => <div>code-result-placeholder</div>,
+}))
+
+vi.mock('../../automatic/result', () => ({
+  default: ({
+    current,
+    onApply,
+  }: {
+    current: { modified?: string, code?: string }
+    onApply: () => void
+  }) => (
+    <div data-testid="code-result-panel">
+      <div>{current.modified || current.code}</div>
+      <button onClick={onApply}>apply-code-result</button>
+    </div>
+  ),
+}))
+
+describe('GetCodeGeneratorResModal', () => {
+  const mockOnClose = vi.fn()
+  const mockOnFinished = vi.fn()
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    localStorage.clear()
+    sessionStorage.clear()
+    mockDefaultModel = {
+      model: 'gpt-4.1-mini',
+      provider: {
+        provider: 'openai',
+      },
+    }
+    mockInstructionTemplate = undefined
+  })
+
+  it('should initialize from template suggestions and persist model updates', async () => {
+    mockInstructionTemplate = { data: 'code template' }
+
+    render(
+      <GetCodeGeneratorResModal
+        flowId="flow-1"
+        nodeId="node-1"
+        currentCode="print(1)"
+        mode={AppModeEnum.CHAT}
+        isShow
+        codeLanguages={CodeLanguage.python3}
+        onClose={mockOnClose}
+        onFinished={mockOnFinished}
+      />,
+    )
+
+    await waitFor(() => {
+      expect(screen.getByTestId('workflow-editor')).toHaveTextContent('code template')
+    })
+
+    fireEvent.click(screen.getByText('change-model'))
+    expect(localStorage.getItem('auto-gen-model')).toContain('"name":"gpt-4o-mini"')
+
+    fireEvent.click(screen.getByText('change-params'))
+    expect(localStorage.getItem('auto-gen-model')).toContain('"temperature":0.2')
+  })
+
+  it('should block generation when instruction is empty', () => {
+    render(
+      <GetCodeGeneratorResModal
+        flowId="flow-1"
+        nodeId="node-1"
+        currentCode="print(1)"
+        mode={AppModeEnum.CHAT}
+        isShow
+        codeLanguages={CodeLanguage.python3}
+        onClose={mockOnClose}
+        onFinished={mockOnFinished}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('codegen.generate'))
+
+    expect(mockToastError).toHaveBeenCalledWith('errorMsg.fieldRequired')
+    expect(mockGenerateRule).not.toHaveBeenCalled()
+    expect(screen.getByText('code-result-placeholder')).toBeInTheDocument()
+  })
+
+  it('should generate code, normalize code payloads, and apply the confirmed result', async () => {
+    mockGenerateRule.mockResolvedValue({
+      code: 'print("hello")',
+    })
+
+    render(
+      <GetCodeGeneratorResModal
+        flowId="flow-1"
+        nodeId="node-1"
+        currentCode="print(1)"
+        mode={AppModeEnum.CHAT}
+        isShow
+        codeLanguages={CodeLanguage.python3}
+        onClose={mockOnClose}
+        onFinished={mockOnFinished}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('set-code-instruction'))
+    fireEvent.click(screen.getByText('set-code-output'))
+    fireEvent.click(screen.getByText('codegen.generate'))
+
+    await waitFor(() => {
+      expect(mockGenerateRule).toHaveBeenCalledWith(expect.objectContaining({
+        flow_id: 'flow-1',
+        node_id: 'node-1',
+        current: 'print(1)',
+        instruction: 'code instruction',
+        ideal_output: 'code output',
+        language: 'python',
+      }))
+    })
+
+    await waitFor(() => {
+      expect(screen.getByTestId('code-result-panel')).toHaveTextContent('print("hello")')
+    })
+
+    fireEvent.click(screen.getByText('apply-code-result'))
+
+    await waitFor(() => {
+      expect(screen.getByText('codegen.overwriteConfirmTitle')).toBeInTheDocument()
+    })
+
+    fireEvent.click(screen.getByRole('button', { name: 'operation.confirm' }))
+
+    expect(mockOnFinished).toHaveBeenCalledWith(expect.objectContaining({
+      modified: 'print("hello")',
+      code: 'print("hello")',
+    }))
+  })
+
+  it('should surface service errors without creating a result version', async () => {
+    mockGenerateRule.mockResolvedValue({
+      error: 'generation failed',
+      modified: 'unused',
+    })
+
+    render(
+      <GetCodeGeneratorResModal
+        flowId="flow-1"
+        nodeId="node-1"
+        currentCode="print(1)"
+        mode={AppModeEnum.CHAT}
+        isShow
+        codeLanguages={CodeLanguage.javascript}
+        onClose={mockOnClose}
+        onFinished={mockOnFinished}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('set-code-instruction'))
+    fireEvent.click(screen.getByText('codegen.generate'))
+
+    await waitFor(() => {
+      expect(mockToastError).toHaveBeenCalledWith('generation failed')
+    })
+
+    expect(screen.queryByTestId('code-result-panel')).not.toBeInTheDocument()
+  })
+})
diff --git a/web/app/components/app/configuration/config/code-generator/get-code-generator-res.tsx b/web/app/components/app/configuration/config/code-generator/get-code-generator-res.tsx
index 4c7971dc1d..2d6b3efb3d 100644
--- a/web/app/components/app/configuration/config/code-generator/get-code-generator-res.tsx
+++ b/web/app/components/app/configuration/config/code-generator/get-code-generator-res.tsx
@@ -31,7 +31,7 @@ import { GeneratorType } from '../automatic/types'
 import useGenData from '../automatic/use-gen-data'
 
 const i18nPrefix = 'generate'
-export type IGetCodeGeneratorResProps = {
+type IGetCodeGeneratorResProps = {
   flowId: string
   nodeId: string
   currentCode?: string
diff --git a/web/app/components/app/configuration/configuration-view.tsx b/web/app/components/app/configuration/configuration-view.tsx
new file mode 100644
index 0000000000..f2f9c06e92
--- /dev/null
+++ b/web/app/components/app/configuration/configuration-view.tsx
@@ -0,0 +1,235 @@
+'use client'
+import type { FC } from 'react'
+import type { ConfigurationViewModel } from './hooks/use-configuration'
+import { CodeBracketIcon } from '@heroicons/react/20/solid'
+import * as React from 'react'
+import { useTranslation } from 'react-i18next'
+import AppPublisher from '@/app/components/app/app-publisher/features-wrapper'
+import Config from '@/app/components/app/configuration/config'
+import EditHistoryModal from '@/app/components/app/configuration/config-prompt/conversation-history/edit-modal'
+import AgentSettingButton from '@/app/components/app/configuration/config/agent-setting-button'
+import SelectDataSet from '@/app/components/app/configuration/dataset-config/select-dataset'
+import Debug from '@/app/components/app/configuration/debug'
+import Button from '@/app/components/base/button'
+import Divider from '@/app/components/base/divider'
+import Drawer from '@/app/components/base/drawer'
+import { FeaturesProvider } from '@/app/components/base/features'
+import NewFeaturePanel from '@/app/components/base/features/new-feature-panel'
+import Loading from '@/app/components/base/loading'
+import {
+  AlertDialog,
+  AlertDialogActions,
+  AlertDialogCancelButton,
+  AlertDialogConfirmButton,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogTitle,
+} from '@/app/components/base/ui/alert-dialog'
+import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import PluginDependency from '@/app/components/workflow/plugin-dependency'
+import ConfigContext from '@/context/debug-configuration'
+import { MittProvider } from '@/context/mitt-context-provider'
+import { AppModeEnum, ModelModeType } from '@/types/app'
+
+const ConfigurationView: FC<ConfigurationViewModel> = ({
+  appPublisherProps,
+  contextValue,
+  featuresData,
+  isAgent,
+  isAdvancedMode,
+  isMobile,
+  isShowDebugPanel,
+  isShowHistoryModal,
+  isShowSelectDataSet,
+  modelConfig,
+  multipleModelConfigs,
+  onAutoAddPromptVariable,
+  onAgentSettingChange,
+  onCloseFeaturePanel,
+  onCloseHistoryModal,
+  onCloseSelectDataSet,
+  onCompletionParamsChange,
+  onConfirmUseGPT4,
+  onEnableMultipleModelDebug,
+  onFeaturesChange,
+  onHideDebugPanel,
+  onModelChange,
+  onMultipleModelConfigsChange,
+  onOpenAccountSettings,
+  onOpenDebugPanel,
+  onSaveHistory,
+  onSelectDataSets,
+  promptVariables,
+  selectedIds,
+  showAppConfigureFeaturesModal,
+  showLoading,
+  showUseGPT4Confirm,
+  setShowUseGPT4Confirm,
+}) => {
+  const { t } = useTranslation()
+  const debugWithMultipleModel = appPublisherProps.debugWithMultipleModel
+
+  if (showLoading) {
+    return (
+      <div className="flex h-full items-center justify-center">
+        <Loading type="area" />
+      </div>
+    )
+  }
+
+  return (
+    <ConfigContext.Provider value={contextValue}>
+      <FeaturesProvider features={featuresData}>
+        <MittProvider>
+          <div className="flex h-full flex-col">
+            <div className="relative flex h-[200px] grow pt-14">
+              <div className="bg-default-subtle absolute top-0 left-0 h-14 w-full">
+                <div className="flex h-14 items-center justify-between px-6">
+                  <div className="flex items-center">
+                    <div className="system-xl-semibold text-text-primary">{t('orchestrate', { ns: 'appDebug' })}</div>
+                    <div className="flex h-[14px] items-center space-x-1 text-xs">
+                      {isAdvancedMode && (
+                        <div className="ml-1 flex h-5 items-center rounded-md border border-components-button-secondary-border px-1.5 system-xs-medium-uppercase text-text-tertiary uppercase">
+                          {t('promptMode.advanced', { ns: 'appDebug' })}
+                        </div>
+                      )}
+                    </div>
+                  </div>
+                  <div className="flex items-center">
+                    {isAgent && (
+                      <AgentSettingButton
+                        isChatModel={contextValue.modelModeType === ModelModeType.chat}
+                        agentConfig={modelConfig.agentConfig}
+                        isFunctionCall={contextValue.isFunctionCall}
+                        onAgentSettingChange={onAgentSettingChange}
+                      />
+                    )}
+                    {!debugWithMultipleModel && (
+                      <>
+                        <ModelParameterModal
+                          isAdvancedMode={isAdvancedMode}
+                          provider={modelConfig.provider}
+                          completionParams={contextValue.completionParams}
+                          modelId={modelConfig.model_id}
+                          setModel={onModelChange}
+                          onCompletionParamsChange={onCompletionParamsChange}
+                          debugWithMultipleModel={debugWithMultipleModel}
+                          onDebugWithMultipleModelChange={onEnableMultipleModelDebug}
+                        />
+                        <Divider type="vertical" className="mx-2 h-[14px]" />
+                      </>
+                    )}
+                    {isMobile && (
+                      <Button className="mr-2 h-8! text-[13px]! font-medium" onClick={onOpenDebugPanel}>
+                        <span className="mr-1">{t('operation.debugConfig', { ns: 'appDebug' })}</span>
+                        <CodeBracketIcon className="h-4 w-4 text-text-tertiary" />
+                      </Button>
+                    )}
+                    <AppPublisher {...appPublisherProps} />
+                  </div>
+                </div>
+              </div>
+              <div className={`flex h-full w-full shrink-0 flex-col sm:w-1/2 ${debugWithMultipleModel && 'max-w-[560px]'}`}>
+                <Config />
+              </div>
+              {!isMobile && (
+                <div className="relative flex h-full w-1/2 grow flex-col overflow-y-auto" style={{ borderColor: 'rgba(0, 0, 0, 0.02)' }}>
+                  <div className="flex grow flex-col rounded-tl-2xl border-t-[0.5px] border-l-[0.5px] border-components-panel-border bg-chatbot-bg">
+                    <Debug
+                      isAPIKeySet={contextValue.isAPIKeySet}
+                      onSetting={onOpenAccountSettings}
+                      inputs={contextValue.inputs}
+                      modelParameterParams={{
+                        setModel: onModelChange,
+                        onCompletionParamsChange,
+                      }}
+                      debugWithMultipleModel={!!debugWithMultipleModel}
+                      multipleModelConfigs={multipleModelConfigs}
+                      onMultipleModelConfigsChange={onMultipleModelConfigsChange}
+                    />
+                  </div>
+                </div>
+              )}
+            </div>
+          </div>
+
+          {showUseGPT4Confirm && (
+            <AlertDialog open={showUseGPT4Confirm} onOpenChange={open => !open && setShowUseGPT4Confirm(false)}>
+              <AlertDialogContent>
+                <div className="flex flex-col items-start gap-2 self-stretch px-6 pt-6 pb-4">
+                  <AlertDialogTitle className="w-full title-2xl-semi-bold text-text-primary">
+                    {t('trailUseGPT4Info.title', { ns: 'appDebug' })}
+                  </AlertDialogTitle>
+                  <AlertDialogDescription className="w-full system-md-regular wrap-break-word whitespace-pre-wrap text-text-tertiary">
+                    {t('trailUseGPT4Info.description', { ns: 'appDebug' })}
+                  </AlertDialogDescription>
+                </div>
+                <AlertDialogActions>
+                  <AlertDialogCancelButton destructive={false}>
+                    {t('operation.cancel', { ns: 'common' })}
+                  </AlertDialogCancelButton>
+                  <AlertDialogConfirmButton variant="primary" destructive={false} onClick={onConfirmUseGPT4}>
+                    {t('operation.confirm', { ns: 'common' })}
+                  </AlertDialogConfirmButton>
+                </AlertDialogActions>
+              </AlertDialogContent>
+            </AlertDialog>
+          )}
+
+          {isShowSelectDataSet && (
+            <SelectDataSet
+              isShow={isShowSelectDataSet}
+              onClose={onCloseSelectDataSet}
+              selectedIds={selectedIds}
+              onSelect={onSelectDataSets}
+            />
+          )}
+
+          {isShowHistoryModal && (
+            <EditHistoryModal
+              isShow={isShowHistoryModal}
+              saveLoading={false}
+              onClose={onCloseHistoryModal}
+              data={contextValue.completionPromptConfig.conversation_histories_role}
+              onSave={onSaveHistory}
+            />
+          )}
+
+          {isMobile && (
+            <Drawer showClose isOpen={isShowDebugPanel} onClose={onHideDebugPanel} mask footer={null}>
+              <Debug
+                isAPIKeySet={contextValue.isAPIKeySet}
+                onSetting={onOpenAccountSettings}
+                inputs={contextValue.inputs}
+                modelParameterParams={{
+                  setModel: onModelChange,
+                  onCompletionParamsChange,
+                }}
+                debugWithMultipleModel={!!debugWithMultipleModel}
+                multipleModelConfigs={multipleModelConfigs}
+                onMultipleModelConfigsChange={onMultipleModelConfigsChange}
+              />
+            </Drawer>
+          )}
+
+          {showAppConfigureFeaturesModal && (
+            <NewFeaturePanel
+              show
+              inWorkflow={false}
+              showFileUpload={false}
+              isChatMode={contextValue.mode !== AppModeEnum.COMPLETION}
+              disabled={false}
+              onChange={onFeaturesChange}
+              onClose={onCloseFeaturePanel}
+              promptVariables={promptVariables}
+              onAutoAddPromptVariable={onAutoAddPromptVariable}
+            />
+          )}
+          <PluginDependency />
+        </MittProvider>
+      </FeaturesProvider>
+    </ConfigContext.Provider>
+  )
+}
+
+export default React.memo(ConfigurationView)
diff --git a/web/app/components/app/configuration/ctrl-btn-group/index.spec.tsx b/web/app/components/app/configuration/ctrl-btn-group/__tests__/index.spec.tsx
similarity index 96%
rename from web/app/components/app/configuration/ctrl-btn-group/index.spec.tsx
rename to web/app/components/app/configuration/ctrl-btn-group/__tests__/index.spec.tsx
index 62c2fe7f45..65f03c92cd 100644
--- a/web/app/components/app/configuration/ctrl-btn-group/index.spec.tsx
+++ b/web/app/components/app/configuration/ctrl-btn-group/__tests__/index.spec.tsx
@@ -1,5 +1,5 @@
 import { fireEvent, render, screen } from '@testing-library/react'
-import ContrlBtnGroup from './index'
+import ContrlBtnGroup from '../index'
 
 describe('ContrlBtnGroup', () => {
   beforeEach(() => {
diff --git a/web/app/components/app/configuration/ctrl-btn-group/index.tsx b/web/app/components/app/configuration/ctrl-btn-group/index.tsx
index ff8576cc43..53a07a9b1d 100644
--- a/web/app/components/app/configuration/ctrl-btn-group/index.tsx
+++ b/web/app/components/app/configuration/ctrl-btn-group/index.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import s from './style.module.css'
 
-export type IContrlBtnGroupProps = {
+type IContrlBtnGroupProps = {
   onSave: () => void
   onReset: () => void
 }
diff --git a/web/app/components/app/configuration/ctrl-btn-group/style.module.css b/web/app/components/app/configuration/ctrl-btn-group/style.module.css
index 0614d2775b..3e874868a9 100644
--- a/web/app/components/app/configuration/ctrl-btn-group/style.module.css
+++ b/web/app/components/app/configuration/ctrl-btn-group/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .ctrlBtn {
     left: -16px;
     right: -16px;
diff --git a/web/app/components/app/configuration/dataset-config/index.spec.tsx b/web/app/components/app/configuration/dataset-config/__tests__/index.spec.tsx
similarity index 90%
rename from web/app/components/app/configuration/dataset-config/index.spec.tsx
rename to web/app/components/app/configuration/dataset-config/__tests__/index.spec.tsx
index 484e8304e4..11562e8d9b 100644
--- a/web/app/components/app/configuration/dataset-config/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/__tests__/index.spec.tsx
@@ -1,6 +1,7 @@
+/* eslint-disable ts/no-explicit-any */
 import type { DataSet } from '@/models/datasets'
 import type { DatasetConfigs } from '@/models/debug'
-import { render, screen, within } from '@testing-library/react'
+import { fireEvent, render, screen, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { useContext } from 'use-context-selector'
 import { ComparisonOperator, LogicalOperator } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
@@ -8,7 +9,7 @@ import { getSelectedDatasetsMode } from '@/app/components/workflow/nodes/knowled
 import { DatasetPermission, DataSourceType } from '@/models/datasets'
 import { AppModeEnum, ModelModeType, RETRIEVE_TYPE } from '@/types/app'
 import { hasEditPermissionForDataset } from '@/utils/permission'
-import DatasetConfig from './index'
+import DatasetConfig from '../index'
 
 // Mock external dependencies
 vi.mock('@/app/components/workflow/nodes/knowledge-retrieval/utils', () => ({
@@ -48,7 +49,7 @@ vi.mock('@/utils/permission', () => ({
   hasEditPermissionForDataset: vi.fn(() => true),
 }))
 
-vi.mock('../debug/hooks', () => ({
+vi.mock('../../debug/hooks', () => ({
   useFormattingChangedDispatcher: vi.fn(() => vi.fn()),
 }))
 
@@ -79,7 +80,7 @@ vi.mock('uuid', () => ({
 }))
 
 // Mock child components
-vi.mock('./card-item', () => ({
+vi.mock('../card-item', () => ({
   default: ({ config, onRemove, onSave, editable }: any) => (
     <div data-testid={`card-item-${config.id}`}>
       <span>{config.name}</span>
@@ -89,7 +90,7 @@ vi.mock('./card-item', () => ({
   ),
 }))
 
-vi.mock('./params-config', () => ({
+vi.mock('../params-config', () => ({
   default: ({ disabled, selectedDatasets }: any) => (
     <button data-testid="params-config" disabled={disabled}>
       Params (
@@ -99,7 +100,7 @@ vi.mock('./params-config', () => ({
   ),
 }))
 
-vi.mock('./context-var', () => ({
+vi.mock('../context-var', () => ({
   default: ({ value, options, onChange }: any) => (
     <select data-testid="context-var" value={value} onChange={e => onChange(e.target.value)}>
       <option value="">Select context variable</option>
@@ -119,6 +120,8 @@ vi.mock('@/app/components/workflow/nodes/knowledge-retrieval/components/metadata
     handleRemoveCondition,
     handleUpdateCondition,
     handleToggleConditionLogicalOperator,
+    handleMetadataModelChange,
+    handleMetadataCompletionParamsChange,
   }: any) => (
     <div data-testid="metadata-filter">
       <span data-testid="metadata-list-count">{metadataList.length}</span>
@@ -130,6 +133,9 @@ vi.mock('@/app/components/workflow/nodes/knowledge-retrieval/components/metadata
       <button onClick={() => handleAddCondition({ name: 'test', type: 'string' })}>
         Add Condition
       </button>
+      <button onClick={() => handleAddCondition({ id: 'priority', name: 'priority', type: 'number' })}>
+        Add Number Condition
+      </button>
       <button onClick={() => handleRemoveCondition('condition-id')}>
         Remove Condition
       </button>
@@ -139,6 +145,12 @@ vi.mock('@/app/components/workflow/nodes/knowledge-retrieval/components/metadata
       <button onClick={handleToggleConditionLogicalOperator}>
         Toggle Operator
       </button>
+      <button onClick={() => handleMetadataModelChange({ provider: 'openai', modelId: 'gpt-4o-mini' })}>
+        Change Metadata Model
+      </button>
+      <button onClick={() => handleMetadataCompletionParamsChange({ temperature: 0.3 })}>
+        Change Metadata Params
+      </button>
     </div>
   ),
 }))
@@ -566,6 +578,53 @@ describe('DatasetConfig', () => {
       )
     })
 
+    it('should append numeric metadata conditions with the equal operator when conditions already exist', async () => {
+      renderDatasetConfig({
+        dataSets: [createMockDataset()],
+        datasetConfigs: {
+          ...mockConfigContext.datasetConfigs,
+          metadata_filtering_conditions: {
+            logical_operator: LogicalOperator.and,
+            conditions: [{
+              id: 'condition-id',
+              metadata_id: 'category',
+              name: 'category',
+              comparison_operator: ComparisonOperator.is,
+            }],
+          },
+        },
+        datasetConfigsRef: {
+          current: {
+            ...mockConfigContext.datasetConfigsRef.current,
+            metadata_filtering_conditions: {
+              logical_operator: LogicalOperator.and,
+              conditions: [{
+                id: 'condition-id',
+                metadata_id: 'category',
+                name: 'category',
+                comparison_operator: ComparisonOperator.is,
+              }],
+            },
+          },
+        },
+      })
+
+      await userEvent.click(within(screen.getByTestId('metadata-filter')).getByText('Add Number Condition'))
+
+      expect(mockConfigContext.setDatasetConfigs).toHaveBeenCalledWith(
+        expect.objectContaining({
+          metadata_filtering_conditions: expect.objectContaining({
+            conditions: expect.arrayContaining([
+              expect.objectContaining({
+                name: 'priority',
+                comparison_operator: ComparisonOperator.equal,
+              }),
+            ]),
+          }),
+        }),
+      )
+    })
+
     it('should handle removing metadata conditions', async () => {
       const user = userEvent.setup()
       const dataset = createMockDataset()
@@ -824,8 +883,19 @@ describe('DatasetConfig', () => {
         },
       })
 
-      // The component would need to expose this functionality through the metadata filter
-      expect(screen.getByTestId('metadata-filter')).toBeInTheDocument()
+      const metadataFilter = screen.getByTestId('metadata-filter')
+      expect(metadataFilter).toBeInTheDocument()
+
+      fireEvent.click(within(metadataFilter).getByText('Change Metadata Model'))
+
+      expect(mockConfigContext.setDatasetConfigs).toHaveBeenCalledWith(expect.objectContaining({
+        metadata_model_config: {
+          provider: 'openai',
+          name: 'gpt-4o-mini',
+          mode: AppModeEnum.CHAT,
+          completion_params: { temperature: 0.7 },
+        },
+      }))
     })
 
     it('should handle metadata completion params change', () => {
@@ -844,7 +914,16 @@ describe('DatasetConfig', () => {
         },
       })
 
-      expect(screen.getByTestId('metadata-filter')).toBeInTheDocument()
+      const metadataFilter = screen.getByTestId('metadata-filter')
+      expect(metadataFilter).toBeInTheDocument()
+
+      fireEvent.click(within(metadataFilter).getByText('Change Metadata Params'))
+
+      expect(mockConfigContext.setDatasetConfigs).toHaveBeenCalledWith(expect.objectContaining({
+        metadata_model_config: {
+          completion_params: { temperature: 0.3 },
+        },
+      }))
     })
   })
 
diff --git a/web/app/components/app/configuration/dataset-config/card-item/index.spec.tsx b/web/app/components/app/configuration/dataset-config/card-item/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/dataset-config/card-item/index.spec.tsx
rename to web/app/components/app/configuration/dataset-config/card-item/__tests__/index.spec.tsx
index 09a5ff6d07..16a539bae3 100644
--- a/web/app/components/app/configuration/dataset-config/card-item/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/card-item/__tests__/index.spec.tsx
@@ -8,9 +8,9 @@ import userEvent from '@testing-library/user-event'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
 import { ChunkingMode, DatasetPermission, DataSourceType } from '@/models/datasets'
 import { RETRIEVE_METHOD } from '@/types/app'
-import Item from './index'
+import Item from '../index'
 
-vi.mock('../settings-modal', () => ({
+vi.mock('../../settings-modal', () => ({
   default: ({ onSave, onCancel, currentDataset }: { currentDataset: DataSet, onCancel: () => void, onSave: (newDataset: DataSet) => void }) => (
     <div>
       <div>Mock settings modal</div>
diff --git a/web/app/components/app/configuration/dataset-config/context-var/index.spec.tsx b/web/app/components/app/configuration/dataset-config/context-var/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/dataset-config/context-var/index.spec.tsx
rename to web/app/components/app/configuration/dataset-config/context-var/__tests__/index.spec.tsx
index 8c6e626b45..0d886fa9e5 100644
--- a/web/app/components/app/configuration/dataset-config/context-var/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/context-var/__tests__/index.spec.tsx
@@ -1,8 +1,8 @@
-import type { Props } from './var-picker'
+import type { Props } from '../var-picker'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import * as React from 'react'
-import ContextVar from './index'
+import ContextVar from '../index'
 
 // Mock external dependencies only
 vi.mock('@/next/navigation', () => ({
diff --git a/web/app/components/app/configuration/dataset-config/context-var/var-picker.spec.tsx b/web/app/components/app/configuration/dataset-config/context-var/__tests__/var-picker.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/dataset-config/context-var/var-picker.spec.tsx
rename to web/app/components/app/configuration/dataset-config/context-var/__tests__/var-picker.spec.tsx
index 6704fa0afd..15052e9351 100644
--- a/web/app/components/app/configuration/dataset-config/context-var/var-picker.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/context-var/__tests__/var-picker.spec.tsx
@@ -1,8 +1,8 @@
-import type { Props } from './var-picker'
+import type { Props } from '../var-picker'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import * as React from 'react'
-import VarPicker from './var-picker'
+import VarPicker from '../var-picker'
 
 // Mock external dependencies only
 vi.mock('@/next/navigation', () => ({
diff --git a/web/app/components/app/configuration/dataset-config/params-config/config-content.spec.tsx b/web/app/components/app/configuration/dataset-config/params-config/__tests__/config-content.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/dataset-config/params-config/config-content.spec.tsx
rename to web/app/components/app/configuration/dataset-config/params-config/__tests__/config-content.spec.tsx
index 8a53e9a8b0..6d734763ea 100644
--- a/web/app/components/app/configuration/dataset-config/params-config/config-content.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/params-config/__tests__/config-content.spec.tsx
@@ -12,7 +12,7 @@ import {
 } from '@/app/components/header/account-setting/model-provider-page/hooks'
 import { ChunkingMode, DatasetPermission, DataSourceType, RerankingModeEnum, WeightedScoreEnum } from '@/models/datasets'
 import { RETRIEVE_METHOD, RETRIEVE_TYPE } from '@/types/app'
-import ConfigContent from './config-content'
+import ConfigContent from '../config-content'
 
 vi.mock('@/app/components/header/account-setting/model-provider-page/model-selector', () => {
   type Props = {
diff --git a/web/app/components/app/configuration/dataset-config/params-config/index.spec.tsx b/web/app/components/app/configuration/dataset-config/params-config/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/dataset-config/params-config/index.spec.tsx
rename to web/app/components/app/configuration/dataset-config/params-config/__tests__/index.spec.tsx
index 024432112d..d75f46b371 100644
--- a/web/app/components/app/configuration/dataset-config/params-config/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/params-config/__tests__/index.spec.tsx
@@ -11,7 +11,7 @@ import {
 import ConfigContext from '@/context/debug-configuration'
 import { RerankingModeEnum } from '@/models/datasets'
 import { RETRIEVE_TYPE } from '@/types/app'
-import ParamsConfig from './index'
+import ParamsConfig from '../index'
 
 vi.mock('@headlessui/react', () => ({
   Dialog: ({ children, className }: { children: React.ReactNode, className?: string }) => (
diff --git a/web/app/components/app/configuration/dataset-config/params-config/weighted-score.spec.tsx b/web/app/components/app/configuration/dataset-config/params-config/__tests__/weighted-score.spec.tsx
similarity index 98%
rename from web/app/components/app/configuration/dataset-config/params-config/weighted-score.spec.tsx
rename to web/app/components/app/configuration/dataset-config/params-config/__tests__/weighted-score.spec.tsx
index 8e9348c77a..1cedcc1865 100644
--- a/web/app/components/app/configuration/dataset-config/params-config/weighted-score.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/params-config/__tests__/weighted-score.spec.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import WeightedScore from './weighted-score'
+import WeightedScore from '../weighted-score'
 
 describe('WeightedScore', () => {
   const getSliderInput = () => screen.getByLabelText('dataset.weightedScore.semantic')
diff --git a/web/app/components/app/configuration/dataset-config/select-dataset/index.spec.tsx b/web/app/components/app/configuration/dataset-config/select-dataset/__tests__/index.spec.tsx
similarity index 63%
rename from web/app/components/app/configuration/dataset-config/select-dataset/index.spec.tsx
rename to web/app/components/app/configuration/dataset-config/select-dataset/__tests__/index.spec.tsx
index bd6c1976a6..fe475cf871 100644
--- a/web/app/components/app/configuration/dataset-config/select-dataset/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/select-dataset/__tests__/index.spec.tsx
@@ -1,12 +1,13 @@
+/* eslint-disable ts/no-explicit-any */
 import type { DataSet } from '@/models/datasets'
-import { act, fireEvent, render, screen } from '@testing-library/react'
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import * as React from 'react'
 
 import { describe, expect, it, vi } from 'vitest'
 import { IndexingType } from '@/app/components/datasets/create/step-two'
 import { DatasetPermission } from '@/models/datasets'
 import { RETRIEVE_METHOD } from '@/types/app'
-import SelectDataSet from './index'
+import SelectDataSet from '../index'
 
 vi.mock('@/i18n-config/i18next-config', () => ({
   default: {
@@ -164,4 +165,87 @@ describe('SelectDataSet', () => {
 
     expect(onSelect).toHaveBeenCalledWith([datasetOne])
   })
+
+  it('should deselect existing selections and ignore unavailable dataset clicks', async () => {
+    const datasetOne = makeDataset({
+      id: 'set-1',
+      name: 'Dataset One',
+    })
+    const datasetTwo = makeDataset({
+      id: 'set-2',
+      name: 'Unavailable Dataset',
+      embedding_available: false,
+    })
+    const onSelect = vi.fn()
+    mockUseInfiniteDatasets.mockReturnValue({
+      data: { pages: [{ data: [datasetOne, datasetTwo] }] },
+      isLoading: false,
+      isFetchingNextPage: false,
+      fetchNextPage: vi.fn(),
+      hasNextPage: false,
+    })
+
+    await act(async () => {
+      render(<SelectDataSet {...baseProps} onSelect={onSelect} selectedIds={['set-1']} />)
+    })
+
+    await act(async () => {
+      fireEvent.click(screen.getByText('Dataset One').parentElement?.parentElement as HTMLElement)
+    })
+
+    await waitFor(() => {
+      expect(screen.queryByText('1 appDebug.feature.dataSet.selected')).not.toBeInTheDocument()
+    })
+
+    await act(async () => {
+      fireEvent.click(screen.getByText('Unavailable Dataset').parentElement?.parentElement as HTMLElement)
+      fireEvent.click(screen.getByRole('button', { name: 'common.operation.add' }))
+    })
+
+    expect(onSelect).toHaveBeenCalledWith([])
+  })
+
+  it('should fetch the next page when infinite scroll can continue', async () => {
+    const fetchNextPage = vi.fn()
+    mockUseInfiniteDatasets.mockReturnValue({
+      data: { pages: [{ data: [makeDataset({ id: 'set-1' })] }] },
+      isLoading: false,
+      isFetchingNextPage: false,
+      fetchNextPage,
+      hasNextPage: true,
+    })
+
+    await act(async () => {
+      render(<SelectDataSet {...baseProps} onSelect={vi.fn()} selectedIds={[]} />)
+    })
+
+    const loadMore = mockUseInfiniteScroll.mock.calls.at(-1)?.[0] as (() => Promise<{ list: never[] }>)
+    await act(async () => {
+      await loadMore()
+    })
+
+    expect(fetchNextPage).toHaveBeenCalledTimes(1)
+  })
+
+  it('should skip infinite scroll fetches when a next page is unavailable or already loading', async () => {
+    const fetchNextPage = vi.fn()
+    mockUseInfiniteDatasets.mockReturnValue({
+      data: { pages: [{ data: [makeDataset({ id: 'set-1' })] }] },
+      isLoading: false,
+      isFetchingNextPage: true,
+      fetchNextPage,
+      hasNextPage: false,
+    })
+
+    await act(async () => {
+      render(<SelectDataSet {...baseProps} onSelect={vi.fn()} selectedIds={[]} />)
+    })
+
+    const loadMore = mockUseInfiniteScroll.mock.calls.at(-1)?.[0] as (() => Promise<{ list: never[] }>)
+    await act(async () => {
+      await loadMore()
+    })
+
+    expect(fetchNextPage).not.toHaveBeenCalled()
+  })
 })
diff --git a/web/app/components/app/configuration/dataset-config/select-dataset/index.tsx b/web/app/components/app/configuration/dataset-config/select-dataset/index.tsx
index dd69774b2b..5fc594dc6b 100644
--- a/web/app/components/app/configuration/dataset-config/select-dataset/index.tsx
+++ b/web/app/components/app/configuration/dataset-config/select-dataset/index.tsx
@@ -17,7 +17,7 @@ import Link from '@/next/link'
 import { useInfiniteDatasets } from '@/service/knowledge/use-dataset'
 import { cn } from '@/utils/classnames'
 
-export type ISelectDataSetProps = {
+type ISelectDataSetProps = {
   isShow: boolean
   onClose: () => void
   selectedIds: string[]
diff --git a/web/app/components/app/configuration/dataset-config/settings-modal/index.spec.tsx b/web/app/components/app/configuration/dataset-config/settings-modal/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/dataset-config/settings-modal/index.spec.tsx
rename to web/app/components/app/configuration/dataset-config/settings-modal/__tests__/index.spec.tsx
index 7fdf9d0a23..d699a4baec 100644
--- a/web/app/components/app/configuration/dataset-config/settings-modal/index.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/settings-modal/__tests__/index.spec.tsx
@@ -10,7 +10,7 @@ import { ChunkingMode, DatasetPermission, DataSourceType, RerankingModeEnum } fr
 import { updateDatasetSetting } from '@/service/datasets'
 import { useMembers } from '@/service/use-common'
 import { RETRIEVE_METHOD } from '@/types/app'
-import SettingsModal from './index'
+import SettingsModal from '../index'
 
 const toastMocks = vi.hoisted(() => ({
   call: vi.fn(),
diff --git a/web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.spec.tsx b/web/app/components/app/configuration/dataset-config/settings-modal/__tests__/retrieval-section.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.spec.tsx
rename to web/app/components/app/configuration/dataset-config/settings-modal/__tests__/retrieval-section.spec.tsx
index e95414c061..e100ed9490 100644
--- a/web/app/components/app/configuration/dataset-config/settings-modal/retrieval-section.spec.tsx
+++ b/web/app/components/app/configuration/dataset-config/settings-modal/__tests__/retrieval-section.spec.tsx
@@ -7,7 +7,7 @@ import { IndexingType } from '@/app/components/datasets/create/step-two'
 import { ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { ChunkingMode, DatasetPermission, DataSourceType, RerankingModeEnum } from '@/models/datasets'
 import { RETRIEVE_METHOD } from '@/types/app'
-import { RetrievalChangeTip, RetrievalSection } from './retrieval-section'
+import { RetrievalChangeTip, RetrievalSection } from '../retrieval-section'
 
 const mockUseModelList = vi.fn()
 const mockUseModelListAndDefaultModel = vi.fn()
diff --git a/web/app/components/app/configuration/debug/chat-user-input.spec.tsx b/web/app/components/app/configuration/debug/__tests__/chat-user-input.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/debug/chat-user-input.spec.tsx
rename to web/app/components/app/configuration/debug/__tests__/chat-user-input.spec.tsx
index e6678ebf29..39db0da1ec 100644
--- a/web/app/components/app/configuration/debug/chat-user-input.spec.tsx
+++ b/web/app/components/app/configuration/debug/__tests__/chat-user-input.spec.tsx
@@ -1,7 +1,7 @@
 import type { Inputs, ModelConfig } from '@/models/debug'
 import type { PromptVariable } from '@/types/app'
 import { fireEvent, render, screen } from '@testing-library/react'
-import ChatUserInput from './chat-user-input'
+import ChatUserInput from '../chat-user-input'
 
 const mockSetInputs = vi.fn()
 const mockUseContext = vi.fn()
diff --git a/web/app/components/app/configuration/debug/__tests__/hooks.spec.tsx b/web/app/components/app/configuration/debug/__tests__/hooks.spec.tsx
new file mode 100644
index 0000000000..2ec1b2482e
--- /dev/null
+++ b/web/app/components/app/configuration/debug/__tests__/hooks.spec.tsx
@@ -0,0 +1,154 @@
+/* eslint-disable ts/no-explicit-any */
+import { act, renderHook } from '@testing-library/react'
+import { AgentStrategy } from '@/types/app'
+import {
+  useConfigFromDebugContext,
+  useDebugWithSingleOrMultipleModel,
+  useFormattingChangedDispatcher,
+  useFormattingChangedSubscription,
+} from '../hooks'
+
+const mockUseDebugConfigurationContext = vi.fn()
+const mockUseEventEmitterContextContext = vi.fn()
+
+let subscriptionCallback: ((value: { type: string }) => void) | null = null
+
+vi.mock('@/context/debug-configuration', () => ({
+  useDebugConfigurationContext: () => mockUseDebugConfigurationContext(),
+}))
+
+vi.mock('@/context/event-emitter', () => ({
+  useEventEmitterContextContext: () => mockUseEventEmitterContextContext(),
+}))
+
+describe('configuration debug hooks', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    localStorage.clear()
+    subscriptionCallback = null
+
+    mockUseEventEmitterContextContext.mockReturnValue({
+      eventEmitter: {
+        emit: vi.fn(),
+        useSubscription: (callback: (value: { type: string }) => void) => {
+          subscriptionCallback = callback
+        },
+      },
+    })
+  })
+
+  it('should persist multiple-model debug settings in local storage', () => {
+    const { result } = renderHook(() => useDebugWithSingleOrMultipleModel('app-1'))
+
+    act(() => {
+      result.current.handleMultipleModelConfigsChange(true, [
+        {
+          id: 'model-1',
+          model: 'gpt-4o',
+          provider: 'langgenius/openai/openai',
+          parameters: { temperature: 0.7 },
+        },
+      ])
+    })
+
+    expect(result.current.debugWithMultipleModel).toBe(true)
+    expect(result.current.multipleModelConfigs).toHaveLength(1)
+    expect(JSON.parse(localStorage.getItem('app-debug-with-single-or-multiple-models') || '{}')).toEqual({
+      'app-1': {
+        multiple: true,
+        configs: [
+          {
+            id: 'model-1',
+            model: 'gpt-4o',
+            provider: 'langgenius/openai/openai',
+            parameters: { temperature: 0.7 },
+          },
+        ],
+      },
+    })
+  })
+
+  it('should derive chat config data from the debug context', () => {
+    mockUseDebugConfigurationContext.mockReturnValue({
+      isAdvancedMode: false,
+      modelConfig: {
+        agentConfig: {
+          enabled: true,
+          max_iteration: 3,
+          strategy: AgentStrategy.react,
+          tools: [],
+        },
+        configs: {
+          prompt_template: 'hello {{name}}',
+          prompt_variables: [{ key: 'name', name: 'Name', type: 'string', required: true }],
+        },
+        more_like_this: { enabled: true },
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+      },
+      appId: 'app-1',
+      promptMode: 'simple',
+      speechToTextConfig: { enabled: false },
+      introduction: 'hello',
+      suggestedQuestions: ['how are you?'],
+      suggestedQuestionsAfterAnswerConfig: { enabled: false },
+      citationConfig: { enabled: true },
+      moderationConfig: { enabled: false },
+      chatPromptConfig: { prompt: [] },
+      completionPromptConfig: { prompt: { text: 'completion' } },
+      dataSets: [{ id: 'dataset-1' }],
+      datasetConfigs: { retrieval_model: 'multiple' },
+      visionConfig: { transfer_methods: ['local_file'], number_limits: 2 },
+      annotationConfig: { enabled: false },
+      textToSpeechConfig: { enabled: false, voice: '', language: '' },
+      isFunctionCall: true,
+    })
+
+    const { result } = renderHook(() => useConfigFromDebugContext())
+
+    expect(result.current).toEqual(expect.objectContaining({
+      appId: 'app-1',
+      dataset_query_variable: '',
+      opening_statement: 'hello',
+      pre_prompt: 'hello {{name}}',
+      suggested_questions: ['how are you?'],
+    }))
+    expect(result.current.agent_mode?.strategy).toBe(AgentStrategy.functionCall)
+    expect(result.current.dataset_configs?.datasets?.datasets).toEqual([
+      { dataset: { enabled: true, id: 'dataset-1' } },
+    ])
+  })
+
+  it('should dispatch and subscribe to formatting change events', () => {
+    const emit = vi.fn()
+    const setFormattingChanged = vi.fn()
+    mockUseEventEmitterContextContext.mockReturnValue({
+      eventEmitter: {
+        emit,
+        useSubscription: (callback: (value: { type: string }) => void) => {
+          subscriptionCallback = callback
+        },
+      },
+    })
+    mockUseDebugConfigurationContext.mockReturnValue({
+      formattingChanged: false,
+      setFormattingChanged,
+    })
+
+    const { result } = renderHook(() => useFormattingChangedDispatcher())
+    renderHook(() => useFormattingChangedSubscription([{ isAnswer: true }] as any))
+
+    act(() => {
+      result.current()
+      subscriptionCallback?.({ type: 'ORCHESTRATE_CHANGED' })
+    })
+
+    expect(emit).toHaveBeenCalledWith({ type: 'ORCHESTRATE_CHANGED' })
+    expect(setFormattingChanged).toHaveBeenCalledWith(true)
+  })
+})
diff --git a/web/app/components/app/configuration/debug/index.spec.tsx b/web/app/components/app/configuration/debug/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/debug/index.spec.tsx
rename to web/app/components/app/configuration/debug/__tests__/index.spec.tsx
index 61fe673079..071307303b 100644
--- a/web/app/components/app/configuration/debug/index.spec.tsx
+++ b/web/app/components/app/configuration/debug/__tests__/index.spec.tsx
@@ -4,8 +4,8 @@ import * as React from 'react'
 import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import ConfigContext from '@/context/debug-configuration'
 import { AppModeEnum, ModelModeType, TransferMethod } from '@/types/app'
-import Debug from './index'
-import { APP_CHAT_WITH_MULTIPLE_MODEL, APP_CHAT_WITH_MULTIPLE_MODEL_RESTART } from './types'
+import Debug from '../index'
+import { APP_CHAT_WITH_MULTIPLE_MODEL, APP_CHAT_WITH_MULTIPLE_MODEL_RESTART } from '../types'
 
 type DebugContextValue = ComponentProps<typeof ConfigContext.Provider>['value']
 type DebugProps = ComponentProps<typeof Debug>
@@ -187,11 +187,11 @@ vi.mock('@/service/debug', () => ({
   sendCompletionMessage: mockState.mockSendCompletionMessage,
 }))
 
-vi.mock('../base/group-name', () => ({
+vi.mock('../../base/group-name', () => ({
   default: ({ name }: { name: string }) => <div>{name}</div>,
 }))
 
-vi.mock('../base/warning-mask/cannot-query-dataset', () => ({
+vi.mock('../../base/warning-mask/cannot-query-dataset', () => ({
   default: ({ onConfirm }: { onConfirm: () => void }) => (
     <div data-testid="cannot-query-dataset">
       <button type="button" data-testid="cannot-query-confirm" onClick={onConfirm}>Confirm</button>
@@ -199,7 +199,7 @@ vi.mock('../base/warning-mask/cannot-query-dataset', () => ({
   ),
 }))
 
-vi.mock('../base/warning-mask/formatting-changed', () => ({
+vi.mock('../../base/warning-mask/formatting-changed', () => ({
   default: ({ onConfirm, onCancel }: { onConfirm: () => void, onCancel: () => void }) => (
     <div data-testid="formatting-changed">
       <button type="button" data-testid="formatting-confirm" onClick={onConfirm}>Confirm</button>
@@ -208,7 +208,7 @@ vi.mock('../base/warning-mask/formatting-changed', () => ({
   ),
 }))
 
-vi.mock('./debug-with-multiple-model', () => ({
+vi.mock('../debug-with-multiple-model', () => ({
   default: ({
     checkCanSend,
     onDebugWithMultipleModelChange,
@@ -234,7 +234,7 @@ vi.mock('./debug-with-multiple-model', () => ({
   ),
 }))
 
-vi.mock('./debug-with-single-model', () => {
+vi.mock('../debug-with-single-model', () => {
   function DebugWithSingleModelMock({
     checkCanSend,
     ref,
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/chat-item.spec.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/chat-item.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/debug/debug-with-multiple-model/chat-item.spec.tsx
rename to web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/chat-item.spec.tsx
index 350ede8c96..80bb26a052 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/chat-item.spec.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/chat-item.spec.tsx
@@ -1,10 +1,10 @@
-import type { ModelAndParameter } from '../types'
+import type { ModelAndParameter } from '../../types'
 import type { ChatConfig, ChatItem as ChatItemType, OnSend } from '@/app/components/base/chat/types'
 import { render, screen } from '@testing-library/react'
 import { TransferMethod } from '@/app/components/base/chat/types'
 import { ModelFeatureEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import { APP_CHAT_WITH_MULTIPLE_MODEL, APP_CHAT_WITH_MULTIPLE_MODEL_RESTART } from '../types'
-import ChatItem from './chat-item'
+import { APP_CHAT_WITH_MULTIPLE_MODEL, APP_CHAT_WITH_MULTIPLE_MODEL_RESTART } from '../../types'
+import ChatItem from '../chat-item'
 
 const mockUseAppContext = vi.fn()
 const mockUseDebugConfigurationContext = vi.fn()
@@ -45,7 +45,7 @@ vi.mock('@/app/components/base/features/hooks', () => ({
   useFeatures: (selector: (state: Record<string, unknown>) => unknown) => mockUseFeatures(selector),
 }))
 
-vi.mock('../hooks', () => ({
+vi.mock('../../hooks', () => ({
   useConfigFromDebugContext: () => mockUseConfigFromDebugContext(),
   useFormattingChangedSubscription: (chatList: ChatItemType[]) => mockUseFormattingChangedSubscription(chatList),
 }))
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/context.spec.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/context.spec.tsx
similarity index 96%
rename from web/app/components/app/configuration/debug/debug-with-multiple-model/context.spec.tsx
rename to web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/context.spec.tsx
index 989285f812..e4b5fde98f 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/context.spec.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/context.spec.tsx
@@ -1,8 +1,8 @@
-import type { ModelAndParameter } from '../types'
-import type { DebugWithMultipleModelContextType } from './context'
+import type { ModelAndParameter } from '../../types'
+import type { DebugWithMultipleModelContextType } from '../context'
 import { render, screen } from '@testing-library/react'
-import { useDebugWithMultipleModelContext } from './context'
-import { DebugWithMultipleModelContextProvider } from './context-provider'
+import { useDebugWithMultipleModelContext } from '../context'
+import { DebugWithMultipleModelContextProvider } from '../context-provider'
 
 const createModelAndParameter = (overrides: Partial<ModelAndParameter> = {}): ModelAndParameter => ({
   id: 'model-1',
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/debug-item.spec.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/debug-item.spec.tsx
similarity index 98%
rename from web/app/components/app/configuration/debug/debug-with-multiple-model/debug-item.spec.tsx
rename to web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/debug-item.spec.tsx
index efc477fb47..19c5fbf3fa 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/debug-item.spec.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/debug-item.spec.tsx
@@ -1,10 +1,10 @@
 import type { CSSProperties } from 'react'
-import type { ModelAndParameter } from '../types'
+import type { ModelAndParameter } from '../../types'
 import type { Item } from '@/app/components/base/dropdown'
 import { fireEvent, render, screen } from '@testing-library/react'
 import { ModelStatusEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import { AppModeEnum } from '@/types/app'
-import DebugItem from './debug-item'
+import DebugItem from '../debug-item'
 
 const mockUseDebugConfigurationContext = vi.fn()
 const mockUseDebugWithMultipleModelContext = vi.fn()
@@ -24,7 +24,7 @@ vi.mock('@/context/debug-configuration', () => ({
   useDebugConfigurationContext: () => mockUseDebugConfigurationContext(),
 }))
 
-vi.mock('./context', () => ({
+vi.mock('../context', () => ({
   useDebugWithMultipleModelContext: () => mockUseDebugWithMultipleModelContext(),
 }))
 
@@ -32,19 +32,19 @@ vi.mock('@/context/provider-context', () => ({
   useProviderContext: () => mockUseProviderContext(),
 }))
 
-vi.mock('./chat-item', () => ({
+vi.mock('../chat-item', () => ({
   default: ({ modelAndParameter }: { modelAndParameter: ModelAndParameter }) => (
     <div data-testid="chat-item" data-model-id={modelAndParameter.id}>ChatItem</div>
   ),
 }))
 
-vi.mock('./text-generation-item', () => ({
+vi.mock('../text-generation-item', () => ({
   default: ({ modelAndParameter }: { modelAndParameter: ModelAndParameter }) => (
     <div data-testid="text-generation-item" data-model-id={modelAndParameter.id}>TextGenerationItem</div>
   ),
 }))
 
-vi.mock('./model-parameter-trigger', () => ({
+vi.mock('../model-parameter-trigger', () => ({
   default: (props: { modelAndParameter: ModelAndParameter }) => {
     capturedModelParameterTriggerProps = props
     return <div data-testid="model-parameter-trigger">ModelParameterTrigger</div>
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/index.spec.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/index.spec.tsx
similarity index 98%
rename from web/app/components/app/configuration/debug/debug-with-multiple-model/index.spec.tsx
rename to web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/index.spec.tsx
index 389ab189e9..f1ee03ebbc 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/index.spec.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/index.spec.tsx
@@ -1,6 +1,7 @@
+/* eslint-disable ts/no-explicit-any */
 import type { CSSProperties } from 'react'
-import type { ModelAndParameter } from '../types'
-import type { DebugWithMultipleModelContextType } from './context'
+import type { ModelAndParameter } from '../../types'
+import type { DebugWithMultipleModelContextType } from '../context'
 import type { InputForm } from '@/app/components/base/chat/chat/type'
 import type { FeatureStoreState } from '@/app/components/base/features/store'
 import type { FileEntity } from '@/app/components/base/file-uploader/types'
@@ -10,8 +11,8 @@ import { fireEvent, render, screen } from '@testing-library/react'
 import { useStore as useAppStore } from '@/app/components/app/store'
 import { DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
 import { AppModeEnum, ModelModeType, Resolution, TransferMethod } from '@/types/app'
-import { APP_CHAT_WITH_MULTIPLE_MODEL } from '../types'
-import DebugWithMultipleModel from './index'
+import { APP_CHAT_WITH_MULTIPLE_MODEL } from '../../types'
+import DebugWithMultipleModel from '../index'
 
 type PromptVariableWithMeta = Omit<PromptVariable, 'type' | 'required'> & {
   type: PromptVariable['type'] | 'api'
@@ -62,7 +63,7 @@ vi.mock('@/context/event-emitter', () => ({
   useEventEmitterContextContext: () => mockUseEventEmitterContext(),
 }))
 
-vi.mock('./debug-item', () => ({
+vi.mock('../debug-item', () => ({
   default: ({
     modelAndParameter,
     className,
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/model-parameter-trigger.spec.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/model-parameter-trigger.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/debug/debug-with-multiple-model/model-parameter-trigger.spec.tsx
rename to web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/model-parameter-trigger.spec.tsx
index e4838b8a50..2edc6191de 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/model-parameter-trigger.spec.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/model-parameter-trigger.spec.tsx
@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react'
-import type { ModelAndParameter } from '../types'
+import type { ModelAndParameter } from '../../types'
 import type {
   FormValue,
   ModelProvider,
@@ -14,7 +14,7 @@ import {
   ModelTypeEnum,
   PreferredProviderTypeEnum,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import ModelParameterTrigger from './model-parameter-trigger'
+import ModelParameterTrigger from '../model-parameter-trigger'
 
 const mockUseDebugConfigurationContext = vi.fn()
 const mockUseDebugWithMultipleModelContext = vi.fn()
@@ -43,7 +43,7 @@ vi.mock('@/context/debug-configuration', () => ({
   useDebugConfigurationContext: () => mockUseDebugConfigurationContext(),
 }))
 
-vi.mock('./context', () => ({
+vi.mock('../context', () => ({
   useDebugWithMultipleModelContext: () => mockUseDebugWithMultipleModelContext(),
 }))
 
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/text-generation-item.spec.tsx b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/text-generation-item.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/debug/debug-with-multiple-model/text-generation-item.spec.tsx
rename to web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/text-generation-item.spec.tsx
index 1876a10a0c..0ece35ff06 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/text-generation-item.spec.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/__tests__/text-generation-item.spec.tsx
@@ -1,8 +1,8 @@
-import type { ModelAndParameter } from '../types'
+import type { ModelAndParameter } from '../../types'
 import { render, screen } from '@testing-library/react'
 import { TransferMethod } from '@/app/components/base/chat/types'
-import { APP_CHAT_WITH_MULTIPLE_MODEL } from '../types'
-import TextGenerationItem from './text-generation-item'
+import { APP_CHAT_WITH_MULTIPLE_MODEL } from '../../types'
+import TextGenerationItem from '../text-generation-item'
 
 const mockUseDebugConfigurationContext = vi.fn()
 const mockUseProviderContext = vi.fn()
diff --git a/web/app/components/app/configuration/debug/debug-with-multiple-model/context.ts b/web/app/components/app/configuration/debug/debug-with-multiple-model/context.ts
index e3ad06f1b9..9e76067234 100644
--- a/web/app/components/app/configuration/debug/debug-with-multiple-model/context.ts
+++ b/web/app/components/app/configuration/debug/debug-with-multiple-model/context.ts
@@ -18,5 +18,3 @@ export const DebugWithMultipleModelContext = createContext<DebugWithMultipleMode
 })
 
 export const useDebugWithMultipleModelContext = () => useContext(DebugWithMultipleModelContext)
-
-export default DebugWithMultipleModelContext
diff --git a/web/app/components/app/configuration/debug/debug-with-single-model/index.spec.tsx b/web/app/components/app/configuration/debug/debug-with-single-model/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/configuration/debug/debug-with-single-model/index.spec.tsx
rename to web/app/components/app/configuration/debug/debug-with-single-model/__tests__/index.spec.tsx
index 910a8fd2b5..0ab6e86c17 100644
--- a/web/app/components/app/configuration/debug/debug-with-single-model/index.spec.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-single-model/__tests__/index.spec.tsx
@@ -1,5 +1,6 @@
+/* eslint-disable react/no-create-ref, ts/no-explicit-any */
 import type { ReactNode, RefObject } from 'react'
-import type { DebugWithSingleModelRefType } from './index'
+import type { DebugWithSingleModelRefType } from '../index'
 import type { ChatItem } from '@/app/components/base/chat/types'
 import type { FileEntity } from '@/app/components/base/file-uploader/types'
 import type { Collection } from '@/app/components/tools/types'
@@ -12,7 +13,7 @@ import { ConfigurationMethodEnum, ModelFeatureEnum, ModelStatusEnum, ModelTypeEn
 import { CollectionType } from '@/app/components/tools/types'
 import { PromptMode } from '@/models/debug'
 import { AgentStrategy, AppModeEnum, ModelModeType, Resolution, TransferMethod } from '@/types/app'
-import DebugWithSingleModel from './index'
+import DebugWithSingleModel from '../index'
 
 // ============================================================================
 // Test Data Factories (Following testing.md guidelines)
@@ -372,7 +373,7 @@ const { mockUseConfigFromDebugContext, mockUseFormattingChangedSubscription } =
 
 mockUseConfigFromDebugContext.mockReturnValue(mockConfigFromDebugContext)
 
-vi.mock('../hooks', () => ({
+vi.mock('../../hooks', () => ({
   useConfigFromDebugContext: mockUseConfigFromDebugContext,
   useFormattingChangedSubscription: mockUseFormattingChangedSubscription,
 }))
diff --git a/web/app/components/app/configuration/hooks/__tests__/use-advanced-prompt-config.spec.tsx b/web/app/components/app/configuration/hooks/__tests__/use-advanced-prompt-config.spec.tsx
new file mode 100644
index 0000000000..e5ba154009
--- /dev/null
+++ b/web/app/components/app/configuration/hooks/__tests__/use-advanced-prompt-config.spec.tsx
@@ -0,0 +1,288 @@
+/* eslint-disable ts/no-explicit-any */
+import { act, renderHook, waitFor } from '@testing-library/react'
+import { CONTEXT_PLACEHOLDER_TEXT, HISTORY_PLACEHOLDER_TEXT, PRE_PROMPT_PLACEHOLDER_TEXT, QUERY_PLACEHOLDER_TEXT } from '@/app/components/base/prompt-editor/constants'
+import { PromptMode, PromptRole } from '@/models/debug'
+import { fetchPromptTemplate } from '@/service/debug'
+import { AppModeEnum, ModelModeType } from '@/types/app'
+import useAdvancedPromptConfig from '../use-advanced-prompt-config'
+
+vi.mock('@/service/debug', () => ({
+  fetchPromptTemplate: vi.fn(),
+}))
+
+const mockFetchPromptTemplate = vi.mocked(fetchPromptTemplate)
+
+describe('useAdvancedPromptConfig', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should update the advanced chat prompt and mark user changes', () => {
+    const handleUserChangedPrompt = vi.fn()
+    const { result } = renderHook(() => useAdvancedPromptConfig({
+      appMode: AppModeEnum.CHAT,
+      modelModeType: ModelModeType.chat,
+      modelName: 'gpt-4o',
+      promptMode: PromptMode.advanced,
+      prePrompt: '',
+      onUserChangedPrompt: handleUserChangedPrompt,
+      hasSetDataSet: false,
+      completionParams: {},
+      setCompletionParams: vi.fn(),
+      setStop: vi.fn(),
+    }))
+
+    act(() => {
+      result.current.setCurrentAdvancedPrompt([{ role: PromptRole.system, text: `hello ${QUERY_PLACEHOLDER_TEXT}` }], true)
+    })
+
+    expect(result.current.currentAdvancedPrompt).toEqual([{ role: PromptRole.system, text: `hello ${QUERY_PLACEHOLDER_TEXT}` }])
+    expect(result.current.hasSetBlockStatus.query).toBe(true)
+    expect(handleUserChangedPrompt).toHaveBeenCalledTimes(1)
+  })
+
+  it('should derive simple prompt block status from the pre-prompt', () => {
+    const { result } = renderHook(() => useAdvancedPromptConfig({
+      appMode: AppModeEnum.COMPLETION,
+      modelModeType: ModelModeType.completion,
+      modelName: 'gpt-4o',
+      promptMode: PromptMode.simple,
+      prePrompt: `${CONTEXT_PLACEHOLDER_TEXT} ${QUERY_PLACEHOLDER_TEXT}`,
+      onUserChangedPrompt: vi.fn(),
+      hasSetDataSet: false,
+      completionParams: {},
+      setCompletionParams: vi.fn(),
+      setStop: vi.fn(),
+    }))
+
+    expect(result.current.hasSetBlockStatus).toEqual({
+      context: true,
+      history: false,
+      query: false,
+    })
+  })
+
+  it('should ignore advanced prompt mutations when the prompt mode is simple', () => {
+    const handleUserChangedPrompt = vi.fn()
+    const { result } = renderHook(() => useAdvancedPromptConfig({
+      appMode: AppModeEnum.CHAT,
+      modelModeType: ModelModeType.chat,
+      modelName: 'gpt-4o',
+      promptMode: PromptMode.simple,
+      prePrompt: '',
+      onUserChangedPrompt: handleUserChangedPrompt,
+      hasSetDataSet: false,
+      completionParams: {},
+      setCompletionParams: vi.fn(),
+      setStop: vi.fn(),
+    }))
+
+    act(() => {
+      result.current.setCurrentAdvancedPrompt([{ role: PromptRole.system, text: 'ignored' }], true)
+    })
+
+    expect(result.current.currentAdvancedPrompt).toEqual([])
+    expect(handleUserChangedPrompt).not.toHaveBeenCalled()
+  })
+
+  it('should migrate a simple completion prompt to the default template and copy stop words', async () => {
+    const setCompletionParams = vi.fn()
+    mockFetchPromptTemplate.mockResolvedValue({
+      chat_prompt_config: { prompt: [{ role: 'system', text: PRE_PROMPT_PLACEHOLDER_TEXT }] },
+      completion_prompt_config: {
+        prompt: {
+          text: `before ${PRE_PROMPT_PLACEHOLDER_TEXT} after`,
+        },
+        conversation_histories_role: {
+          user_prefix: '',
+          assistant_prefix: '',
+        },
+      },
+      stop: ['END'],
+    } as any)
+
+    const { result } = renderHook(() => useAdvancedPromptConfig({
+      appMode: AppModeEnum.COMPLETION,
+      modelModeType: ModelModeType.completion,
+      modelName: 'gpt-4o',
+      promptMode: PromptMode.simple,
+      prePrompt: 'custom prompt',
+      onUserChangedPrompt: vi.fn(),
+      hasSetDataSet: true,
+      completionParams: { temperature: 0.7 },
+      setCompletionParams,
+      setStop: vi.fn(),
+    }))
+
+    await act(async () => {
+      await result.current.migrateToDefaultPrompt()
+    })
+
+    await waitFor(() => {
+      expect(mockFetchPromptTemplate).toHaveBeenCalledWith({
+        appMode: AppModeEnum.COMPLETION,
+        mode: ModelModeType.completion,
+        modelName: 'gpt-4o',
+        hasSetDataSet: true,
+      })
+    })
+
+    expect(result.current.completionPromptConfig.prompt.text).toBe('before custom prompt after')
+    expect(setCompletionParams).toHaveBeenCalledWith({
+      temperature: 0.7,
+      stop: ['END'],
+    })
+  })
+
+  it('should migrate a simple chat prompt template and replace the pre-prompt placeholder', async () => {
+    mockFetchPromptTemplate.mockResolvedValue({
+      chat_prompt_config: {
+        prompt: [{ role: PromptRole.system, text: `hello ${PRE_PROMPT_PLACEHOLDER_TEXT}` }],
+      },
+      completion_prompt_config: {
+        prompt: { text: PRE_PROMPT_PLACEHOLDER_TEXT },
+        conversation_histories_role: {
+          user_prefix: '',
+          assistant_prefix: '',
+        },
+      },
+      stop: [],
+    } as any)
+
+    const { result } = renderHook(() => useAdvancedPromptConfig({
+      appMode: AppModeEnum.CHAT,
+      modelModeType: ModelModeType.chat,
+      modelName: 'gpt-4o',
+      promptMode: PromptMode.simple,
+      prePrompt: 'system prompt',
+      onUserChangedPrompt: vi.fn(),
+      hasSetDataSet: false,
+      completionParams: {},
+      setCompletionParams: vi.fn(),
+      setStop: vi.fn(),
+    }))
+
+    await act(async () => {
+      await result.current.migrateToDefaultPrompt()
+    })
+
+    expect(result.current.chatPromptConfig.prompt).toEqual([
+      { role: PromptRole.system, text: 'hello system prompt' },
+    ])
+  })
+
+  it('should migrate an advanced completion prompt when switching from chat mode', async () => {
+    const setCompletionParams = vi.fn()
+    const setStop = vi.fn()
+    mockFetchPromptTemplate.mockResolvedValue({
+      chat_prompt_config: {
+        prompt: [{ role: PromptRole.system, text: `chat ${PRE_PROMPT_PLACEHOLDER_TEXT}` }],
+      },
+      completion_prompt_config: {
+        prompt: {
+          text: `history ${PRE_PROMPT_PLACEHOLDER_TEXT}`,
+        },
+        conversation_histories_role: {
+          user_prefix: 'user:',
+          assistant_prefix: 'assistant:',
+        },
+      },
+      stop: ['DONE'],
+    } as any)
+
+    const { result } = renderHook(() => useAdvancedPromptConfig({
+      appMode: AppModeEnum.CHAT,
+      modelModeType: ModelModeType.completion,
+      modelName: 'gpt-4o',
+      promptMode: PromptMode.advanced,
+      prePrompt: `${HISTORY_PLACEHOLDER_TEXT} prompt`,
+      onUserChangedPrompt: vi.fn(),
+      hasSetDataSet: false,
+      completionParams: {},
+      setCompletionParams,
+      setStop,
+    }))
+
+    act(() => {
+      result.current.setCurrentAdvancedPrompt({
+        text: `override ${PRE_PROMPT_PLACEHOLDER_TEXT}`,
+      })
+      result.current.setConversationHistoriesRole({
+        user_prefix: 'me:',
+        assistant_prefix: 'bot:',
+      })
+    })
+
+    await act(async () => {
+      await result.current.migrateToDefaultPrompt(true, ModelModeType.completion)
+    })
+
+    expect(result.current.completionPromptConfig.prompt.text).toBe(`history ${HISTORY_PLACEHOLDER_TEXT} prompt`)
+    expect(result.current.completionPromptConfig.conversation_histories_role).toEqual({
+      user_prefix: 'me:',
+      assistant_prefix: 'bot:',
+    })
+    expect(setCompletionParams).toHaveBeenCalledWith({
+      stop: ['DONE'],
+    })
+    expect(setStop).toHaveBeenCalledWith(['DONE'])
+  })
+
+  it('should migrate an advanced prompt back to chat mode when the target model is chat', async () => {
+    mockFetchPromptTemplate.mockResolvedValue({
+      chat_prompt_config: {
+        prompt: [{ role: 'system', text: `chat ${PRE_PROMPT_PLACEHOLDER_TEXT}` }],
+      },
+      completion_prompt_config: {
+        prompt: { text: 'unused' },
+        conversation_histories_role: {
+          user_prefix: '',
+          assistant_prefix: '',
+        },
+      },
+      stop: [],
+    } as any)
+
+    const { result } = renderHook(() => useAdvancedPromptConfig({
+      appMode: AppModeEnum.COMPLETION,
+      modelModeType: ModelModeType.completion,
+      modelName: 'gpt-4o',
+      promptMode: PromptMode.advanced,
+      prePrompt: 'converted prompt',
+      onUserChangedPrompt: vi.fn(),
+      hasSetDataSet: false,
+      completionParams: { stop: ['KEEP'] },
+      setCompletionParams: vi.fn(),
+      setStop: vi.fn(),
+    }))
+
+    await act(async () => {
+      await result.current.migrateToDefaultPrompt(true, ModelModeType.chat)
+    })
+
+    expect(result.current.chatPromptConfig.prompt).toEqual([
+      { role: 'system', text: 'chat converted prompt' },
+    ])
+  })
+
+  it('should exit early when no app mode is provided', async () => {
+    const { result } = renderHook(() => useAdvancedPromptConfig({
+      appMode: undefined,
+      modelModeType: ModelModeType.chat,
+      modelName: 'gpt-4o',
+      promptMode: PromptMode.simple,
+      prePrompt: '',
+      onUserChangedPrompt: vi.fn(),
+      hasSetDataSet: false,
+      completionParams: {},
+      setCompletionParams: vi.fn(),
+      setStop: vi.fn(),
+    }))
+
+    await act(async () => {
+      await result.current.migrateToDefaultPrompt()
+    })
+
+    expect(mockFetchPromptTemplate).not.toHaveBeenCalled()
+  })
+})
diff --git a/web/app/components/app/configuration/hooks/__tests__/use-configuration-utils.spec.ts b/web/app/components/app/configuration/hooks/__tests__/use-configuration-utils.spec.ts
new file mode 100644
index 0000000000..b5d00bd573
--- /dev/null
+++ b/web/app/components/app/configuration/hooks/__tests__/use-configuration-utils.spec.ts
@@ -0,0 +1,908 @@
+/* eslint-disable ts/no-explicit-any */
+import type { VisionSettings } from '@/types/app'
+import { AgentStrategy, AppModeEnum, ModelModeType, Resolution, RETRIEVE_TYPE, TransferMethod } from '@/types/app'
+import {
+  buildConfigurationDatasetConfigs,
+  buildPublishBody,
+  buildPublishedConfig,
+  createDatasetSelectHandler,
+  createModelChangeHandler,
+  createPublishHandler,
+  loadConfigurationState,
+} from '../use-configuration-utils'
+
+const mockFetchAppDetailDirect = vi.fn()
+const mockFetchDatasets = vi.fn()
+const mockFetchCollectionList = vi.fn()
+const mockFetchAndMergeValidCompletionParams = vi.fn()
+const mockGetSelectedDatasetsMode = vi.fn()
+const mockToastError = vi.fn()
+const mockToastSuccess = vi.fn()
+const mockToastWarning = vi.fn()
+
+const baseVisionConfig: VisionSettings = {
+  enabled: false,
+  number_limits: 1,
+  detail: Resolution.high,
+  transfer_methods: [TransferMethod.remote_url],
+}
+
+vi.mock('@/service/apps', () => ({
+  fetchAppDetailDirect: (...args: unknown[]) => mockFetchAppDetailDirect(...args),
+}))
+
+vi.mock('@/service/datasets', () => ({
+  fetchDatasets: (...args: unknown[]) => mockFetchDatasets(...args),
+}))
+
+vi.mock('@/service/tools', () => ({
+  fetchCollectionList: (...args: unknown[]) => mockFetchCollectionList(...args),
+}))
+
+vi.mock('@/utils/completion-params', () => ({
+  fetchAndMergeValidCompletionParams: (...args: unknown[]) => mockFetchAndMergeValidCompletionParams(...args),
+}))
+
+vi.mock('@/app/components/workflow/nodes/knowledge-retrieval/utils', async () => {
+  const actual = await vi.importActual<any>('@/app/components/workflow/nodes/knowledge-retrieval/utils')
+
+  return {
+    ...actual,
+    getSelectedDatasetsMode: (...args: unknown[]) => mockGetSelectedDatasetsMode(...args),
+  }
+})
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    error: (...args: unknown[]) => mockToastError(...args),
+    success: (...args: unknown[]) => mockToastSuccess(...args),
+    warning: (...args: unknown[]) => mockToastWarning(...args),
+  },
+}))
+
+describe('useConfiguration utils', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockGetSelectedDatasetsMode.mockReturnValue({
+      allExternal: false,
+      allInternal: false,
+      inconsistentEmbeddingModel: false,
+      mixtureHighQualityAndEconomic: false,
+      mixtureInternalAndExternal: false,
+    })
+  })
+
+  it('should build the published config with external tools and agent metadata', () => {
+    const publishedConfig = buildPublishedConfig({
+      backendModelConfig: {
+        pre_prompt: 'hello {{name}}',
+        user_input_form: [
+          {
+            text_input: {
+              variable: 'name',
+              label: 'Name',
+              required: true,
+            },
+          },
+        ],
+        dataset_query_variable: '',
+        more_like_this: { enabled: true },
+        opening_statement: 'hello',
+        suggested_questions: ['how are you?'],
+        sensitive_word_avoidance: { enabled: false },
+        speech_to_text: { enabled: false },
+        text_to_speech: { enabled: false, voice: '', language: '' },
+        file_upload: null,
+        suggested_questions_after_answer: { enabled: false },
+        retriever_resource: { enabled: false },
+        annotation_reply: null,
+        external_data_tools: [
+          {
+            enabled: true,
+            icon: 'icon',
+            icon_background: '#fff',
+            label: 'Search',
+            type: 'search',
+            variable: 'search',
+          },
+        ],
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+        dataset_configs: {
+          datasets: { datasets: [] },
+        },
+        model: {
+          provider: 'langgenius/openai/openai',
+          name: 'gpt-4o',
+          mode: ModelModeType.chat,
+          completion_params: { temperature: 0.7 },
+        },
+        agent_mode: {
+          strategy: AgentStrategy.react,
+          tools: [
+            {
+              enabled: true,
+              provider_id: 'tool-1',
+              provider_name: 'builtin/search',
+              provider_type: 'builtin',
+              tool_name: 'search',
+            },
+          ],
+        },
+      } as any,
+      collectionList: [
+        {
+          id: 'tool-1',
+          is_team_authorization: false,
+        },
+      ] as any,
+      deletedTools: [{ provider_id: 'tool-1', tool_name: 'search' }],
+      mode: AppModeEnum.AGENT_CHAT,
+      nextDataSets: [{ id: 'dataset-1' }] as any,
+    })
+
+    expect(publishedConfig.completionParams).toEqual({ temperature: 0.7 })
+    expect(publishedConfig.modelConfig).toEqual(expect.objectContaining({
+      dataSets: [{ id: 'dataset-1' }],
+      mode: ModelModeType.chat,
+      model_id: 'gpt-4o',
+      more_like_this: { enabled: true },
+      opening_statement: 'hello',
+      provider: 'langgenius/openai/openai',
+      suggested_questions: ['how are you?'],
+    }))
+    expect(publishedConfig.modelConfig.configs.prompt_variables).toHaveLength(2)
+    expect(publishedConfig.modelConfig.agentConfig.tools[0]).toEqual(expect.objectContaining({
+      isDeleted: true,
+      notAuthor: true,
+      tool_name: 'search',
+    }))
+  })
+
+  it('should build dataset configs with reranking defaults', () => {
+    const datasetConfigs = buildConfigurationDatasetConfigs({
+      backendModelConfig: {
+        dataset_configs: {
+          datasets: { datasets: [] },
+          reranking_model: {
+            reranking_model_name: 'rerank-1',
+            reranking_provider_name: 'langgenius/cohere/cohere',
+          },
+        },
+      } as any,
+      currentRerankModel: 'rerank-1',
+      currentRerankProvider: 'langgenius/cohere/cohere',
+      nextDataSets: [],
+    })
+
+    expect(datasetConfigs.retrieval_model).toBe(RETRIEVE_TYPE.multiWay)
+    expect(datasetConfigs.reranking_model).toEqual(expect.objectContaining({
+      reranking_model_name: 'rerank-1',
+    }))
+  })
+
+  it('should build a publish body for advanced prompts and dataset selections', () => {
+    const body = buildPublishBody({
+      chatPromptConfig: { prompt: [{ role: 'system', text: 'hi' }] } as any,
+      completionParams: { temperature: 0.7 },
+      completionPromptConfig: {
+        prompt: { text: 'completion' },
+        conversation_histories_role: {
+          assistant_prefix: 'assistant',
+          user_prefix: 'user',
+        },
+      } as any,
+      contextVar: 'context',
+      dataSets: [{ id: 'dataset-1' }] as any,
+      datasetConfigs: {
+        retrieval_model: RETRIEVE_TYPE.multiWay,
+        datasets: { datasets: [] },
+      } as any,
+      externalDataToolsConfig: [],
+      features: {
+        moreLikeThis: { enabled: true },
+        opening: { enabled: true, opening_statement: 'hello', suggested_questions: ['how are you?'] },
+        moderation: { enabled: false },
+        speech2text: { enabled: false },
+        text2speech: { enabled: false, voice: '', language: '' },
+        file: {
+          enabled: true,
+          fileUploadConfig: { image: {} },
+          image: {
+            enabled: true,
+            detail: 'high',
+            number_limits: 2,
+            transfer_methods: ['local_file'],
+          },
+        } as any,
+        suggested: { enabled: false },
+        citation: { enabled: true },
+      } as any,
+      isAdvancedMode: true,
+      isFunctionCall: true,
+      modelConfig: {
+        agentConfig: {
+          enabled: true,
+          max_iteration: 3,
+          strategy: AgentStrategy.react,
+          tools: [],
+        },
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+      } as any,
+      modelId: 'gpt-4o',
+      modelProvider: 'langgenius/openai/openai',
+      promptMode: 'advanced' as any,
+      promptTemplate: 'hello {{name}}',
+      promptVariables: [{ key: 'name', name: 'Name', required: true, type: 'string' }] as any,
+      resolvedModelModeType: ModelModeType.chat,
+    })
+
+    expect(body).toEqual(expect.objectContaining({
+      chat_prompt_config: { prompt: [{ role: 'system', text: 'hi' }] },
+      dataset_query_variable: 'context',
+      opening_statement: 'hello',
+      pre_prompt: '',
+      prompt_type: 'advanced',
+      suggested_questions: ['how are you?'],
+    }))
+    expect(body.agent_mode?.strategy).toBe(AgentStrategy.functionCall)
+    expect(body.dataset_configs?.datasets?.datasets).toEqual([
+      { dataset: { enabled: true, id: 'dataset-1' } },
+    ])
+    expect(body.model).toEqual(expect.objectContaining({
+      completion_params: { temperature: 0.7 },
+      mode: ModelModeType.chat,
+      name: 'gpt-4o',
+      provider: 'langgenius/openai/openai',
+    }))
+  })
+
+  it('should load and normalize the initial configuration state', async () => {
+    mockFetchCollectionList.mockResolvedValue([
+      {
+        id: 'tool-1',
+        icon: '/tool.svg',
+      },
+    ])
+    mockFetchAppDetailDirect.mockResolvedValue({
+      deleted_tools: [],
+      mode: AppModeEnum.CHAT,
+      model_config: {
+        prompt_type: 'advanced',
+        chat_prompt_config: {
+          prompt: [{ role: 'system', text: 'hi' }],
+        },
+        completion_prompt_config: {
+          prompt: { text: 'completion' },
+          conversation_histories_role: {
+            assistant_prefix: 'assistant',
+            user_prefix: 'user',
+          },
+        },
+        dataset_configs: {
+          datasets: {
+            datasets: [{ id: 'dataset-1' }],
+          },
+        },
+        model: {
+          provider: 'langgenius/openai/openai',
+          name: 'gpt-4o',
+          mode: ModelModeType.chat,
+          completion_params: { temperature: 0.7 },
+        },
+        opening_statement: 'hello',
+        suggested_questions: ['how are you?'],
+        more_like_this: { enabled: true },
+        speech_to_text: { enabled: false },
+        text_to_speech: { enabled: false, voice: '', language: '' },
+        retriever_resource: { enabled: true },
+        annotation_reply: {
+          enabled: true,
+          embedding_model: {
+            embedding_provider_name: 'langgenius/openai/openai',
+            embedding_model_name: 'text-embedding-3-small',
+          },
+        },
+        sensitive_word_avoidance: { enabled: false },
+        external_data_tools: [],
+        user_input_form: [],
+        pre_prompt: '',
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+      },
+    })
+    mockFetchDatasets.mockResolvedValue({
+      data: [{ id: 'dataset-1', name: 'Dataset One' }],
+    })
+
+    const state = await loadConfigurationState({
+      appId: 'app-1',
+      basePath: '/console',
+    })
+
+    expect(mockFetchCollectionList).toHaveBeenCalledTimes(1)
+    expect(mockFetchAppDetailDirect).toHaveBeenCalledWith({ url: '/apps', id: 'app-1' })
+    expect(mockFetchDatasets).toHaveBeenCalledWith({
+      params: {
+        ids: ['dataset-1'],
+        page: 1,
+      },
+      url: '/datasets',
+    })
+    expect(state.collectionList[0].icon).toBe('/console/tool.svg')
+    expect(state.promptMode).toBe('advanced')
+    expect(state.nextDataSets).toEqual([{ id: 'dataset-1', name: 'Dataset One' }])
+    expect(state.annotationConfig).toEqual(expect.objectContaining({
+      enabled: true,
+      embedding_model: expect.objectContaining({
+        embedding_provider_name: 'langgenius/openai/openai',
+      }),
+    }))
+    expect(state.publishedConfig.modelConfig.model_id).toBe('gpt-4o')
+  })
+
+  it('should load dataset tools from agent mode and keep disabled annotation config unchanged', async () => {
+    mockFetchCollectionList.mockResolvedValue([])
+    mockFetchDatasets.mockResolvedValue({
+      data: [{ id: 'dataset-from-tool', name: 'Dataset From Tool' }],
+    })
+    mockFetchAppDetailDirect.mockResolvedValue({
+      deleted_tools: [],
+      mode: AppModeEnum.AGENT_CHAT,
+      model_config: {
+        prompt_type: 'simple',
+        chat_prompt_config: { prompt: [] },
+        completion_prompt_config: undefined,
+        dataset_configs: {
+          datasets: { datasets: [] },
+        },
+        agent_mode: {
+          tools: [
+            {
+              dataset: {
+                enabled: true,
+                id: 'dataset-from-tool',
+              },
+            },
+          ],
+        },
+        model: {
+          provider: 'langgenius/openai/openai',
+          name: 'gpt-4o',
+          mode: ModelModeType.chat,
+          completion_params: {},
+        },
+        annotation_reply: {
+          enabled: false,
+          embedding_model: {
+            embedding_provider_name: 'langgenius/openai/openai',
+            embedding_model_name: 'text-embedding-3-small',
+          },
+        },
+        more_like_this: undefined,
+        speech_to_text: undefined,
+        text_to_speech: undefined,
+        retriever_resource: undefined,
+        suggested_questions: undefined,
+        suggested_questions_after_answer: undefined,
+        external_data_tools: undefined,
+        user_input_form: [],
+        pre_prompt: '',
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+      },
+    })
+
+    const state = await loadConfigurationState({ appId: 'app-2' })
+
+    expect(mockFetchDatasets).toHaveBeenCalledWith({
+      url: '/datasets',
+      params: {
+        page: 1,
+        ids: ['dataset-from-tool'],
+      },
+    })
+    expect(state.nextDataSets).toEqual([{ id: 'dataset-from-tool', name: 'Dataset From Tool' }])
+    expect(state.annotationConfig).toEqual(expect.objectContaining({
+      enabled: false,
+    }))
+    expect(state.chatPromptConfig).toEqual(expect.any(Object))
+  })
+
+  it('should keep annotation config undefined when app detail does not include annotation settings', async () => {
+    mockFetchCollectionList.mockResolvedValue([])
+    mockFetchAppDetailDirect.mockResolvedValue({
+      deleted_tools: [],
+      mode: AppModeEnum.CHAT,
+      model_config: {
+        prompt_type: 'simple',
+        chat_prompt_config: { prompt: [] },
+        completion_prompt_config: undefined,
+        dataset_configs: {
+          datasets: { datasets: [] },
+        },
+        model: {
+          provider: 'langgenius/openai/openai',
+          name: 'gpt-4o',
+          mode: ModelModeType.chat,
+          completion_params: {},
+        },
+        more_like_this: undefined,
+        speech_to_text: undefined,
+        text_to_speech: undefined,
+        retriever_resource: undefined,
+        suggested_questions: undefined,
+        suggested_questions_after_answer: undefined,
+        external_data_tools: undefined,
+        user_input_form: [],
+        pre_prompt: '',
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+      },
+    })
+
+    const state = await loadConfigurationState({ appId: 'app-3' })
+
+    expect(state.annotationConfig).toBeUndefined()
+  })
+
+  it('should hydrate selected datasets and open the rerank modal when selection changes', () => {
+    const setDataSets = vi.fn()
+    const setDatasetConfigs = vi.fn()
+    const setRerankSettingModalOpen = vi.fn()
+    const hideSelectDataSet = vi.fn()
+    const formattingChangedDispatcher = vi.fn()
+
+    const handleSelect = createDatasetSelectHandler({
+      currentRerankModel: 'rerank-1',
+      currentRerankProvider: 'langgenius/cohere/cohere',
+      dataSets: [{ id: 'dataset-1', name: 'Dataset One' }] as any,
+      datasetConfigs: {
+        datasets: { datasets: [] },
+        reranking_enable: false,
+        reranking_model: {
+          reranking_model_name: '',
+          reranking_provider_name: '',
+        },
+        retrieval_model: RETRIEVE_TYPE.multiWay,
+        score_threshold: 0.5,
+        score_threshold_enabled: false,
+        top_k: 3,
+      } as any,
+      datasetConfigsRef: {
+        current: {
+          datasets: { datasets: [] },
+          reranking_model: {
+            reranking_model_name: '',
+            reranking_provider_name: '',
+          },
+          retrieval_model: RETRIEVE_TYPE.multiWay,
+          score_threshold_enabled: false,
+        } as any,
+      },
+      formattingChangedDispatcher,
+      hideSelectDataSet,
+      setDataSets,
+      setDatasetConfigs,
+      setRerankSettingModalOpen,
+    })
+
+    handleSelect([{ id: 'dataset-2' }] as any)
+
+    expect(formattingChangedDispatcher).toHaveBeenCalledTimes(1)
+    expect(setDataSets).toHaveBeenCalledWith([{ id: 'dataset-2' }])
+    expect(hideSelectDataSet).toHaveBeenCalledTimes(1)
+    expect(setDatasetConfigs).toHaveBeenCalledTimes(1)
+  })
+
+  it('should reuse the current dataset metadata when a renamed selection omits names', () => {
+    const setDataSets = vi.fn()
+    const setDatasetConfigs = vi.fn()
+
+    const handleSelect = createDatasetSelectHandler({
+      currentRerankModel: 'rerank-1',
+      currentRerankProvider: 'langgenius/cohere/cohere',
+      dataSets: [{ id: 'dataset-1', name: 'Dataset One' }] as any,
+      datasetConfigs: {
+        datasets: { datasets: [] },
+        retrieval_model: RETRIEVE_TYPE.multiWay,
+        score_threshold_enabled: false,
+      } as any,
+      datasetConfigsRef: {
+        current: {
+          datasets: { datasets: [] },
+          retrieval_model: RETRIEVE_TYPE.multiWay,
+          score_threshold_enabled: false,
+        } as any,
+      },
+      formattingChangedDispatcher: vi.fn(),
+      hideSelectDataSet: vi.fn(),
+      setDataSets,
+      setDatasetConfigs,
+      setRerankSettingModalOpen: vi.fn(),
+    })
+
+    handleSelect([
+      { id: 'dataset-1' },
+      { id: 'dataset-2', name: 'Dataset Two' },
+    ] as any)
+
+    expect(setDataSets).toHaveBeenCalledWith([
+      { id: 'dataset-1', name: 'Dataset One' },
+      { id: 'dataset-2', name: 'Dataset Two' },
+    ])
+  })
+
+  it('should only hide the selector when dataset selections do not change', () => {
+    const formattingChangedDispatcher = vi.fn()
+    const hideSelectDataSet = vi.fn()
+    const setDataSets = vi.fn()
+    const setDatasetConfigs = vi.fn()
+    const handleSelect = createDatasetSelectHandler({
+      currentRerankModel: 'rerank-1',
+      currentRerankProvider: 'langgenius/cohere/cohere',
+      dataSets: [{ id: 'dataset-1', name: 'Dataset One' }] as any,
+      datasetConfigs: {
+        datasets: { datasets: [] },
+        retrieval_model: RETRIEVE_TYPE.multiWay,
+        score_threshold_enabled: false,
+      } as any,
+      datasetConfigsRef: { current: {} as any },
+      formattingChangedDispatcher,
+      hideSelectDataSet,
+      setDataSets,
+      setDatasetConfigs,
+      setRerankSettingModalOpen: vi.fn(),
+    })
+
+    handleSelect([{ id: 'dataset-1', name: 'Dataset One' }] as any)
+
+    expect(hideSelectDataSet).toHaveBeenCalledTimes(1)
+    expect(formattingChangedDispatcher).not.toHaveBeenCalled()
+    expect(setDataSets).not.toHaveBeenCalled()
+    expect(setDatasetConfigs).not.toHaveBeenCalled()
+  })
+
+  it('should keep named datasets and open rerank settings when the selection mode requires it', () => {
+    const setDataSets = vi.fn()
+    const setRerankSettingModalOpen = vi.fn()
+    const nextDataSets = [{ id: 'dataset-2', name: 'Dataset Two' }]
+    mockGetSelectedDatasetsMode.mockReturnValue({
+      allExternal: true,
+      allInternal: false,
+      inconsistentEmbeddingModel: false,
+      mixtureHighQualityAndEconomic: false,
+      mixtureInternalAndExternal: false,
+    })
+
+    const handleSelect = createDatasetSelectHandler({
+      currentRerankModel: 'rerank-1',
+      currentRerankProvider: 'langgenius/cohere/cohere',
+      dataSets: [] as any,
+      datasetConfigs: {
+        datasets: { datasets: [] },
+        retrieval_model: RETRIEVE_TYPE.multiWay,
+        score_threshold_enabled: false,
+      } as any,
+      datasetConfigsRef: {
+        current: {
+          datasets: { datasets: [] },
+          retrieval_model: RETRIEVE_TYPE.multiWay,
+          score_threshold_enabled: false,
+        } as any,
+      },
+      formattingChangedDispatcher: vi.fn(),
+      hideSelectDataSet: vi.fn(),
+      setDataSets,
+      setDatasetConfigs: vi.fn(),
+      setRerankSettingModalOpen,
+    })
+
+    handleSelect(nextDataSets as any)
+
+    expect(setDataSets).toHaveBeenCalledWith(nextDataSets)
+    expect(setRerankSettingModalOpen).toHaveBeenCalledWith(true)
+  })
+
+  it('should validate and publish configuration changes', async () => {
+    const setPublishedConfig = vi.fn()
+    const setCanReturnToSimpleMode = vi.fn()
+    const mockUpdateAppModelConfig = vi.fn().mockResolvedValue(undefined)
+
+    const onPublish = createPublishHandler({
+      appId: 'app-1',
+      chatPromptConfig: { prompt: [{ role: 'system', text: 'hi' }] } as any,
+      citationConfig: { enabled: true } as any,
+      completionParamsState: { temperature: 0.7 },
+      completionPromptConfig: {
+        prompt: { text: 'completion' },
+        conversation_histories_role: {
+          assistant_prefix: 'assistant',
+          user_prefix: 'user',
+        },
+      } as any,
+      contextVar: 'context',
+      contextVarEmpty: false,
+      dataSets: [{ id: 'dataset-1' }] as any,
+      datasetConfigs: {
+        datasets: { datasets: [] },
+        retrieval_model: RETRIEVE_TYPE.multiWay,
+      } as any,
+      externalDataToolsConfig: [],
+      hasSetBlockStatus: {
+        history: true,
+        query: true,
+      },
+      introduction: 'hello',
+      isAdvancedMode: true,
+      isFunctionCall: true,
+      mode: AppModeEnum.CHAT,
+      modelConfig: {
+        agentConfig: {
+          enabled: true,
+          max_iteration: 3,
+          strategy: AgentStrategy.react,
+          tools: [],
+        },
+        configs: {
+          prompt_template: 'hello {{name}}',
+          prompt_variables: [{ key: 'name', name: 'Name', required: true, type: 'string' }],
+        },
+        model_id: 'gpt-4o',
+        provider: 'langgenius/openai/openai',
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+      } as any,
+      moreLikeThisConfig: { enabled: true },
+      promptEmpty: false,
+      promptMode: 'advanced' as any,
+      resolvedModelModeType: ModelModeType.chat,
+      setCanReturnToSimpleMode,
+      setPublishedConfig,
+      speechToTextConfig: { enabled: false } as any,
+      suggestedQuestionsAfterAnswerConfig: { enabled: false } as any,
+      t: (key: string) => key,
+      textToSpeechConfig: { enabled: false, voice: '', language: '' } as any,
+    })
+
+    const result = await onPublish(mockUpdateAppModelConfig, undefined, {
+      moreLikeThis: { enabled: true },
+      opening: { enabled: false, opening_statement: '', suggested_questions: [] },
+      moderation: { enabled: false },
+      speech2text: { enabled: false },
+      text2speech: { enabled: false, voice: '', language: '' },
+      file: {
+        enabled: false,
+        image: {
+          enabled: false,
+          detail: 'low',
+          number_limits: 1,
+          transfer_methods: ['local_file'],
+        },
+      } as any,
+      suggested: { enabled: false },
+      citation: { enabled: true },
+    } as any)
+
+    expect(result).toBe(true)
+    expect(mockUpdateAppModelConfig).toHaveBeenCalledWith(expect.objectContaining({
+      body: expect.objectContaining({
+        agent_mode: expect.objectContaining({
+          strategy: AgentStrategy.functionCall,
+        }),
+      }),
+      url: '/apps/app-1/model-config',
+    }))
+    expect(setPublishedConfig).toHaveBeenCalledTimes(1)
+    expect(mockToastSuccess).toHaveBeenCalledWith('api.success')
+    expect(setCanReturnToSimpleMode).toHaveBeenCalledWith(false)
+  })
+
+  it('should block publish when required prompt sections are missing', async () => {
+    const mockUpdateAppModelConfig = vi.fn()
+    const createBasePublishHandler = (overrides: Record<string, unknown>) => createPublishHandler({
+      appId: 'app-1',
+      chatPromptConfig: { prompt: [{ role: 'system', text: 'hi' }] } as any,
+      citationConfig: { enabled: false } as any,
+      completionParamsState: { temperature: 0.7 },
+      completionPromptConfig: {
+        prompt: { text: 'completion' },
+        conversation_histories_role: {
+          assistant_prefix: 'assistant',
+          user_prefix: 'user',
+        },
+      } as any,
+      contextVar: 'context',
+      contextVarEmpty: false,
+      dataSets: [] as any,
+      datasetConfigs: { datasets: { datasets: [] } } as any,
+      externalDataToolsConfig: [],
+      hasSetBlockStatus: {
+        history: true,
+        query: true,
+      },
+      introduction: 'hello',
+      isAdvancedMode: true,
+      isFunctionCall: false,
+      mode: AppModeEnum.CHAT,
+      modelConfig: {
+        configs: {
+          prompt_template: 'hello',
+          prompt_variables: [],
+        },
+        model_id: 'gpt-4o',
+        provider: 'langgenius/openai/openai',
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+      } as any,
+      moreLikeThisConfig: { enabled: false },
+      promptEmpty: false,
+      promptMode: 'advanced' as any,
+      resolvedModelModeType: ModelModeType.completion,
+      setCanReturnToSimpleMode: vi.fn(),
+      setPublishedConfig: vi.fn(),
+      speechToTextConfig: { enabled: false } as any,
+      suggestedQuestionsAfterAnswerConfig: { enabled: false } as any,
+      t: (key: string) => key,
+      textToSpeechConfig: { enabled: false, voice: '', language: '' } as any,
+      ...overrides,
+    })
+
+    await createBasePublishHandler({ promptEmpty: true })(mockUpdateAppModelConfig)
+    await createBasePublishHandler({ hasSetBlockStatus: { history: false, query: true } })(mockUpdateAppModelConfig)
+    await createBasePublishHandler({ hasSetBlockStatus: { history: true, query: false } })(mockUpdateAppModelConfig)
+    await createBasePublishHandler({ contextVarEmpty: true })(mockUpdateAppModelConfig)
+
+    expect(mockToastError).toHaveBeenNthCalledWith(1, 'otherError.promptNoBeEmpty')
+    expect(mockToastError).toHaveBeenNthCalledWith(2, 'otherError.historyNoBeEmpty')
+    expect(mockToastError).toHaveBeenNthCalledWith(3, 'otherError.queryNoBeEmpty')
+    expect(mockToastError).toHaveBeenNthCalledWith(4, 'feature.dataSet.queryVariable.contextVarNotEmpty')
+    expect(mockUpdateAppModelConfig).not.toHaveBeenCalled()
+  })
+
+  it('should migrate prompts, update vision support, and merge completion params on model change', async () => {
+    const handleSetVisionConfig = vi.fn()
+    const migrateToDefaultPrompt = vi.fn()
+    const setCompletionParams = vi.fn()
+    const setModelConfig = vi.fn()
+
+    mockFetchAndMergeValidCompletionParams.mockResolvedValue({
+      params: { temperature: 0.3 },
+      removedDetails: {},
+    })
+
+    const onModelChange = createModelChangeHandler({
+      chatPromptLength: 0,
+      completionParamsState: { temperature: 0.7 },
+      completionPromptConfig: {
+        prompt: { text: '' },
+        conversation_histories_role: {
+          assistant_prefix: '',
+          user_prefix: '',
+        },
+      },
+      handleSetVisionConfig,
+      isAdvancedMode: true,
+      migrateToDefaultPrompt,
+      mode: AppModeEnum.CHAT,
+      modelConfig: {
+        model_id: 'gpt-4o-mini',
+        provider: 'langgenius/openai/openai',
+      } as any,
+      resolvedModelModeType: ModelModeType.chat,
+      setCompletionParams,
+      setModelConfig,
+      t: (key: string) => key,
+      visionConfig: baseVisionConfig,
+    })
+
+    await onModelChange({
+      features: ['vision'],
+      mode: ModelModeType.completion,
+      modelId: 'gpt-4o',
+      provider: 'langgenius/openai/openai',
+    })
+
+    expect(migrateToDefaultPrompt).toHaveBeenCalledWith(true, ModelModeType.completion)
+    expect(setModelConfig).toHaveBeenCalledTimes(1)
+    expect(handleSetVisionConfig).toHaveBeenCalledWith({
+      ...baseVisionConfig,
+      enabled: true,
+    }, true)
+    expect(setCompletionParams).toHaveBeenCalledWith({ temperature: 0.3 })
+  })
+
+  it('should warn when parameters are removed and reset params on fetch failure', async () => {
+    const handleSetVisionConfig = vi.fn()
+    const migrateToDefaultPrompt = vi.fn()
+    const setCompletionParams = vi.fn()
+    const setModelConfig = vi.fn()
+
+    mockFetchAndMergeValidCompletionParams
+      .mockResolvedValueOnce({
+        params: { temperature: 0.3 },
+        removedDetails: { top_k: 'unsupported' },
+      })
+      .mockRejectedValueOnce(new Error('boom'))
+
+    const onModelChange = createModelChangeHandler({
+      chatPromptLength: 0,
+      completionParamsState: { temperature: 0.7 },
+      completionPromptConfig: {
+        prompt: { text: '' },
+        conversation_histories_role: {
+          assistant_prefix: 'assistant',
+          user_prefix: 'user',
+        },
+      },
+      handleSetVisionConfig,
+      isAdvancedMode: true,
+      migrateToDefaultPrompt,
+      mode: AppModeEnum.COMPLETION,
+      modelConfig: {
+        model_id: 'gpt-4o-mini',
+        provider: 'langgenius/openai/openai',
+      } as any,
+      resolvedModelModeType: ModelModeType.chat,
+      setCompletionParams,
+      setModelConfig,
+      t: (key: string) => key,
+      visionConfig: baseVisionConfig,
+    })
+
+    await onModelChange({
+      features: [],
+      mode: ModelModeType.completion,
+      modelId: 'gpt-4o',
+      provider: 'langgenius/openai/openai',
+    })
+    await onModelChange({
+      features: [],
+      mode: ModelModeType.chat,
+      modelId: 'gpt-4.1',
+      provider: 'langgenius/openai/openai',
+    })
+
+    expect(migrateToDefaultPrompt).toHaveBeenCalledWith(true, ModelModeType.completion)
+    expect(migrateToDefaultPrompt).toHaveBeenCalledWith(true, ModelModeType.chat)
+    expect(mockToastWarning).toHaveBeenCalledWith('modelProvider.parametersInvalidRemoved: top_k (unsupported)')
+    expect(mockToastError).toHaveBeenCalledWith('error')
+    expect(setCompletionParams).toHaveBeenCalledWith({})
+  })
+})
diff --git a/web/app/components/app/configuration/hooks/__tests__/use-configuration.spec.tsx b/web/app/components/app/configuration/hooks/__tests__/use-configuration.spec.tsx
new file mode 100644
index 0000000000..1ebe300325
--- /dev/null
+++ b/web/app/components/app/configuration/hooks/__tests__/use-configuration.spec.tsx
@@ -0,0 +1,492 @@
+/* eslint-disable ts/no-explicit-any */
+import { act, renderHook, waitFor } from '@testing-library/react'
+import { updateAppModelConfig } from '@/service/apps'
+import { AppModeEnum, ModelModeType } from '@/types/app'
+import { useConfiguration } from '../use-configuration'
+
+const mockSetShowAccountSettingModal = vi.fn()
+const mockSetAppSidebarExpand = vi.fn()
+const mockSetShowAppConfigureFeaturesModal = vi.fn()
+const mockHandleMultipleModelConfigsChange = vi.fn()
+const mockFetchCollectionList = vi.fn()
+const mockFetchAppDetailDirect = vi.fn()
+const mockFetchDatasets = vi.fn()
+const mockFetchAndMergeValidCompletionParams = vi.fn()
+const mockFormattingChangedDispatcher = vi.fn()
+const mockMigrateToDefaultPrompt = vi.fn()
+const mockSetConversationHistoriesRole = vi.fn()
+const mockSetChatPromptConfig = vi.fn()
+const mockSetCompletionPromptConfig = vi.fn()
+const mockSetCurrentAdvancedPrompt = vi.fn()
+type AdvancedPromptConfigOptions = {
+  onUserChangedPrompt: () => void
+  setStop: (stop: string[]) => void
+}
+
+let latestAdvancedPromptConfigOptions: AdvancedPromptConfigOptions | undefined
+let mockTempStopState: string[] = []
+let mockCurrentModelFeatures = ['vision']
+let mockCurrentModelMode = ModelModeType.chat
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('ahooks', async () => {
+  const actual = await vi.importActual<any>('ahooks')
+
+  return {
+    ...actual,
+    useGetState: () => [
+      mockTempStopState,
+      (value: string[]) => {
+        mockTempStopState = value
+      },
+      () => mockTempStopState,
+    ],
+  }
+})
+
+vi.mock('@/context/app-context', () => ({
+  useAppContext: () => ({
+    currentWorkspace: { id: 'workspace-1' },
+    isLoadingCurrentWorkspace: false,
+  }),
+}))
+
+vi.mock('@/context/modal-context', () => ({
+  useModalContext: () => ({
+    setShowAccountSettingModal: mockSetShowAccountSettingModal,
+  }),
+}))
+
+vi.mock('@/context/provider-context', () => ({
+  useProviderContext: () => ({
+    isAPIKeySet: true,
+  }),
+}))
+
+vi.mock('@/app/components/app/store', () => ({
+  useStore: (selector: (state: Record<string, unknown>) => unknown) => selector({
+    appDetail: {
+      id: 'app-1',
+      model_config: {
+        updated_at: 1710000000,
+      },
+      mode: AppModeEnum.CHAT,
+    },
+    setAppSidebarExpand: mockSetAppSidebarExpand,
+    showAppConfigureFeaturesModal: false,
+    setShowAppConfigureFeaturesModal: mockSetShowAppConfigureFeaturesModal,
+  }),
+}))
+
+vi.mock('@/service/use-common', () => ({
+  useFileUploadConfig: () => ({
+    data: undefined,
+  }),
+}))
+
+vi.mock('@/hooks/use-breakpoints', () => ({
+  __esModule: true,
+  default: () => 'desktop',
+  MediaType: {
+    mobile: 'mobile',
+  },
+}))
+
+vi.mock('@/next/navigation', () => ({
+  usePathname: () => '/app/app-1/configuration',
+}))
+
+vi.mock('@/app/components/app/configuration/debug/hooks', () => ({
+  useDebugWithSingleOrMultipleModel: () => ({
+    debugWithMultipleModel: false,
+    multipleModelConfigs: [],
+    handleMultipleModelConfigsChange: mockHandleMultipleModelConfigsChange,
+  }),
+  useFormattingChangedDispatcher: () => mockFormattingChangedDispatcher,
+}))
+
+vi.mock('../use-advanced-prompt-config', () => ({
+  default: (options: AdvancedPromptConfigOptions) => {
+    latestAdvancedPromptConfigOptions = options
+    return {
+      chatPromptConfig: { prompt: [{ role: 'system', text: 'hi' }] },
+      setChatPromptConfig: mockSetChatPromptConfig,
+      completionPromptConfig: {
+        prompt: { text: 'completion' },
+        conversation_histories_role: {
+          assistant_prefix: 'assistant',
+          user_prefix: 'user',
+        },
+      },
+      setCompletionPromptConfig: mockSetCompletionPromptConfig,
+      currentAdvancedPrompt: [],
+      setCurrentAdvancedPrompt: mockSetCurrentAdvancedPrompt,
+      hasSetBlockStatus: {
+        context: false,
+        history: true,
+        query: true,
+      },
+      setConversationHistoriesRole: mockSetConversationHistoriesRole,
+      migrateToDefaultPrompt: mockMigrateToDefaultPrompt,
+    }
+  },
+}))
+
+vi.mock('@/app/components/header/account-setting/model-provider-page/hooks', () => ({
+  useModelListAndDefaultModelAndCurrentProviderAndModel: () => ({
+    currentModel: { model: 'rerank-1' },
+    currentProvider: { provider: 'langgenius/cohere/cohere' },
+  }),
+  useTextGenerationCurrentProviderAndModelAndModelList: () => ({
+    currentModel: {
+      features: mockCurrentModelFeatures,
+      model_properties: {
+        mode: mockCurrentModelMode,
+      },
+    },
+  }),
+}))
+
+vi.mock('@/service/tools', () => ({
+  fetchCollectionList: (...args: unknown[]) => mockFetchCollectionList(...args),
+}))
+
+vi.mock('@/service/apps', () => ({
+  fetchAppDetailDirect: (...args: unknown[]) => mockFetchAppDetailDirect(...args),
+  updateAppModelConfig: vi.fn(),
+}))
+
+vi.mock('@/service/datasets', () => ({
+  fetchDatasets: (...args: unknown[]) => mockFetchDatasets(...args),
+}))
+
+vi.mock('@/utils/completion-params', () => ({
+  fetchAndMergeValidCompletionParams: (...args: unknown[]) => mockFetchAndMergeValidCompletionParams(...args),
+}))
+
+describe('useConfiguration', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    latestAdvancedPromptConfigOptions = undefined
+    mockTempStopState = []
+    mockCurrentModelFeatures = ['vision']
+    mockCurrentModelMode = ModelModeType.chat
+    mockFetchCollectionList.mockResolvedValue([])
+    mockFetchDatasets.mockResolvedValue({ data: [] })
+    mockFetchAndMergeValidCompletionParams.mockResolvedValue({
+      params: { temperature: 0.3 },
+      removedDetails: {},
+    })
+    vi.mocked(updateAppModelConfig).mockResolvedValue(undefined as never)
+    mockFetchAppDetailDirect.mockResolvedValue({
+      deleted_tools: [],
+      mode: AppModeEnum.CHAT,
+      model_config: {
+        prompt_type: 'advanced',
+        chat_prompt_config: {
+          prompt: [{ role: 'system', text: 'hi' }],
+        },
+        completion_prompt_config: {
+          prompt: { text: 'completion' },
+          conversation_histories_role: {
+            assistant_prefix: 'assistant',
+            user_prefix: 'user',
+          },
+        },
+        dataset_configs: {
+          datasets: {
+            datasets: [],
+          },
+        },
+        model: {
+          provider: 'langgenius/openai/openai',
+          name: 'gpt-4o',
+          mode: ModelModeType.chat,
+          completion_params: { temperature: 0.7 },
+        },
+        user_input_form: [],
+        pre_prompt: '',
+        opening_statement: 'hello',
+        suggested_questions: ['how are you?'],
+        more_like_this: { enabled: true },
+        speech_to_text: { enabled: false },
+        text_to_speech: { enabled: false, voice: '', language: '' },
+        retriever_resource: { enabled: true },
+        annotation_reply: null,
+        sensitive_word_avoidance: { enabled: false },
+        external_data_tools: [],
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+      },
+    })
+  })
+
+  it('should load configuration state and expose the derived view model', async () => {
+    const { result } = renderHook(() => useConfiguration())
+
+    await waitFor(() => {
+      expect(result.current.showLoading).toBe(false)
+    })
+
+    expect(result.current.isAdvancedMode).toBe(true)
+    expect(result.current.contextValue.introduction).toBe('hello')
+    expect(result.current.contextValue.suggestedQuestions).toEqual(['how are you?'])
+    expect(result.current.appPublisherProps.publishedConfig.modelConfig.model_id).toBe('gpt-4o')
+    expect(result.current.contextValue.isShowVisionConfig).toBe(true)
+  })
+
+  it('should update model parameters and publish the current configuration', async () => {
+    const { result } = renderHook(() => useConfiguration())
+
+    await waitFor(() => {
+      expect(result.current.showLoading).toBe(false)
+    })
+
+    await act(async () => {
+      await result.current.onModelChange({
+        features: ['vision'],
+        mode: ModelModeType.chat,
+        modelId: 'gpt-4.1',
+        provider: 'langgenius/openai/openai',
+      })
+    })
+
+    expect(mockFetchAndMergeValidCompletionParams).toHaveBeenCalledWith(
+      'langgenius/openai/openai',
+      'gpt-4.1',
+      { temperature: 0.7 },
+      true,
+    )
+    expect(result.current.appPublisherProps.onPublish).toBeDefined()
+
+    await act(async () => {
+      await result.current.appPublisherProps.onPublish!(undefined, result.current.featuresData)
+    })
+
+    expect(updateAppModelConfig).toHaveBeenCalledWith(expect.objectContaining({
+      url: '/apps/app-1/model-config',
+    }))
+  })
+
+  it('should expose derived feature flags and imperative callbacks', async () => {
+    mockCurrentModelFeatures = ['vision', 'document', 'audio', 'video']
+    mockFetchAppDetailDirect.mockResolvedValueOnce({
+      deleted_tools: [],
+      mode: AppModeEnum.CHAT,
+      model_config: {
+        prompt_type: 'simple',
+        chat_prompt_config: { prompt: [] },
+        completion_prompt_config: {
+          prompt: { text: 'completion' },
+          conversation_histories_role: {
+            assistant_prefix: 'assistant',
+            user_prefix: 'user',
+          },
+        },
+        dataset_configs: { datasets: { datasets: [] } },
+        model: {
+          provider: 'langgenius/openai/openai',
+          name: 'gpt-4o',
+          mode: ModelModeType.chat,
+          completion_params: { temperature: 0.7 },
+        },
+        user_input_form: [],
+        pre_prompt: 'hello {{name}}',
+        opening_statement: 'intro',
+        suggested_questions: [],
+        more_like_this: { enabled: false },
+        speech_to_text: { enabled: false },
+        text_to_speech: { enabled: false, voice: '', language: '' },
+        retriever_resource: { enabled: false },
+        annotation_reply: {
+          enabled: true,
+          id: 'annotation-1',
+          score_threshold: 0.6,
+          embedding_model: {
+            embedding_provider_name: 'langgenius/openai/openai',
+            embedding_model_name: 'text-embedding-3-small',
+          },
+        },
+        sensitive_word_avoidance: { enabled: false },
+        external_data_tools: [],
+        file_upload: {
+          image: {
+            enabled: true,
+            number_limits: 1,
+            detail: 'low',
+            transfer_methods: ['local_file'],
+          },
+        },
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+      },
+    })
+
+    const { result } = renderHook(() => useConfiguration())
+
+    await waitFor(() => {
+      expect(result.current.showLoading).toBe(false)
+    })
+
+    expect(result.current.contextValue.isShowVisionConfig).toBe(true)
+    expect(result.current.contextValue.isShowDocumentConfig).toBe(true)
+    expect(result.current.contextValue.isShowAudioConfig).toBe(true)
+    expect(result.current.contextValue.isAllowVideoUpload).toBe(true)
+
+    await act(async () => {
+      await result.current.contextValue.setPromptMode('advanced' as any)
+    })
+    expect(mockMigrateToDefaultPrompt).toHaveBeenCalled()
+
+    act(() => {
+      result.current.onFeaturesChange(undefined as never)
+      result.current.onFeaturesChange({ moreLikeThis: { enabled: true } } as never)
+      result.current.onAutoAddPromptVariable([{ key: 'city', name: 'City', type: 'string', required: true } as never])
+      result.current.onAgentSettingChange({ enabled: true, max_iteration: 5, strategy: 'react', tools: [] } as never)
+      result.current.onEnableMultipleModelDebug()
+      result.current.setShowUseGPT4Confirm(true)
+      result.current.onConfirmUseGPT4()
+      result.current.onOpenAccountSettings()
+      result.current.onSaveHistory({
+        assistant_prefix: 'bot',
+        user_prefix: 'user',
+      })
+    })
+
+    expect(mockSetShowAppConfigureFeaturesModal).toHaveBeenCalledWith(true)
+    expect(mockFormattingChangedDispatcher).toHaveBeenCalled()
+    expect(mockHandleMultipleModelConfigsChange).toHaveBeenCalled()
+    expect(mockSetAppSidebarExpand).toHaveBeenCalledWith('collapse')
+    expect(mockSetShowAccountSettingModal).toHaveBeenCalledWith({ payload: 'provider' })
+    expect(mockSetConversationHistoriesRole).toHaveBeenCalledWith({
+      assistant_prefix: 'bot',
+      user_prefix: 'user',
+    })
+    expect(result.current.showUseGPT4Confirm).toBe(false)
+
+    act(() => {
+      result.current.appPublisherProps.resetAppConfig?.()
+    })
+  })
+
+  it('should preserve temporary stops, dataset selections, and manual formatting changes', async () => {
+    mockCurrentModelFeatures = ['vision']
+    mockCurrentModelMode = ModelModeType.completion
+    mockFetchDatasets.mockResolvedValueOnce({
+      data: [{ id: 'dataset-1', name: 'Dataset One' }],
+    })
+    mockFetchAppDetailDirect.mockResolvedValueOnce({
+      deleted_tools: [],
+      mode: AppModeEnum.CHAT,
+      model_config: {
+        prompt_type: 'simple',
+        chat_prompt_config: { prompt: [] },
+        completion_prompt_config: {
+          prompt: { text: 'completion' },
+          conversation_histories_role: {
+            assistant_prefix: 'assistant',
+            user_prefix: 'user',
+          },
+        },
+        dataset_configs: {
+          datasets: {
+            datasets: [{ id: 'dataset-1' }],
+          },
+        },
+        dataset_query_variable: 'context',
+        model: {
+          provider: 'langgenius/openai/openai',
+          name: 'gpt-4o',
+          mode: ModelModeType.completion,
+          completion_params: { temperature: 0.7 },
+        },
+        user_input_form: [
+          {
+            text_input: {
+              variable: 'context',
+              label: 'Context',
+              required: false,
+            },
+          },
+        ],
+        pre_prompt: '',
+        opening_statement: 'intro',
+        suggested_questions: [],
+        more_like_this: { enabled: false },
+        speech_to_text: { enabled: false },
+        text_to_speech: { enabled: false, voice: '', language: '' },
+        retriever_resource: { enabled: false },
+        annotation_reply: null,
+        sensitive_word_avoidance: { enabled: false },
+        external_data_tools: [],
+        file_upload: null,
+        system_parameters: {
+          audio_file_size_limit: 1,
+          file_size_limit: 1,
+          image_file_size_limit: 1,
+          video_file_size_limit: 1,
+          workflow_file_upload_limit: 1,
+        },
+      },
+    })
+
+    const { result } = renderHook(() => useConfiguration())
+
+    await waitFor(() => {
+      expect(result.current.showLoading).toBe(false)
+    })
+
+    expect(result.current.selectedIds).toEqual(['dataset-1'])
+    expect(result.current.contextValue.canReturnToSimpleMode).toBe(true)
+
+    act(() => {
+      latestAdvancedPromptConfigOptions?.onUserChangedPrompt?.()
+      latestAdvancedPromptConfigOptions?.setStop?.(['END'])
+      result.current.contextValue.setAnnotationConfig({
+        id: 'annotation-1',
+        enabled: true,
+        score_threshold: 0.6,
+        embedding_model: {
+          embedding_provider_name: 'langgenius/openai/openai',
+          embedding_model_name: 'text-embedding-3-small',
+        },
+      })
+      result.current.contextValue.setVisionConfig({
+        enabled: true,
+        number_limits: 2,
+        detail: 'high',
+        transfer_methods: ['local_file'],
+      } as any)
+      result.current.contextValue.setCompletionParams({ temperature: 0.2 })
+      result.current.onCloseFeaturePanel()
+    })
+
+    await waitFor(() => {
+      expect(result.current.contextValue.completionParams).toEqual({
+        stop: ['END'],
+        temperature: 0.2,
+      })
+    })
+
+    expect(result.current.contextValue.annotationConfig.id).toBe('annotation-1')
+    expect(result.current.contextValue.visionConfig.enabled).toBe(true)
+    expect(result.current.contextValue.canReturnToSimpleMode).toBe(false)
+    expect(mockFormattingChangedDispatcher).toHaveBeenCalledTimes(2)
+    expect(mockSetShowAppConfigureFeaturesModal).toHaveBeenCalledWith(false)
+  })
+})
diff --git a/web/app/components/app/configuration/hooks/use-configuration-utils.ts b/web/app/components/app/configuration/hooks/use-configuration-utils.ts
new file mode 100644
index 0000000000..bbb4bde82e
--- /dev/null
+++ b/web/app/components/app/configuration/hooks/use-configuration-utils.ts
@@ -0,0 +1,688 @@
+import type { Features as FeaturesData } from '@/app/components/base/features/types'
+import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type { Collection } from '@/app/components/tools/types'
+import type { DataSet } from '@/models/datasets'
+import type { AnnotationReplyConfig, DatasetConfigs, ModelConfig, PromptVariable } from '@/models/debug'
+import type { ModelConfig as BackendModelConfig, UserInputFormItem, VisionSettings } from '@/types/app'
+import { clone } from 'es-toolkit/object'
+import { produce } from 'immer'
+import { toast } from '@/app/components/base/ui/toast'
+import { getMultipleRetrievalConfig, getSelectedDatasetsMode } from '@/app/components/workflow/nodes/knowledge-retrieval/utils'
+import { DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import { PromptMode } from '@/models/debug'
+import { fetchAppDetailDirect } from '@/service/apps'
+import { fetchDatasets } from '@/service/datasets'
+import { fetchCollectionList } from '@/service/tools'
+import { AgentStrategy, AppModeEnum, ModelModeType, RETRIEVE_TYPE } from '@/types/app'
+import {
+  correctModelProvider,
+  correctToolProvider,
+} from '@/utils'
+import { fetchAndMergeValidCompletionParams } from '@/utils/completion-params'
+import { promptVariablesToUserInputsForm, userInputsFormToPromptVariables } from '@/utils/model-config'
+import { withCollectionIconBasePath } from '../utils'
+
+type BackendAgentTool = ModelConfig['agentConfig']['tools'][number] & {
+  dataset?: {
+    enabled: boolean
+    id: string
+  }
+  provider_id: string
+  provider_name: string
+  provider_type: string
+  tool_name: string
+}
+
+type DeletedTool = {
+  id?: string
+  provider_id?: string
+  tool_name: string
+}
+
+const buildPublishedModelConfig = ({
+  backendModelConfig,
+  collectionList,
+  deletedTools,
+  mode,
+  nextDataSets,
+}: {
+  backendModelConfig: BackendModelConfig
+  collectionList: Collection[]
+  deletedTools?: DeletedTool[]
+  mode: AppModeEnum
+  nextDataSets: DataSet[]
+}): ModelConfig => {
+  const model = backendModelConfig.model
+  const agentModeTools = (backendModelConfig.agent_mode?.tools ?? []) as BackendAgentTool[]
+
+  return {
+    provider: correctModelProvider(model.provider),
+    model_id: model.name,
+    mode: model.mode,
+    configs: {
+      prompt_template: backendModelConfig.pre_prompt || '',
+      prompt_variables: userInputsFormToPromptVariables(
+        ([
+          ...backendModelConfig.user_input_form,
+          ...(
+            backendModelConfig.external_data_tools?.length
+              ? backendModelConfig.external_data_tools.map(item => ({
+                  external_data_tool: {
+                    variable: item.variable as string,
+                    label: item.label as string,
+                    enabled: !!item.enabled,
+                    type: item.type as string,
+                    config: item.config,
+                    required: true,
+                    icon: item.icon,
+                    icon_background: item.icon_background,
+                  },
+                }))
+              : []
+          ),
+        ]) as unknown as UserInputFormItem[],
+        backendModelConfig.dataset_query_variable,
+      ),
+    },
+    more_like_this: backendModelConfig.more_like_this ?? { enabled: false },
+    opening_statement: backendModelConfig.opening_statement,
+    suggested_questions: backendModelConfig.suggested_questions ?? [],
+    sensitive_word_avoidance: backendModelConfig.sensitive_word_avoidance,
+    speech_to_text: backendModelConfig.speech_to_text,
+    text_to_speech: backendModelConfig.text_to_speech,
+    file_upload: backendModelConfig.file_upload ?? null,
+    suggested_questions_after_answer: backendModelConfig.suggested_questions_after_answer ?? { enabled: false },
+    retriever_resource: backendModelConfig.retriever_resource,
+    annotation_reply: backendModelConfig.annotation_reply ?? null,
+    external_data_tools: backendModelConfig.external_data_tools ?? [],
+    system_parameters: backendModelConfig.system_parameters,
+    dataSets: nextDataSets,
+    agentConfig: mode === AppModeEnum.AGENT_CHAT
+      ? {
+          max_iteration: DEFAULT_AGENT_SETTING.max_iteration,
+          ...backendModelConfig.agent_mode,
+          enabled: true,
+          tools: agentModeTools.filter(tool => !tool.dataset).map((tool) => {
+            const toolInCollectionList = collectionList.find(collection => collection.id === tool.provider_id)
+            return {
+              ...tool,
+              isDeleted: deletedTools?.some(deletedTool => (deletedTool.provider_id || deletedTool.id) === tool.provider_id && deletedTool.tool_name === tool.tool_name) ?? false,
+              notAuthor: toolInCollectionList?.is_team_authorization === false,
+              ...(tool.provider_type === 'builtin'
+                ? {
+                    provider_id: correctToolProvider(tool.provider_name, !!toolInCollectionList),
+                    provider_name: correctToolProvider(tool.provider_name, !!toolInCollectionList),
+                  }
+                : {}),
+            }
+          }) as ModelConfig['agentConfig']['tools'],
+          strategy: backendModelConfig.agent_mode?.strategy ?? AgentStrategy.react,
+        }
+      : DEFAULT_AGENT_SETTING,
+  }
+}
+
+export const buildPublishedConfig = ({
+  backendModelConfig,
+  collectionList,
+  deletedTools,
+  mode,
+  nextDataSets,
+}: {
+  backendModelConfig: BackendModelConfig
+  collectionList: Collection[]
+  deletedTools?: DeletedTool[]
+  mode: AppModeEnum
+  nextDataSets: DataSet[]
+}) => ({
+  modelConfig: buildPublishedModelConfig({
+    backendModelConfig,
+    collectionList,
+    deletedTools,
+    mode,
+    nextDataSets,
+  }),
+  completionParams: backendModelConfig.model.completion_params,
+})
+
+export const buildConfigurationDatasetConfigs = ({
+  backendModelConfig,
+  currentRerankModel,
+  currentRerankProvider,
+  nextDataSets,
+}: {
+  backendModelConfig: BackendModelConfig
+  currentRerankModel?: string
+  currentRerankProvider?: string
+  nextDataSets: DataSet[]
+}): DatasetConfigs => {
+  const retrievalConfig = getMultipleRetrievalConfig({
+    ...backendModelConfig.dataset_configs,
+    reranking_model: backendModelConfig.dataset_configs.reranking_model && {
+      provider: backendModelConfig.dataset_configs.reranking_model.reranking_provider_name,
+      model: backendModelConfig.dataset_configs.reranking_model.reranking_model_name,
+    },
+  }, nextDataSets, nextDataSets, {
+    provider: currentRerankProvider,
+    model: currentRerankModel,
+  })
+
+  const nextDatasetConfigs = {
+    ...backendModelConfig.dataset_configs,
+    ...retrievalConfig,
+    ...(retrievalConfig.reranking_model
+      ? {
+          reranking_model: {
+            reranking_model_name: retrievalConfig.reranking_model.model,
+            reranking_provider_name: correctModelProvider(retrievalConfig.reranking_model.provider),
+          },
+        }
+      : {}),
+  } as DatasetConfigs
+
+  nextDatasetConfigs.retrieval_model = nextDatasetConfigs.retrieval_model ?? RETRIEVE_TYPE.multiWay
+
+  return nextDatasetConfigs
+}
+
+export const buildPublishBody = ({
+  chatPromptConfig,
+  completionParams,
+  completionPromptConfig,
+  contextVar,
+  dataSets,
+  datasetConfigs,
+  externalDataToolsConfig,
+  features,
+  isAdvancedMode,
+  isFunctionCall,
+  modelConfig,
+  modelId,
+  modelProvider,
+  promptMode,
+  promptVariables,
+  promptTemplate,
+  resolvedModelModeType,
+}: {
+  chatPromptConfig: BackendModelConfig['chat_prompt_config']
+  completionParams: FormValue
+  completionPromptConfig: BackendModelConfig['completion_prompt_config']
+  contextVar?: string
+  dataSets: DataSet[]
+  datasetConfigs: DatasetConfigs
+  externalDataToolsConfig: BackendModelConfig['external_data_tools']
+  features?: FeaturesData
+  isAdvancedMode: boolean
+  isFunctionCall: boolean
+  modelConfig: ModelConfig
+  modelId: string
+  modelProvider: string
+  promptMode: BackendModelConfig['prompt_type']
+  promptVariables: PromptVariable[]
+  promptTemplate: string
+  resolvedModelModeType: BackendModelConfig['model']['mode']
+}): BackendModelConfig => {
+  const postDatasets = dataSets.map(({ id }) => ({
+    dataset: {
+      enabled: true,
+      id,
+    },
+  }))
+
+  const fileUpload = { ...features?.file }
+  delete fileUpload?.fileUploadConfig
+
+  return {
+    pre_prompt: !isAdvancedMode ? promptTemplate : '',
+    prompt_type: promptMode,
+    chat_prompt_config: isAdvancedMode ? chatPromptConfig : clone(DEFAULT_CHAT_PROMPT_CONFIG),
+    completion_prompt_config: isAdvancedMode ? completionPromptConfig : clone(DEFAULT_COMPLETION_PROMPT_CONFIG),
+    user_input_form: promptVariablesToUserInputsForm(promptVariables),
+    dataset_query_variable: contextVar || '',
+    more_like_this: features?.moreLikeThis as never,
+    opening_statement: features?.opening?.enabled ? (features.opening?.opening_statement || '') : '',
+    suggested_questions: features?.opening?.enabled ? (features.opening?.suggested_questions || []) : [],
+    sensitive_word_avoidance: features?.moderation as never,
+    speech_to_text: features?.speech2text as never,
+    text_to_speech: features?.text2speech as never,
+    file_upload: fileUpload as never,
+    suggested_questions_after_answer: features?.suggested as never,
+    retriever_resource: features?.citation as never,
+    agent_mode: {
+      ...modelConfig.agentConfig,
+      strategy: isFunctionCall ? AgentStrategy.functionCall : AgentStrategy.react,
+    },
+    external_data_tools: externalDataToolsConfig,
+    model: {
+      provider: modelProvider,
+      name: modelId,
+      mode: resolvedModelModeType,
+      completion_params: completionParams as BackendModelConfig['model']['completion_params'],
+    },
+    dataset_configs: {
+      ...datasetConfigs,
+      datasets: {
+        datasets: [...postDatasets],
+      } as never,
+    },
+    system_parameters: modelConfig.system_parameters,
+  }
+}
+
+const normalizeAnnotationConfig = (annotationReply?: BackendModelConfig['annotation_reply']) => {
+  if (!annotationReply)
+    return undefined
+
+  if (!annotationReply.enabled)
+    return annotationReply as AnnotationReplyConfig
+
+  return {
+    ...annotationReply,
+    embedding_model: {
+      ...annotationReply.embedding_model,
+      embedding_provider_name: correctModelProvider(annotationReply.embedding_model.embedding_provider_name),
+    },
+  } as AnnotationReplyConfig
+}
+
+export const loadConfigurationState = async ({
+  appId,
+  basePath,
+  currentRerankModel,
+  currentRerankProvider,
+}: {
+  appId: string
+  basePath?: string
+  currentRerankModel?: string
+  currentRerankProvider?: string
+}) => {
+  const collectionList = withCollectionIconBasePath(await fetchCollectionList(), basePath)
+  const response = await fetchAppDetailDirect({ url: '/apps', id: appId })
+  const backendModelConfig = response.model_config as BackendModelConfig
+  const nextPromptMode = backendModelConfig.prompt_type === PromptMode.advanced ? PromptMode.advanced : PromptMode.simple
+
+  let nextDataSets: DataSet[] = []
+  const agentModeTools = (backendModelConfig.agent_mode?.tools ?? []) as Array<{ dataset?: { enabled: boolean, id: string } }>
+
+  if (agentModeTools.find(tool => tool.dataset?.enabled))
+    nextDataSets = agentModeTools as unknown as DataSet[]
+  else if (backendModelConfig.dataset_configs.datasets?.datasets?.length)
+    nextDataSets = backendModelConfig.dataset_configs.datasets.datasets as unknown as DataSet[]
+
+  if (nextDataSets.length) {
+    const datasetIds = (nextDataSets as Array<DataSet & { dataset?: { id: string } }>)
+      .map(item => item.dataset?.id || item.id)
+      .filter((id): id is string => Boolean(id))
+
+    const { data } = await fetchDatasets({
+      url: '/datasets',
+      params: {
+        page: 1,
+        ids: datasetIds,
+      },
+    })
+    nextDataSets = data
+  }
+
+  return {
+    annotationConfig: normalizeAnnotationConfig(backendModelConfig.annotation_reply),
+    backendModelConfig,
+    canReturnToSimpleMode: nextPromptMode !== PromptMode.advanced,
+    collectionList,
+    completionPromptConfig: backendModelConfig.completion_prompt_config || clone(DEFAULT_COMPLETION_PROMPT_CONFIG),
+    datasetConfigs: buildConfigurationDatasetConfigs({
+      backendModelConfig,
+      currentRerankModel,
+      currentRerankProvider,
+      nextDataSets,
+    }),
+    externalDataToolsConfig: backendModelConfig.external_data_tools ?? [],
+    mode: response.mode as AppModeEnum,
+    moreLikeThisConfig: backendModelConfig.more_like_this || { enabled: false },
+    nextDataSets,
+    promptMode: nextPromptMode,
+    publishedConfig: buildPublishedConfig({
+      backendModelConfig,
+      collectionList,
+      deletedTools: response.deleted_tools,
+      mode: response.mode as AppModeEnum,
+      nextDataSets,
+    }),
+    response,
+    speechToTextConfig: backendModelConfig.speech_to_text || { enabled: false },
+    suggestedQuestions: backendModelConfig.suggested_questions || [],
+    suggestedQuestionsAfterAnswerConfig: backendModelConfig.suggested_questions_after_answer || { enabled: false },
+    textToSpeechConfig: backendModelConfig.text_to_speech || {
+      enabled: false,
+      voice: '',
+      language: '',
+    },
+    visionConfig: backendModelConfig.file_upload?.image,
+    citationConfig: backendModelConfig.retriever_resource || { enabled: false },
+    chatPromptConfig: backendModelConfig.chat_prompt_config && backendModelConfig.chat_prompt_config.prompt.length > 0
+      ? backendModelConfig.chat_prompt_config
+      : clone(DEFAULT_CHAT_PROMPT_CONFIG),
+    introduction: backendModelConfig.opening_statement,
+    moderationConfig: backendModelConfig.sensitive_word_avoidance,
+  }
+}
+
+export const createDatasetSelectHandler = ({
+  currentRerankModel,
+  currentRerankProvider,
+  dataSets,
+  datasetConfigs,
+  datasetConfigsRef,
+  formattingChangedDispatcher,
+  hideSelectDataSet,
+  setDataSets,
+  setDatasetConfigs,
+  setRerankSettingModalOpen,
+}: {
+  currentRerankModel?: string
+  currentRerankProvider?: string
+  dataSets: DataSet[]
+  datasetConfigs: DatasetConfigs
+  datasetConfigsRef: { current: DatasetConfigs }
+  formattingChangedDispatcher: () => void
+  hideSelectDataSet: () => void
+  setDataSets: (data: DataSet[]) => void
+  setDatasetConfigs: (configs: DatasetConfigs) => void
+  setRerankSettingModalOpen: (visible: boolean) => void
+}) => (nextDataSets: DataSet[]) => {
+  if (nextDataSets.map(item => item.id).join(',') === dataSets.map(item => item.id).join(',')) {
+    hideSelectDataSet()
+    return
+  }
+
+  formattingChangedDispatcher()
+  let mergedDataSets = nextDataSets
+
+  if (nextDataSets.find(item => !item.name)) {
+    const hydrated = produce(nextDataSets, (draft) => {
+      nextDataSets.forEach((item, index) => {
+        if (!item.name) {
+          const originalItem = dataSets.find(existing => existing.id === item.id)
+          if (originalItem)
+            draft[index] = originalItem
+        }
+      })
+    })
+    setDataSets(hydrated)
+    mergedDataSets = hydrated
+  }
+  else {
+    setDataSets(nextDataSets)
+  }
+
+  hideSelectDataSet()
+  const {
+    allExternal,
+    allInternal,
+    mixtureInternalAndExternal,
+    mixtureHighQualityAndEconomic,
+    inconsistentEmbeddingModel,
+  } = getSelectedDatasetsMode(mergedDataSets)
+
+  if (
+    (allInternal && (mixtureHighQualityAndEconomic || inconsistentEmbeddingModel))
+    || mixtureInternalAndExternal
+    || allExternal
+  ) {
+    setRerankSettingModalOpen(true)
+  }
+
+  const { datasets, retrieval_model, score_threshold_enabled, ...restConfigs } = datasetConfigs
+  const {
+    top_k,
+    score_threshold,
+    reranking_model,
+    reranking_mode,
+    weights,
+    reranking_enable,
+  } = restConfigs
+
+  const oldRetrievalConfig = {
+    top_k,
+    score_threshold,
+    reranking_model: (reranking_model?.reranking_provider_name && reranking_model?.reranking_model_name)
+      ? {
+          provider: reranking_model.reranking_provider_name,
+          model: reranking_model.reranking_model_name,
+        }
+      : undefined,
+    reranking_mode,
+    weights,
+    reranking_enable,
+  }
+
+  const retrievalConfig = getMultipleRetrievalConfig(oldRetrievalConfig, mergedDataSets, dataSets, {
+    provider: currentRerankProvider,
+    model: currentRerankModel,
+  })
+
+  setDatasetConfigs({
+    ...datasetConfigsRef.current,
+    ...retrievalConfig,
+    reranking_model: {
+      reranking_provider_name: retrievalConfig?.reranking_model?.provider || '',
+      reranking_model_name: retrievalConfig?.reranking_model?.model || '',
+    },
+    retrieval_model,
+    score_threshold_enabled,
+    datasets,
+  })
+}
+
+export const createPublishHandler = ({
+  appId,
+  chatPromptConfig,
+  citationConfig,
+  completionParamsState,
+  completionPromptConfig,
+  contextVar,
+  contextVarEmpty,
+  dataSets,
+  datasetConfigs,
+  externalDataToolsConfig,
+  hasSetBlockStatus,
+  introduction,
+  isAdvancedMode,
+  isFunctionCall,
+  mode,
+  modelConfig,
+  moreLikeThisConfig,
+  promptEmpty,
+  promptMode,
+  resolvedModelModeType,
+  setCanReturnToSimpleMode,
+  setPublishedConfig,
+  speechToTextConfig,
+  suggestedQuestionsAfterAnswerConfig,
+  t,
+  textToSpeechConfig,
+}: {
+  appId: string
+  chatPromptConfig: BackendModelConfig['chat_prompt_config']
+  citationConfig: ModelConfig['retriever_resource']
+  completionParamsState: FormValue
+  completionPromptConfig: BackendModelConfig['completion_prompt_config']
+  contextVar?: string
+  contextVarEmpty: boolean
+  dataSets: DataSet[]
+  datasetConfigs: DatasetConfigs
+  externalDataToolsConfig: BackendModelConfig['external_data_tools']
+  hasSetBlockStatus: { history: boolean, query: boolean }
+  introduction: string
+  isAdvancedMode: boolean
+  isFunctionCall: boolean
+  mode: AppModeEnum
+  modelConfig: ModelConfig
+  moreLikeThisConfig: ModelConfig['more_like_this']
+  promptEmpty: boolean
+  promptMode: BackendModelConfig['prompt_type']
+  resolvedModelModeType: ModelModeType
+  setCanReturnToSimpleMode: (value: boolean) => void
+  setPublishedConfig: (config: { modelConfig: ModelConfig, completionParams: FormValue }) => void
+  speechToTextConfig: ModelConfig['speech_to_text']
+  suggestedQuestionsAfterAnswerConfig: ModelConfig['suggested_questions_after_answer']
+  t: (key: string, options?: Record<string, unknown>) => string
+  textToSpeechConfig: ModelConfig['text_to_speech']
+}) => async (
+  updateAppModelConfig: (params: { url: string, body: BackendModelConfig }) => Promise<unknown>,
+  modelAndParameter?: { model: string, provider: string, parameters: FormValue },
+  features?: FeaturesData,
+) => {
+  const modelId = modelAndParameter?.model || modelConfig.model_id
+  const promptTemplate = modelConfig.configs.prompt_template
+  const promptVariables = modelConfig.configs.prompt_variables
+
+  if (promptEmpty) {
+    toast.error(t('otherError.promptNoBeEmpty', { ns: 'appDebug' }))
+    return
+  }
+
+  if (isAdvancedMode && mode !== AppModeEnum.COMPLETION && resolvedModelModeType === ModelModeType.completion) {
+    if (!hasSetBlockStatus.history) {
+      toast.error(t('otherError.historyNoBeEmpty', { ns: 'appDebug' }))
+      return
+    }
+
+    if (!hasSetBlockStatus.query) {
+      toast.error(t('otherError.queryNoBeEmpty', { ns: 'appDebug' }))
+      return
+    }
+  }
+
+  if (contextVarEmpty) {
+    toast.error(t('feature.dataSet.queryVariable.contextVarNotEmpty', { ns: 'appDebug' }))
+    return
+  }
+
+  const body = buildPublishBody({
+    chatPromptConfig,
+    completionParams: modelAndParameter?.parameters || completionParamsState,
+    completionPromptConfig,
+    contextVar,
+    dataSets,
+    datasetConfigs,
+    externalDataToolsConfig,
+    features,
+    isAdvancedMode,
+    isFunctionCall,
+    modelConfig,
+    modelId,
+    modelProvider: modelAndParameter?.provider || modelConfig.provider,
+    promptMode,
+    promptTemplate,
+    promptVariables,
+    resolvedModelModeType,
+  })
+
+  await updateAppModelConfig({ url: `/apps/${appId}/model-config`, body })
+
+  const nextModelConfig = produce(modelConfig, (draft: ModelConfig) => {
+    draft.opening_statement = introduction
+    draft.more_like_this = moreLikeThisConfig
+    draft.suggested_questions_after_answer = suggestedQuestionsAfterAnswerConfig
+    draft.speech_to_text = speechToTextConfig
+    draft.text_to_speech = textToSpeechConfig
+    draft.retriever_resource = citationConfig
+    draft.dataSets = dataSets
+  })
+
+  setPublishedConfig({
+    modelConfig: nextModelConfig,
+    completionParams: completionParamsState,
+  })
+  toast.success(t('api.success', { ns: 'common' }))
+  setCanReturnToSimpleMode(false)
+  return true
+}
+
+export const createModelChangeHandler = ({
+  chatPromptLength,
+  completionParamsState,
+  completionPromptConfig,
+  handleSetVisionConfig,
+  isAdvancedMode,
+  migrateToDefaultPrompt,
+  mode,
+  modelConfig,
+  resolvedModelModeType,
+  setCompletionParams,
+  setModelConfig,
+  t,
+  visionConfig,
+}: {
+  chatPromptLength: number
+  completionParamsState: FormValue
+  completionPromptConfig: {
+    conversation_histories_role: {
+      assistant_prefix: string
+      user_prefix: string
+    }
+    prompt?: {
+      text?: string
+    }
+  }
+  handleSetVisionConfig: (config: VisionSettings, notNoticeFormattingChanged?: boolean) => void
+  isAdvancedMode: boolean
+  migrateToDefaultPrompt: (force?: boolean, modelModeType?: ModelModeType) => Promise<void>
+  mode: AppModeEnum
+  modelConfig: ModelConfig
+  resolvedModelModeType: ModelModeType
+  setCompletionParams: (value: FormValue) => void
+  setModelConfig: (config: ModelConfig) => void
+  t: (key: string, options?: Record<string, unknown>) => string
+  visionConfig: VisionSettings
+}) => async ({
+  features = [],
+  mode: nextModelMode = resolvedModelModeType,
+  modelId,
+  provider,
+}: { modelId: string, provider: string, mode?: string, features?: string[] }) => {
+  if (isAdvancedMode) {
+    if (nextModelMode === ModelModeType.completion) {
+      if (mode !== AppModeEnum.COMPLETION) {
+        if (!completionPromptConfig.prompt?.text || !completionPromptConfig.conversation_histories_role.assistant_prefix || !completionPromptConfig.conversation_histories_role.user_prefix)
+          await migrateToDefaultPrompt(true, ModelModeType.completion)
+      }
+      else if (!completionPromptConfig.prompt?.text) {
+        await migrateToDefaultPrompt(true, ModelModeType.completion)
+      }
+    }
+
+    if (nextModelMode === ModelModeType.chat && chatPromptLength === 0)
+      await migrateToDefaultPrompt(true, ModelModeType.chat)
+  }
+
+  setModelConfig(produce(modelConfig, (draft: ModelConfig) => {
+    draft.provider = provider
+    draft.model_id = modelId
+    draft.mode = nextModelMode as ModelModeType
+  }))
+
+  handleSetVisionConfig({
+    ...visionConfig,
+    enabled: !!features?.includes('vision'),
+  }, true)
+
+  try {
+    const { params: filtered, removedDetails } = await fetchAndMergeValidCompletionParams(
+      provider,
+      modelId,
+      completionParamsState,
+      isAdvancedMode,
+    )
+
+    if (Object.keys(removedDetails).length)
+      toast.warning(`${t('modelProvider.parametersInvalidRemoved', { ns: 'common' })}: ${Object.entries(removedDetails).map(([key, reason]) => `${key} (${reason})`).join(', ')}`)
+
+    setCompletionParams(filtered)
+  }
+  catch {
+    toast.error(t('error', { ns: 'common' }))
+    setCompletionParams({})
+  }
+}
diff --git a/web/app/components/app/configuration/hooks/use-configuration.ts b/web/app/components/app/configuration/hooks/use-configuration.ts
new file mode 100644
index 0000000000..f2f708ad52
--- /dev/null
+++ b/web/app/components/app/configuration/hooks/use-configuration.ts
@@ -0,0 +1,687 @@
+'use client'
+import type { ComponentProps } from 'react'
+import type AppPublisher from '@/app/components/app/app-publisher/features-wrapper'
+import type { ModelAndParameter } from '@/app/components/app/configuration/debug/types'
+import type { Features as FeaturesData, OnFeaturesChange } from '@/app/components/base/features/types'
+import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import type ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
+import type { Collection } from '@/app/components/tools/types'
+import type ConfigContext from '@/context/debug-configuration'
+import type { ExternalDataTool } from '@/models/common'
+import type { DataSet } from '@/models/datasets'
+import type {
+  AnnotationReplyConfig,
+  DatasetConfigs,
+  Inputs,
+  ModelConfig,
+  ModerationConfig,
+  MoreLikeThisConfig,
+  PromptConfig,
+  PromptVariable,
+  TextToSpeechConfig,
+} from '@/models/debug'
+import type { VisionSettings } from '@/types/app'
+import { useBoolean, useGetState } from 'ahooks'
+import { clone } from 'es-toolkit/object'
+import { produce } from 'immer'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useShallow } from 'zustand/react/shallow'
+import {
+  useDebugWithSingleOrMultipleModel,
+  useFormattingChangedDispatcher,
+} from '@/app/components/app/configuration/debug/hooks'
+import useAdvancedPromptConfig from '@/app/components/app/configuration/hooks/use-advanced-prompt-config'
+import { useStore as useAppStore } from '@/app/components/app/store'
+import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
+import { ModelFeatureEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
+import {
+  useModelListAndDefaultModelAndCurrentProviderAndModel,
+  useTextGenerationCurrentProviderAndModelAndModelList,
+} from '@/app/components/header/account-setting/model-provider-page/hooks'
+import { ANNOTATION_DEFAULT, DATASET_DEFAULT, DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
+import { useAppContext } from '@/context/app-context'
+import { useModalContext } from '@/context/modal-context'
+import { useProviderContext } from '@/context/provider-context'
+import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
+import { PromptMode } from '@/models/debug'
+import { usePathname } from '@/next/navigation'
+import { updateAppModelConfig } from '@/service/apps'
+import { useFileUploadConfig } from '@/service/use-common'
+import { AppModeEnum, ModelModeType, Resolution, RETRIEVE_TYPE, TransferMethod } from '@/types/app'
+import { supportFunctionCall } from '@/utils/tool-call'
+import { basePath } from '@/utils/var'
+import {
+  buildConfigurationFeaturesData,
+  getConfigurationPublishingState,
+} from '../utils'
+import {
+  createDatasetSelectHandler,
+  createModelChangeHandler,
+  createPublishHandler,
+  loadConfigurationState,
+} from './use-configuration-utils'
+
+type PublishConfig = {
+  modelConfig: ModelConfig
+  completionParams: FormValue
+}
+
+type DebugConfigurationValue = ComponentProps<typeof ConfigContext.Provider>['value']
+
+export type ConfigurationViewModel = {
+  appPublisherProps: ComponentProps<typeof AppPublisher>
+  contextValue: DebugConfigurationValue
+  featuresData: FeaturesData
+  isAgent: boolean
+  isAdvancedMode: boolean
+  isMobile: boolean
+  isShowDebugPanel: boolean
+  isShowHistoryModal: boolean
+  isShowSelectDataSet: boolean
+  modelConfig: ModelConfig
+  multipleModelConfigs: ModelAndParameter[]
+  onAutoAddPromptVariable: (variables: PromptVariable[]) => void
+  onAgentSettingChange: (config: ModelConfig['agentConfig']) => void
+  onCloseFeaturePanel: () => void
+  onCloseHistoryModal: () => void
+  onCloseSelectDataSet: () => void
+  onCompletionParamsChange: (params: FormValue) => void
+  onConfirmUseGPT4: () => void
+  onEnableMultipleModelDebug: () => void
+  onFeaturesChange: OnFeaturesChange
+  onHideDebugPanel: () => void
+  onModelChange: ComponentProps<typeof ModelParameterModal>['setModel']
+  onMultipleModelConfigsChange: (multiple: boolean, modelConfigs: ModelAndParameter[]) => void
+  onOpenAccountSettings: () => void
+  onOpenDebugPanel: () => void
+  onSaveHistory: (data: DebugConfigurationValue['completionPromptConfig']['conversation_histories_role']) => void
+  onSelectDataSets: (data: DataSet[]) => void
+  promptVariables: PromptVariable[]
+  selectedIds: string[]
+  showAppConfigureFeaturesModal: boolean
+  showLoading: boolean
+  showUseGPT4Confirm: boolean
+  setShowUseGPT4Confirm: (visible: boolean) => void
+}
+
+export const useConfiguration = (): ConfigurationViewModel => {
+  const { t } = useTranslation()
+  const { isLoadingCurrentWorkspace, currentWorkspace } = useAppContext()
+  const { setShowAccountSettingModal } = useModalContext()
+
+  const { appDetail, showAppConfigureFeaturesModal, setAppSidebarExpand, setShowAppConfigureFeaturesModal } = useAppStore(useShallow(state => ({
+    appDetail: state.appDetail,
+    setAppSidebarExpand: state.setAppSidebarExpand,
+    showAppConfigureFeaturesModal: state.showAppConfigureFeaturesModal,
+    setShowAppConfigureFeaturesModal: state.setShowAppConfigureFeaturesModal,
+  })))
+
+  const { data: fileUploadConfigResponse } = useFileUploadConfig()
+  const latestPublishedAt = useMemo(() => appDetail?.model_config?.updated_at, [appDetail])
+  const [formattingChanged, setFormattingChanged] = useState(false)
+  const [hasFetchedDetail, setHasFetchedDetail] = useState(false)
+  const pathname = usePathname()
+  const matched = /\/app\/([^/]+)/.exec(pathname)
+  const appId = matched?.[1] || ''
+  const [mode, setMode] = useState<AppModeEnum>(AppModeEnum.CHAT)
+  const [publishedConfig, setPublishedConfig] = useState<PublishConfig | null>(null)
+  const [conversationId, setConversationId] = useState<string | null>('')
+
+  const media = useBreakpoints()
+  const isMobile = media === MediaType.mobile
+  const [isShowDebugPanel, { setTrue: showDebugPanel, setFalse: hideDebugPanel }] = useBoolean(false)
+
+  const [introduction, setIntroduction] = useState('')
+  const [suggestedQuestions, setSuggestedQuestions] = useState<string[]>([])
+  const [controlClearChatMessage, setControlClearChatMessage] = useState(0)
+  const [prevPromptConfig, setPrevPromptConfig] = useState<PromptConfig>({
+    prompt_template: '',
+    prompt_variables: [],
+  })
+  const [moreLikeThisConfig, setMoreLikeThisConfig] = useState<MoreLikeThisConfig>({ enabled: false })
+  const [suggestedQuestionsAfterAnswerConfig, setSuggestedQuestionsAfterAnswerConfig] = useState<MoreLikeThisConfig>({ enabled: false })
+  const [speechToTextConfig, setSpeechToTextConfig] = useState<MoreLikeThisConfig>({ enabled: false })
+  const [textToSpeechConfig, setTextToSpeechConfig] = useState<TextToSpeechConfig>({
+    enabled: false,
+    voice: '',
+    language: '',
+  })
+  const [citationConfig, setCitationConfig] = useState<MoreLikeThisConfig>({ enabled: false })
+  const [annotationConfig, doSetAnnotationConfig] = useState<AnnotationReplyConfig>({
+    id: '',
+    enabled: false,
+    score_threshold: ANNOTATION_DEFAULT.score_threshold,
+    embedding_model: {
+      embedding_provider_name: '',
+      embedding_model_name: '',
+    },
+  })
+  const formattingChangedDispatcher = useFormattingChangedDispatcher()
+  const setAnnotationConfig = useCallback((config: AnnotationReplyConfig, notSetFormatChanged?: boolean) => {
+    doSetAnnotationConfig(config)
+    if (!notSetFormatChanged)
+      formattingChangedDispatcher()
+  }, [formattingChangedDispatcher])
+
+  const [moderationConfig, setModerationConfig] = useState<ModerationConfig>({ enabled: false })
+  const [externalDataToolsConfig, setExternalDataToolsConfig] = useState<ExternalDataTool[]>([])
+  const [inputs, setInputs] = useState<Inputs>({})
+  const [query, setQuery] = useState('')
+  const [completionParamsState, doSetCompletionParams] = useState<FormValue>({})
+  const [, setTempStop, getTempStop] = useGetState<string[]>([])
+  const [modelConfig, doSetModelConfig] = useState<ModelConfig>({
+    provider: 'langgenius/openai/openai',
+    model_id: 'gpt-3.5-turbo',
+    mode: ModelModeType.unset,
+    configs: {
+      prompt_template: '',
+      prompt_variables: [],
+    },
+    chat_prompt_config: clone(DEFAULT_CHAT_PROMPT_CONFIG),
+    completion_prompt_config: clone(DEFAULT_COMPLETION_PROMPT_CONFIG),
+    more_like_this: null,
+    opening_statement: '',
+    suggested_questions: [],
+    sensitive_word_avoidance: null,
+    speech_to_text: null,
+    text_to_speech: null,
+    file_upload: null,
+    suggested_questions_after_answer: null,
+    retriever_resource: null,
+    annotation_reply: null,
+    external_data_tools: [],
+    system_parameters: {
+      audio_file_size_limit: 0,
+      file_size_limit: 0,
+      image_file_size_limit: 0,
+      video_file_size_limit: 0,
+      workflow_file_upload_limit: 0,
+    },
+    dataSets: [],
+    agentConfig: DEFAULT_AGENT_SETTING,
+  })
+
+  const modelModeType = modelConfig.mode
+  const modeModeTypeRef = useRef(modelModeType)
+
+  const setCompletionParams = useCallback((value: FormValue) => {
+    const params = { ...value }
+    if ((!params.stop || params.stop.length === 0) && modeModeTypeRef.current === ModelModeType.completion) {
+      params.stop = getTempStop()
+      setTempStop([])
+    }
+    doSetCompletionParams(params)
+  }, [getTempStop, setTempStop])
+
+  const setModelConfig = useCallback((newModelConfig: ModelConfig) => {
+    doSetModelConfig(newModelConfig)
+  }, [])
+
+  const isAgent = mode === AppModeEnum.AGENT_CHAT
+
+  const [collectionList, setCollectionList] = useState<Collection[]>([])
+  const [datasetConfigs, doSetDatasetConfigs] = useState<DatasetConfigs>({
+    retrieval_model: RETRIEVE_TYPE.multiWay,
+    reranking_model: {
+      reranking_provider_name: '',
+      reranking_model_name: '',
+    },
+    top_k: DATASET_DEFAULT.top_k,
+    score_threshold_enabled: false,
+    score_threshold: DATASET_DEFAULT.score_threshold,
+    datasets: {
+      datasets: [],
+    },
+  })
+  const datasetConfigsRef = useRef(datasetConfigs)
+  const setDatasetConfigs = useCallback((newDatasetConfigs: DatasetConfigs) => {
+    doSetDatasetConfigs(newDatasetConfigs)
+    datasetConfigsRef.current = newDatasetConfigs
+  }, [])
+
+  const [dataSets, setDataSets] = useState<DataSet[]>([])
+  const contextVar = modelConfig.configs.prompt_variables.find(item => item.is_context_var)?.key
+  const hasSetContextVar = !!contextVar
+  const [isShowSelectDataSet, { setTrue: showSelectDataSet, setFalse: hideSelectDataSet }] = useBoolean(false)
+  const selectedIds = dataSets.map(item => item.id)
+  const [rerankSettingModalOpen, setRerankSettingModalOpen] = useState(false)
+  const [isShowHistoryModal, { setTrue: showHistoryModal, setFalse: hideHistoryModal }] = useBoolean(false)
+  const [showUseGPT4Confirm, setShowUseGPT4Confirm] = useState(false)
+
+  const {
+    currentModel: currentRerankModel,
+    currentProvider: currentRerankProvider,
+  } = useModelListAndDefaultModelAndCurrentProviderAndModel(ModelTypeEnum.rerank)
+
+  const syncToPublishedConfig = useCallback((_publishedConfig: PublishConfig) => {
+    const publishedModelConfig = _publishedConfig.modelConfig
+    setModelConfig(publishedModelConfig)
+    setCompletionParams(_publishedConfig.completionParams)
+    setDataSets(publishedModelConfig.dataSets || [])
+    setIntroduction(publishedModelConfig.opening_statement || '')
+    setMoreLikeThisConfig(publishedModelConfig.more_like_this || { enabled: false })
+    setSuggestedQuestionsAfterAnswerConfig(publishedModelConfig.suggested_questions_after_answer || { enabled: false })
+    setSpeechToTextConfig(publishedModelConfig.speech_to_text || { enabled: false })
+    setTextToSpeechConfig(publishedModelConfig.text_to_speech || {
+      enabled: false,
+      voice: '',
+      language: '',
+    })
+    setCitationConfig(publishedModelConfig.retriever_resource || { enabled: false })
+  }, [setCompletionParams, setModelConfig])
+
+  const { isAPIKeySet } = useProviderContext()
+  const {
+    currentModel: currModel,
+  } = useTextGenerationCurrentProviderAndModelAndModelList({
+    provider: modelConfig.provider,
+    model: modelConfig.model_id,
+  })
+  const resolvedModelModeType = (modelModeType || (hasFetchedDetail ? currModel?.model_properties.mode as ModelModeType | undefined : undefined)) ?? ModelModeType.unset
+
+  const isFunctionCall = supportFunctionCall(currModel?.features)
+
+  useEffect(() => {
+    modeModeTypeRef.current = resolvedModelModeType
+  }, [resolvedModelModeType])
+
+  const [promptMode, doSetPromptMode] = useState(PromptMode.simple)
+  const isAdvancedMode = promptMode === PromptMode.advanced
+  const [canReturnToSimpleMode, setCanReturnToSimpleMode] = useState(true)
+  const [visionConfig, doSetVisionConfig] = useState({
+    enabled: false,
+    number_limits: 2,
+    detail: Resolution.low,
+    transfer_methods: [TransferMethod.local_file],
+  })
+
+  const handleSetVisionConfig = useCallback((config: VisionSettings, notNoticeFormattingChanged?: boolean) => {
+    doSetVisionConfig({
+      enabled: config.enabled || false,
+      number_limits: config.number_limits || 2,
+      detail: config.detail || Resolution.low,
+      transfer_methods: config.transfer_methods || [TransferMethod.local_file],
+    })
+    if (!notNoticeFormattingChanged)
+      formattingChangedDispatcher()
+  }, [formattingChangedDispatcher])
+
+  const {
+    chatPromptConfig,
+    setChatPromptConfig,
+    completionPromptConfig,
+    setCompletionPromptConfig,
+    currentAdvancedPrompt,
+    setCurrentAdvancedPrompt,
+    hasSetBlockStatus,
+    setConversationHistoriesRole,
+    migrateToDefaultPrompt,
+  } = useAdvancedPromptConfig({
+    appMode: mode,
+    modelName: modelConfig.model_id,
+    promptMode,
+    modelModeType: resolvedModelModeType,
+    prePrompt: modelConfig.configs.prompt_template,
+    hasSetDataSet: dataSets.length > 0,
+    onUserChangedPrompt: () => {
+      setCanReturnToSimpleMode(false)
+    },
+    completionParams: completionParamsState,
+    setCompletionParams,
+    setStop: setTempStop,
+  })
+
+  const setPromptMode = useCallback(async (nextMode: PromptMode) => {
+    if (nextMode === PromptMode.advanced) {
+      await migrateToDefaultPrompt()
+      setCanReturnToSimpleMode(true)
+    }
+    doSetPromptMode(nextMode)
+  }, [migrateToDefaultPrompt])
+
+  const handleSelect = useCallback(createDatasetSelectHandler({
+    currentRerankModel: currentRerankModel?.model,
+    currentRerankProvider: currentRerankProvider?.provider,
+    dataSets,
+    datasetConfigs,
+    datasetConfigsRef,
+    formattingChangedDispatcher,
+    hideSelectDataSet,
+    setDataSets,
+    setDatasetConfigs,
+    setRerankSettingModalOpen,
+  }), [
+    currentRerankModel?.model,
+    currentRerankProvider?.provider,
+    dataSets,
+    datasetConfigs,
+    datasetConfigsRef,
+    formattingChangedDispatcher,
+    hideSelectDataSet,
+    setDataSets,
+    setDatasetConfigs,
+    setRerankSettingModalOpen,
+  ])
+
+  const setModel = useCallback(createModelChangeHandler({
+    chatPromptLength: chatPromptConfig.prompt.length,
+    completionParamsState,
+    completionPromptConfig,
+    handleSetVisionConfig,
+    isAdvancedMode,
+    migrateToDefaultPrompt,
+    mode,
+    modelConfig,
+    resolvedModelModeType,
+    setCompletionParams,
+    setModelConfig,
+    t,
+    visionConfig,
+  }), [
+    chatPromptConfig.prompt.length,
+    completionParamsState,
+    completionPromptConfig,
+    handleSetVisionConfig,
+    isAdvancedMode,
+    migrateToDefaultPrompt,
+    mode,
+    modelConfig,
+    resolvedModelModeType,
+    setCompletionParams,
+    setModelConfig,
+    t,
+    visionConfig,
+  ])
+
+  const isShowVisionConfig = !!currModel?.features?.includes(ModelFeatureEnum.vision)
+  const isShowDocumentConfig = !!currModel?.features?.includes(ModelFeatureEnum.document)
+  const isShowAudioConfig = !!currModel?.features?.includes(ModelFeatureEnum.audio)
+  const isAllowVideoUpload = !!currModel?.features?.includes(ModelFeatureEnum.video)
+
+  const featuresData = useMemo(() => buildConfigurationFeaturesData(modelConfig, fileUploadConfigResponse), [fileUploadConfigResponse, modelConfig])
+
+  const handleFeaturesChange = useCallback<OnFeaturesChange>((features) => {
+    setShowAppConfigureFeaturesModal(true)
+    if (features)
+      formattingChangedDispatcher()
+  }, [formattingChangedDispatcher, setShowAppConfigureFeaturesModal])
+
+  const handleAddPromptVariable = useCallback((variables: PromptVariable[]) => {
+    setModelConfig(produce(modelConfig, (draft: ModelConfig) => {
+      draft.configs.prompt_variables = [...draft.configs.prompt_variables, ...variables]
+    }))
+  }, [modelConfig, setModelConfig])
+
+  useEffect(() => {
+    void (async () => {
+      const configurationState = await loadConfigurationState({
+        appId,
+        basePath,
+        currentRerankModel: currentRerankModel?.model,
+        currentRerankProvider: currentRerankProvider?.provider,
+      })
+
+      setCollectionList(configurationState.collectionList)
+      setMode(configurationState.mode)
+      doSetPromptMode(configurationState.promptMode)
+      setDataSets(configurationState.nextDataSets)
+      setIntroduction(configurationState.introduction)
+      setSuggestedQuestions(configurationState.suggestedQuestions)
+      setMoreLikeThisConfig(configurationState.moreLikeThisConfig)
+      setSuggestedQuestionsAfterAnswerConfig(configurationState.suggestedQuestionsAfterAnswerConfig)
+      setSpeechToTextConfig(configurationState.speechToTextConfig)
+      setTextToSpeechConfig(configurationState.textToSpeechConfig)
+      setCitationConfig(configurationState.citationConfig)
+      setModerationConfig(configurationState.moderationConfig || { enabled: false })
+      setExternalDataToolsConfig(configurationState.externalDataToolsConfig)
+      setDatasetConfigs(configurationState.datasetConfigs)
+
+      if (configurationState.promptMode === PromptMode.advanced) {
+        setChatPromptConfig(configurationState.chatPromptConfig)
+        setCompletionPromptConfig(configurationState.completionPromptConfig as never)
+        setCanReturnToSimpleMode(false)
+      }
+      else {
+        setCanReturnToSimpleMode(configurationState.canReturnToSimpleMode)
+      }
+
+      if (configurationState.annotationConfig)
+        setAnnotationConfig(configurationState.annotationConfig, true)
+
+      if (configurationState.visionConfig)
+        handleSetVisionConfig(configurationState.visionConfig, true)
+
+      syncToPublishedConfig(configurationState.publishedConfig as PublishConfig)
+      setPublishedConfig(configurationState.publishedConfig as PublishConfig)
+      setHasFetchedDetail(true)
+    })()
+  }, [appId])
+
+  const { promptEmpty, cannotPublish, contextVarEmpty } = useMemo(() => getConfigurationPublishingState({
+    chatPromptConfig,
+    completionPromptConfig,
+    hasSetBlockStatus,
+    hasSetContextVar,
+    hasSelectedDataSets: dataSets.length > 0,
+    isAdvancedMode,
+    mode,
+    modelModeType: resolvedModelModeType,
+    promptTemplate: modelConfig.configs.prompt_template,
+  }), [
+    chatPromptConfig,
+    completionPromptConfig,
+    dataSets.length,
+    hasSetBlockStatus,
+    hasSetContextVar,
+    isAdvancedMode,
+    mode,
+    modelConfig.configs.prompt_template,
+    resolvedModelModeType,
+  ])
+
+  const onPublish = useCallback(async (modelAndParameter?: ModelAndParameter, features?: FeaturesData) => createPublishHandler({
+    appId,
+    chatPromptConfig,
+    citationConfig,
+    completionParamsState,
+    completionPromptConfig,
+    contextVar,
+    contextVarEmpty,
+    dataSets,
+    datasetConfigs,
+    externalDataToolsConfig,
+    hasSetBlockStatus,
+    introduction,
+    isAdvancedMode,
+    isFunctionCall,
+    mode,
+    modelConfig,
+    moreLikeThisConfig,
+    promptEmpty,
+    promptMode,
+    resolvedModelModeType,
+    setCanReturnToSimpleMode,
+    setPublishedConfig,
+    speechToTextConfig,
+    suggestedQuestionsAfterAnswerConfig,
+    t,
+    textToSpeechConfig,
+  })(updateAppModelConfig, modelAndParameter, features), [
+    appId,
+    chatPromptConfig,
+    citationConfig,
+    completionParamsState,
+    completionPromptConfig,
+    contextVar,
+    contextVarEmpty,
+    dataSets,
+    datasetConfigs,
+    externalDataToolsConfig,
+    hasSetBlockStatus,
+    introduction,
+    isAdvancedMode,
+    isFunctionCall,
+    mode,
+    modelConfig,
+    moreLikeThisConfig,
+    promptEmpty,
+    promptMode,
+    resolvedModelModeType,
+    setCanReturnToSimpleMode,
+    setPublishedConfig,
+    speechToTextConfig,
+    suggestedQuestionsAfterAnswerConfig,
+    t,
+    textToSpeechConfig,
+  ])
+
+  const {
+    debugWithMultipleModel,
+    multipleModelConfigs,
+    handleMultipleModelConfigsChange,
+  } = useDebugWithSingleOrMultipleModel(appId)
+
+  const handleDebugWithMultipleModelChange = useCallback(() => {
+    handleMultipleModelConfigsChange(
+      true,
+      [
+        { id: `${Date.now()}`, model: modelConfig.model_id, provider: modelConfig.provider, parameters: completionParamsState },
+        { id: `${Date.now()}-no-repeat`, model: '', provider: '', parameters: {} },
+      ],
+    )
+    setAppSidebarExpand('collapse')
+  }, [completionParamsState, handleMultipleModelConfigsChange, modelConfig.model_id, modelConfig.provider, setAppSidebarExpand])
+
+  const onAgentSettingChange = useCallback((config: ModelConfig['agentConfig']) => {
+    setModelConfig(produce(modelConfig, (draft: ModelConfig) => {
+      draft.agentConfig = config
+    }))
+  }, [modelConfig, setModelConfig])
+
+  const contextValue: DebugConfigurationValue = {
+    appId,
+    isAPIKeySet,
+    isTrailFinished: false,
+    mode,
+    modelModeType: resolvedModelModeType,
+    promptMode,
+    isAdvancedMode,
+    isAgent,
+    isOpenAI: modelConfig.provider === 'langgenius/openai/openai',
+    isFunctionCall,
+    collectionList,
+    setPromptMode,
+    canReturnToSimpleMode,
+    setCanReturnToSimpleMode,
+    chatPromptConfig,
+    completionPromptConfig,
+    currentAdvancedPrompt,
+    setCurrentAdvancedPrompt,
+    conversationHistoriesRole: completionPromptConfig.conversation_histories_role,
+    showHistoryModal,
+    setConversationHistoriesRole,
+    hasSetBlockStatus,
+    conversationId,
+    introduction,
+    setIntroduction,
+    suggestedQuestions,
+    setSuggestedQuestions,
+    setConversationId,
+    controlClearChatMessage,
+    setControlClearChatMessage,
+    prevPromptConfig,
+    setPrevPromptConfig,
+    moreLikeThisConfig,
+    setMoreLikeThisConfig,
+    suggestedQuestionsAfterAnswerConfig,
+    setSuggestedQuestionsAfterAnswerConfig,
+    speechToTextConfig,
+    setSpeechToTextConfig,
+    textToSpeechConfig,
+    setTextToSpeechConfig,
+    citationConfig,
+    setCitationConfig,
+    annotationConfig,
+    setAnnotationConfig,
+    moderationConfig,
+    setModerationConfig,
+    externalDataToolsConfig,
+    setExternalDataToolsConfig,
+    formattingChanged,
+    setFormattingChanged,
+    inputs,
+    setInputs,
+    query,
+    setQuery,
+    completionParams: completionParamsState,
+    setCompletionParams,
+    modelConfig,
+    setModelConfig,
+    showSelectDataSet,
+    dataSets,
+    setDataSets,
+    datasetConfigs,
+    datasetConfigsRef,
+    setDatasetConfigs,
+    hasSetContextVar,
+    isShowVisionConfig,
+    visionConfig,
+    setVisionConfig: handleSetVisionConfig,
+    isAllowVideoUpload,
+    isShowDocumentConfig,
+    isShowAudioConfig,
+    rerankSettingModalOpen,
+    setRerankSettingModalOpen,
+  }
+
+  return {
+    appPublisherProps: {
+      publishDisabled: cannotPublish,
+      publishedAt: (latestPublishedAt || 0) * 1000,
+      debugWithMultipleModel,
+      multipleModelConfigs,
+      onPublish,
+      publishedConfig: publishedConfig as PublishConfig,
+      resetAppConfig: () => publishedConfig && syncToPublishedConfig(publishedConfig),
+    },
+    contextValue,
+    featuresData,
+    isAgent,
+    isAdvancedMode,
+    isMobile,
+    isShowDebugPanel,
+    isShowHistoryModal,
+    isShowSelectDataSet,
+    modelConfig,
+    multipleModelConfigs,
+    onAutoAddPromptVariable: handleAddPromptVariable,
+    onAgentSettingChange,
+    onCloseFeaturePanel: () => setShowAppConfigureFeaturesModal(false),
+    onCloseHistoryModal: hideHistoryModal,
+    onCloseSelectDataSet: hideSelectDataSet,
+    onCompletionParamsChange: setCompletionParams,
+    onConfirmUseGPT4: () => {
+      setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })
+      setShowUseGPT4Confirm(false)
+    },
+    onEnableMultipleModelDebug: handleDebugWithMultipleModelChange,
+    onFeaturesChange: handleFeaturesChange,
+    onHideDebugPanel: hideDebugPanel,
+    onModelChange: setModel,
+    onMultipleModelConfigsChange: handleMultipleModelConfigsChange,
+    onOpenAccountSettings: () => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER }),
+    onOpenDebugPanel: showDebugPanel,
+    onSaveHistory: (data) => {
+      setConversationHistoriesRole(data)
+      hideHistoryModal()
+    },
+    onSelectDataSets: handleSelect,
+    promptVariables: modelConfig.configs.prompt_variables,
+    selectedIds,
+    showAppConfigureFeaturesModal,
+    showLoading: !hasFetchedDetail || isLoadingCurrentWorkspace || !currentWorkspace?.id,
+    showUseGPT4Confirm,
+    setShowUseGPT4Confirm,
+  }
+}
diff --git a/web/app/components/app/configuration/index.tsx b/web/app/components/app/configuration/index.tsx
index 0eba9a9ca9..6653e9d61b 100644
--- a/web/app/components/app/configuration/index.tsx
+++ b/web/app/components/app/configuration/index.tsx
@@ -1,1118 +1,11 @@
 'use client'
-import type { FC } from 'react'
-import type { ModelAndParameter } from '@/app/components/app/configuration/debug/types'
-import type { Features as FeaturesData, FileUpload } from '@/app/components/base/features/types'
-import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import type { Collection } from '@/app/components/tools/types'
-import type { ExternalDataTool } from '@/models/common'
-import type { DataSet } from '@/models/datasets'
-import type {
-  AnnotationReplyConfig,
-  DatasetConfigs,
-  Inputs,
-  ModelConfig,
-  ModerationConfig,
-  MoreLikeThisConfig,
-  PromptConfig,
-  PromptVariable,
-  TextToSpeechConfig,
-} from '@/models/debug'
-import type { ModelConfig as BackendModelConfig, UserInputFormItem, VisionSettings } from '@/types/app'
-import { CodeBracketIcon } from '@heroicons/react/20/solid'
-import { useBoolean, useGetState } from 'ahooks'
-import { clone } from 'es-toolkit/object'
-import { isEqual } from 'es-toolkit/predicate'
-import { produce } from 'immer'
 import * as React from 'react'
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useShallow } from 'zustand/react/shallow'
-import AppPublisher from '@/app/components/app/app-publisher/features-wrapper'
-import Config from '@/app/components/app/configuration/config'
-import EditHistoryModal from '@/app/components/app/configuration/config-prompt/conversation-history/edit-modal'
-import AgentSettingButton from '@/app/components/app/configuration/config/agent-setting-button'
-import SelectDataSet from '@/app/components/app/configuration/dataset-config/select-dataset'
-import Debug from '@/app/components/app/configuration/debug'
-import {
-  useDebugWithSingleOrMultipleModel,
-  useFormattingChangedDispatcher,
-} from '@/app/components/app/configuration/debug/hooks'
-import useAdvancedPromptConfig from '@/app/components/app/configuration/hooks/use-advanced-prompt-config'
-import { useStore as useAppStore } from '@/app/components/app/store'
-import Button from '@/app/components/base/button'
-import Confirm from '@/app/components/base/confirm'
-import Divider from '@/app/components/base/divider'
-import Drawer from '@/app/components/base/drawer'
-import { FeaturesProvider } from '@/app/components/base/features'
-import NewFeaturePanel from '@/app/components/base/features/new-feature-panel'
-import Loading from '@/app/components/base/loading'
-import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
-import { toast } from '@/app/components/base/ui/toast'
-import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
-import { ModelFeatureEnum, ModelTypeEnum } from '@/app/components/header/account-setting/model-provider-page/declarations'
-import {
-  useModelListAndDefaultModelAndCurrentProviderAndModel,
-  useTextGenerationCurrentProviderAndModelAndModelList,
-} from '@/app/components/header/account-setting/model-provider-page/hooks'
-import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
-import {
-  getMultipleRetrievalConfig,
-  getSelectedDatasetsMode,
-} from '@/app/components/workflow/nodes/knowledge-retrieval/utils'
-import PluginDependency from '@/app/components/workflow/plugin-dependency'
-import { SupportUploadFileTypes } from '@/app/components/workflow/types'
-import { ANNOTATION_DEFAULT, DATASET_DEFAULT, DEFAULT_AGENT_SETTING, DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'
-import { useAppContext } from '@/context/app-context'
-import ConfigContext from '@/context/debug-configuration'
-import { MittProvider } from '@/context/mitt-context-provider'
-import { useModalContext } from '@/context/modal-context'
-import { useProviderContext } from '@/context/provider-context'
-import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { PromptMode } from '@/models/debug'
-import { usePathname } from '@/next/navigation'
-import { fetchAppDetailDirect, updateAppModelConfig } from '@/service/apps'
-import { fetchDatasets } from '@/service/datasets'
-import { fetchCollectionList } from '@/service/tools'
-import { useFileUploadConfig } from '@/service/use-common'
-import { AgentStrategy, AppModeEnum, ModelModeType, Resolution, RETRIEVE_TYPE, TransferMethod } from '@/types/app'
-import {
-  correctModelProvider,
-  correctToolProvider,
-} from '@/utils'
-import { fetchAndMergeValidCompletionParams } from '@/utils/completion-params'
-import { promptVariablesToUserInputsForm, userInputsFormToPromptVariables } from '@/utils/model-config'
-import { supportFunctionCall } from '@/utils/tool-call'
-import { basePath } from '@/utils/var'
+import ConfigurationView from './configuration-view'
+import { useConfiguration } from './hooks/use-configuration'
 
-type PublishConfig = {
-  modelConfig: ModelConfig
-  completionParams: FormValue
+const Configuration = () => {
+  const viewModel = useConfiguration()
+  return <ConfigurationView {...viewModel} />
 }
 
-const Configuration: FC = () => {
-  const { t } = useTranslation()
-  const { isLoadingCurrentWorkspace, currentWorkspace } = useAppContext()
-
-  const { appDetail, showAppConfigureFeaturesModal, setAppSidebarExpand, setShowAppConfigureFeaturesModal } = useAppStore(useShallow(state => ({
-    appDetail: state.appDetail,
-    setAppSidebarExpand: state.setAppSidebarExpand,
-    showAppConfigureFeaturesModal: state.showAppConfigureFeaturesModal,
-    setShowAppConfigureFeaturesModal: state.setShowAppConfigureFeaturesModal,
-  })))
-  const { data: fileUploadConfigResponse } = useFileUploadConfig()
-
-  const latestPublishedAt = useMemo(() => appDetail?.model_config?.updated_at, [appDetail])
-  const [formattingChanged, setFormattingChanged] = useState(false)
-  const { setShowAccountSettingModal } = useModalContext()
-  const [hasFetchedDetail, setHasFetchedDetail] = useState(false)
-  const isLoading = !hasFetchedDetail
-  const pathname = usePathname()
-  const matched = /\/app\/([^/]+)/.exec(pathname)
-  const appId = (matched?.length && matched[1]) ? matched[1] : ''
-  const [mode, setMode] = useState<AppModeEnum>(AppModeEnum.CHAT)
-  const [publishedConfig, setPublishedConfig] = useState<PublishConfig | null>(null)
-
-  const [conversationId, setConversationId] = useState<string | null>('')
-
-  const media = useBreakpoints()
-  const isMobile = media === MediaType.mobile
-  const [isShowDebugPanel, { setTrue: showDebugPanel, setFalse: hideDebugPanel }] = useBoolean(false)
-
-  const [introduction, setIntroduction] = useState<string>('')
-  const [suggestedQuestions, setSuggestedQuestions] = useState<string[]>([])
-  const [controlClearChatMessage, setControlClearChatMessage] = useState(0)
-  const [prevPromptConfig, setPrevPromptConfig] = useState<PromptConfig>({
-    prompt_template: '',
-    prompt_variables: [],
-  })
-  const [moreLikeThisConfig, setMoreLikeThisConfig] = useState<MoreLikeThisConfig>({
-    enabled: false,
-  })
-  const [suggestedQuestionsAfterAnswerConfig, setSuggestedQuestionsAfterAnswerConfig] = useState<MoreLikeThisConfig>({
-    enabled: false,
-  })
-  const [speechToTextConfig, setSpeechToTextConfig] = useState<MoreLikeThisConfig>({
-    enabled: false,
-  })
-  const [textToSpeechConfig, setTextToSpeechConfig] = useState<TextToSpeechConfig>({
-    enabled: false,
-    voice: '',
-    language: '',
-  })
-  const [citationConfig, setCitationConfig] = useState<MoreLikeThisConfig>({
-    enabled: false,
-  })
-  const [annotationConfig, doSetAnnotationConfig] = useState<AnnotationReplyConfig>({
-    id: '',
-    enabled: false,
-    score_threshold: ANNOTATION_DEFAULT.score_threshold,
-    embedding_model: {
-      embedding_provider_name: '',
-      embedding_model_name: '',
-    },
-  })
-  const formattingChangedDispatcher = useFormattingChangedDispatcher()
-  const setAnnotationConfig = (config: AnnotationReplyConfig, notSetFormatChanged?: boolean) => {
-    doSetAnnotationConfig(config)
-    if (!notSetFormatChanged)
-      formattingChangedDispatcher()
-  }
-
-  const [moderationConfig, setModerationConfig] = useState<ModerationConfig>({
-    enabled: false,
-  })
-  const [externalDataToolsConfig, setExternalDataToolsConfig] = useState<ExternalDataTool[]>([])
-  const [inputs, setInputs] = useState<Inputs>({})
-  const [query, setQuery] = useState('')
-  const [completionParams, doSetCompletionParams] = useState<FormValue>({})
-  const [_, setTempStop, getTempStop] = useGetState<string[]>([])
-  const setCompletionParams = (value: FormValue) => {
-    const params = { ...value }
-
-    // eslint-disable-next-line ts/no-use-before-define
-    if ((!params.stop || params.stop.length === 0) && (modeModeTypeRef.current === ModelModeType.completion)) {
-      params.stop = getTempStop()
-      setTempStop([])
-    }
-    doSetCompletionParams(params)
-  }
-
-  const [modelConfig, doSetModelConfig] = useState<ModelConfig>({
-    provider: 'langgenius/openai/openai',
-    model_id: 'gpt-3.5-turbo',
-    mode: ModelModeType.unset,
-    configs: {
-      prompt_template: '',
-      prompt_variables: [] as PromptVariable[],
-    },
-    chat_prompt_config: clone(DEFAULT_CHAT_PROMPT_CONFIG),
-    completion_prompt_config: clone(DEFAULT_COMPLETION_PROMPT_CONFIG),
-    more_like_this: null,
-    opening_statement: '',
-    suggested_questions: [],
-    sensitive_word_avoidance: null,
-    speech_to_text: null,
-    text_to_speech: null,
-    file_upload: null,
-    suggested_questions_after_answer: null,
-    retriever_resource: null,
-    annotation_reply: null,
-    external_data_tools: [],
-    system_parameters: {
-      audio_file_size_limit: 0,
-      file_size_limit: 0,
-      image_file_size_limit: 0,
-      video_file_size_limit: 0,
-      workflow_file_upload_limit: 0,
-    },
-    dataSets: [],
-    agentConfig: DEFAULT_AGENT_SETTING,
-  })
-  const isAgent = mode === AppModeEnum.AGENT_CHAT
-
-  const isOpenAI = modelConfig.provider === 'langgenius/openai/openai'
-
-  const [collectionList, setCollectionList] = useState<Collection[]>([])
-  const [datasetConfigs, doSetDatasetConfigs] = useState<DatasetConfigs>({
-    retrieval_model: RETRIEVE_TYPE.multiWay,
-    reranking_model: {
-      reranking_provider_name: '',
-      reranking_model_name: '',
-    },
-    top_k: DATASET_DEFAULT.top_k,
-    score_threshold_enabled: false,
-    score_threshold: DATASET_DEFAULT.score_threshold,
-    datasets: {
-      datasets: [],
-    },
-  })
-  const datasetConfigsRef = useRef(datasetConfigs)
-  const setDatasetConfigs = useCallback((newDatasetConfigs: DatasetConfigs) => {
-    doSetDatasetConfigs(newDatasetConfigs)
-    datasetConfigsRef.current = newDatasetConfigs
-  }, [])
-
-  const setModelConfig = (newModelConfig: ModelConfig) => {
-    doSetModelConfig(newModelConfig)
-  }
-
-  const modelModeType = modelConfig.mode
-  const modeModeTypeRef = useRef(modelModeType)
-  useEffect(() => {
-    modeModeTypeRef.current = modelModeType
-  }, [modelModeType])
-
-  const [dataSets, setDataSets] = useState<DataSet[]>([])
-  const contextVar = modelConfig.configs.prompt_variables.find(item => item.is_context_var)?.key
-  const hasSetContextVar = !!contextVar
-  const [isShowSelectDataSet, { setTrue: showSelectDataSet, setFalse: hideSelectDataSet }] = useBoolean(false)
-  const selectedIds = dataSets.map(item => item.id)
-  const [rerankSettingModalOpen, setRerankSettingModalOpen] = useState(false)
-  const {
-    currentModel: currentRerankModel,
-    currentProvider: currentRerankProvider,
-  } = useModelListAndDefaultModelAndCurrentProviderAndModel(ModelTypeEnum.rerank)
-  const handleSelect = (data: DataSet[]) => {
-    if (isEqual(data.map(item => item.id), dataSets.map(item => item.id))) {
-      hideSelectDataSet()
-      return
-    }
-
-    formattingChangedDispatcher()
-    let newDatasets = data
-    if (data.find(item => !item.name)) { // has not loaded selected dataset
-      const newSelected = produce(data, (draft) => {
-        data.forEach((item, index) => {
-          if (!item.name) { // not fetched database
-            const newItem = dataSets.find(i => i.id === item.id)
-            if (newItem)
-              draft[index] = newItem
-          }
-        })
-      })
-      setDataSets(newSelected)
-      newDatasets = newSelected
-    }
-    else {
-      setDataSets(data)
-    }
-    hideSelectDataSet()
-    const {
-      allExternal,
-      allInternal,
-      mixtureInternalAndExternal,
-      mixtureHighQualityAndEconomic,
-      inconsistentEmbeddingModel,
-    } = getSelectedDatasetsMode(newDatasets)
-
-    if (
-      (allInternal && (mixtureHighQualityAndEconomic || inconsistentEmbeddingModel))
-      || mixtureInternalAndExternal
-      || allExternal
-    ) {
-      setRerankSettingModalOpen(true)
-    }
-
-    const { datasets, retrieval_model, score_threshold_enabled, ...restConfigs } = datasetConfigs
-    const {
-      top_k,
-      score_threshold,
-      reranking_model,
-      reranking_mode,
-      weights,
-      reranking_enable,
-    } = restConfigs
-
-    const oldRetrievalConfig = {
-      top_k,
-      score_threshold,
-      reranking_model: (reranking_model?.reranking_provider_name && reranking_model?.reranking_model_name)
-        ? {
-            provider: reranking_model.reranking_provider_name,
-            model: reranking_model.reranking_model_name,
-          }
-        : undefined,
-      reranking_mode,
-      weights,
-      reranking_enable,
-    }
-
-    const retrievalConfig = getMultipleRetrievalConfig(oldRetrievalConfig, newDatasets, dataSets, {
-      provider: currentRerankProvider?.provider,
-      model: currentRerankModel?.model,
-    })
-
-    setDatasetConfigs({
-      ...datasetConfigsRef.current,
-      ...retrievalConfig,
-      reranking_model: {
-        reranking_provider_name: retrievalConfig?.reranking_model?.provider || '',
-        reranking_model_name: retrievalConfig?.reranking_model?.model || '',
-      },
-      retrieval_model,
-      score_threshold_enabled,
-      datasets,
-    })
-  }
-
-  const [isShowHistoryModal, { setTrue: showHistoryModal, setFalse: hideHistoryModal }] = useBoolean(false)
-
-  const syncToPublishedConfig = (_publishedConfig: PublishConfig) => {
-    const modelConfig = _publishedConfig.modelConfig
-    setModelConfig(_publishedConfig.modelConfig)
-    setCompletionParams(_publishedConfig.completionParams)
-    setDataSets(modelConfig.dataSets || [])
-    // reset feature
-    setIntroduction(modelConfig.opening_statement!)
-    setMoreLikeThisConfig(modelConfig.more_like_this || {
-      enabled: false,
-    })
-    setSuggestedQuestionsAfterAnswerConfig(modelConfig.suggested_questions_after_answer || {
-      enabled: false,
-    })
-    setSpeechToTextConfig(modelConfig.speech_to_text || {
-      enabled: false,
-    })
-    setTextToSpeechConfig(modelConfig.text_to_speech || {
-      enabled: false,
-      voice: '',
-      language: '',
-    })
-    setCitationConfig(modelConfig.retriever_resource || {
-      enabled: false,
-    })
-  }
-
-  const { isAPIKeySet } = useProviderContext()
-  const {
-    currentModel: currModel,
-    textGenerationModelList,
-  } = useTextGenerationCurrentProviderAndModelAndModelList(
-    {
-      provider: modelConfig.provider,
-      model: modelConfig.model_id,
-    },
-  )
-
-  const isFunctionCall = supportFunctionCall(currModel?.features)
-
-  // Fill old app data missing model mode.
-  useEffect(() => {
-    if (hasFetchedDetail && !modelModeType) {
-      const mode = currModel?.model_properties.mode as (ModelModeType | undefined)
-      if (mode) {
-        const newModelConfig = produce(modelConfig, (draft: ModelConfig) => {
-          draft.mode = mode
-        })
-        setModelConfig(newModelConfig)
-      }
-    }
-  }, [textGenerationModelList, hasFetchedDetail, modelModeType, currModel, modelConfig])
-
-  const [promptMode, doSetPromptMode] = useState(PromptMode.simple)
-  const isAdvancedMode = promptMode === PromptMode.advanced
-  const [canReturnToSimpleMode, setCanReturnToSimpleMode] = useState(true)
-  const setPromptMode = async (mode: PromptMode) => {
-    if (mode === PromptMode.advanced) {
-      // eslint-disable-next-line ts/no-use-before-define
-      await migrateToDefaultPrompt()
-      setCanReturnToSimpleMode(true)
-    }
-
-    doSetPromptMode(mode)
-  }
-  const [visionConfig, doSetVisionConfig] = useState({
-    enabled: false,
-    number_limits: 2,
-    detail: Resolution.low,
-    transfer_methods: [TransferMethod.local_file],
-  })
-
-  const handleSetVisionConfig = (config: VisionSettings, notNoticeFormattingChanged?: boolean) => {
-    doSetVisionConfig({
-      enabled: config.enabled || false,
-      number_limits: config.number_limits || 2,
-      detail: config.detail || Resolution.low,
-      transfer_methods: config.transfer_methods || [TransferMethod.local_file],
-    })
-    if (!notNoticeFormattingChanged)
-      formattingChangedDispatcher()
-  }
-
-  const {
-    chatPromptConfig,
-    setChatPromptConfig,
-    completionPromptConfig,
-    setCompletionPromptConfig,
-    currentAdvancedPrompt,
-    setCurrentAdvancedPrompt,
-    hasSetBlockStatus,
-    setConversationHistoriesRole,
-    migrateToDefaultPrompt,
-  } = useAdvancedPromptConfig({
-    appMode: mode,
-    modelName: modelConfig.model_id,
-    promptMode,
-    modelModeType,
-    prePrompt: modelConfig.configs.prompt_template,
-    hasSetDataSet: dataSets.length > 0,
-    onUserChangedPrompt: () => {
-      setCanReturnToSimpleMode(false)
-    },
-    completionParams,
-    setCompletionParams,
-    setStop: setTempStop,
-  })
-  const setModel = async ({
-    modelId,
-    provider,
-    mode: modeMode,
-    features,
-  }: { modelId: string, provider: string, mode: string, features: string[] }) => {
-    if (isAdvancedMode) {
-      const appMode = mode
-
-      if (modeMode === ModelModeType.completion) {
-        if (appMode !== AppModeEnum.COMPLETION) {
-          if (!completionPromptConfig.prompt?.text || !completionPromptConfig.conversation_histories_role.assistant_prefix || !completionPromptConfig.conversation_histories_role.user_prefix)
-            await migrateToDefaultPrompt(true, ModelModeType.completion)
-        }
-        else {
-          if (!completionPromptConfig.prompt?.text)
-            await migrateToDefaultPrompt(true, ModelModeType.completion)
-        }
-      }
-      if (modeMode === ModelModeType.chat) {
-        if (chatPromptConfig.prompt.length === 0)
-          await migrateToDefaultPrompt(true, ModelModeType.chat)
-      }
-    }
-    const newModelConfig = produce(modelConfig, (draft: ModelConfig) => {
-      draft.provider = provider
-      draft.model_id = modelId
-      draft.mode = modeMode as ModelModeType
-    })
-
-    setModelConfig(newModelConfig)
-    const supportVision = features && features.includes(ModelFeatureEnum.vision)
-
-    handleSetVisionConfig({
-      ...visionConfig,
-      enabled: supportVision,
-    }, true)
-
-    try {
-      const { params: filtered, removedDetails } = await fetchAndMergeValidCompletionParams(
-        provider,
-        modelId,
-        completionParams,
-        isAdvancedMode,
-      )
-      if (Object.keys(removedDetails).length)
-        toast.warning(`${t('modelProvider.parametersInvalidRemoved', { ns: 'common' })}: ${Object.entries(removedDetails).map(([k, reason]) => `${k} (${reason})`).join(', ')}`)
-      setCompletionParams(filtered)
-    }
-    catch {
-      toast.error(t('error', { ns: 'common' }))
-      setCompletionParams({})
-    }
-  }
-
-  const isShowVisionConfig = !!currModel?.features?.includes(ModelFeatureEnum.vision)
-  const isShowDocumentConfig = !!currModel?.features?.includes(ModelFeatureEnum.document)
-  const isShowAudioConfig = !!currModel?.features?.includes(ModelFeatureEnum.audio)
-  const isAllowVideoUpload = !!currModel?.features?.includes(ModelFeatureEnum.video)
-  // *** web app features ***
-  const featuresData: FeaturesData = useMemo(() => {
-    return {
-      moreLikeThis: modelConfig.more_like_this || { enabled: false },
-      opening: {
-        enabled: !!modelConfig.opening_statement,
-        opening_statement: modelConfig.opening_statement || '',
-        suggested_questions: modelConfig.suggested_questions || [],
-      },
-      moderation: modelConfig.sensitive_word_avoidance || { enabled: false },
-      speech2text: modelConfig.speech_to_text || { enabled: false },
-      text2speech: modelConfig.text_to_speech || { enabled: false },
-      file: {
-        image: {
-          detail: modelConfig.file_upload?.image?.detail || Resolution.high,
-          enabled: !!modelConfig.file_upload?.image?.enabled,
-          number_limits: modelConfig.file_upload?.image?.number_limits || 3,
-          transfer_methods: modelConfig.file_upload?.image?.transfer_methods || ['local_file', 'remote_url'],
-        },
-        enabled: !!(modelConfig.file_upload?.enabled || modelConfig.file_upload?.image?.enabled),
-        allowed_file_types: modelConfig.file_upload?.allowed_file_types || [],
-        allowed_file_extensions: modelConfig.file_upload?.allowed_file_extensions || [...FILE_EXTS[SupportUploadFileTypes.image], ...FILE_EXTS[SupportUploadFileTypes.video]].map(ext => `.${ext}`),
-        allowed_file_upload_methods: modelConfig.file_upload?.allowed_file_upload_methods || modelConfig.file_upload?.image?.transfer_methods || ['local_file', 'remote_url'],
-        number_limits: modelConfig.file_upload?.number_limits || modelConfig.file_upload?.image?.number_limits || 3,
-        fileUploadConfig: fileUploadConfigResponse,
-      } as FileUpload,
-      suggested: modelConfig.suggested_questions_after_answer || { enabled: false },
-      citation: modelConfig.retriever_resource || { enabled: false },
-      annotationReply: modelConfig.annotation_reply || { enabled: false },
-    }
-  }, [fileUploadConfigResponse, modelConfig])
-  const handleFeaturesChange = useCallback((flag: any) => {
-    setShowAppConfigureFeaturesModal(true)
-    if (flag)
-      formattingChangedDispatcher()
-  }, [formattingChangedDispatcher, setShowAppConfigureFeaturesModal])
-  const handleAddPromptVariable = useCallback((variable: PromptVariable[]) => {
-    const newModelConfig = produce(modelConfig, (draft: ModelConfig) => {
-      draft.configs.prompt_variables = [...draft.configs.prompt_variables, ...variable]
-    })
-    setModelConfig(newModelConfig)
-  }, [modelConfig])
-
-  useEffect(() => {
-    (async () => {
-      const collectionList = await fetchCollectionList()
-      if (basePath) {
-        collectionList.forEach((item) => {
-          if (typeof item.icon == 'string' && !item.icon.includes(basePath))
-            item.icon = `${basePath}${item.icon}`
-        })
-      }
-      setCollectionList(collectionList)
-      const res = await fetchAppDetailDirect({ url: '/apps', id: appId })
-      setMode(res.mode as AppModeEnum)
-      const modelConfig = res.model_config as BackendModelConfig
-      const promptMode = modelConfig.prompt_type === PromptMode.advanced ? PromptMode.advanced : PromptMode.simple
-      doSetPromptMode(promptMode)
-      if (promptMode === PromptMode.advanced) {
-        if (modelConfig.chat_prompt_config && modelConfig.chat_prompt_config.prompt.length > 0)
-          setChatPromptConfig(modelConfig.chat_prompt_config)
-        else
-          setChatPromptConfig(clone(DEFAULT_CHAT_PROMPT_CONFIG))
-        setCompletionPromptConfig(modelConfig.completion_prompt_config || clone(DEFAULT_COMPLETION_PROMPT_CONFIG) as any)
-        setCanReturnToSimpleMode(false)
-      }
-
-      const model = modelConfig.model
-
-      let datasets: any = null
-      // old dataset struct
-      if (modelConfig.agent_mode?.tools?.find(({ dataset }: any) => dataset?.enabled))
-        datasets = modelConfig.agent_mode?.tools.filter(({ dataset }: any) => dataset?.enabled)
-        // new dataset struct
-      else if (modelConfig.dataset_configs.datasets?.datasets?.length > 0)
-        datasets = modelConfig.dataset_configs?.datasets?.datasets
-
-      if (dataSets && datasets?.length && datasets?.length > 0) {
-        const { data: dataSetsWithDetail } = await fetchDatasets({ url: '/datasets', params: { page: 1, ids: datasets.map(({ dataset }: any) => dataset.id) } })
-        datasets = dataSetsWithDetail
-        setDataSets(datasets)
-      }
-
-      setIntroduction(modelConfig.opening_statement)
-      setSuggestedQuestions(modelConfig.suggested_questions || [])
-      if (modelConfig.more_like_this)
-        setMoreLikeThisConfig(modelConfig.more_like_this)
-
-      if (modelConfig.suggested_questions_after_answer)
-        setSuggestedQuestionsAfterAnswerConfig(modelConfig.suggested_questions_after_answer)
-
-      if (modelConfig.speech_to_text)
-        setSpeechToTextConfig(modelConfig.speech_to_text)
-
-      if (modelConfig.text_to_speech)
-        setTextToSpeechConfig(modelConfig.text_to_speech)
-
-      if (modelConfig.retriever_resource)
-        setCitationConfig(modelConfig.retriever_resource)
-
-      if (modelConfig.annotation_reply) {
-        let annotationConfig = modelConfig.annotation_reply
-        if (modelConfig.annotation_reply.enabled) {
-          annotationConfig = {
-            ...modelConfig.annotation_reply,
-            embedding_model: {
-              ...modelConfig.annotation_reply.embedding_model,
-              embedding_provider_name: correctModelProvider(modelConfig.annotation_reply.embedding_model.embedding_provider_name),
-            },
-          }
-        }
-        setAnnotationConfig(annotationConfig, true)
-      }
-
-      if (modelConfig.sensitive_word_avoidance)
-        setModerationConfig(modelConfig.sensitive_word_avoidance)
-
-      if (modelConfig.external_data_tools)
-        setExternalDataToolsConfig(modelConfig.external_data_tools)
-
-      const config: PublishConfig = {
-        modelConfig: {
-          provider: correctModelProvider(model.provider),
-          model_id: model.name,
-          mode: model.mode,
-          configs: {
-            prompt_template: modelConfig.pre_prompt || '',
-            prompt_variables: userInputsFormToPromptVariables(
-              ([
-                ...modelConfig.user_input_form,
-                ...(
-                  modelConfig.external_data_tools?.length
-                    ? modelConfig.external_data_tools.map((item: any) => {
-                        return {
-                          external_data_tool: {
-                            variable: item.variable as string,
-                            label: item.label as string,
-                            enabled: item.enabled,
-                            type: item.type as string,
-                            config: item.config,
-                            required: true,
-                            icon: item.icon,
-                            icon_background: item.icon_background,
-                          },
-                        }
-                      })
-                    : []
-                ),
-              ]) as unknown as UserInputFormItem[],
-              modelConfig.dataset_query_variable,
-            ),
-          },
-          more_like_this: modelConfig.more_like_this ?? { enabled: false },
-          opening_statement: modelConfig.opening_statement,
-          suggested_questions: modelConfig.suggested_questions ?? [],
-          sensitive_word_avoidance: modelConfig.sensitive_word_avoidance,
-          speech_to_text: modelConfig.speech_to_text,
-          text_to_speech: modelConfig.text_to_speech,
-          file_upload: modelConfig.file_upload ?? null,
-          suggested_questions_after_answer: modelConfig.suggested_questions_after_answer ?? { enabled: false },
-          retriever_resource: modelConfig.retriever_resource,
-          annotation_reply: modelConfig.annotation_reply ?? null,
-          external_data_tools: modelConfig.external_data_tools ?? [],
-          system_parameters: modelConfig.system_parameters,
-          dataSets: datasets || [],
-          agentConfig: res.mode === AppModeEnum.AGENT_CHAT ? {
-            max_iteration: DEFAULT_AGENT_SETTING.max_iteration,
-            ...modelConfig.agent_mode,
-            // remove dataset
-            enabled: true, // modelConfig.agent_mode?.enabled is not correct. old app: the value of app with dataset's is always true
-            tools: (modelConfig.agent_mode?.tools ?? []).filter((tool: any) => {
-              return !tool.dataset
-            }).map((tool: any) => {
-              const toolInCollectionList = collectionList.find(c => tool.provider_id === c.id)
-              return {
-                ...tool,
-                isDeleted: res.deleted_tools?.some((deletedTool: any) => deletedTool.provider_id === tool.provider_id && deletedTool.tool_name === tool.tool_name) ?? false,
-                notAuthor: toolInCollectionList?.is_team_authorization === false,
-                ...(tool.provider_type === 'builtin'
-                  ? {
-                      provider_id: correctToolProvider(tool.provider_name, !!toolInCollectionList),
-                      provider_name: correctToolProvider(tool.provider_name, !!toolInCollectionList),
-                    }
-                  : {}),
-              }
-            }),
-            strategy: modelConfig.agent_mode?.strategy ?? AgentStrategy.react,
-          } : DEFAULT_AGENT_SETTING,
-        },
-        completionParams: model.completion_params,
-      }
-
-      if (modelConfig.file_upload)
-        handleSetVisionConfig(modelConfig.file_upload.image, true)
-
-      syncToPublishedConfig(config)
-      setPublishedConfig(config)
-      const retrievalConfig = getMultipleRetrievalConfig({
-        ...modelConfig.dataset_configs,
-        reranking_model: modelConfig.dataset_configs.reranking_model && {
-          provider: modelConfig.dataset_configs.reranking_model.reranking_provider_name,
-          model: modelConfig.dataset_configs.reranking_model.reranking_model_name,
-        },
-      }, datasets, datasets, {
-        provider: currentRerankProvider?.provider,
-        model: currentRerankModel?.model,
-      })
-      const datasetConfigsToSet = {
-        ...modelConfig.dataset_configs,
-        ...retrievalConfig,
-        ...(retrievalConfig.reranking_model
-          ? {
-              reranking_model: {
-                reranking_model_name: retrievalConfig.reranking_model.model,
-                reranking_provider_name: correctModelProvider(retrievalConfig.reranking_model.provider),
-              },
-            }
-          : {}),
-      } as DatasetConfigs
-      datasetConfigsToSet.retrieval_model = datasetConfigsToSet.retrieval_model ?? RETRIEVE_TYPE.multiWay
-      setDatasetConfigs(datasetConfigsToSet)
-      setHasFetchedDetail(true)
-    })()
-  }, [appId])
-
-  const promptEmpty = (() => {
-    if (mode !== AppModeEnum.COMPLETION)
-      return false
-
-    if (isAdvancedMode) {
-      if (modelModeType === ModelModeType.chat)
-        return chatPromptConfig.prompt.every(({ text }: any) => !text)
-
-      else
-        return !completionPromptConfig.prompt?.text
-    }
-
-    else { return !modelConfig.configs.prompt_template }
-  })()
-  const cannotPublish = (() => {
-    if (mode !== AppModeEnum.COMPLETION) {
-      if (!isAdvancedMode)
-        return false
-
-      if (modelModeType === ModelModeType.completion) {
-        if (!hasSetBlockStatus.history || !hasSetBlockStatus.query)
-          return true
-
-        return false
-      }
-
-      return false
-    }
-    else { return promptEmpty }
-  })()
-  const contextVarEmpty = mode === AppModeEnum.COMPLETION && dataSets.length > 0 && !hasSetContextVar
-  const onPublish = async (modelAndParameter?: ModelAndParameter, features?: FeaturesData) => {
-    const modelId = modelAndParameter?.model || modelConfig.model_id
-    const promptTemplate = modelConfig.configs.prompt_template
-    const promptVariables = modelConfig.configs.prompt_variables
-
-    if (promptEmpty) {
-      toast.error(t('otherError.promptNoBeEmpty', { ns: 'appDebug' }))
-      return
-    }
-    if (isAdvancedMode && mode !== AppModeEnum.COMPLETION) {
-      if (modelModeType === ModelModeType.completion) {
-        if (!hasSetBlockStatus.history) {
-          toast.error(t('otherError.historyNoBeEmpty', { ns: 'appDebug' }))
-          return
-        }
-        if (!hasSetBlockStatus.query) {
-          toast.error(t('otherError.queryNoBeEmpty', { ns: 'appDebug' }))
-          return
-        }
-      }
-    }
-    if (contextVarEmpty) {
-      toast.error(t('feature.dataSet.queryVariable.contextVarNotEmpty', { ns: 'appDebug' }))
-      return
-    }
-    const postDatasets = dataSets.map(({ id }) => ({
-      dataset: {
-        enabled: true,
-        id,
-      },
-    }))
-
-    const fileUpload = { ...features?.file }
-    delete fileUpload?.fileUploadConfig
-
-    // new model config data struct
-    const data: BackendModelConfig = {
-      // Simple Mode prompt
-      pre_prompt: !isAdvancedMode ? promptTemplate : '',
-      prompt_type: promptMode,
-      chat_prompt_config: isAdvancedMode ? chatPromptConfig : clone(DEFAULT_CHAT_PROMPT_CONFIG),
-      completion_prompt_config: isAdvancedMode ? completionPromptConfig : clone(DEFAULT_COMPLETION_PROMPT_CONFIG),
-      user_input_form: promptVariablesToUserInputsForm(promptVariables),
-      dataset_query_variable: contextVar || '',
-      //  features
-      more_like_this: features?.moreLikeThis as any,
-      opening_statement: features?.opening?.enabled ? (features.opening?.opening_statement || '') : '',
-      suggested_questions: features?.opening?.enabled ? (features.opening?.suggested_questions || []) : [],
-      sensitive_word_avoidance: features?.moderation as any,
-      speech_to_text: features?.speech2text as any,
-      text_to_speech: features?.text2speech as any,
-      file_upload: fileUpload as any,
-      suggested_questions_after_answer: features?.suggested as any,
-      retriever_resource: features?.citation as any,
-      agent_mode: {
-        ...modelConfig.agentConfig,
-        strategy: isFunctionCall ? AgentStrategy.functionCall : AgentStrategy.react,
-      },
-      external_data_tools: externalDataToolsConfig,
-      model: {
-        provider: modelAndParameter?.provider || modelConfig.provider,
-        name: modelId,
-        mode: modelConfig.mode,
-        completion_params: modelAndParameter?.parameters || completionParams as any,
-      },
-      dataset_configs: {
-        ...datasetConfigs,
-        datasets: {
-          datasets: [...postDatasets],
-        } as any,
-      },
-      system_parameters: modelConfig.system_parameters,
-    }
-
-    await updateAppModelConfig({ url: `/apps/${appId}/model-config`, body: data })
-    const newModelConfig = produce(modelConfig, (draft: any) => {
-      draft.opening_statement = introduction
-      draft.more_like_this = moreLikeThisConfig
-      draft.suggested_questions_after_answer = suggestedQuestionsAfterAnswerConfig
-      draft.speech_to_text = speechToTextConfig
-      draft.text_to_speech = textToSpeechConfig
-      draft.retriever_resource = citationConfig
-      draft.dataSets = dataSets
-    })
-    setPublishedConfig({
-      modelConfig: newModelConfig,
-      completionParams,
-    })
-    toast.success(t('api.success', { ns: 'common' }))
-
-    setCanReturnToSimpleMode(false)
-    return true
-  }
-
-  const [showUseGPT4Confirm, setShowUseGPT4Confirm] = useState(false)
-
-  const {
-    debugWithMultipleModel,
-    multipleModelConfigs,
-    handleMultipleModelConfigsChange,
-  } = useDebugWithSingleOrMultipleModel(appId)
-
-  const handleDebugWithMultipleModelChange = () => {
-    handleMultipleModelConfigsChange(
-      true,
-      [
-        { id: `${Date.now()}`, model: modelConfig.model_id, provider: modelConfig.provider, parameters: completionParams },
-        { id: `${Date.now()}-no-repeat`, model: '', provider: '', parameters: {} },
-      ],
-    )
-    setAppSidebarExpand('collapse')
-  }
-
-  if (isLoading || isLoadingCurrentWorkspace || !currentWorkspace.id) {
-    return (
-      <div className="flex h-full items-center justify-center">
-        <Loading type="area" />
-      </div>
-    )
-  }
-  const value = {
-    appId,
-    isAPIKeySet,
-    isTrailFinished: false,
-    mode,
-    modelModeType,
-    promptMode,
-    isAdvancedMode,
-    isAgent,
-    isOpenAI,
-    isFunctionCall,
-    collectionList,
-    setPromptMode,
-    canReturnToSimpleMode,
-    setCanReturnToSimpleMode,
-    chatPromptConfig,
-    completionPromptConfig,
-    currentAdvancedPrompt,
-    setCurrentAdvancedPrompt,
-    conversationHistoriesRole: completionPromptConfig.conversation_histories_role,
-    showHistoryModal,
-    setConversationHistoriesRole,
-    hasSetBlockStatus,
-    conversationId,
-    introduction,
-    setIntroduction,
-    suggestedQuestions,
-    setSuggestedQuestions,
-    setConversationId,
-    controlClearChatMessage,
-    setControlClearChatMessage,
-    prevPromptConfig,
-    setPrevPromptConfig,
-    moreLikeThisConfig,
-    setMoreLikeThisConfig,
-    suggestedQuestionsAfterAnswerConfig,
-    setSuggestedQuestionsAfterAnswerConfig,
-    speechToTextConfig,
-    setSpeechToTextConfig,
-    textToSpeechConfig,
-    setTextToSpeechConfig,
-    citationConfig,
-    setCitationConfig,
-    annotationConfig,
-    setAnnotationConfig,
-    moderationConfig,
-    setModerationConfig,
-    externalDataToolsConfig,
-    setExternalDataToolsConfig,
-    formattingChanged,
-    setFormattingChanged,
-    inputs,
-    setInputs,
-    query,
-    setQuery,
-    completionParams,
-    setCompletionParams,
-    modelConfig,
-    setModelConfig,
-    showSelectDataSet,
-    dataSets,
-    setDataSets,
-    datasetConfigs,
-    datasetConfigsRef,
-    setDatasetConfigs,
-    hasSetContextVar,
-    isShowVisionConfig,
-    visionConfig,
-    setVisionConfig: handleSetVisionConfig,
-    isAllowVideoUpload,
-    isShowDocumentConfig,
-    isShowAudioConfig,
-    rerankSettingModalOpen,
-    setRerankSettingModalOpen,
-  }
-  return (
-    <ConfigContext.Provider value={value}>
-      <FeaturesProvider features={featuresData}>
-        <MittProvider>
-          <div className="flex h-full flex-col">
-            <div className="relative flex h-[200px] grow pt-14">
-              {/* Header */}
-              <div className="bg-default-subtle absolute left-0 top-0 h-14 w-full">
-                <div className="flex h-14 items-center justify-between px-6">
-                  <div className="flex items-center">
-                    <div className="text-text-primary system-xl-semibold">{t('orchestrate', { ns: 'appDebug' })}</div>
-                    <div className="flex h-[14px] items-center space-x-1 text-xs">
-                      {isAdvancedMode && (
-                        <div className="ml-1 flex h-5 items-center rounded-md border border-components-button-secondary-border px-1.5 uppercase text-text-tertiary system-xs-medium-uppercase">{t('promptMode.advanced', { ns: 'appDebug' })}</div>
-                      )}
-                    </div>
-                  </div>
-                  <div className="flex items-center">
-                    {/* Agent Setting */}
-                    {isAgent && (
-                      <AgentSettingButton
-                        isChatModel={modelConfig.mode === ModelModeType.chat}
-                        agentConfig={modelConfig.agentConfig}
-
-                        isFunctionCall={isFunctionCall}
-                        onAgentSettingChange={(config) => {
-                          const nextConfig = produce(modelConfig, (draft: ModelConfig) => {
-                            draft.agentConfig = config
-                          })
-                          setModelConfig(nextConfig)
-                        }}
-                      />
-                    )}
-                    {/* Model and Parameters */}
-                    {!debugWithMultipleModel && (
-                      <>
-                        <ModelParameterModal
-                          isAdvancedMode={isAdvancedMode}
-                          provider={modelConfig.provider}
-                          completionParams={completionParams}
-                          modelId={modelConfig.model_id}
-                          setModel={setModel as any}
-                          onCompletionParamsChange={(newParams: FormValue) => {
-                            setCompletionParams(newParams)
-                          }}
-                          debugWithMultipleModel={debugWithMultipleModel}
-                          onDebugWithMultipleModelChange={handleDebugWithMultipleModelChange}
-                        />
-                        <Divider type="vertical" className="mx-2 h-[14px]" />
-                      </>
-                    )}
-                    {isMobile && (
-                      <Button className="mr-2 h-8! text-[13px]! font-medium" onClick={showDebugPanel}>
-                        <span className="mr-1">{t('operation.debugConfig', { ns: 'appDebug' })}</span>
-                        <CodeBracketIcon className="h-4 w-4 text-text-tertiary" />
-                      </Button>
-                    )}
-                    <AppPublisher {...{
-                      publishDisabled: cannotPublish,
-                      publishedAt: (latestPublishedAt || 0) * 1000,
-                      debugWithMultipleModel,
-                      multipleModelConfigs,
-                      onPublish,
-                      publishedConfig: publishedConfig!,
-                      resetAppConfig: () => syncToPublishedConfig(publishedConfig!),
-                    }}
-                    />
-                  </div>
-                </div>
-              </div>
-              <div className={`flex h-full w-full shrink-0 flex-col sm:w-1/2 ${debugWithMultipleModel && 'max-w-[560px]'}`}>
-                <Config />
-              </div>
-              {!isMobile && (
-                <div className="relative flex h-full w-1/2 grow flex-col overflow-y-auto" style={{ borderColor: 'rgba(0, 0, 0, 0.02)' }}>
-                  <div className="flex grow flex-col rounded-tl-2xl border-l-[0.5px] border-t-[0.5px] border-components-panel-border bg-chatbot-bg">
-                    <Debug
-                      isAPIKeySet={isAPIKeySet}
-                      onSetting={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })}
-                      inputs={inputs}
-                      modelParameterParams={{
-                        setModel: setModel as any,
-                        onCompletionParamsChange: setCompletionParams,
-                      }}
-                      debugWithMultipleModel={debugWithMultipleModel}
-                      multipleModelConfigs={multipleModelConfigs}
-                      onMultipleModelConfigsChange={handleMultipleModelConfigsChange}
-                    />
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-          {showUseGPT4Confirm && (
-            <Confirm
-              title={t('trailUseGPT4Info.title', { ns: 'appDebug' })}
-              content={t('trailUseGPT4Info.description', { ns: 'appDebug' })}
-              isShow={showUseGPT4Confirm}
-              onConfirm={() => {
-                setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })
-                setShowUseGPT4Confirm(false)
-              }}
-              onCancel={() => setShowUseGPT4Confirm(false)}
-            />
-          )}
-
-          {isShowSelectDataSet && (
-            <SelectDataSet
-              isShow={isShowSelectDataSet}
-              onClose={hideSelectDataSet}
-              selectedIds={selectedIds}
-              onSelect={handleSelect}
-            />
-          )}
-
-          {isShowHistoryModal && (
-            <EditHistoryModal
-              isShow={isShowHistoryModal}
-              saveLoading={false}
-              onClose={hideHistoryModal}
-              data={completionPromptConfig.conversation_histories_role}
-              onSave={(data) => {
-                setConversationHistoriesRole(data)
-                hideHistoryModal()
-              }}
-            />
-          )}
-          {isMobile && (
-            <Drawer showClose isOpen={isShowDebugPanel} onClose={hideDebugPanel} mask footer={null}>
-              <Debug
-                isAPIKeySet={isAPIKeySet}
-                onSetting={() => setShowAccountSettingModal({ payload: ACCOUNT_SETTING_TAB.PROVIDER })}
-                inputs={inputs}
-                modelParameterParams={{
-                  setModel: setModel as any,
-                  onCompletionParamsChange: setCompletionParams,
-                }}
-                debugWithMultipleModel={debugWithMultipleModel}
-                multipleModelConfigs={multipleModelConfigs}
-                onMultipleModelConfigsChange={handleMultipleModelConfigsChange}
-              />
-            </Drawer>
-          )}
-          {showAppConfigureFeaturesModal && (
-            <NewFeaturePanel
-              show
-              inWorkflow={false}
-              showFileUpload={false}
-              isChatMode={mode !== AppModeEnum.COMPLETION}
-              disabled={false}
-              onChange={handleFeaturesChange}
-              onClose={() => setShowAppConfigureFeaturesModal(false)}
-              promptVariables={modelConfig.configs.prompt_variables}
-              onAutoAddPromptVariable={handleAddPromptVariable}
-            />
-          )}
-          <PluginDependency />
-        </MittProvider>
-      </FeaturesProvider>
-    </ConfigContext.Provider>
-  )
-}
 export default React.memo(Configuration)
diff --git a/web/app/components/app/configuration/prompt-value-panel/__tests__/index.spec.tsx b/web/app/components/app/configuration/prompt-value-panel/__tests__/index.spec.tsx
new file mode 100644
index 0000000000..d97620022b
--- /dev/null
+++ b/web/app/components/app/configuration/prompt-value-panel/__tests__/index.spec.tsx
@@ -0,0 +1,233 @@
+/* eslint-disable ts/no-explicit-any */
+import type { IPromptValuePanelProps } from '../index'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import * as React from 'react'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import ConfigContext from '@/context/debug-configuration'
+import { AppModeEnum, ModelModeType, Resolution } from '@/types/app'
+import PromptValuePanel from '../index'
+
+const mockSetShowAppConfigureFeaturesModal = vi.fn()
+
+vi.mock('@/app/components/app/store', () => ({
+  useStore: (selector: (state: { setShowAppConfigureFeaturesModal: typeof mockSetShowAppConfigureFeaturesModal }) => unknown) => selector({
+    setShowAppConfigureFeaturesModal: mockSetShowAppConfigureFeaturesModal,
+  }),
+}))
+
+// Use real store - global zustand mock will auto-reset between tests
+vi.mock('@/app/components/base/features/new-feature-panel/feature-bar', () => ({
+  default: ({ onFeatureBarClick }: { onFeatureBarClick: () => void }) => (
+    <button type="button" onClick={onFeatureBarClick}>
+      feature bar
+    </button>
+  ),
+}))
+
+vi.mock('@/app/components/base/select', () => ({
+  default: ({ onSelect }: { onSelect: (item: { value: string }) => void }) => (
+    <button type="button" onClick={() => onSelect({ value: 'selected-option' })}>select-input</button>
+  ),
+}))
+
+vi.mock('@/app/components/workflow/nodes/_base/components/before-run-form/bool-input', () => ({
+  default: ({ onChange }: { onChange: (value: boolean) => void }) => (
+    <button type="button" onClick={() => onChange(true)}>bool-input</button>
+  ),
+}))
+
+vi.mock('@/app/components/base/image-uploader/text-generation-image-uploader', () => ({
+  default: ({ onFilesChange }: { onFilesChange: (files: Array<Record<string, unknown>>) => void }) => (
+    <button
+      type="button"
+      onClick={() => onFilesChange([
+        { progress: 100, type: 'local_file', url: 'https://example.com/a.png', fileId: 'file-1' },
+        { progress: -1, type: 'remote_url', url: 'https://example.com/b.png', fileId: 'file-2' },
+      ])}
+    >
+      image-uploader
+    </button>
+  ),
+}))
+
+const mockSetInputs = vi.fn()
+const mockOnSend = vi.fn()
+
+const promptVariables = [
+  { key: 'textVar', name: 'Text Var', type: 'string', required: true },
+  { key: 'boolVar', name: 'Boolean Var', type: 'checkbox' },
+] as const
+
+const baseContextValue: any = {
+  modelModeType: ModelModeType.completion,
+  modelConfig: {
+    configs: {
+      prompt_template: 'prompt template',
+      prompt_variables: promptVariables,
+    },
+  },
+  setInputs: mockSetInputs,
+  mode: AppModeEnum.COMPLETION,
+  isAdvancedMode: false,
+  completionPromptConfig: {
+    prompt: { text: 'completion' },
+    conversation_histories_role: { user_prefix: 'user', assistant_prefix: 'assistant' },
+  },
+  chatPromptConfig: { prompt: [] },
+} as any
+
+const defaultProps: IPromptValuePanelProps = {
+  appType: AppModeEnum.COMPLETION,
+  onSend: mockOnSend,
+  inputs: { textVar: 'initial', boolVar: false },
+  visionConfig: { enabled: false, number_limits: 0, detail: Resolution.low, transfer_methods: [] },
+  onVisionFilesChange: vi.fn(),
+}
+
+const renderPanel = (options: {
+  context?: Partial<typeof baseContextValue>
+  props?: Partial<IPromptValuePanelProps>
+} = {}) => {
+  const contextValue = { ...baseContextValue, ...options.context }
+  const props = { ...defaultProps, ...options.props }
+  return render(
+    <ConfigContext.Provider value={contextValue}>
+      <PromptValuePanel {...props} />
+    </ConfigContext.Provider>,
+  )
+}
+
+describe('PromptValuePanel', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockSetInputs.mockClear()
+    mockOnSend.mockClear()
+    mockSetShowAppConfigureFeaturesModal.mockClear()
+  })
+
+  it('updates inputs, clears values, and triggers run when ready', async () => {
+    renderPanel()
+
+    const textInput = screen.getByPlaceholderText('Text Var')
+    fireEvent.change(textInput, { target: { value: 'updated' } })
+    expect(mockSetInputs).toHaveBeenCalledWith(expect.objectContaining({ textVar: 'updated' }))
+
+    const clearButton = screen.getByRole('button', { name: 'common.operation.clear' })
+    fireEvent.click(clearButton)
+
+    expect(mockSetInputs).toHaveBeenLastCalledWith({
+      textVar: '',
+      boolVar: '',
+    })
+
+    const runButton = screen.getByRole('button', { name: 'appDebug.inputs.run' })
+    expect(runButton).not.toBeDisabled()
+    fireEvent.click(runButton)
+    await waitFor(() => expect(mockOnSend).toHaveBeenCalledTimes(1))
+  })
+
+  it('disables run when mode is not completion', () => {
+    renderPanel({
+      context: {
+        mode: AppModeEnum.CHAT,
+      },
+      props: {
+        appType: AppModeEnum.CHAT,
+      },
+    })
+
+    const runButton = screen.getByRole('button', { name: 'appDebug.inputs.run' })
+    expect(runButton).toBeDisabled()
+    fireEvent.click(runButton)
+    expect(mockOnSend).not.toHaveBeenCalled()
+  })
+
+  it('hydrates default values, supports advanced prompt gating, and toggles the feature panel', () => {
+    renderPanel({
+      context: {
+        isAdvancedMode: true,
+        modelModeType: ModelModeType.chat,
+        chatPromptConfig: { prompt: [{ text: '' }] },
+        modelConfig: {
+          configs: {
+            prompt_template: '',
+            prompt_variables: [
+              { key: 'textVar', name: 'Text Var', type: 'string', default: 'default text', required: true },
+            ],
+          },
+        },
+      },
+      props: {
+        inputs: { textVar: '' },
+      },
+    })
+
+    expect(mockSetInputs).toHaveBeenCalledWith({ textVar: 'default text' })
+    expect(screen.getByRole('button', { name: 'appDebug.inputs.run' })).toBeDisabled()
+
+    fireEvent.click(screen.getByText('feature bar'))
+    expect(mockSetShowAppConfigureFeaturesModal).toHaveBeenCalled()
+  })
+
+  it('renders paragraph, select, number, checkbox, and vision inputs', () => {
+    const onVisionFilesChange = vi.fn()
+    renderPanel({
+      context: {
+        modelConfig: {
+          configs: {
+            prompt_template: 'prompt template',
+            prompt_variables: [
+              { key: 'paragraphVar', name: 'Paragraph Var', type: 'paragraph', required: false },
+              { key: 'selectVar', name: 'Select Var', type: 'select', options: ['a', 'b'], required: false },
+              { key: 'numberVar', name: 'Number Var', type: 'number', required: true },
+              { key: 'boolVar', name: 'Boolean Var', type: 'checkbox', required: false },
+            ],
+          },
+        },
+      },
+      props: {
+        inputs: {
+          paragraphVar: 'paragraph',
+          selectVar: 'a',
+          numberVar: '1',
+          boolVar: false,
+        },
+        onVisionFilesChange,
+        visionConfig: {
+          enabled: true,
+          number_limits: 2,
+          detail: Resolution.high,
+          transfer_methods: [],
+        },
+      },
+    })
+
+    fireEvent.change(screen.getByPlaceholderText('Paragraph Var'), { target: { value: 'updated paragraph' } })
+    fireEvent.click(screen.getByText('select-input'))
+    fireEvent.change(screen.getByDisplayValue('1'), { target: { value: '2' } })
+    fireEvent.click(screen.getByText('bool-input'))
+    fireEvent.click(screen.getByText('image-uploader'))
+
+    expect(mockSetInputs).toHaveBeenCalledWith(expect.objectContaining({ paragraphVar: 'updated paragraph' }))
+    expect(mockSetInputs).toHaveBeenCalledWith(expect.objectContaining({ selectVar: 'selected-option' }))
+    expect(mockSetInputs).toHaveBeenCalledWith(expect.objectContaining({ numberVar: '2' }))
+    expect(mockSetInputs).toHaveBeenCalledWith(expect.objectContaining({ boolVar: true }))
+    expect(onVisionFilesChange).toHaveBeenCalledWith([
+      {
+        type: 'image',
+        transfer_method: 'local_file',
+        url: 'https://example.com/a.png',
+        upload_file_id: 'file-1',
+      },
+    ])
+  })
+
+  it('collapses the user input panel and hides the clear and run actions', () => {
+    renderPanel()
+
+    fireEvent.click(screen.getByText('appDebug.inputs.userInputField'))
+
+    expect(screen.queryByRole('button', { name: 'common.operation.clear' })).not.toBeInTheDocument()
+    expect(screen.queryByRole('button', { name: 'appDebug.inputs.run' })).not.toBeInTheDocument()
+  })
+})
diff --git a/web/app/components/app/configuration/prompt-value-panel/utils.spec.ts b/web/app/components/app/configuration/prompt-value-panel/__tests__/utils.spec.ts
similarity index 95%
rename from web/app/components/app/configuration/prompt-value-panel/utils.spec.ts
rename to web/app/components/app/configuration/prompt-value-panel/__tests__/utils.spec.ts
index 7a7e0da9a9..18eb87f675 100644
--- a/web/app/components/app/configuration/prompt-value-panel/utils.spec.ts
+++ b/web/app/components/app/configuration/prompt-value-panel/__tests__/utils.spec.ts
@@ -1,7 +1,7 @@
 import type { PromptVariable } from '@/models/debug'
 
 import { describe, expect, it } from 'vitest'
-import { replaceStringWithValues } from './utils'
+import { replaceStringWithValues } from '../utils'
 
 const promptVariables: PromptVariable[] = [
   { key: 'user', name: 'User', type: 'string' },
diff --git a/web/app/components/app/configuration/prompt-value-panel/index.spec.tsx b/web/app/components/app/configuration/prompt-value-panel/index.spec.tsx
deleted file mode 100644
index 96c95e1cc8..0000000000
--- a/web/app/components/app/configuration/prompt-value-panel/index.spec.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import type { IPromptValuePanelProps } from './index'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import * as React from 'react'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import ConfigContext from '@/context/debug-configuration'
-import { AppModeEnum, ModelModeType, Resolution } from '@/types/app'
-import PromptValuePanel from './index'
-
-// Use real store - global zustand mock will auto-reset between tests
-vi.mock('@/app/components/base/features/new-feature-panel/feature-bar', () => ({
-  default: ({ onFeatureBarClick }: { onFeatureBarClick: () => void }) => (
-    <button type="button" onClick={onFeatureBarClick}>
-      feature bar
-    </button>
-  ),
-}))
-
-const mockSetInputs = vi.fn()
-const mockOnSend = vi.fn()
-
-const promptVariables = [
-  { key: 'textVar', name: 'Text Var', type: 'string', required: true },
-  { key: 'boolVar', name: 'Boolean Var', type: 'checkbox' },
-] as const
-
-const baseContextValue: any = {
-  modelModeType: ModelModeType.completion,
-  modelConfig: {
-    configs: {
-      prompt_template: 'prompt template',
-      prompt_variables: promptVariables,
-    },
-  },
-  setInputs: mockSetInputs,
-  mode: AppModeEnum.COMPLETION,
-  isAdvancedMode: false,
-  completionPromptConfig: {
-    prompt: { text: 'completion' },
-    conversation_histories_role: { user_prefix: 'user', assistant_prefix: 'assistant' },
-  },
-  chatPromptConfig: { prompt: [] },
-} as any
-
-const defaultProps: IPromptValuePanelProps = {
-  appType: AppModeEnum.COMPLETION,
-  onSend: mockOnSend,
-  inputs: { textVar: 'initial', boolVar: false },
-  visionConfig: { enabled: false, number_limits: 0, detail: Resolution.low, transfer_methods: [] },
-  onVisionFilesChange: vi.fn(),
-}
-
-const renderPanel = (options: {
-  context?: Partial<typeof baseContextValue>
-  props?: Partial<IPromptValuePanelProps>
-} = {}) => {
-  const contextValue = { ...baseContextValue, ...options.context }
-  const props = { ...defaultProps, ...options.props }
-  return render(
-    <ConfigContext.Provider value={contextValue}>
-      <PromptValuePanel {...props} />
-    </ConfigContext.Provider>,
-  )
-}
-
-describe('PromptValuePanel', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-    mockSetInputs.mockClear()
-    mockOnSend.mockClear()
-  })
-
-  it('updates inputs, clears values, and triggers run when ready', async () => {
-    renderPanel()
-
-    const textInput = screen.getByPlaceholderText('Text Var')
-    fireEvent.change(textInput, { target: { value: 'updated' } })
-    expect(mockSetInputs).toHaveBeenCalledWith(expect.objectContaining({ textVar: 'updated' }))
-
-    const clearButton = screen.getByRole('button', { name: 'common.operation.clear' })
-    fireEvent.click(clearButton)
-
-    expect(mockSetInputs).toHaveBeenLastCalledWith({
-      textVar: '',
-      boolVar: '',
-    })
-
-    const runButton = screen.getByRole('button', { name: 'appDebug.inputs.run' })
-    expect(runButton).not.toBeDisabled()
-    fireEvent.click(runButton)
-    await waitFor(() => expect(mockOnSend).toHaveBeenCalledTimes(1))
-  })
-
-  it('disables run when mode is not completion', () => {
-    renderPanel({
-      context: {
-        mode: AppModeEnum.CHAT,
-      },
-      props: {
-        appType: AppModeEnum.CHAT,
-      },
-    })
-
-    const runButton = screen.getByRole('button', { name: 'appDebug.inputs.run' })
-    expect(runButton).toBeDisabled()
-    fireEvent.click(runButton)
-    expect(mockOnSend).not.toHaveBeenCalled()
-  })
-})
diff --git a/web/app/components/app/configuration/style.module.css b/web/app/components/app/configuration/style.module.css
deleted file mode 100644
index 136d065215..0000000000
--- a/web/app/components/app/configuration/style.module.css
+++ /dev/null
@@ -1,16 +0,0 @@
-@reference "../../../styles/globals.css";
-
-.advancedPromptMode {
-  position: relative;
-}
-
-.advancedPromptMode::before {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: -1px;
-  width: 100%;
-  height: 3px;
-  background-color: rgba(68, 76, 231, 0.18);
-  transform: skewX(-30deg);
-}
diff --git a/web/app/components/app/configuration/tools/__tests__/external-data-tool-modal-utils.spec.ts b/web/app/components/app/configuration/tools/__tests__/external-data-tool-modal-utils.spec.ts
new file mode 100644
index 0000000000..5d55c303c5
--- /dev/null
+++ b/web/app/components/app/configuration/tools/__tests__/external-data-tool-modal-utils.spec.ts
@@ -0,0 +1,230 @@
+import type { I18nText } from '@/i18n-config/language'
+import type { CodeBasedExtensionItem } from '@/models/common'
+import { LanguagesSupported } from '@/i18n-config/language'
+import {
+  buildProviders,
+  formatExternalDataTool,
+  getProviderDefaultConfig,
+  getValidationError,
+} from '../external-data-tool-modal-utils'
+
+const t = (key: string, options?: Record<string, unknown>) => {
+  if (options?.key)
+    return `${key}:${options.key as string}`
+
+  return key
+}
+
+const i18n = (en: string, zh = en): I18nText =>
+  ({ 'en-US': en, 'zh-Hans': zh }) as unknown as I18nText
+
+const codeBasedExtensionList: { data: CodeBasedExtensionItem[] } = {
+  data: [
+    {
+      name: 'code-tool',
+      label: i18n('Code Provider', '代码提供方'),
+      form_schema: [
+        {
+          variable: 'api_key',
+          default: 'default-key',
+          required: true,
+          type: 'text',
+          placeholder: '',
+          options: [],
+          label: i18n('API Key', '接口密钥'),
+        },
+      ],
+    },
+  ],
+}
+
+describe('external-data-tool-modal-utils', () => {
+  it('should build localized providers and default configs for code-based tools', () => {
+    const providers = buildProviders({
+      codeBasedExtensionList,
+      locale: LanguagesSupported[1],
+      t,
+    })
+
+    expect(providers).toEqual([
+      expect.objectContaining({
+        key: 'api',
+        name: 'apiBasedExtension.selector.title',
+      }),
+      expect.objectContaining({
+        key: 'code-tool',
+        name: '代码提供方',
+      }),
+    ])
+
+    expect(getProviderDefaultConfig('api', providers)).toBeUndefined()
+    expect(getProviderDefaultConfig('code-tool', providers)).toEqual({
+      api_key: 'default-key',
+    })
+  })
+
+  it('should format saved data with provider specific config and creation defaults', () => {
+    const providers = buildProviders({
+      codeBasedExtensionList,
+      locale: 'en-US',
+      t,
+    })
+
+    const formatted = formatExternalDataTool({
+      type: 'code-tool',
+      label: 'Search',
+      variable: 'search_api',
+      config: {
+        api_key: 'secret',
+        ignored: 'value',
+      },
+    }, providers[1], false)
+
+    expect(formatted).toEqual({
+      type: 'code-tool',
+      label: 'Search',
+      variable: 'search_api',
+      enabled: true,
+      config: {
+        api_key: 'secret',
+      },
+    })
+  })
+
+  it('should preserve api extension identifiers for api-based tools', () => {
+    const providers = buildProviders({
+      codeBasedExtensionList,
+      locale: 'en-US',
+      t,
+    })
+
+    const formatted = formatExternalDataTool({
+      type: 'api',
+      label: 'Search',
+      variable: 'search_api',
+      config: {
+        api_based_extension_id: 'ext-1',
+      },
+    }, providers[0], true)
+
+    expect(formatted).toEqual({
+      type: 'api',
+      label: 'Search',
+      variable: 'search_api',
+      enabled: undefined,
+      config: {
+        api_based_extension_id: 'ext-1',
+      },
+    })
+  })
+
+  it('should report validation errors for invalid variables and missing provider fields', () => {
+    const providers = buildProviders({
+      codeBasedExtensionList,
+      locale: 'en-US',
+      t,
+    })
+
+    expect(getValidationError({
+      currentProvider: providers[0],
+      locale: 'en-US',
+      localeData: {
+        type: 'api',
+        label: 'Search',
+        variable: '1-invalid',
+        config: {
+          api_based_extension_id: 'ext-1',
+        },
+      },
+      t,
+    })).toBe('varKeyError.notValid:feature.tools.modal.variableName.title')
+
+    expect(getValidationError({
+      currentProvider: providers[1],
+      locale: 'en-US',
+      localeData: {
+        type: 'code-tool',
+        label: 'Search',
+        variable: 'search_api',
+        config: {},
+      },
+      t,
+    })).toBe('errorMessage.valueOfVarRequired:API Key')
+  })
+
+  it('should validate missing names, missing variables, api extensions, and accept valid configs', () => {
+    const providers = buildProviders({
+      codeBasedExtensionList,
+      locale: 'en-US',
+      t,
+    })
+
+    expect(getValidationError({
+      currentProvider: providers[0],
+      locale: 'en-US',
+      localeData: {
+        type: '',
+        label: 'Search',
+        variable: 'search_api',
+        config: {
+          api_based_extension_id: 'ext-1',
+        },
+      },
+      t,
+    })).toBe('errorMessage.valueOfVarRequired:feature.tools.modal.toolType.title')
+
+    expect(getValidationError({
+      currentProvider: providers[0],
+      locale: 'en-US',
+      localeData: {
+        type: 'api',
+        label: '',
+        variable: 'search_api',
+        config: {
+          api_based_extension_id: 'ext-1',
+        },
+      },
+      t,
+    })).toBe('errorMessage.valueOfVarRequired:feature.tools.modal.name.title')
+
+    expect(getValidationError({
+      currentProvider: providers[0],
+      locale: 'en-US',
+      localeData: {
+        type: 'api',
+        label: 'Search',
+        variable: '',
+        config: {
+          api_based_extension_id: 'ext-1',
+        },
+      },
+      t,
+    })).toBe('errorMessage.valueOfVarRequired:feature.tools.modal.variableName.title')
+
+    expect(getValidationError({
+      currentProvider: providers[0],
+      locale: 'en-US',
+      localeData: {
+        type: 'api',
+        label: 'Search',
+        variable: 'search_api',
+        config: {},
+      },
+      t,
+    })).toBe('errorMessage.valueOfVarRequired:API Extension')
+
+    expect(getValidationError({
+      currentProvider: providers[0],
+      locale: 'en-US',
+      localeData: {
+        type: 'api',
+        label: 'Search',
+        variable: 'search_api',
+        config: {
+          api_based_extension_id: 'ext-1',
+        },
+      },
+      t,
+    })).toBeNull()
+  })
+})
diff --git a/web/app/components/app/configuration/tools/__tests__/external-data-tool-modal.spec.tsx b/web/app/components/app/configuration/tools/__tests__/external-data-tool-modal.spec.tsx
new file mode 100644
index 0000000000..ceca00a9ae
--- /dev/null
+++ b/web/app/components/app/configuration/tools/__tests__/external-data-tool-modal.spec.tsx
@@ -0,0 +1,223 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import ExternalDataToolModal from '../external-data-tool-modal'
+
+const mockToastError = vi.fn()
+
+let mockLocale = 'en-US'
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    error: (...args: unknown[]) => mockToastError(...args),
+  },
+}))
+
+vi.mock('@/context/i18n', () => ({
+  useDocLink: () => (path: string) => `https://docs.example.com${path}`,
+  useLocale: () => mockLocale,
+}))
+
+vi.mock('@/service/use-common', () => ({
+  useCodeBasedExtensions: () => ({
+    data: {
+      data: [
+        {
+          name: 'code-tool',
+          label: {
+            'en-US': 'Code Provider',
+            'zh-Hans': '代码提供方',
+          },
+          form_schema: [
+            {
+              variable: 'api_key',
+              default: 'default-key',
+              required: true,
+              type: 'text',
+              placeholder: '',
+              options: [],
+              label: {
+                'en-US': 'API Key',
+                'zh-Hans': '接口密钥',
+              },
+            },
+          ],
+        },
+      ],
+    },
+  }),
+}))
+
+vi.mock('@/app/components/base/app-icon', () => ({
+  default: ({
+    onClick,
+  }: {
+    onClick: () => void
+  }) => <button onClick={onClick}>open-emoji-picker</button>,
+}))
+
+vi.mock('@/app/components/base/emoji-picker', () => ({
+  default: ({
+    onClose,
+    onSelect,
+  }: {
+    onClose: () => void
+    onSelect: (icon: string, background: string) => void
+  }) => (
+    <div>
+      <button onClick={() => onSelect('sparkles', '#fff')}>select-emoji</button>
+      <button onClick={onClose}>close-emoji</button>
+    </div>
+  ),
+}))
+
+vi.mock('@/app/components/base/features/new-feature-panel/moderation/form-generation', () => ({
+  default: ({
+    onChange,
+  }: {
+    onChange: (value: Record<string, string>) => void
+  }) => <button onClick={() => onChange({ api_key: 'secret-key' })}>fill-form</button>,
+}))
+
+vi.mock('@/app/components/header/account-setting/api-based-extension-page/selector', () => ({
+  default: ({
+    onChange,
+    value,
+  }: {
+    onChange: (value: string) => void
+    value: string
+  }) => (
+    <button onClick={() => onChange('extension-1')}>{value || 'pick-extension'}</button>
+  ),
+}))
+
+describe('ExternalDataToolModal', () => {
+  const mockOnCancel = vi.fn()
+  const mockOnSave = vi.fn()
+  const mockOnValidateBeforeSave = vi.fn()
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockLocale = 'en-US'
+  })
+
+  it('should require an API extension before saving api-based tools', () => {
+    render(
+      <ExternalDataToolModal
+        data={{}}
+        onCancel={mockOnCancel}
+        onSave={mockOnSave}
+      />,
+    )
+
+    fireEvent.change(screen.getByPlaceholderText('feature.tools.modal.name.placeholder'), {
+      target: { value: 'Search' },
+    })
+    fireEvent.change(screen.getByPlaceholderText('feature.tools.modal.variableName.placeholder'), {
+      target: { value: 'search_api' },
+    })
+    fireEvent.click(screen.getByText('operation.save'))
+
+    expect(mockToastError).toHaveBeenCalledWith('errorMessage.valueOfVarRequired')
+    expect(mockOnSave).not.toHaveBeenCalled()
+  })
+
+  it('should save api-based tools after selecting extension and emoji', async () => {
+    mockOnValidateBeforeSave.mockReturnValue(true)
+
+    render(
+      <ExternalDataToolModal
+        data={{}}
+        onCancel={mockOnCancel}
+        onSave={mockOnSave}
+        onValidateBeforeSave={mockOnValidateBeforeSave}
+      />,
+    )
+
+    fireEvent.change(screen.getByPlaceholderText('feature.tools.modal.name.placeholder'), {
+      target: { value: 'Search' },
+    })
+    fireEvent.change(screen.getByPlaceholderText('feature.tools.modal.variableName.placeholder'), {
+      target: { value: 'search_api' },
+    })
+    fireEvent.click(screen.getByText('pick-extension'))
+    fireEvent.click(screen.getByText('open-emoji-picker'))
+    fireEvent.click(screen.getByText('select-emoji'))
+    fireEvent.click(screen.getByText('operation.save'))
+
+    await waitFor(() => {
+      expect(mockOnValidateBeforeSave).toHaveBeenCalledWith(expect.objectContaining({
+        config: {
+          api_based_extension_id: 'extension-1',
+        },
+        enabled: true,
+        icon: 'sparkles',
+        icon_background: '#fff',
+        label: 'Search',
+        type: 'api',
+        variable: 'search_api',
+      }))
+    })
+
+    expect(mockOnSave).toHaveBeenCalledWith(expect.objectContaining({
+      config: {
+        api_based_extension_id: 'extension-1',
+      },
+      enabled: true,
+      icon: 'sparkles',
+      icon_background: '#fff',
+      label: 'Search',
+      type: 'api',
+      variable: 'search_api',
+    }))
+
+    expect(screen.getByRole('link', { name: 'apiBasedExtension.link' })).toHaveAttribute(
+      'href',
+      'https://docs.example.com/use-dify/workspace/api-extension/api-extension',
+    )
+  })
+
+  it('should save code-based tools with schema values and support cancel', async () => {
+    render(
+      <ExternalDataToolModal
+        data={{
+          type: 'code-tool',
+          enabled: false,
+          config: {
+            api_key: 'default-key',
+          },
+        }}
+        onCancel={mockOnCancel}
+        onSave={mockOnSave}
+      />,
+    )
+
+    fireEvent.change(screen.getByPlaceholderText('feature.tools.modal.name.placeholder'), {
+      target: { value: 'Code Search' },
+    })
+    fireEvent.change(screen.getByPlaceholderText('feature.tools.modal.variableName.placeholder'), {
+      target: { value: 'code_search' },
+    })
+    fireEvent.click(screen.getByText('fill-form'))
+    fireEvent.click(screen.getByText('operation.save'))
+
+    await waitFor(() => {
+      expect(mockOnSave).toHaveBeenCalledWith(expect.objectContaining({
+        config: {
+          api_key: 'secret-key',
+        },
+        enabled: false,
+        label: 'Code Search',
+        type: 'code-tool',
+        variable: 'code_search',
+      }))
+    })
+
+    fireEvent.click(screen.getByText('operation.cancel'))
+    expect(mockOnCancel).toHaveBeenCalled()
+  })
+})
diff --git a/web/app/components/app/configuration/tools/external-data-tool-modal-utils.ts b/web/app/components/app/configuration/tools/external-data-tool-modal-utils.ts
new file mode 100644
index 0000000000..702ebdb5f4
--- /dev/null
+++ b/web/app/components/app/configuration/tools/external-data-tool-modal-utils.ts
@@ -0,0 +1,124 @@
+import type {
+  CodeBasedExtensionItem,
+  ExternalDataTool,
+} from '@/models/common'
+import { LanguagesSupported } from '@/i18n-config/language'
+
+const systemTypes = ['api'] as const
+
+type Provider = {
+  key: string
+  name: string
+  form_schema?: CodeBasedExtensionItem['form_schema']
+}
+
+type Translate = (key: string, options?: Record<string, unknown>) => string
+
+type BuildProvidersParams = {
+  codeBasedExtensionList?: {
+    data: CodeBasedExtensionItem[]
+  }
+  locale: string
+  t: Translate
+}
+
+type ValidationParams = {
+  currentProvider?: Provider
+  locale: string
+  localeData: ExternalDataTool
+  t: Translate
+}
+
+export const buildProviders = ({
+  codeBasedExtensionList,
+  locale,
+  t,
+}: BuildProvidersParams): Provider[] => {
+  return [
+    {
+      key: 'api',
+      name: t('apiBasedExtension.selector.title', { ns: 'common' }),
+    },
+    ...(codeBasedExtensionList
+      ? codeBasedExtensionList.data.map(item => ({
+          key: item.name,
+          name: locale === LanguagesSupported[1] ? item.label['zh-Hans'] : item.label['en-US'],
+          form_schema: item.form_schema,
+        }))
+      : []),
+  ]
+}
+
+export const getProviderDefaultConfig = (type: string, providers: Provider[]) => {
+  const currentProvider = providers.find(provider => provider.key === type)
+  if (systemTypes.includes(type as typeof systemTypes[number]) || !currentProvider?.form_schema)
+    return undefined
+
+  return currentProvider.form_schema.reduce<Record<string, string>>((prev, next) => {
+    prev[next.variable] = next.default
+    return prev
+  }, {})
+}
+
+export const formatExternalDataTool = (
+  originData: ExternalDataTool,
+  currentProvider: Provider | undefined,
+  isEdit: boolean,
+) => {
+  const { type, config } = originData
+  const params: Record<string, string | undefined> = {}
+
+  if (type === 'api')
+    params.api_based_extension_id = config?.api_based_extension_id
+
+  if (!systemTypes.includes(type as typeof systemTypes[number]) && currentProvider?.form_schema) {
+    currentProvider.form_schema.forEach((form) => {
+      params[form.variable] = config?.[form.variable]
+    })
+  }
+
+  return {
+    ...originData,
+    type,
+    enabled: isEdit ? originData.enabled : true,
+    config: params,
+  }
+}
+
+export const getValidationError = ({
+  currentProvider,
+  locale,
+  localeData,
+  t,
+}: ValidationParams) => {
+  if (!localeData.type) {
+    return t('errorMessage.valueOfVarRequired', { ns: 'appDebug', key: t('feature.tools.modal.toolType.title', { ns: 'appDebug' }) })
+  }
+
+  if (!localeData.label) {
+    return t('errorMessage.valueOfVarRequired', { ns: 'appDebug', key: t('feature.tools.modal.name.title', { ns: 'appDebug' }) })
+  }
+
+  if (!localeData.variable) {
+    return t('errorMessage.valueOfVarRequired', { ns: 'appDebug', key: t('feature.tools.modal.variableName.title', { ns: 'appDebug' }) })
+  }
+
+  if (!/^[a-z_]\w{0,29}$/i.test(localeData.variable)) {
+    return t('varKeyError.notValid', { ns: 'appDebug', key: t('feature.tools.modal.variableName.title', { ns: 'appDebug' }) })
+  }
+
+  if (localeData.type === 'api' && !localeData.config?.api_based_extension_id) {
+    return t('errorMessage.valueOfVarRequired', { ns: 'appDebug', key: locale === LanguagesSupported[1] ? 'API 扩展' : 'API Extension' })
+  }
+
+  if (!systemTypes.includes(localeData.type as typeof systemTypes[number]) && currentProvider?.form_schema) {
+    for (let i = 0; i < currentProvider.form_schema.length; i++) {
+      const form = currentProvider.form_schema[i]
+      if (!localeData.config?.[form.variable] && form.required) {
+        return t('errorMessage.valueOfVarRequired', { ns: 'appDebug', key: locale === LanguagesSupported[1] ? form.label['zh-Hans'] : form.label['en-US'] })
+      }
+    }
+  }
+
+  return null
+}
diff --git a/web/app/components/app/configuration/tools/external-data-tool-modal.tsx b/web/app/components/app/configuration/tools/external-data-tool-modal.tsx
index b46e86cc96..121eb3e3a7 100644
--- a/web/app/components/app/configuration/tools/external-data-tool-modal.tsx
+++ b/web/app/components/app/configuration/tools/external-data-tool-modal.tsx
@@ -1,6 +1,5 @@
 import type { FC } from 'react'
 import type {
-  CodeBasedExtensionItem,
   ExternalDataTool,
 } from '@/models/common'
 import { noop } from 'es-toolkit/function'
@@ -16,21 +15,20 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
 import { toast } from '@/app/components/base/ui/toast'
 import ApiBasedExtensionSelector from '@/app/components/header/account-setting/api-based-extension-page/selector'
 import { useDocLink, useLocale } from '@/context/i18n'
-import { LanguagesSupported } from '@/i18n-config/language'
 import { useCodeBasedExtensions } from '@/service/use-common'
+import {
+  buildProviders,
+  formatExternalDataTool,
+  getProviderDefaultConfig,
+  getValidationError,
+} from './external-data-tool-modal-utils'
 
-const systemTypes = ['api']
 type ExternalDataToolModalProps = {
   data: ExternalDataTool
   onCancel: () => void
   onSave: (externalDataTool: ExternalDataTool) => void
   onValidateBeforeSave?: (externalDataTool: ExternalDataTool) => boolean
 }
-type Provider = {
-  key: string
-  name: string
-  form_schema?: CodeBasedExtensionItem['form_schema']
-}
 const ExternalDataToolModal: FC<ExternalDataToolModalProps> = ({
   data,
   onCancel,
@@ -44,39 +42,18 @@ const ExternalDataToolModal: FC<ExternalDataToolModalProps> = ({
   const [showEmojiPicker, setShowEmojiPicker] = useState(false)
   const { data: codeBasedExtensionList } = useCodeBasedExtensions('external_data_tool')
 
-  const providers: Provider[] = [
-    {
-      key: 'api',
-      name: t('apiBasedExtension.selector.title', { ns: 'common' }),
-    },
-    ...(
-      codeBasedExtensionList
-        ? codeBasedExtensionList.data.map((item) => {
-            return {
-              key: item.name,
-              name: locale === 'zh-Hans' ? item.label['zh-Hans'] : item.label['en-US'],
-              form_schema: item.form_schema,
-            }
-          })
-        : []
-    ),
-  ]
+  const providers = buildProviders({
+    codeBasedExtensionList,
+    locale,
+    t,
+  })
   const currentProvider = providers.find(provider => provider.key === localeData.type)
 
   const handleDataTypeChange = (type: string) => {
-    let config: undefined | Record<string, any>
-    const currProvider = providers.find(provider => provider.key === type)
-
-    if (systemTypes.findIndex(t => t === type) < 0 && currProvider?.form_schema) {
-      config = currProvider?.form_schema.reduce((prev, next) => {
-        prev[next.variable] = next.default
-        return prev
-      }, {} as Record<string, any>)
-    }
     setLocaleData({
       ...localeData,
       type,
-      config,
+      config: getProviderDefaultConfig(type, providers),
     })
   }
 
@@ -107,70 +84,24 @@ const ExternalDataToolModal: FC<ExternalDataToolModalProps> = ({
     })
   }
 
-  const formatData = (originData: ExternalDataTool) => {
-    const { type, config } = originData
-    const params: Record<string, string | undefined> = {}
-
-    if (type === 'api')
-      params.api_based_extension_id = config?.api_based_extension_id
-
-    if (systemTypes.findIndex(t => t === type) < 0 && currentProvider?.form_schema) {
-      currentProvider.form_schema.forEach((form) => {
-        params[form.variable] = config?.[form.variable]
-      })
-    }
-
-    return {
-      ...originData,
-      type,
-      enabled: data.type ? data.enabled : true,
-      config: {
-        ...params,
-      },
-    }
-  }
-
   const handleSave = () => {
-    if (!localeData.type) {
-      toast.error(t('errorMessage.valueOfVarRequired', { ns: 'appDebug', key: t('feature.tools.modal.toolType.title', { ns: 'appDebug' }) }))
+    const validationError = getValidationError({
+      currentProvider,
+      locale,
+      localeData,
+      t,
+    })
+    if (validationError) {
+      toast.error(validationError)
       return
     }
 
-    if (!localeData.label) {
-      toast.error(t('errorMessage.valueOfVarRequired', { ns: 'appDebug', key: t('feature.tools.modal.name.title', { ns: 'appDebug' }) }))
-      return
-    }
-
-    if (!localeData.variable) {
-      toast.error(t('errorMessage.valueOfVarRequired', { ns: 'appDebug', key: t('feature.tools.modal.variableName.title', { ns: 'appDebug' }) }))
-      return
-    }
-
-    if (localeData.variable && !/^[a-z_]\w{0,29}$/i.test(localeData.variable)) {
-      toast.error(t('varKeyError.notValid', { ns: 'appDebug', key: t('feature.tools.modal.variableName.title', { ns: 'appDebug' }) }))
-      return
-    }
-
-    if (localeData.type === 'api' && !localeData.config?.api_based_extension_id) {
-      toast.error(t('errorMessage.valueOfVarRequired', { ns: 'appDebug', key: locale !== LanguagesSupported[1] ? 'API Extension' : 'API 扩展' }))
-      return
-    }
-
-    if (systemTypes.findIndex(t => t === localeData.type) < 0 && currentProvider?.form_schema) {
-      for (let i = 0; i < currentProvider.form_schema.length; i++) {
-        if (!localeData.config?.[currentProvider.form_schema[i].variable] && currentProvider.form_schema[i].required) {
-          toast.error(t('errorMessage.valueOfVarRequired', { ns: 'appDebug', key: locale !== LanguagesSupported[1] ? currentProvider.form_schema[i].label['en-US'] : currentProvider.form_schema[i].label['zh-Hans'] }))
-          return
-        }
-      }
-    }
-
-    const formattedData = formatData(localeData)
+    const formattedData = formatExternalDataTool(localeData, currentProvider, !!data.type)
 
     if (onValidateBeforeSave && !onValidateBeforeSave(formattedData))
       return
 
-    onSave(formatData(formattedData))
+    onSave(formattedData)
   }
 
   const action = data.type ? t('operation.edit', { ns: 'common' }) : t('operation.add', { ns: 'common' })
@@ -258,7 +189,7 @@ const ExternalDataToolModal: FC<ExternalDataToolModalProps> = ({
           )
         }
         {
-          systemTypes.findIndex(t => t === localeData.type) < 0
+          localeData.type !== 'api'
           && currentProvider?.form_schema
           && (
             <FormGeneration
diff --git a/web/app/components/app/configuration/tools/index.tsx b/web/app/components/app/configuration/tools/index.tsx
deleted file mode 100644
index 2b4511a0c6..0000000000
--- a/web/app/components/app/configuration/tools/index.tsx
+++ /dev/null
@@ -1,204 +0,0 @@
-import type { ExternalDataTool } from '@/models/common'
-import {
-  RiAddLine,
-  RiArrowDownSLine,
-  RiDeleteBinLine,
-} from '@remixicon/react'
-import copy from 'copy-to-clipboard'
-import { useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
-import AppIcon from '@/app/components/base/app-icon'
-import {
-  Settings01,
-} from '@/app/components/base/icons/src/vender/line/general'
-import { Tool03 } from '@/app/components/base/icons/src/vender/solid/general'
-import Switch from '@/app/components/base/switch'
-import { toast } from '@/app/components/base/ui/toast'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from '@/app/components/base/ui/tooltip'
-import ConfigContext from '@/context/debug-configuration'
-import { useModalContext } from '@/context/modal-context'
-
-const Tools = () => {
-  const { t } = useTranslation()
-  const { setShowExternalDataToolModal } = useModalContext()
-  const {
-    externalDataToolsConfig,
-    setExternalDataToolsConfig,
-    modelConfig,
-  } = useContext(ConfigContext)
-  const [expanded, setExpanded] = useState(true)
-  const [copied, setCopied] = useState(false)
-
-  const handleSaveExternalDataToolModal = (externalDataTool: ExternalDataTool, index: number) => {
-    if (index > -1) {
-      setExternalDataToolsConfig([
-        ...externalDataToolsConfig.slice(0, index),
-        externalDataTool,
-        ...externalDataToolsConfig.slice(index + 1),
-      ])
-    }
-    else {
-      setExternalDataToolsConfig([...externalDataToolsConfig, externalDataTool])
-    }
-  }
-  const handleValidateBeforeSaveExternalDataToolModal = (newExternalDataTool: ExternalDataTool, index: number) => {
-    const promptVariables = modelConfig?.configs?.prompt_variables || []
-    for (let i = 0; i < promptVariables.length; i++) {
-      if (promptVariables[i].key === newExternalDataTool.variable) {
-        toast.error(t('varKeyError.keyAlreadyExists', { ns: 'appDebug', key: promptVariables[i].key }))
-        return false
-      }
-    }
-
-    let existedExternalDataTools = []
-    if (index > -1) {
-      existedExternalDataTools = [
-        ...externalDataToolsConfig.slice(0, index),
-        ...externalDataToolsConfig.slice(index + 1),
-      ]
-    }
-    else {
-      existedExternalDataTools = [...externalDataToolsConfig]
-    }
-
-    for (let i = 0; i < existedExternalDataTools.length; i++) {
-      if (existedExternalDataTools[i].variable === newExternalDataTool.variable) {
-        toast.error(t('varKeyError.keyAlreadyExists', { ns: 'appDebug', key: existedExternalDataTools[i].variable }))
-        return false
-      }
-    }
-
-    return true
-  }
-  const handleOpenExternalDataToolModal = (payload: ExternalDataTool, index: number) => {
-    setShowExternalDataToolModal({
-      payload,
-      onSaveCallback: (externalDataTool?: ExternalDataTool) => {
-        if (!externalDataTool)
-          return
-        handleSaveExternalDataToolModal(externalDataTool, index)
-      },
-      onValidateBeforeSaveCallback: (newExternalDataTool: ExternalDataTool) => handleValidateBeforeSaveExternalDataToolModal(newExternalDataTool, index),
-    })
-  }
-
-  return (
-    <div className="mt-3 rounded-xl bg-gray-50 px-3">
-      <div className="flex h-12 items-center">
-        <div className="flex grow items-center">
-          <div
-            className={`
-              group mr-1 flex h-6 w-6 items-center justify-center rounded-md
-              ${externalDataToolsConfig.length && 'hover:bg-white hover:shadow-xs'}
-            `}
-            onClick={() => setExpanded(v => !v)}
-          >
-            {
-              externalDataToolsConfig.length
-                ? <Tool03 className="h-4 w-4 text-[#444CE7] group-hover:hidden" />
-                : <Tool03 className="h-4 w-4 text-[#444CE7]" />
-            }
-            {
-              !!externalDataToolsConfig.length && (
-                <RiArrowDownSLine className={`hidden h-4 w-4 cursor-pointer text-primary-600 group-hover:block ${expanded ? 'rotate-180' : 'rotate-0'}`} />
-              )
-            }
-          </div>
-          <div className="mr-1 text-sm font-semibold text-gray-800">
-            {t('feature.tools.title', { ns: 'appDebug' })}
-          </div>
-          <Tooltip>
-            <TooltipTrigger render={<span className="i-ri-question-line ml-1 h-4 w-4 shrink-0 text-text-quaternary" />} />
-            <TooltipContent>
-              <div className="max-w-[160px]">
-                {t('feature.tools.tips', { ns: 'appDebug' })}
-              </div>
-            </TooltipContent>
-          </Tooltip>
-        </div>
-        {
-          !expanded && !!externalDataToolsConfig.length && (
-            <>
-              <div className="mr-3 text-xs text-gray-500">{t('feature.tools.toolsInUse', { ns: 'appDebug', count: externalDataToolsConfig.length })}</div>
-              <div className="mr-1 h-3.5 w-px bg-gray-200" />
-            </>
-          )
-        }
-        <div
-          className="flex h-7 cursor-pointer items-center px-3 text-xs font-medium text-gray-700"
-          onClick={() => handleOpenExternalDataToolModal({}, -1)}
-        >
-          <RiAddLine className="mr-[5px] h-3.5 w-3.5" />
-          {t('operation.add', { ns: 'common' })}
-        </div>
-      </div>
-      {
-        expanded && !!externalDataToolsConfig.length && (
-          <div className="pb-3">
-            {
-              externalDataToolsConfig.map((item, index: number) => (
-                <div
-                  key={`${index}-${item.type}-${item.label}-${item.variable}`}
-                  className="group mb-1 flex items-center rounded-lg border-[0.5px] border-gray-200 bg-white px-2.5 py-2 shadow-xs last-of-type:mb-0"
-                >
-                  <div className="flex grow items-center">
-                    <AppIcon
-                      size="large"
-                      className="mr-2 h-6! w-6! rounded-md border-[0.5px] border-black/5"
-                      icon={item.icon}
-                      background={item.icon_background}
-                    />
-                    <div className="mr-2 text-[13px] font-medium text-gray-800">{item.label}</div>
-                    <Tooltip>
-                      <TooltipTrigger
-                        render={(
-                          <div
-                            className="text-xs text-gray-500"
-                            onClick={() => {
-                              copy(item.variable || '')
-                              setCopied(true)
-                            }}
-                          >
-                            {item.variable}
-                          </div>
-                        )}
-                      />
-                      <TooltipContent>
-                        {copied ? t('copied', { ns: 'appApi' }) : `${item.variable}, ${t('copy', { ns: 'appApi' })}`}
-                      </TooltipContent>
-                    </Tooltip>
-                  </div>
-                  <div
-                    className="mr-1 hidden h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-black/5 group-hover:flex"
-                    onClick={() => handleOpenExternalDataToolModal(item, index)}
-                  >
-                    <Settings01 className="h-4 w-4 text-gray-500" />
-                  </div>
-                  <div
-                    className="group/action hidden h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-[#FEE4E2] group-hover:flex"
-                    onClick={() => setExternalDataToolsConfig([...externalDataToolsConfig.slice(0, index), ...externalDataToolsConfig.slice(index + 1)])}
-                  >
-                    <RiDeleteBinLine className="h-4 w-4 text-gray-500 group-hover/action:text-[#D92D20]" />
-                  </div>
-                  <div className="ml-2 mr-3 hidden h-3.5 w-px bg-gray-200 group-hover:block" />
-                  <Switch
-                    size="lg"
-                    value={item.enabled ?? false}
-                    onChange={(enabled: boolean) => handleSaveExternalDataToolModal({ ...item, enabled }, index)}
-                  />
-                </div>
-              ))
-            }
-          </div>
-        )
-      }
-    </div>
-  )
-}
-
-export default Tools
diff --git a/web/app/components/app/configuration/utils.ts b/web/app/components/app/configuration/utils.ts
new file mode 100644
index 0000000000..3f06c863a4
--- /dev/null
+++ b/web/app/components/app/configuration/utils.ts
@@ -0,0 +1,110 @@
+import type { Features as FeaturesData, FileUpload } from '@/app/components/base/features/types'
+import type { Collection } from '@/app/components/tools/types'
+import type { BlockStatus, ChatPromptConfig, CompletionPromptConfig, ModelConfig } from '@/models/debug'
+import { FILE_EXTS } from '@/app/components/base/prompt-editor/constants'
+import { SupportUploadFileTypes } from '@/app/components/workflow/types'
+import { AppModeEnum, ModelModeType, Resolution } from '@/types/app'
+
+export const withCollectionIconBasePath = (collectionList: Collection[], prefix?: string) => {
+  if (!prefix)
+    return collectionList
+
+  return collectionList.map((item) => {
+    if (typeof item.icon === 'string' && !item.icon.includes(prefix))
+      return { ...item, icon: `${prefix}${item.icon}` }
+
+    return item
+  })
+}
+
+export const buildConfigurationFeaturesData = (
+  modelConfig: ModelConfig,
+  fileUploadConfigResponse: FileUpload['fileUploadConfig'],
+): FeaturesData => {
+  return {
+    moreLikeThis: modelConfig.more_like_this || { enabled: false },
+    opening: {
+      enabled: !!modelConfig.opening_statement,
+      opening_statement: modelConfig.opening_statement || '',
+      suggested_questions: modelConfig.suggested_questions || [],
+    },
+    moderation: modelConfig.sensitive_word_avoidance || { enabled: false },
+    speech2text: modelConfig.speech_to_text || { enabled: false },
+    text2speech: modelConfig.text_to_speech || { enabled: false },
+    file: {
+      image: {
+        detail: modelConfig.file_upload?.image?.detail || Resolution.high,
+        enabled: !!modelConfig.file_upload?.image?.enabled,
+        number_limits: modelConfig.file_upload?.image?.number_limits || 3,
+        transfer_methods: modelConfig.file_upload?.image?.transfer_methods || ['local_file', 'remote_url'],
+      },
+      enabled: !!(modelConfig.file_upload?.enabled || modelConfig.file_upload?.image?.enabled),
+      allowed_file_types: modelConfig.file_upload?.allowed_file_types || [],
+      allowed_file_extensions: modelConfig.file_upload?.allowed_file_extensions || [...FILE_EXTS[SupportUploadFileTypes.image], ...FILE_EXTS[SupportUploadFileTypes.video]].map(ext => `.${ext}`),
+      allowed_file_upload_methods: modelConfig.file_upload?.allowed_file_upload_methods || modelConfig.file_upload?.image?.transfer_methods || ['local_file', 'remote_url'],
+      number_limits: modelConfig.file_upload?.number_limits || modelConfig.file_upload?.image?.number_limits || 3,
+      fileUploadConfig: fileUploadConfigResponse,
+    } as FileUpload,
+    suggested: modelConfig.suggested_questions_after_answer || { enabled: false },
+    citation: modelConfig.retriever_resource || { enabled: false },
+    annotationReply: modelConfig.annotation_reply || { enabled: false },
+  }
+}
+
+export const getConfigurationPublishingState = ({
+  chatPromptConfig,
+  completionPromptConfig,
+  hasSetBlockStatus,
+  hasSetContextVar,
+  hasSelectedDataSets,
+  isAdvancedMode,
+  mode,
+  modelModeType,
+  promptTemplate,
+}: {
+  chatPromptConfig: ChatPromptConfig
+  completionPromptConfig: CompletionPromptConfig
+  hasSetBlockStatus: BlockStatus
+  hasSetContextVar: boolean
+  hasSelectedDataSets: boolean
+  isAdvancedMode: boolean
+  mode: AppModeEnum
+  modelModeType: ModelModeType
+  promptTemplate: string
+}) => {
+  const promptEmpty = (() => {
+    if (mode !== AppModeEnum.COMPLETION)
+      return false
+
+    if (isAdvancedMode) {
+      if (modelModeType === ModelModeType.chat)
+        return chatPromptConfig.prompt.every(({ text }) => !text)
+
+      return !completionPromptConfig.prompt?.text
+    }
+
+    return !promptTemplate
+  })()
+
+  const cannotPublish = (() => {
+    if (mode !== AppModeEnum.COMPLETION) {
+      if (!isAdvancedMode)
+        return false
+
+      if (modelModeType === ModelModeType.completion) {
+        if (!hasSetBlockStatus.history || !hasSetBlockStatus.query)
+          return true
+      }
+
+      return false
+    }
+
+    return promptEmpty
+  })()
+
+  return {
+    promptEmpty,
+    cannotPublish,
+    contextVarEmpty: mode === AppModeEnum.COMPLETION && hasSelectedDataSets && !hasSetContextVar,
+  }
+}
diff --git a/web/app/components/app/create-app-dialog/index.spec.tsx b/web/app/components/app/create-app-dialog/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/create-app-dialog/index.spec.tsx
rename to web/app/components/app/create-app-dialog/__tests__/index.spec.tsx
index ac476b9403..6fa30ded24 100644
--- a/web/app/components/app/create-app-dialog/index.spec.tsx
+++ b/web/app/components/app/create-app-dialog/__tests__/index.spec.tsx
@@ -1,8 +1,8 @@
 import { fireEvent, render, screen } from '@testing-library/react'
-import CreateAppTemplateDialog from './index'
+import CreateAppTemplateDialog from '../index'
 
 // Mock external dependencies (not base components)
-vi.mock('./app-list', () => ({
+vi.mock('../app-list', () => ({
   default: function MockAppList({
     onCreateFromBlank,
     onSuccess,
diff --git a/web/app/components/app/create-app-dialog/app-card/index.spec.tsx b/web/app/components/app/create-app-dialog/app-card/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/create-app-dialog/app-card/index.spec.tsx
rename to web/app/components/app/create-app-dialog/app-card/__tests__/index.spec.tsx
index 82e4fb8f94..898bde5c71 100644
--- a/web/app/components/app/create-app-dialog/app-card/index.spec.tsx
+++ b/web/app/components/app/create-app-dialog/app-card/__tests__/index.spec.tsx
@@ -1,9 +1,10 @@
+/* eslint-disable ts/no-explicit-any */
 import type { App } from '@/models/explore'
 import type { AppIconType } from '@/types/app'
 import { render, screen, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { AppModeEnum } from '@/types/app'
-import AppCard from './index'
+import AppCard from '../index'
 
 vi.mock('@heroicons/react/20/solid', () => ({
   PlusIcon: ({ className }: any) => <div data-testid="plus-icon" className={className} aria-label="Add icon">+</div>,
diff --git a/web/app/components/app/create-app-dialog/app-card/index.tsx b/web/app/components/app/create-app-dialog/app-card/index.tsx
index 8afb5cbf4b..f0633288fd 100644
--- a/web/app/components/app/create-app-dialog/app-card/index.tsx
+++ b/web/app/components/app/create-app-dialog/app-card/index.tsx
@@ -12,7 +12,7 @@ import { useGlobalPublicStore } from '@/context/global-public-context'
 import { cn } from '@/utils/classnames'
 import { AppTypeIcon, AppTypeLabel } from '../../type-selector'
 
-export type AppCardProps = {
+type AppCardProps = {
   app: App
   canCreate: boolean
   onCreate: () => void
diff --git a/web/app/components/app/create-app-dialog/app-list/__tests__/index.spec.tsx b/web/app/components/app/create-app-dialog/app-list/__tests__/index.spec.tsx
new file mode 100644
index 0000000000..3ebc5f7157
--- /dev/null
+++ b/web/app/components/app/create-app-dialog/app-list/__tests__/index.spec.tsx
@@ -0,0 +1,370 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
+import { AppModeEnum } from '@/types/app'
+import Apps from '../index'
+
+const mockUseExploreAppList = vi.fn()
+const mockTrackEvent = vi.fn()
+const mockImportDSL = vi.fn()
+const mockFetchAppDetail = vi.fn()
+const mockHandleCheckPluginDependencies = vi.fn()
+const mockGetRedirection = vi.fn()
+const mockPush = vi.fn()
+const mockToastSuccess = vi.fn()
+const mockToastError = vi.fn()
+let latestDebounceFn = () => {}
+
+vi.mock('ahooks', () => ({
+  useDebounceFn: (fn: () => void) => {
+    latestDebounceFn = fn
+    return {
+      run: () => setTimeout(() => latestDebounceFn(), 0),
+      cancel: vi.fn(),
+      flush: () => latestDebounceFn(),
+    }
+  },
+}))
+vi.mock('@/context/app-context', () => ({
+  useAppContext: () => ({ isCurrentWorkspaceEditor: true }),
+}))
+vi.mock('nuqs', () => ({
+  useQueryState: () => ['Recommended', vi.fn()],
+}))
+vi.mock('@/service/use-explore', () => ({
+  useExploreAppList: () => mockUseExploreAppList(),
+}))
+vi.mock('@/app/components/app/type-selector', () => ({
+  default: ({ value, onChange }: { value: AppModeEnum[], onChange: (value: AppModeEnum[]) => void }) => (
+    <div>
+      <button data-testid="type-selector-chat" onClick={() => onChange([AppModeEnum.CHAT])}>{value.join(',')}</button>
+      <button data-testid="type-selector-advanced" onClick={() => onChange([AppModeEnum.ADVANCED_CHAT])}>advanced</button>
+      <button data-testid="type-selector-agent" onClick={() => onChange([AppModeEnum.AGENT_CHAT])}>agent</button>
+      <button data-testid="type-selector-completion" onClick={() => onChange([AppModeEnum.COMPLETION])}>completion</button>
+      <button data-testid="type-selector-workflow" onClick={() => onChange([AppModeEnum.WORKFLOW])}>workflow</button>
+    </div>
+  ),
+}))
+vi.mock('../../app-card', () => ({
+  default: ({ app, onCreate }: { app: { app: { name: string } }, onCreate: () => void }) => (
+    <div
+      data-testid="app-card"
+      data-name={app.app.name}
+      onClick={onCreate}
+    >
+      {app.app.name}
+    </div>
+  ),
+}))
+vi.mock('@/app/components/explore/create-app-modal', () => ({
+  default: ({ onConfirm, onHide, show }: {
+    onConfirm: (payload: {
+      name: string
+      icon_type: string
+      icon: string
+      icon_background: string
+      description: string
+    }) => Promise<void>
+    onHide: () => void
+    show: boolean
+  }) => show
+    ? (
+        <div data-testid="create-from-template-modal">
+          <button
+            data-testid="confirm-create"
+            onClick={() => onConfirm({
+              name: 'Created App',
+              icon_type: 'emoji',
+              icon: '🙂',
+              icon_background: '#fff',
+              description: 'created from template',
+            })}
+          >
+            confirm-create
+          </button>
+          <button data-testid="hide-create-modal" onClick={onHide}>hide-create-modal</button>
+        </div>
+      )
+    : null,
+}))
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    success: (...args: unknown[]) => mockToastSuccess(...args),
+    error: (...args: unknown[]) => mockToastError(...args),
+  },
+}))
+vi.mock('@/app/components/base/amplitude', () => ({
+  trackEvent: (...args: unknown[]) => mockTrackEvent(...args),
+}))
+vi.mock('@/service/apps', () => ({
+  importDSL: (...args: unknown[]) => mockImportDSL(...args),
+}))
+vi.mock('@/service/explore', () => ({
+  fetchAppDetail: (...args: unknown[]) => mockFetchAppDetail(...args),
+}))
+vi.mock('@/app/components/workflow/plugin-dependency/hooks', () => ({
+  usePluginDependencies: () => ({
+    handleCheckPluginDependencies: (...args: unknown[]) => mockHandleCheckPluginDependencies(...args),
+  }),
+}))
+vi.mock('@/utils/app-redirection', () => ({
+  getRedirection: (...args: unknown[]) => mockGetRedirection(...args),
+}))
+vi.mock('@/next/navigation', () => ({
+  useRouter: () => ({ push: mockPush }),
+}))
+
+const createAppEntry = (name: string, category: string) => ({
+  app_id: name,
+  category,
+  app: {
+    id: name,
+    name,
+    icon_type: 'emoji',
+    icon: '🙂',
+    icon_background: '#000',
+    icon_url: null,
+    description: 'desc',
+    mode: AppModeEnum.CHAT,
+  },
+})
+
+describe('Apps', () => {
+  const defaultData = {
+    allList: [
+      createAppEntry('Alpha', 'Cat A'),
+      createAppEntry('Bravo', 'Cat B'),
+      {
+        ...createAppEntry('Charlie', 'Cat B'),
+        app: {
+          ...createAppEntry('Charlie', 'Cat B').app,
+          mode: AppModeEnum.COMPLETION,
+        },
+      },
+      {
+        ...createAppEntry('Delta', 'Cat A'),
+        app: {
+          ...createAppEntry('Delta', 'Cat A').app,
+          mode: AppModeEnum.ADVANCED_CHAT,
+        },
+      },
+      {
+        ...createAppEntry('Echo', 'Cat C'),
+        app: {
+          ...createAppEntry('Echo', 'Cat C').app,
+          mode: AppModeEnum.AGENT_CHAT,
+        },
+      },
+      {
+        ...createAppEntry('Foxtrot', 'Cat C'),
+        app: {
+          ...createAppEntry('Foxtrot', 'Cat C').app,
+          mode: AppModeEnum.WORKFLOW,
+        },
+      },
+    ],
+    categories: ['Cat A', 'Cat B', 'Cat C'],
+  }
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    localStorage.clear()
+    mockUseExploreAppList.mockReturnValue({
+      data: defaultData,
+      isLoading: false,
+    })
+    mockFetchAppDetail.mockResolvedValue({
+      export_data: 'dsl',
+      mode: AppModeEnum.CHAT,
+    })
+    mockImportDSL.mockResolvedValue({ app_id: 'created-app-id' })
+  })
+
+  it('renders template cards when data is available', () => {
+    render(<Apps />)
+
+    expect(screen.getAllByTestId('app-card')).toHaveLength(6)
+    expect(screen.getByText('Alpha')).toBeInTheDocument()
+    expect(screen.getByText('Bravo')).toBeInTheDocument()
+  })
+
+  it('opens create modal when a template card is clicked', () => {
+    render(<Apps />)
+
+    fireEvent.click(screen.getAllByTestId('app-card')[0])
+    expect(screen.getByTestId('create-from-template-modal')).toBeInTheDocument()
+  })
+
+  it('shows no template message when list is empty', () => {
+    mockUseExploreAppList.mockReturnValueOnce({
+      data: { allList: [], categories: [] },
+      isLoading: false,
+    })
+
+    render(<Apps />)
+
+    expect(screen.getByText('app.newApp.noTemplateFound')).toBeInTheDocument()
+    expect(screen.getByText('app.newApp.noTemplateFoundTip')).toBeInTheDocument()
+  })
+
+  it('filters templates by keyword and selected app type', async () => {
+    render(<Apps />)
+
+    fireEvent.change(screen.getByPlaceholderText('app.newAppFromTemplate.searchAllTemplate'), {
+      target: { value: 'Bravo' },
+    })
+
+    await waitFor(() => {
+      expect(screen.getByText('Bravo')).toBeInTheDocument()
+      expect(screen.queryByText('Alpha')).not.toBeInTheDocument()
+    })
+
+    fireEvent.change(screen.getByPlaceholderText('app.newAppFromTemplate.searchAllTemplate'), {
+      target: { value: '' },
+    })
+    fireEvent.click(screen.getByTestId('type-selector-chat'))
+
+    await waitFor(() => {
+      expect(screen.getByText('Alpha')).toBeInTheDocument()
+      expect(screen.getByText('Bravo')).toBeInTheDocument()
+      expect(screen.queryByText('Charlie')).not.toBeInTheDocument()
+    })
+  })
+
+  it('creates an app from a template and redirects after import succeeds', async () => {
+    const onSuccess = vi.fn()
+
+    render(<Apps onSuccess={onSuccess} />)
+
+    fireEvent.click(screen.getAllByTestId('app-card')[0])
+    fireEvent.click(screen.getByTestId('confirm-create'))
+
+    await waitFor(() => {
+      expect(mockFetchAppDetail).toHaveBeenCalledWith('Alpha')
+      expect(mockImportDSL).toHaveBeenCalledWith(expect.objectContaining({
+        yaml_content: 'dsl',
+        name: 'Created App',
+      }))
+    })
+
+    expect(mockTrackEvent).toHaveBeenCalledWith('create_app_with_template', expect.objectContaining({
+      template_id: 'Alpha',
+      template_name: 'Alpha',
+    }))
+    expect(mockToastSuccess).toHaveBeenCalledWith('app.newApp.appCreated')
+    expect(onSuccess).toHaveBeenCalled()
+    expect(mockHandleCheckPluginDependencies).toHaveBeenCalledWith('created-app-id')
+    expect(localStorage.getItem(NEED_REFRESH_APP_LIST_KEY)).toBe('1')
+    expect(mockGetRedirection).toHaveBeenCalledWith(true, {
+      id: 'created-app-id',
+      mode: AppModeEnum.CHAT,
+    }, mockPush)
+  })
+
+  it('shows an error toast when importing the template fails', async () => {
+    mockImportDSL.mockRejectedValueOnce(new Error('failed'))
+
+    render(<Apps />)
+
+    fireEvent.click(screen.getAllByTestId('app-card')[0])
+    fireEvent.click(screen.getByTestId('confirm-create'))
+
+    await waitFor(() => {
+      expect(mockToastError).toHaveBeenCalledWith('app.newApp.appCreateFailed')
+    })
+  })
+
+  it('forwards the create-from-blank action from the sidebar', () => {
+    const onCreateFromBlank = vi.fn()
+
+    render(<Apps onCreateFromBlank={onCreateFromBlank} />)
+
+    fireEvent.click(screen.getByText('app.newApp.startFromBlank'))
+
+    expect(onCreateFromBlank).toHaveBeenCalled()
+  })
+
+  it('should render the loading state while templates are being fetched', () => {
+    mockUseExploreAppList.mockReturnValueOnce({
+      data: undefined,
+      isLoading: true,
+    })
+
+    render(<Apps />)
+
+    expect(screen.getByRole('status')).toBeInTheDocument()
+  })
+
+  it('should handle an undefined template payload by falling back to the empty state', () => {
+    mockUseExploreAppList.mockReturnValueOnce({
+      data: undefined,
+      isLoading: false,
+    })
+
+    render(<Apps />)
+
+    expect(screen.getByText('app.newApp.noTemplateFound')).toBeInTheDocument()
+  })
+
+  it('should filter templates by category and the remaining app modes', async () => {
+    render(<Apps />)
+
+    fireEvent.click(screen.getByText('Cat C'))
+    expect(screen.queryByText('Alpha')).not.toBeInTheDocument()
+    expect(screen.getByText('Echo')).toBeInTheDocument()
+    expect(screen.getByText('Foxtrot')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByTestId('type-selector-advanced'))
+    await waitFor(() => {
+      expect(screen.queryByText('Echo')).not.toBeInTheDocument()
+      expect(screen.queryByText('Foxtrot')).not.toBeInTheDocument()
+    })
+
+    fireEvent.click(screen.getByText('app.newApp.startFromBlank'))
+    fireEvent.click(screen.getByText('Cat C'))
+    fireEvent.click(screen.getByTestId('type-selector-agent'))
+    await waitFor(() => {
+      expect(screen.getByText('Echo')).toBeInTheDocument()
+      expect(screen.queryByText('Foxtrot')).not.toBeInTheDocument()
+    })
+
+    fireEvent.click(screen.getByTestId('type-selector-workflow'))
+    await waitFor(() => {
+      expect(screen.getByText('Foxtrot')).toBeInTheDocument()
+      expect(screen.queryByText('Echo')).not.toBeInTheDocument()
+    })
+
+    fireEvent.click(screen.getByTestId('type-selector-completion'))
+    await waitFor(() => {
+      expect(screen.queryByText('Foxtrot')).not.toBeInTheDocument()
+      expect(screen.queryByText('Echo')).not.toBeInTheDocument()
+    })
+  })
+
+  it('should clear the search, hide the sidebar during search, and close the modal when requested', async () => {
+    render(<Apps />)
+
+    const searchInput = screen.getByPlaceholderText('app.newAppFromTemplate.searchAllTemplate')
+    fireEvent.change(searchInput, {
+      target: { value: 'Alpha' },
+    })
+
+    await waitFor(() => {
+      expect(screen.queryByText('Cat A')).not.toBeInTheDocument()
+    })
+
+    fireEvent.change(searchInput, {
+      target: { value: '' },
+    })
+
+    await waitFor(() => {
+      expect(screen.getByText('Cat A')).toBeInTheDocument()
+    })
+
+    fireEvent.click(screen.getAllByTestId('app-card')[0])
+    expect(screen.getByTestId('create-from-template-modal')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByTestId('hide-create-modal'))
+
+    expect(screen.queryByTestId('create-from-template-modal')).not.toBeInTheDocument()
+  })
+})
diff --git a/web/app/components/app/create-app-dialog/app-list/sidebar.spec.tsx b/web/app/components/app/create-app-dialog/app-list/__tests__/sidebar.spec.tsx
similarity index 95%
rename from web/app/components/app/create-app-dialog/app-list/sidebar.spec.tsx
rename to web/app/components/app/create-app-dialog/app-list/__tests__/sidebar.spec.tsx
index 724177a6ce..45eeb0a077 100644
--- a/web/app/components/app/create-app-dialog/app-list/sidebar.spec.tsx
+++ b/web/app/components/app/create-app-dialog/app-list/__tests__/sidebar.spec.tsx
@@ -1,5 +1,5 @@
 import { fireEvent, render, screen } from '@testing-library/react'
-import Sidebar, { AppCategories } from './sidebar'
+import Sidebar, { AppCategories } from '../sidebar'
 
 vi.mock('@remixicon/react', () => ({
   RiStickyNoteAddLine: () => <span>sticky</span>,
diff --git a/web/app/components/app/create-app-dialog/app-list/index.spec.tsx b/web/app/components/app/create-app-dialog/app-list/index.spec.tsx
deleted file mode 100644
index a9b65a4ae9..0000000000
--- a/web/app/components/app/create-app-dialog/app-list/index.spec.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import { fireEvent, render, screen } from '@testing-library/react'
-import { AppModeEnum } from '@/types/app'
-import Apps from './index'
-
-const mockUseExploreAppList = vi.fn()
-
-vi.mock('ahooks', () => ({
-  useDebounceFn: (fn: () => void) => ({
-    run: () => setTimeout(fn, 0),
-    cancel: vi.fn(),
-    flush: () => fn(),
-  }),
-}))
-vi.mock('@/context/app-context', () => ({
-  useAppContext: () => ({ isCurrentWorkspaceEditor: true }),
-}))
-vi.mock('nuqs', () => ({
-  useQueryState: () => ['Recommended', vi.fn()],
-}))
-vi.mock('@/service/use-explore', () => ({
-  useExploreAppList: () => mockUseExploreAppList(),
-}))
-vi.mock('@/app/components/app/type-selector', () => ({
-  default: ({ value, onChange }: { value: AppModeEnum[], onChange: (value: AppModeEnum[]) => void }) => (
-    <button data-testid="type-selector" onClick={() => onChange([...value, 'chat' as AppModeEnum])}>{value.join(',')}</button>
-  ),
-}))
-vi.mock('../app-card', () => ({
-  default: ({ app, onCreate }: { app: any, onCreate: () => void }) => (
-    <div
-      data-testid="app-card"
-      data-name={app.app.name}
-      onClick={onCreate}
-    >
-      {app.app.name}
-    </div>
-  ),
-}))
-vi.mock('@/app/components/explore/create-app-modal', () => ({
-  default: () => <div data-testid="create-from-template-modal" />,
-}))
-vi.mock('@/app/components/base/ui/toast', () => ({
-  toast: { add: vi.fn() },
-}))
-vi.mock('@/app/components/base/amplitude', () => ({
-  trackEvent: vi.fn(),
-}))
-vi.mock('@/service/apps', () => ({
-  importDSL: vi.fn().mockResolvedValue({ app_id: '1' }),
-}))
-vi.mock('@/service/explore', () => ({
-  fetchAppDetail: vi.fn().mockResolvedValue({
-    export_data: 'dsl',
-    mode: 'chat',
-  }),
-}))
-vi.mock('@/app/components/workflow/plugin-dependency/hooks', () => ({
-  usePluginDependencies: () => ({
-    handleCheckPluginDependencies: vi.fn(),
-  }),
-}))
-vi.mock('@/utils/app-redirection', () => ({
-  getRedirection: vi.fn(),
-}))
-vi.mock('@/next/navigation', () => ({
-  useRouter: () => ({ push: vi.fn() }),
-}))
-
-const createAppEntry = (name: string, category: string) => ({
-  app_id: name,
-  category,
-  app: {
-    id: name,
-    name,
-    icon_type: 'emoji',
-    icon: '🙂',
-    icon_background: '#000',
-    icon_url: null,
-    description: 'desc',
-    mode: AppModeEnum.CHAT,
-  },
-})
-
-describe('Apps', () => {
-  const defaultData = {
-    allList: [
-      createAppEntry('Alpha', 'Cat A'),
-      createAppEntry('Bravo', 'Cat B'),
-    ],
-    categories: ['Cat A', 'Cat B'],
-  }
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    mockUseExploreAppList.mockReturnValue({
-      data: defaultData,
-      isLoading: false,
-    })
-  })
-
-  it('renders template cards when data is available', () => {
-    render(<Apps />)
-
-    expect(screen.getAllByTestId('app-card')).toHaveLength(2)
-    expect(screen.getByText('Alpha')).toBeInTheDocument()
-    expect(screen.getByText('Bravo')).toBeInTheDocument()
-  })
-
-  it('opens create modal when a template card is clicked', () => {
-    render(<Apps />)
-
-    fireEvent.click(screen.getAllByTestId('app-card')[0])
-    expect(screen.getByTestId('create-from-template-modal')).toBeInTheDocument()
-  })
-
-  it('shows no template message when list is empty', () => {
-    mockUseExploreAppList.mockReturnValueOnce({
-      data: { allList: [], categories: [] },
-      isLoading: false,
-    })
-
-    render(<Apps />)
-
-    expect(screen.getByText('app.newApp.noTemplateFound')).toBeInTheDocument()
-    expect(screen.getByText('app.newApp.noTemplateFoundTip')).toBeInTheDocument()
-  })
-})
diff --git a/web/app/components/app/create-app-modal/__tests__/index.spec.tsx b/web/app/components/app/create-app-modal/__tests__/index.spec.tsx
new file mode 100644
index 0000000000..ee24ab4006
--- /dev/null
+++ b/web/app/components/app/create-app-modal/__tests__/index.spec.tsx
@@ -0,0 +1,337 @@
+import type { App } from '@/types/app'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { afterAll, beforeEach, describe, expect, it, vi } from 'vitest'
+import { trackEvent } from '@/app/components/base/amplitude'
+
+import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
+import { useAppContext } from '@/context/app-context'
+import { useProviderContext } from '@/context/provider-context'
+import { useRouter } from '@/next/navigation'
+import { createApp } from '@/service/apps'
+import { AppModeEnum } from '@/types/app'
+import { getRedirection } from '@/utils/app-redirection'
+import CreateAppModal from '../index'
+
+const ahooksMocks = vi.hoisted(() => ({
+  keyPressHandlers: [] as Array<() => void>,
+}))
+
+vi.mock('ahooks', () => ({
+  useDebounceFn: <T extends (...args: unknown[]) => unknown>(fn: T) => {
+    const run = (...args: Parameters<T>) => fn(...args)
+    const cancel = vi.fn()
+    const flush = vi.fn()
+    return { run, cancel, flush }
+  },
+  useKeyPress: (_keys: unknown, handler: () => void) => {
+    ahooksMocks.keyPressHandlers.push(handler)
+  },
+  useHover: () => false,
+}))
+vi.mock('@/next/navigation', () => ({
+  useRouter: vi.fn(),
+}))
+vi.mock('@/app/components/base/amplitude', () => ({
+  trackEvent: vi.fn(),
+}))
+vi.mock('@/service/apps', () => ({
+  createApp: vi.fn(),
+}))
+const toastMocks = vi.hoisted(() => ({
+  mockToastSuccess: vi.fn(),
+  mockToastError: vi.fn(),
+}))
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    success: toastMocks.mockToastSuccess,
+    error: toastMocks.mockToastError,
+  },
+}))
+vi.mock('@/app/components/billing/apps-full-in-dialog', () => ({
+  default: () => <div>apps-full</div>,
+}))
+vi.mock('@/app/components/base/app-icon', () => ({
+  default: ({ onClick }: { onClick: () => void }) => (
+    <button type="button" onClick={onClick}>open-icon-picker</button>
+  ),
+}))
+vi.mock('@/app/components/base/app-icon-picker', () => ({
+  default: ({ onSelect, onClose }: { onSelect: (payload: Record<string, unknown>) => void, onClose: () => void }) => (
+    <div>
+      <button
+        type="button"
+        onClick={() => onSelect({ type: 'image', fileId: 'file-1', url: 'https://example.com/icon.png' })}
+      >
+        select-image-icon
+      </button>
+      <button type="button" onClick={onClose}>close-icon-picker</button>
+    </div>
+  ),
+}))
+vi.mock('@/utils/app-redirection', () => ({
+  getRedirection: vi.fn(),
+}))
+vi.mock('@/context/provider-context', () => ({
+  useProviderContext: vi.fn(),
+}))
+vi.mock('@/context/app-context', () => ({
+  useAppContext: vi.fn(),
+}))
+vi.mock('@/context/i18n', () => ({
+  useDocLink: () => () => '/guides',
+}))
+vi.mock('@/hooks/use-theme', () => ({
+  default: () => ({ theme: 'light' }),
+}))
+
+const mockUseRouter = vi.mocked(useRouter)
+const mockPush = vi.fn()
+const mockCreateApp = vi.mocked(createApp)
+const mockTrackEvent = vi.mocked(trackEvent)
+const mockGetRedirection = vi.mocked(getRedirection)
+const mockUseProviderContext = vi.mocked(useProviderContext)
+const mockUseAppContext = vi.mocked(useAppContext)
+const { mockToastSuccess, mockToastError } = toastMocks
+
+const defaultPlanUsage = {
+  buildApps: 0,
+  teamMembers: 0,
+  annotatedResponse: 0,
+  documentsUploadQuota: 0,
+  apiRateLimit: 0,
+  triggerEvents: 0,
+  vectorSpace: 0,
+}
+
+const renderModal = () => {
+  const onClose = vi.fn()
+  const onSuccess = vi.fn()
+  const onCreateFromTemplate = vi.fn()
+  render(
+    <CreateAppModal
+      show
+      onClose={onClose}
+      onSuccess={onSuccess}
+      onCreateFromTemplate={onCreateFromTemplate}
+      defaultAppMode={AppModeEnum.ADVANCED_CHAT}
+    />,
+  )
+  return { onClose, onSuccess, onCreateFromTemplate }
+}
+
+describe('CreateAppModal', () => {
+  const mockSetItem = vi.fn()
+  const originalLocalStorage = window.localStorage
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    ahooksMocks.keyPressHandlers.length = 0
+    mockUseRouter.mockReturnValue({ push: mockPush } as unknown as ReturnType<typeof useRouter>)
+    mockUseProviderContext.mockReturnValue({
+      plan: {
+        type: AppModeEnum.ADVANCED_CHAT,
+        usage: defaultPlanUsage,
+        total: { ...defaultPlanUsage, buildApps: 1 },
+        reset: {},
+      },
+      enableBilling: true,
+    } as unknown as ReturnType<typeof useProviderContext>)
+    mockUseAppContext.mockReturnValue({
+      isCurrentWorkspaceEditor: true,
+    } as unknown as ReturnType<typeof useAppContext>)
+    mockSetItem.mockClear()
+    Object.defineProperty(window, 'localStorage', {
+      value: {
+        setItem: mockSetItem,
+        getItem: vi.fn(),
+        removeItem: vi.fn(),
+        clear: vi.fn(),
+        key: vi.fn(),
+        length: 0,
+      },
+      writable: true,
+    })
+  })
+
+  afterAll(() => {
+    Object.defineProperty(window, 'localStorage', {
+      value: originalLocalStorage,
+      writable: true,
+    })
+  })
+
+  it('creates an app, notifies success, and fires callbacks', async () => {
+    const mockApp: Partial<App> = { id: 'app-1', mode: AppModeEnum.ADVANCED_CHAT }
+    mockCreateApp.mockResolvedValue(mockApp as App)
+    const { onClose, onSuccess } = renderModal()
+
+    const nameInput = screen.getByPlaceholderText('app.newApp.appNamePlaceholder')
+    fireEvent.change(nameInput, { target: { value: 'My App' } })
+    fireEvent.click(screen.getByRole('button', { name: /app\.newApp\.Create/ }))
+
+    await waitFor(() => expect(mockCreateApp).toHaveBeenCalledWith({
+      name: 'My App',
+      description: '',
+      icon_type: 'emoji',
+      icon: '🤖',
+      icon_background: '#FFEAD5',
+      mode: AppModeEnum.ADVANCED_CHAT,
+    }))
+
+    expect(mockTrackEvent).toHaveBeenCalledWith('create_app', {
+      app_mode: AppModeEnum.ADVANCED_CHAT,
+      description: '',
+    })
+    expect(mockToastSuccess).toHaveBeenCalledWith('app.newApp.appCreated')
+    expect(onSuccess).toHaveBeenCalled()
+    expect(onClose).toHaveBeenCalled()
+    await waitFor(() => expect(mockSetItem).toHaveBeenCalledWith(NEED_REFRESH_APP_LIST_KEY, '1'))
+    await waitFor(() => expect(mockGetRedirection).toHaveBeenCalledWith(true, mockApp, mockPush))
+  })
+
+  it('shows error toast when creation fails', async () => {
+    mockCreateApp.mockRejectedValue(new Error('boom'))
+    const { onClose } = renderModal()
+
+    const nameInput = screen.getByPlaceholderText('app.newApp.appNamePlaceholder')
+    fireEvent.change(nameInput, { target: { value: 'My App' } })
+    fireEvent.click(screen.getByRole('button', { name: /app\.newApp\.Create/ }))
+
+    await waitFor(() => expect(mockCreateApp).toHaveBeenCalled())
+    expect(mockToastError).toHaveBeenCalledWith('boom')
+    expect(onClose).not.toHaveBeenCalled()
+  })
+
+  it('shows the apps-full notice and disables creation when the workspace quota is exhausted', () => {
+    mockUseProviderContext.mockReturnValue({
+      plan: {
+        type: AppModeEnum.ADVANCED_CHAT,
+        usage: { ...defaultPlanUsage, buildApps: 1 },
+        total: { ...defaultPlanUsage, buildApps: 1 },
+        reset: {},
+      },
+      enableBilling: true,
+    } as unknown as ReturnType<typeof useProviderContext>)
+
+    renderModal()
+
+    expect(screen.getByText('apps-full')).toBeInTheDocument()
+    expect(screen.getByRole('button', { name: /app\.newApp\.Create/ })).toBeDisabled()
+  })
+
+  it('forwards the create-from-template entry action', () => {
+    const { onCreateFromTemplate } = renderModal()
+
+    fireEvent.click(screen.getByText('app.newApp.noIdeaTip'))
+
+    expect(onCreateFromTemplate).toHaveBeenCalled()
+  })
+
+  it('creates a beginner chat app with the keyboard shortcut and selected image icon', async () => {
+    mockCreateApp.mockResolvedValue({ id: 'chat-app', mode: AppModeEnum.CHAT } as App)
+    renderModal()
+
+    fireEvent.click(screen.getByText('app.newApp.forBeginners'))
+    fireEvent.click(screen.getByText('app.types.chatbot'))
+    fireEvent.click(screen.getByText('open-icon-picker'))
+    fireEvent.click(screen.getByText('select-image-icon'))
+    fireEvent.change(screen.getByPlaceholderText('app.newApp.appNamePlaceholder'), {
+      target: { value: 'Keyboard App' },
+    })
+    fireEvent.change(screen.getByPlaceholderText('app.newApp.appDescriptionPlaceholder'), {
+      target: { value: 'Created from shortcut' },
+    })
+
+    ahooksMocks.keyPressHandlers.at(-1)?.()
+
+    await waitFor(() => {
+      expect(mockCreateApp).toHaveBeenCalledWith({
+        name: 'Keyboard App',
+        description: 'Created from shortcut',
+        icon_type: 'image',
+        icon: 'file-1',
+        icon_background: undefined,
+        mode: AppModeEnum.CHAT,
+      })
+    })
+  })
+
+  it('shows validation feedback when the keyboard shortcut runs without a name', () => {
+    renderModal()
+
+    ahooksMocks.keyPressHandlers.at(-1)?.()
+
+    expect(mockToastError).toHaveBeenCalledWith('app.newApp.nameNotEmpty')
+    expect(mockCreateApp).not.toHaveBeenCalled()
+  })
+
+  it('ignores the keyboard shortcut when the app quota is exhausted and closes the icon picker', () => {
+    mockUseProviderContext.mockReturnValue({
+      plan: {
+        type: AppModeEnum.ADVANCED_CHAT,
+        usage: { ...defaultPlanUsage, buildApps: 1 },
+        total: { ...defaultPlanUsage, buildApps: 1 },
+        reset: {},
+      },
+      enableBilling: true,
+    } as unknown as ReturnType<typeof useProviderContext>)
+
+    renderModal()
+
+    fireEvent.click(screen.getByText('open-icon-picker'))
+    expect(screen.getByText('select-image-icon')).toBeInTheDocument()
+    fireEvent.click(screen.getByText('close-icon-picker'))
+
+    expect(screen.queryByText('select-image-icon')).not.toBeInTheDocument()
+
+    ahooksMocks.keyPressHandlers.at(-1)?.()
+
+    expect(mockCreateApp).not.toHaveBeenCalled()
+  })
+
+  it('should switch between app types before creating a completion app', async () => {
+    mockCreateApp.mockResolvedValue({ id: 'completion-app', mode: AppModeEnum.COMPLETION } as App)
+    renderModal()
+
+    fireEvent.click(screen.getByText('app.types.workflow'))
+    fireEvent.click(screen.getByText('app.types.advanced'))
+    fireEvent.click(screen.getByText('app.newApp.forBeginners'))
+    fireEvent.click(screen.getByText('app.types.agent'))
+    fireEvent.click(screen.getByText('app.newApp.completeApp'))
+    fireEvent.change(screen.getByPlaceholderText('app.newApp.appNamePlaceholder'), {
+      target: { value: 'Completion App' },
+    })
+
+    fireEvent.click(screen.getByRole('button', { name: /app\.newApp\.Create/ }))
+
+    await waitFor(() => {
+      expect(mockCreateApp).toHaveBeenCalledWith(expect.objectContaining({
+        name: 'Completion App',
+        mode: AppModeEnum.COMPLETION,
+      }))
+    })
+  })
+
+  it('should ignore duplicate create clicks while a request is in flight', async () => {
+    let resolveCreate: ((value: App) => void) | undefined
+    mockCreateApp.mockImplementation(() => new Promise((resolve) => {
+      resolveCreate = resolve as (value: App) => void
+    }))
+    renderModal()
+
+    fireEvent.change(screen.getByPlaceholderText('app.newApp.appNamePlaceholder'), {
+      target: { value: 'Slow App' },
+    })
+
+    const createButton = screen.getByRole('button', { name: /app\.newApp\.Create/ })
+    fireEvent.click(createButton)
+    fireEvent.click(createButton)
+
+    expect(mockCreateApp).toHaveBeenCalledTimes(1)
+
+    resolveCreate?.({ id: 'slow-app', mode: AppModeEnum.ADVANCED_CHAT } as App)
+    await waitFor(() => {
+      expect(mockToastSuccess).toHaveBeenCalledWith('app.newApp.appCreated')
+    })
+  })
+})
diff --git a/web/app/components/app/create-app-modal/index.spec.tsx b/web/app/components/app/create-app-modal/index.spec.tsx
deleted file mode 100644
index 9367586487..0000000000
--- a/web/app/components/app/create-app-modal/index.spec.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-import type { App } from '@/types/app'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import { afterAll, beforeEach, describe, expect, it, vi } from 'vitest'
-import { trackEvent } from '@/app/components/base/amplitude'
-
-import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
-import { useAppContext } from '@/context/app-context'
-import { useProviderContext } from '@/context/provider-context'
-import { useRouter } from '@/next/navigation'
-import { createApp } from '@/service/apps'
-import { AppModeEnum } from '@/types/app'
-import { getRedirection } from '@/utils/app-redirection'
-import CreateAppModal from './index'
-
-vi.mock('ahooks', () => ({
-  useDebounceFn: <T extends (...args: unknown[]) => unknown>(fn: T) => {
-    const run = (...args: Parameters<T>) => fn(...args)
-    const cancel = vi.fn()
-    const flush = vi.fn()
-    return { run, cancel, flush }
-  },
-  useKeyPress: vi.fn(),
-  useHover: () => false,
-}))
-vi.mock('@/next/navigation', () => ({
-  useRouter: vi.fn(),
-}))
-vi.mock('@/app/components/base/amplitude', () => ({
-  trackEvent: vi.fn(),
-}))
-vi.mock('@/service/apps', () => ({
-  createApp: vi.fn(),
-}))
-const toastMocks = vi.hoisted(() => ({
-  mockToastSuccess: vi.fn(),
-  mockToastError: vi.fn(),
-}))
-vi.mock('@/app/components/base/ui/toast', () => ({
-  toast: {
-    success: toastMocks.mockToastSuccess,
-    error: toastMocks.mockToastError,
-  },
-}))
-vi.mock('@/utils/app-redirection', () => ({
-  getRedirection: vi.fn(),
-}))
-vi.mock('@/context/provider-context', () => ({
-  useProviderContext: vi.fn(),
-}))
-vi.mock('@/context/app-context', () => ({
-  useAppContext: vi.fn(),
-}))
-vi.mock('@/context/i18n', () => ({
-  useDocLink: () => () => '/guides',
-}))
-vi.mock('@/hooks/use-theme', () => ({
-  default: () => ({ theme: 'light' }),
-}))
-
-const mockUseRouter = vi.mocked(useRouter)
-const mockPush = vi.fn()
-const mockCreateApp = vi.mocked(createApp)
-const mockTrackEvent = vi.mocked(trackEvent)
-const mockGetRedirection = vi.mocked(getRedirection)
-const mockUseProviderContext = vi.mocked(useProviderContext)
-const mockUseAppContext = vi.mocked(useAppContext)
-const { mockToastSuccess, mockToastError } = toastMocks
-
-const defaultPlanUsage = {
-  buildApps: 0,
-  teamMembers: 0,
-  annotatedResponse: 0,
-  documentsUploadQuota: 0,
-  apiRateLimit: 0,
-  triggerEvents: 0,
-  vectorSpace: 0,
-}
-
-const renderModal = () => {
-  const onClose = vi.fn()
-  const onSuccess = vi.fn()
-  render(<CreateAppModal show onClose={onClose} onSuccess={onSuccess} defaultAppMode={AppModeEnum.ADVANCED_CHAT} />)
-  return { onClose, onSuccess }
-}
-
-describe('CreateAppModal', () => {
-  const mockSetItem = vi.fn()
-  const originalLocalStorage = window.localStorage
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    mockUseRouter.mockReturnValue({ push: mockPush } as unknown as ReturnType<typeof useRouter>)
-    mockUseProviderContext.mockReturnValue({
-      plan: {
-        type: AppModeEnum.ADVANCED_CHAT,
-        usage: defaultPlanUsage,
-        total: { ...defaultPlanUsage, buildApps: 1 },
-        reset: {},
-      },
-      enableBilling: true,
-    } as unknown as ReturnType<typeof useProviderContext>)
-    mockUseAppContext.mockReturnValue({
-      isCurrentWorkspaceEditor: true,
-    } as unknown as ReturnType<typeof useAppContext>)
-    mockSetItem.mockClear()
-    Object.defineProperty(window, 'localStorage', {
-      value: {
-        setItem: mockSetItem,
-        getItem: vi.fn(),
-        removeItem: vi.fn(),
-        clear: vi.fn(),
-        key: vi.fn(),
-        length: 0,
-      },
-      writable: true,
-    })
-  })
-
-  afterAll(() => {
-    Object.defineProperty(window, 'localStorage', {
-      value: originalLocalStorage,
-      writable: true,
-    })
-  })
-
-  it('creates an app, notifies success, and fires callbacks', async () => {
-    const mockApp: Partial<App> = { id: 'app-1', mode: AppModeEnum.ADVANCED_CHAT }
-    mockCreateApp.mockResolvedValue(mockApp as App)
-    const { onClose, onSuccess } = renderModal()
-
-    const nameInput = screen.getByPlaceholderText('app.newApp.appNamePlaceholder')
-    fireEvent.change(nameInput, { target: { value: 'My App' } })
-    fireEvent.click(screen.getByRole('button', { name: /app\.newApp\.Create/ }))
-
-    await waitFor(() => expect(mockCreateApp).toHaveBeenCalledWith({
-      name: 'My App',
-      description: '',
-      icon_type: 'emoji',
-      icon: '🤖',
-      icon_background: '#FFEAD5',
-      mode: AppModeEnum.ADVANCED_CHAT,
-    }))
-
-    expect(mockTrackEvent).toHaveBeenCalledWith('create_app', {
-      app_mode: AppModeEnum.ADVANCED_CHAT,
-      description: '',
-    })
-    expect(mockToastSuccess).toHaveBeenCalledWith('app.newApp.appCreated')
-    expect(onSuccess).toHaveBeenCalled()
-    expect(onClose).toHaveBeenCalled()
-    await waitFor(() => expect(mockSetItem).toHaveBeenCalledWith(NEED_REFRESH_APP_LIST_KEY, '1'))
-    await waitFor(() => expect(mockGetRedirection).toHaveBeenCalledWith(true, mockApp, mockPush))
-  })
-
-  it('shows error toast when creation fails', async () => {
-    mockCreateApp.mockRejectedValue(new Error('boom'))
-    const { onClose } = renderModal()
-
-    const nameInput = screen.getByPlaceholderText('app.newApp.appNamePlaceholder')
-    fireEvent.change(nameInput, { target: { value: 'My App' } })
-    fireEvent.click(screen.getByRole('button', { name: /app\.newApp\.Create/ }))
-
-    await waitFor(() => expect(mockCreateApp).toHaveBeenCalled())
-    expect(mockToastError).toHaveBeenCalledWith('boom')
-    expect(onClose).not.toHaveBeenCalled()
-  })
-})
diff --git a/web/app/components/app/create-from-dsl-modal/__tests__/dsl-confirm-modal.spec.tsx b/web/app/components/app/create-from-dsl-modal/__tests__/dsl-confirm-modal.spec.tsx
new file mode 100644
index 0000000000..31b35b890e
--- /dev/null
+++ b/web/app/components/app/create-from-dsl-modal/__tests__/dsl-confirm-modal.spec.tsx
@@ -0,0 +1,45 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import DSLConfirmModal from '../dsl-confirm-modal'
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+describe('DSLConfirmModal', () => {
+  it('should render the version details', () => {
+    render(
+      <DSLConfirmModal
+        versions={{
+          importedVersion: '1.0.0',
+          systemVersion: '2.0.0',
+        }}
+        onCancel={vi.fn()}
+        onConfirm={vi.fn()}
+      />,
+    )
+
+    expect(screen.getByText('newApp.appCreateDSLErrorTitle')).toBeInTheDocument()
+    expect(screen.getByText('1.0.0')).toBeInTheDocument()
+    expect(screen.getByText('2.0.0')).toBeInTheDocument()
+  })
+
+  it('should call the cancel and confirm handlers', () => {
+    const handleCancel = vi.fn()
+    const handleConfirm = vi.fn()
+
+    render(
+      <DSLConfirmModal
+        onCancel={handleCancel}
+        onConfirm={handleConfirm}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'newApp.Cancel' }))
+    fireEvent.click(screen.getByRole('button', { name: 'newApp.Confirm' }))
+
+    expect(handleCancel).toHaveBeenCalledTimes(1)
+    expect(handleConfirm).toHaveBeenCalledTimes(1)
+  })
+})
diff --git a/web/app/components/app/create-from-dsl-modal/__tests__/index.spec.tsx b/web/app/components/app/create-from-dsl-modal/__tests__/index.spec.tsx
new file mode 100644
index 0000000000..c1ffbc22e8
--- /dev/null
+++ b/web/app/components/app/create-from-dsl-modal/__tests__/index.spec.tsx
@@ -0,0 +1,474 @@
+/* eslint-disable ts/no-explicit-any */
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
+import { DSLImportMode, DSLImportStatus } from '@/models/app'
+import CreateFromDSLModal, { CreateFromDSLModalTab } from '../index'
+
+const mockPush = vi.fn()
+const mockImportDSL = vi.fn()
+const mockImportDSLConfirm = vi.fn()
+const mockTrackEvent = vi.fn()
+const mockHandleCheckPluginDependencies = vi.fn()
+const mockGetRedirection = vi.fn()
+const toastMocks = vi.hoisted(() => ({
+  call: vi.fn(),
+  success: vi.fn(),
+  error: vi.fn(),
+  warning: vi.fn(),
+}))
+const ahooksMocks = vi.hoisted(() => ({
+  handlers: [] as Array<{ keys: unknown, handler: () => void }>,
+}))
+let mockPlanUsage = 0
+let mockPlanTotal = 10
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('ahooks', () => ({
+  useDebounceFn: (fn: (...args: any[]) => any) => ({
+    run: fn,
+  }),
+  useKeyPress: (keys: unknown, handler: () => void) => {
+    ahooksMocks.handlers.push({ keys, handler })
+  },
+}))
+
+vi.mock('@/next/navigation', () => ({
+  useRouter: () => ({
+    push: mockPush,
+  }),
+}))
+
+vi.mock('@/app/components/base/amplitude', () => ({
+  trackEvent: (...args: unknown[]) => mockTrackEvent(...args),
+}))
+
+vi.mock('@/service/apps', () => ({
+  importDSL: (...args: unknown[]) => mockImportDSL(...args),
+  importDSLConfirm: (...args: unknown[]) => mockImportDSLConfirm(...args),
+}))
+
+vi.mock('@/app/components/workflow/plugin-dependency/hooks', () => ({
+  usePluginDependencies: () => ({
+    handleCheckPluginDependencies: mockHandleCheckPluginDependencies,
+  }),
+}))
+
+vi.mock('@/context/app-context', () => ({
+  useAppContext: () => ({
+    isCurrentWorkspaceEditor: true,
+  }),
+}))
+
+vi.mock('@/context/provider-context', () => ({
+  useProviderContext: () => ({
+    plan: {
+      usage: {
+        buildApps: mockPlanUsage,
+      },
+      total: {
+        buildApps: mockPlanTotal,
+      },
+    },
+    enableBilling: true,
+  }),
+}))
+
+vi.mock('@/utils/app-redirection', () => ({
+  getRedirection: (...args: unknown[]) => mockGetRedirection(...args),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: Object.assign(
+    (...args: unknown[]) => toastMocks.call(...args),
+    {
+      success: (...args: unknown[]) => toastMocks.success(...args),
+      error: (...args: unknown[]) => toastMocks.error(...args),
+      warning: (...args: unknown[]) => toastMocks.warning(...args),
+    },
+  ),
+}))
+
+vi.mock('@/app/components/billing/apps-full-in-dialog', () => ({
+  default: () => <div>apps-full</div>,
+}))
+
+vi.mock('../../workflow/shortcuts-name', () => ({
+  default: ({ keys }: { keys: string[] }) => <span>{keys.join('+')}</span>,
+}))
+
+describe('CreateFromDSLModal', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    ahooksMocks.handlers.length = 0
+    mockPlanUsage = 0
+    mockPlanTotal = 10
+    localStorage.clear()
+
+    class MockFileReader {
+      result = 'app: demo'
+      onload: ((event: { target: { result: string } }) => void) | null = null
+      readAsText() {
+        this.onload?.({ target: { result: this.result } })
+      }
+    }
+
+    // @ts-expect-error test-only file reader shim
+    globalThis.FileReader = MockFileReader
+  })
+
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
+  const getCreateButton = () => screen.getByRole('button', { name: /newApp\.Create/i })
+
+  it('should render the file tab and show the dropped file', async () => {
+    render(
+      <CreateFromDSLModal
+        show
+        onClose={vi.fn()}
+        droppedFile={new File(['app: demo'], 'demo.yml', { type: 'text/yaml' })}
+      />,
+    )
+
+    expect(screen.getByText('importFromDSL')).toBeInTheDocument()
+
+    await waitFor(() => {
+      expect(screen.getByText('demo.yml')).toBeInTheDocument()
+    })
+  })
+
+  it('should switch tabs, close from the header icon, and ignore shortcuts without valid input', async () => {
+    const handleClose = vi.fn()
+    render(
+      <CreateFromDSLModal
+        show
+        onClose={handleClose}
+      />,
+    )
+
+    ahooksMocks.handlers.find(item => Array.isArray(item.keys))?.handler()
+    expect(mockImportDSL).not.toHaveBeenCalled()
+
+    await act(async () => {
+      fireEvent.click(screen.getByText('importFromDSLUrl'))
+    })
+    expect(screen.getByPlaceholderText('importFromDSLUrlPlaceholder')).toBeInTheDocument()
+
+    const closeTrigger = screen.getByText('importFromDSL').parentElement?.querySelector('.cursor-pointer.items-center') as HTMLElement
+    fireEvent.click(closeTrigger)
+    expect(handleClose).toHaveBeenCalledTimes(1)
+  })
+
+  it('should import from a URL and redirect after a successful import', async () => {
+    const handleClose = vi.fn()
+    const handleSuccess = vi.fn()
+    mockImportDSL.mockResolvedValue({
+      id: 'import-1',
+      status: DSLImportStatus.COMPLETED,
+      app_id: 'app-1',
+      app_mode: 'chat',
+    })
+
+    render(
+      <CreateFromDSLModal
+        show
+        onClose={handleClose}
+        onSuccess={handleSuccess}
+        activeTab={CreateFromDSLModalTab.FROM_URL}
+      />,
+    )
+
+    fireEvent.change(screen.getByPlaceholderText('importFromDSLUrlPlaceholder'), {
+      target: { value: 'https://example.com/app.yml' },
+    })
+
+    await act(async () => {
+      fireEvent.click(getCreateButton())
+    })
+
+    expect(mockImportDSL).toHaveBeenCalledWith({
+      mode: DSLImportMode.YAML_URL,
+      yaml_url: 'https://example.com/app.yml',
+    })
+    expect(mockTrackEvent).toHaveBeenCalledWith('create_app_with_dsl', expect.objectContaining({
+      creation_method: 'dsl_url',
+      has_warnings: false,
+    }))
+    expect(handleSuccess).toHaveBeenCalledTimes(1)
+    expect(handleClose).toHaveBeenCalledTimes(1)
+    expect(localStorage.getItem(NEED_REFRESH_APP_LIST_KEY)).toBe('1')
+    expect(mockHandleCheckPluginDependencies).toHaveBeenCalledWith('app-1')
+    expect(mockGetRedirection).toHaveBeenCalledWith(true, { id: 'app-1', mode: 'chat' }, mockPush)
+  })
+
+  it('should import from a file with the loaded file content', async () => {
+    mockImportDSL.mockResolvedValue({
+      id: 'import-2',
+      status: DSLImportStatus.COMPLETED_WITH_WARNINGS,
+      app_id: 'app-2',
+      app_mode: 'chat',
+    })
+
+    render(
+      <CreateFromDSLModal
+        show
+        onClose={vi.fn()}
+        droppedFile={new File(['app: demo'], 'demo.yml', { type: 'text/yaml' })}
+      />,
+    )
+
+    await waitFor(() => {
+      expect(screen.getByText('demo.yml')).toBeInTheDocument()
+    })
+
+    await act(async () => {
+      fireEvent.click(getCreateButton())
+    })
+
+    expect(mockImportDSL).toHaveBeenCalledWith({
+      mode: DSLImportMode.YAML_CONTENT,
+      yaml_content: 'app: demo',
+    })
+  })
+
+  it('should remove the current file and keep the create shortcut guarded', async () => {
+    render(
+      <CreateFromDSLModal
+        show
+        onClose={vi.fn()}
+        droppedFile={new File(['app: demo'], 'demo.yml', { type: 'text/yaml' })}
+      />,
+    )
+
+    await waitFor(() => {
+      expect(screen.getByText('demo.yml')).toBeInTheDocument()
+    })
+
+    const removeButton = screen.getByText('demo.yml').closest('.group')?.querySelector('button') as HTMLButtonElement
+    await act(async () => {
+      fireEvent.click(removeButton)
+    })
+
+    await waitFor(() => {
+      expect(screen.queryByText('demo.yml')).not.toBeInTheDocument()
+      expect(getCreateButton()).toBeDisabled()
+    })
+
+    ahooksMocks.handlers.findLast(item => Array.isArray(item.keys))?.handler()
+    expect(mockImportDSL).not.toHaveBeenCalled()
+  })
+
+  it('should show the DSL mismatch modal and confirm a pending import', async () => {
+    vi.useFakeTimers()
+    mockImportDSL.mockResolvedValue({
+      id: 'import-3',
+      status: DSLImportStatus.PENDING,
+      imported_dsl_version: '1.0.0',
+      current_dsl_version: '2.0.0',
+    })
+    mockImportDSLConfirm.mockResolvedValue({
+      status: DSLImportStatus.COMPLETED,
+      app_id: 'app-3',
+      app_mode: 'workflow',
+    })
+
+    render(
+      <CreateFromDSLModal
+        show
+        onClose={vi.fn()}
+        onSuccess={vi.fn()}
+        activeTab={CreateFromDSLModalTab.FROM_URL}
+        dslUrl="https://example.com/app.yml"
+      />,
+    )
+
+    await act(async () => {
+      fireEvent.click(getCreateButton())
+    })
+
+    await act(async () => {
+      vi.advanceTimersByTime(300)
+    })
+
+    expect(screen.getAllByText('newApp.appCreateDSLErrorTitle')[0]).toBeInTheDocument()
+
+    await act(async () => {
+      fireEvent.click(screen.getAllByRole('button', { name: 'newApp.Confirm' })[0])
+    })
+
+    expect(mockImportDSLConfirm).toHaveBeenCalledWith({
+      import_id: 'import-3',
+    })
+  })
+
+  it('should ignore empty import responses and prevent duplicate submissions while a request is in flight', async () => {
+    let resolveImport!: (value: { id: string, status: DSLImportStatus, app_id: string, app_mode: string }) => void
+    mockImportDSL.mockImplementationOnce(() => new Promise((resolve) => {
+      resolveImport = resolve as typeof resolveImport
+    }))
+
+    render(
+      <CreateFromDSLModal
+        show
+        onClose={vi.fn()}
+        activeTab={CreateFromDSLModalTab.FROM_URL}
+        dslUrl="https://example.com/app.yml"
+      />,
+    )
+
+    fireEvent.click(getCreateButton())
+    fireEvent.click(getCreateButton())
+
+    expect(mockImportDSL).toHaveBeenCalledTimes(1)
+
+    await act(async () => {
+      resolveImport({
+        id: 'import-in-flight',
+        status: DSLImportStatus.COMPLETED,
+        app_id: 'app-1',
+        app_mode: 'chat',
+      })
+    })
+
+    mockImportDSL.mockResolvedValueOnce(undefined)
+
+    await act(async () => {
+      fireEvent.click(getCreateButton())
+    })
+
+    expect(mockImportDSL).toHaveBeenCalledTimes(2)
+    expect(toastMocks.error).not.toHaveBeenCalled()
+  })
+
+  it('should handle keyboard shortcuts, quota guard, and escape close', async () => {
+    const handleClose = vi.fn()
+    mockImportDSL.mockResolvedValue({
+      id: 'import-shortcut',
+      status: DSLImportStatus.COMPLETED,
+      app_id: 'app-shortcut',
+      app_mode: 'chat',
+    })
+
+    render(
+      <CreateFromDSLModal
+        show
+        onClose={handleClose}
+        activeTab={CreateFromDSLModalTab.FROM_URL}
+        dslUrl="https://example.com/app.yml"
+      />,
+    )
+
+    ahooksMocks.handlers.find(item => Array.isArray(item.keys))?.handler()
+
+    await waitFor(() => {
+      expect(mockImportDSL).toHaveBeenCalledWith({
+        mode: DSLImportMode.YAML_URL,
+        yaml_url: 'https://example.com/app.yml',
+      })
+    })
+
+    ahooksMocks.handlers.find(item => item.keys === 'esc')?.handler()
+    expect(handleClose).toHaveBeenCalled()
+
+    mockPlanUsage = 1
+    mockPlanTotal = 1
+    render(
+      <CreateFromDSLModal
+        show
+        onClose={vi.fn()}
+        activeTab={CreateFromDSLModalTab.FROM_URL}
+        dslUrl="https://example.com/app.yml"
+      />,
+    )
+
+    expect(screen.getByText('apps-full')).toBeInTheDocument()
+    ahooksMocks.handlers.findLast(item => Array.isArray(item.keys))?.handler()
+    expect(mockImportDSL).toHaveBeenCalledTimes(1)
+  })
+
+  it('should show failure toasts for failed and rejected imports', async () => {
+    mockImportDSL.mockResolvedValueOnce({
+      id: 'import-failed',
+      status: DSLImportStatus.FAILED,
+    })
+    mockImportDSL.mockRejectedValueOnce(new Error('boom'))
+
+    const { rerender } = render(
+      <CreateFromDSLModal
+        show
+        onClose={vi.fn()}
+        activeTab={CreateFromDSLModalTab.FROM_URL}
+        dslUrl="https://example.com/app.yml"
+      />,
+    )
+
+    await act(async () => {
+      fireEvent.click(getCreateButton())
+    })
+    expect(toastMocks.error).toHaveBeenCalledWith('newApp.appCreateFailed')
+
+    rerender(
+      <CreateFromDSLModal
+        show
+        onClose={vi.fn()}
+        activeTab={CreateFromDSLModalTab.FROM_URL}
+        dslUrl="https://example.com/app.yml"
+      />,
+    )
+
+    await act(async () => {
+      fireEvent.click(getCreateButton())
+    })
+    expect(toastMocks.error).toHaveBeenCalledTimes(2)
+  })
+
+  it('should handle pending import confirmation failures and cancellation', async () => {
+    vi.useFakeTimers()
+    mockImportDSL.mockResolvedValue({
+      id: 'import-4',
+      status: DSLImportStatus.PENDING,
+      imported_dsl_version: '1.0.0',
+      current_dsl_version: '2.0.0',
+    })
+    mockImportDSLConfirm
+      .mockResolvedValueOnce({ status: DSLImportStatus.FAILED })
+      .mockRejectedValueOnce(new Error('boom'))
+
+    render(
+      <CreateFromDSLModal
+        show
+        onClose={vi.fn()}
+        activeTab={CreateFromDSLModalTab.FROM_URL}
+        dslUrl="https://example.com/app.yml"
+      />,
+    )
+
+    await act(async () => {
+      fireEvent.click(getCreateButton())
+      vi.advanceTimersByTime(300)
+    })
+
+    fireEvent.click(screen.getAllByRole('button', { name: 'newApp.Cancel' }).at(-1)!)
+    expect(screen.queryByText('newApp.appCreateDSLErrorTitle')).not.toBeInTheDocument()
+
+    await act(async () => {
+      fireEvent.click(getCreateButton())
+      vi.advanceTimersByTime(300)
+    })
+    await act(async () => {
+      fireEvent.click(screen.getAllByRole('button', { name: 'newApp.Confirm' })[0])
+    })
+    expect(toastMocks.error).toHaveBeenCalledWith('newApp.appCreateFailed')
+
+    await act(async () => {
+      fireEvent.click(screen.getAllByRole('button', { name: 'newApp.Confirm' })[0])
+    })
+    expect(toastMocks.error).toHaveBeenCalledTimes(2)
+  })
+})
diff --git a/web/app/components/app/create-from-dsl-modal/__tests__/uploader.spec.tsx b/web/app/components/app/create-from-dsl-modal/__tests__/uploader.spec.tsx
new file mode 100644
index 0000000000..8b935db118
--- /dev/null
+++ b/web/app/components/app/create-from-dsl-modal/__tests__/uploader.spec.tsx
@@ -0,0 +1,210 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import { toast } from '@/app/components/base/ui/toast'
+import Uploader from '../uploader'
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    error: vi.fn(),
+  },
+}))
+
+describe('Uploader', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  const getDropZone = (container: HTMLElement) => (container.firstChild as HTMLElement).querySelector('div') as HTMLElement
+
+  const getHiddenInput = () => document.getElementById('fileUploader') as HTMLInputElement
+
+  it('should upload a single dropped file', () => {
+    const updateFile = vi.fn()
+    const file = new File(['name: demo'], 'demo.yml', { type: 'text/yaml' })
+
+    const { container } = render(
+      <Uploader
+        file={undefined}
+        updateFile={updateFile}
+      />,
+    )
+
+    const dropZone = getDropZone(container)
+    fireEvent.drop(dropZone, {
+      dataTransfer: {
+        files: [file],
+      },
+    })
+
+    expect(updateFile).toHaveBeenCalledWith(file)
+  })
+
+  it('should reject dropping multiple files', () => {
+    const updateFile = vi.fn()
+    const fileA = new File(['a'], 'a.yml', { type: 'text/yaml' })
+    const fileB = new File(['b'], 'b.yml', { type: 'text/yaml' })
+
+    const { container } = render(
+      <Uploader
+        file={undefined}
+        updateFile={updateFile}
+      />,
+    )
+
+    const dropZone = getDropZone(container)
+    fireEvent.drop(dropZone, {
+      dataTransfer: {
+        files: [fileA, fileB],
+      },
+    })
+
+    expect(toast.error).toHaveBeenCalledWith('stepOne.uploader.validation.count')
+    expect(updateFile).not.toHaveBeenCalled()
+  })
+
+  it('should render the selected file and allow removing it', () => {
+    const updateFile = vi.fn()
+    const file = new File(['name: demo'], 'demo.yml', { type: 'text/yaml' })
+
+    render(
+      <Uploader
+        file={file}
+        updateFile={updateFile}
+        displayName="DSL"
+      />,
+    )
+
+    expect(screen.getByText('demo.yml')).toBeInTheDocument()
+    expect(screen.getByText('DSL')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByRole('button'))
+
+    expect(updateFile).toHaveBeenCalledTimes(1)
+  })
+
+  it('should ignore drops without dataTransfer', () => {
+    const updateFile = vi.fn()
+
+    const { container } = render(
+      <Uploader
+        file={undefined}
+        updateFile={updateFile}
+      />,
+    )
+
+    const dropZone = getDropZone(container)
+    fireEvent.drop(dropZone)
+
+    expect(updateFile).not.toHaveBeenCalled()
+  })
+
+  it('should update the file from the hidden uploader input', () => {
+    const updateFile = vi.fn()
+    const nextFile = new File(['next'], 'next.yml', { type: 'text/yaml' })
+
+    render(
+      <Uploader
+        file={undefined}
+        updateFile={updateFile}
+      />,
+    )
+
+    fireEvent.change(getHiddenInput(), {
+      target: {
+        files: [nextFile],
+      },
+    })
+
+    expect(updateFile).toHaveBeenCalledWith(nextFile)
+  })
+
+  it('should toggle drag styles and clear them when leaving the overlay', () => {
+    const updateFile = vi.fn()
+    const { container } = render(
+      <Uploader
+        file={undefined}
+        updateFile={updateFile}
+      />,
+    )
+
+    const dropZone = getDropZone(container)
+
+    fireEvent.dragEnter(dropZone, { target: dropZone })
+    fireEvent.dragOver(dropZone, { target: dropZone })
+
+    const dragOverlay = container.querySelector('.absolute')
+    expect(dragOverlay).toBeInTheDocument()
+
+    fireEvent.dragLeave(dragOverlay as Element, { target: dragOverlay })
+
+    expect(container.querySelector('.absolute')).not.toBeInTheDocument()
+  })
+
+  it('should reopen the hidden input and restore the previous file when the picker is cancelled', () => {
+    const updateFile = vi.fn()
+    render(
+      <Uploader
+        file={undefined}
+        updateFile={updateFile}
+      />,
+    )
+
+    const hiddenInput = getHiddenInput()
+    const clickSpy = vi.spyOn(hiddenInput, 'click')
+
+    fireEvent.click(screen.getByText('dslUploader.browse'))
+
+    expect(clickSpy).toHaveBeenCalled()
+
+    hiddenInput.oncancel?.(new Event('cancel'))
+
+    expect(updateFile).toHaveBeenCalledWith(undefined)
+  })
+
+  it('should clear the hidden input and remove the selected file', () => {
+    const updateFile = vi.fn()
+    const file = new File(['name: demo'], 'demo.yml', { type: 'text/yaml' })
+    render(
+      <Uploader
+        file={file}
+        updateFile={updateFile}
+      />,
+    )
+
+    const hiddenInput = getHiddenInput()
+    Object.defineProperty(hiddenInput, 'value', {
+      configurable: true,
+      value: 'C:\\fakepath\\demo.yml',
+      writable: true,
+    })
+
+    fireEvent.click(screen.getByRole('button'))
+
+    expect(hiddenInput.value).toBe('')
+    expect(updateFile).toHaveBeenCalledTimes(1)
+    expect(updateFile.mock.calls[0]).toEqual([])
+  })
+
+  it('should clear the current file when the hidden uploader change event has no files', () => {
+    const updateFile = vi.fn()
+    render(
+      <Uploader
+        file={undefined}
+        updateFile={updateFile}
+      />,
+    )
+
+    fireEvent.change(getHiddenInput(), {
+      target: {
+        files: [],
+      },
+    })
+
+    expect(updateFile).toHaveBeenCalledWith(undefined)
+  })
+})
diff --git a/web/app/components/app/create-from-dsl-modal/uploader.tsx b/web/app/components/app/create-from-dsl-modal/uploader.tsx
index e376d04a9f..7480da4b5f 100644
--- a/web/app/components/app/create-from-dsl-modal/uploader.tsx
+++ b/web/app/components/app/create-from-dsl-modal/uploader.tsx
@@ -13,7 +13,7 @@ import { toast } from '@/app/components/base/ui/toast'
 import { cn } from '@/utils/classnames'
 import { formatFileSize } from '@/utils/format'
 
-export type Props = {
+type Props = {
   file: File | undefined
   updateFile: (file?: File) => void
   className?: string
diff --git a/web/app/components/app/duplicate-modal/__tests__/index.spec.tsx b/web/app/components/app/duplicate-modal/__tests__/index.spec.tsx
new file mode 100644
index 0000000000..a2ff6bc2fd
--- /dev/null
+++ b/web/app/components/app/duplicate-modal/__tests__/index.spec.tsx
@@ -0,0 +1,138 @@
+import { render, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import DuplicateAppModal from '../index'
+
+const toastErrorMock = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/context/provider-context', () => ({
+  useProviderContext: () => ({
+    plan: {
+      usage: { buildApps: 0 },
+      total: { buildApps: 1 },
+    },
+    enableBilling: true,
+  }),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    error: (...args: unknown[]) => toastErrorMock(...args),
+  },
+}))
+
+vi.mock('@/app/components/base/app-icon', () => ({
+  default: ({ onClick }: { onClick: () => void }) => (
+    <button type="button" onClick={onClick}>open-icon-picker</button>
+  ),
+}))
+
+vi.mock('@/app/components/base/app-icon-picker', () => ({
+  default: ({ onSelect, onClose }: { onSelect: (payload: Record<string, unknown>) => void, onClose: () => void }) => (
+    <div data-testid="app-icon-picker">
+      <button type="button" onClick={() => onSelect({ type: 'image', fileId: 'file-1', url: 'https://example.com/icon.png' })}>select-icon</button>
+      <button type="button" onClick={onClose}>close-icon-picker</button>
+    </div>
+  ),
+}))
+
+describe('DuplicateAppModal', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should validate the name before duplicating and update the input value', async () => {
+    const onConfirm = vi.fn()
+    const onHide = vi.fn()
+    const user = userEvent.setup()
+
+    render(
+      <DuplicateAppModal
+        appName="  "
+        icon_type="emoji"
+        icon="🤖"
+        icon_background="#FFEAD5"
+        show
+        onConfirm={onConfirm}
+        onHide={onHide}
+      />,
+    )
+
+    const input = screen.getByRole('textbox')
+    await user.clear(input)
+    await user.type(input, 'Updated App')
+    expect(input).toHaveValue('Updated App')
+
+    await user.clear(input)
+    await user.click(screen.getByRole('button', { name: 'duplicate' }))
+
+    expect(toastErrorMock).toHaveBeenCalledWith('appCustomize.nameRequired')
+    expect(onConfirm).not.toHaveBeenCalled()
+    expect(onHide).not.toHaveBeenCalled()
+  })
+
+  it('should update the selected icon before confirming the duplicate', async () => {
+    const onConfirm = vi.fn()
+    const onHide = vi.fn()
+    const user = userEvent.setup()
+
+    render(
+      <DuplicateAppModal
+        appName="Demo App"
+        icon_type="emoji"
+        icon="🤖"
+        icon_background="#FFEAD5"
+        show
+        onConfirm={onConfirm}
+        onHide={onHide}
+      />,
+    )
+
+    await user.click(screen.getByText('open-icon-picker'))
+    await user.click(screen.getByText('select-icon'))
+    await user.click(screen.getByRole('button', { name: 'duplicate' }))
+
+    expect(onConfirm).toHaveBeenCalledWith({
+      name: 'Demo App',
+      icon_type: 'image',
+      icon: 'file-1',
+      icon_background: undefined,
+    })
+    expect(onHide).toHaveBeenCalled()
+  })
+
+  it('should restore the original image icon when the picker closes without selecting', async () => {
+    const onConfirm = vi.fn()
+    const user = userEvent.setup()
+
+    render(
+      <DuplicateAppModal
+        appName="Image App"
+        icon_type="image"
+        icon="original-file"
+        icon_url="https://example.com/original.png"
+        show
+        onConfirm={onConfirm}
+        onHide={vi.fn()}
+      />,
+    )
+
+    await user.click(screen.getByText('open-icon-picker'))
+    await user.click(screen.getByText('select-icon'))
+    await user.click(screen.getByText('open-icon-picker'))
+    await user.click(screen.getByText('close-icon-picker'))
+    await user.click(screen.getByRole('button', { name: 'duplicate' }))
+
+    expect(onConfirm).toHaveBeenCalledWith({
+      name: 'Image App',
+      icon_type: 'image',
+      icon: 'original-file',
+      icon_background: undefined,
+    })
+  })
+})
diff --git a/web/app/components/app/duplicate-modal/index.spec.tsx b/web/app/components/app/duplicate-modal/index.spec.tsx
deleted file mode 100644
index e70329a105..0000000000
--- a/web/app/components/app/duplicate-modal/index.spec.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import type { ProviderContextState } from '@/context/provider-context'
-import { render, screen } from '@testing-library/react'
-import userEvent from '@testing-library/user-event'
-import * as React from 'react'
-import { toast } from '@/app/components/base/ui/toast'
-import { Plan } from '@/app/components/billing/type'
-import { baseProviderContextValue } from '@/context/provider-context'
-import DuplicateAppModal from './index'
-
-const appsFullRenderSpy = vi.fn()
-vi.mock('@/app/components/billing/apps-full-in-dialog', () => ({
-  default: ({ loc }: { loc: string }) => {
-    appsFullRenderSpy(loc)
-    return <div data-testid="apps-full">AppsFull</div>
-  },
-}))
-
-const useProviderContextMock = vi.fn<() => ProviderContextState>()
-vi.mock('@/context/provider-context', async () => {
-  const actual = await vi.importActual('@/context/provider-context')
-  return {
-    ...actual,
-    useProviderContext: () => useProviderContextMock(),
-  }
-})
-
-const renderComponent = (overrides: Partial<React.ComponentProps<typeof DuplicateAppModal>> = {}) => {
-  const onConfirm = vi.fn().mockResolvedValue(undefined)
-  const onHide = vi.fn()
-  const props: React.ComponentProps<typeof DuplicateAppModal> = {
-    appName: 'My App',
-    icon_type: 'emoji',
-    icon: '🚀',
-    icon_background: '#FFEAD5',
-    icon_url: null,
-    show: true,
-    onConfirm,
-    onHide,
-    ...overrides,
-  }
-  const utils = render(<DuplicateAppModal {...props} />)
-  return {
-    ...utils,
-    onConfirm,
-    onHide,
-  }
-}
-
-const setupProviderContext = (overrides: Partial<ProviderContextState> = {}) => {
-  useProviderContextMock.mockReturnValue({
-    ...baseProviderContextValue,
-    plan: {
-      ...baseProviderContextValue.plan,
-      type: Plan.sandbox,
-      usage: {
-        ...baseProviderContextValue.plan.usage,
-        buildApps: 0,
-      },
-      total: {
-        ...baseProviderContextValue.plan.total,
-        buildApps: 10,
-      },
-    },
-    enableBilling: false,
-    ...overrides,
-  } as ProviderContextState)
-}
-
-describe('DuplicateAppModal', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-    setupProviderContext()
-  })
-
-  // Rendering output based on modal visibility.
-  describe('Rendering', () => {
-    it('should render modal content when show is true', () => {
-      // Arrange
-      renderComponent()
-
-      // Assert
-      expect(screen.getByText('app.duplicateTitle')).toBeInTheDocument()
-      expect(screen.getByDisplayValue('My App')).toBeInTheDocument()
-    })
-
-    it('should not render modal content when show is false', () => {
-      // Arrange
-      renderComponent({ show: false })
-
-      // Assert
-      expect(screen.queryByText('app.duplicateTitle')).not.toBeInTheDocument()
-    })
-  })
-
-  // Prop-driven states such as full plan handling.
-  describe('Props', () => {
-    it('should disable duplicate button and show apps full content when plan is full', () => {
-      // Arrange
-      setupProviderContext({
-        enableBilling: true,
-        plan: {
-          ...baseProviderContextValue.plan,
-          type: Plan.sandbox,
-          usage: { ...baseProviderContextValue.plan.usage, buildApps: 10 },
-          total: { ...baseProviderContextValue.plan.total, buildApps: 10 },
-        },
-      })
-      renderComponent()
-
-      // Assert
-      expect(screen.getByTestId('apps-full')).toBeInTheDocument()
-      expect(screen.getByRole('button', { name: 'app.duplicate' })).toBeDisabled()
-    })
-  })
-
-  // User interactions for cancel and confirm flows.
-  describe('Interactions', () => {
-    it('should call onHide when cancel is clicked', async () => {
-      const user = userEvent.setup()
-      // Arrange
-      const { onHide } = renderComponent()
-
-      // Act
-      await user.click(screen.getByRole('button', { name: 'common.operation.cancel' }))
-
-      // Assert
-      expect(onHide).toHaveBeenCalledTimes(1)
-    })
-
-    it('should show error toast when name is empty', async () => {
-      const user = userEvent.setup()
-      const toastSpy = vi.spyOn(toast, 'error').mockReturnValue('toast-error')
-      // Arrange
-      const { onConfirm, onHide } = renderComponent()
-
-      // Act
-      await user.clear(screen.getByDisplayValue('My App'))
-      await user.click(screen.getByRole('button', { name: 'app.duplicate' }))
-
-      // Assert
-      expect(toastSpy).toHaveBeenCalledWith('explore.appCustomize.nameRequired')
-      expect(onConfirm).not.toHaveBeenCalled()
-      expect(onHide).not.toHaveBeenCalled()
-    })
-
-    it('should submit app info and hide modal when duplicate is clicked', async () => {
-      const user = userEvent.setup()
-      // Arrange
-      const { onConfirm, onHide } = renderComponent()
-
-      // Act
-      await user.clear(screen.getByDisplayValue('My App'))
-      await user.type(screen.getByRole('textbox'), 'New App')
-      await user.click(screen.getByRole('button', { name: 'app.duplicate' }))
-
-      // Assert
-      expect(onConfirm).toHaveBeenCalledWith({
-        name: 'New App',
-        icon_type: 'emoji',
-        icon: '🚀',
-        icon_background: '#FFEAD5',
-      })
-      expect(onHide).toHaveBeenCalledTimes(1)
-    })
-  })
-})
diff --git a/web/app/components/app/in-site-message/index.spec.tsx b/web/app/components/app/in-site-message/__tests__/index.spec.tsx
similarity index 98%
rename from web/app/components/app/in-site-message/index.spec.tsx
rename to web/app/components/app/in-site-message/__tests__/index.spec.tsx
index 530084074d..e4b54e8215 100644
--- a/web/app/components/app/in-site-message/index.spec.tsx
+++ b/web/app/components/app/in-site-message/__tests__/index.spec.tsx
@@ -1,8 +1,8 @@
 import type { ComponentProps } from 'react'
-import type { InSiteMessageActionItem } from './index'
+import type { InSiteMessageActionItem } from '../index'
 import { fireEvent, render, screen } from '@testing-library/react'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
-import InSiteMessage from './index'
+import InSiteMessage from '../index'
 
 vi.mock('@/app/components/base/amplitude', () => ({
   trackEvent: vi.fn(),
diff --git a/web/app/components/app/in-site-message/notification.spec.tsx b/web/app/components/app/in-site-message/__tests__/notification.spec.tsx
similarity index 99%
rename from web/app/components/app/in-site-message/notification.spec.tsx
rename to web/app/components/app/in-site-message/__tests__/notification.spec.tsx
index 0d86d8a91c..f5171a57c5 100644
--- a/web/app/components/app/in-site-message/notification.spec.tsx
+++ b/web/app/components/app/in-site-message/__tests__/notification.spec.tsx
@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import InSiteMessageNotification from './notification'
+import InSiteMessageNotification from '../notification'
 
 const {
   mockConfig,
diff --git a/web/app/components/app/log-annotation/index.spec.tsx b/web/app/components/app/log-annotation/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/log-annotation/index.spec.tsx
rename to web/app/components/app/log-annotation/__tests__/index.spec.tsx
index de33ae6f66..f75e782953 100644
--- a/web/app/components/app/log-annotation/index.spec.tsx
+++ b/web/app/components/app/log-annotation/__tests__/index.spec.tsx
@@ -4,7 +4,7 @@ import userEvent from '@testing-library/user-event'
 import { useStore as useAppStore } from '@/app/components/app/store'
 import { PageType } from '@/app/components/base/features/new-feature-panel/annotation-reply/type'
 import { AppModeEnum } from '@/types/app'
-import LogAnnotation from './index'
+import LogAnnotation from '../index'
 
 const mockRouterPush = vi.fn()
 vi.mock('@/next/navigation', () => ({
diff --git a/web/app/components/app/log/empty-element.spec.tsx b/web/app/components/app/log/__tests__/empty-element.spec.tsx
similarity index 99%
rename from web/app/components/app/log/empty-element.spec.tsx
rename to web/app/components/app/log/__tests__/empty-element.spec.tsx
index 71d2bd0dd2..3967097c12 100644
--- a/web/app/components/app/log/empty-element.spec.tsx
+++ b/web/app/components/app/log/__tests__/empty-element.spec.tsx
@@ -1,7 +1,7 @@
 import type { App } from '@/types/app'
 import { render, screen } from '@testing-library/react'
 import { AppModeEnum } from '@/types/app'
-import EmptyElement from './empty-element'
+import EmptyElement from '../empty-element'
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
diff --git a/web/app/components/app/log/filter.spec.tsx b/web/app/components/app/log/__tests__/filter.spec.tsx
similarity index 70%
rename from web/app/components/app/log/filter.spec.tsx
rename to web/app/components/app/log/__tests__/filter.spec.tsx
index 8e978cdf9e..4c377ecde7 100644
--- a/web/app/components/app/log/filter.spec.tsx
+++ b/web/app/components/app/log/__tests__/filter.spec.tsx
@@ -1,6 +1,9 @@
-import type { QueryParam } from './index'
+import type { QueryParam } from '../index'
 import { fireEvent, render, screen } from '@testing-library/react'
-import Filter, { TIME_PERIOD_MAPPING } from './filter'
+import Filter, { TIME_PERIOD_MAPPING } from '../filter'
+
+let mockAnnotationsCountLoading = false
+let mockAnnotationsCountData: { count: number } | null = { count: 10 }
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
@@ -14,11 +17,42 @@ vi.mock('react-i18next', () => ({
 
 vi.mock('@/service/use-log', () => ({
   useAnnotationsCount: () => ({
-    data: { count: 10 },
-    isLoading: false,
+    data: mockAnnotationsCountData,
+    isLoading: mockAnnotationsCountLoading,
   }),
 }))
 
+vi.mock('@/app/components/base/chip', () => ({
+  default: ({
+    items,
+    value,
+    onSelect,
+    onClear,
+  }: {
+    items: Array<{ value: string, name: string }>
+    value?: string
+    onSelect: (item: { value: string, name: string }) => void
+    onClear: () => void
+  }) => {
+    const currentItem = items.find(item => item.value === value) ?? items[0]
+    return (
+      <div>
+        <div>{currentItem?.name}</div>
+        <button onClick={() => onSelect(items.at(-1)!)}>{`select-${items.at(-1)?.value}`}</button>
+        <button onClick={onClear}>clear-chip</button>
+      </div>
+    )
+  },
+}))
+
+vi.mock('@/app/components/base/sort', () => ({
+  default: ({
+    onSelect,
+  }: {
+    onSelect: (value: string) => void
+  }) => <button onClick={() => onSelect('-updated_at')}>select-sort</button>,
+}))
+
 describe('Filter', () => {
   const defaultQueryParams: QueryParam = {
     period: '9',
@@ -35,6 +69,8 @@ describe('Filter', () => {
 
   beforeEach(() => {
     vi.clearAllMocks()
+    mockAnnotationsCountLoading = false
+    mockAnnotationsCountData = { count: 10 }
   })
 
   describe('Rendering', () => {
@@ -45,9 +81,9 @@ describe('Filter', () => {
     })
 
     it('should return null when loading', () => {
-      // This test verifies the component renders correctly with the mocked data
+      mockAnnotationsCountLoading = true
       const { container } = render(<Filter {...defaultProps} />)
-      expect(container.firstChild).not.toBeNull()
+      expect(container.firstChild).toBeNull()
     })
 
     it('should render sort component in chat mode', () => {
@@ -118,6 +154,40 @@ describe('Filter', () => {
         keyword: '',
       })
     })
+
+    it('should update and clear period, annotation, and sort filters', () => {
+      render(<Filter {...defaultProps} isChatMode />)
+
+      fireEvent.click(screen.getAllByText('select-9')[0])
+      expect(mockSetQueryParams).toHaveBeenCalledWith({
+        ...defaultQueryParams,
+        period: '9',
+      })
+
+      fireEvent.click(screen.getAllByText('clear-chip')[0])
+      expect(mockSetQueryParams).toHaveBeenCalledWith({
+        ...defaultQueryParams,
+        period: '9',
+      })
+
+      fireEvent.click(screen.getAllByText('select-not_annotated')[0])
+      expect(mockSetQueryParams).toHaveBeenCalledWith({
+        ...defaultQueryParams,
+        annotation_status: 'not_annotated',
+      })
+
+      fireEvent.click(screen.getAllByText('clear-chip')[1])
+      expect(mockSetQueryParams).toHaveBeenCalledWith({
+        ...defaultQueryParams,
+        annotation_status: 'all',
+      })
+
+      fireEvent.click(screen.getByText('select-sort'))
+      expect(mockSetQueryParams).toHaveBeenCalledWith({
+        ...defaultQueryParams,
+        sort_by: '-updated_at',
+      })
+    })
   })
 
   describe('Query Params', () => {
@@ -180,6 +250,13 @@ describe('Filter', () => {
       // Default annotation_status is 'all'
       expect(screen.getByText('filter.annotation.all')).toBeInTheDocument()
     })
+
+    it('should return null when annotation count data is unavailable', () => {
+      mockAnnotationsCountData = null
+      const { container } = render(<Filter {...defaultProps} />)
+
+      expect(container.firstChild).toBeNull()
+    })
   })
 
   describe('Chat Mode', () => {
diff --git a/web/app/components/app/log/__tests__/index.spec.tsx b/web/app/components/app/log/__tests__/index.spec.tsx
new file mode 100644
index 0000000000..a9f597c5e8
--- /dev/null
+++ b/web/app/components/app/log/__tests__/index.spec.tsx
@@ -0,0 +1,146 @@
+/* eslint-disable ts/no-explicit-any */
+import { fireEvent, render, screen } from '@testing-library/react'
+import { APP_PAGE_LIMIT } from '@/config'
+import { AppModeEnum } from '@/types/app'
+import Logs from '../index'
+
+const mockReplace = vi.fn()
+const mockUseChatConversations = vi.fn()
+const mockUseCompletionConversations = vi.fn()
+
+let mockSearchParams = new URLSearchParams()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('ahooks', async () => {
+  return {
+    useDebounce: <T,>(value: T) => value,
+  }
+})
+
+vi.mock('@/next/navigation', () => ({
+  useRouter: () => ({
+    replace: mockReplace,
+  }),
+  usePathname: () => '/apps/app-1/logs',
+  useSearchParams: () => ({
+    get: (key: string) => mockSearchParams.get(key),
+    toString: () => mockSearchParams.toString(),
+  }),
+}))
+
+vi.mock('@/service/use-log', () => ({
+  useChatConversations: (...args: unknown[]) => mockUseChatConversations(...args),
+  useCompletionConversations: (...args: unknown[]) => mockUseCompletionConversations(...args),
+}))
+
+vi.mock('../filter', () => ({
+  TIME_PERIOD_MAPPING: {
+    2: { value: 7 },
+    9: { value: 0 },
+  },
+  default: ({ setQueryParams }: { setQueryParams: (next: Record<string, string>) => void }) => (
+    <button onClick={() => setQueryParams({ period: '9', annotation_status: 'all', sort_by: '-created_at', keyword: 'hello' })}>
+      filter-controls
+    </button>
+  ),
+}))
+
+vi.mock('../list', () => ({
+  default: ({ logs }: { logs: { total?: number } }) => (
+    <div>
+      list-total-
+      {logs?.total}
+    </div>
+  ),
+}))
+
+vi.mock('../empty-element', () => ({
+  default: () => <div>empty-logs</div>,
+}))
+
+vi.mock('@/app/components/base/loading', () => ({
+  default: () => <div>loading-logs</div>,
+}))
+
+vi.mock('@/app/components/base/pagination', () => ({
+  default: ({ onChange }: { onChange: (page: number) => void }) => (
+    <button onClick={() => onChange(1)}>go-to-page-2</button>
+  ),
+}))
+
+describe('Logs', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockSearchParams = new URLSearchParams()
+    mockUseChatConversations.mockReturnValue({
+      data: undefined,
+      refetch: vi.fn(),
+    })
+    mockUseCompletionConversations.mockReturnValue({
+      data: undefined,
+      refetch: vi.fn(),
+    })
+  })
+
+  it('should request chat conversations and show a loading state before data arrives', () => {
+    render(
+      <Logs
+        appDetail={{
+          id: 'app-1',
+          mode: AppModeEnum.CHAT,
+        } as any}
+      />,
+    )
+
+    expect(mockUseChatConversations).toHaveBeenCalledWith(expect.objectContaining({
+      appId: 'app-1',
+    }))
+    expect(screen.getByText('loading-logs')).toBeInTheDocument()
+  })
+
+  it('should render the empty state for completion apps without logs', () => {
+    mockUseCompletionConversations.mockReturnValue({
+      data: { total: 0 },
+      refetch: vi.fn(),
+    })
+
+    render(
+      <Logs
+        appDetail={{
+          id: 'app-2',
+          mode: AppModeEnum.COMPLETION,
+        } as any}
+      />,
+    )
+
+    expect(mockUseCompletionConversations).toHaveBeenCalledWith(expect.objectContaining({
+      appId: 'app-2',
+    }))
+    expect(screen.getByText('empty-logs')).toBeInTheDocument()
+  })
+
+  it('should update the page query parameter when pagination changes', () => {
+    mockUseChatConversations.mockReturnValue({
+      data: { total: APP_PAGE_LIMIT + 1 },
+      refetch: vi.fn(),
+    })
+
+    render(
+      <Logs
+        appDetail={{
+          id: 'app-3',
+          mode: AppModeEnum.CHAT,
+        } as any}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('go-to-page-2'))
+
+    expect(mockReplace).toHaveBeenCalledWith('/apps/app-1/logs?page=2', { scroll: false })
+  })
+})
diff --git a/web/app/components/app/log/__tests__/list-utils.spec.ts b/web/app/components/app/log/__tests__/list-utils.spec.ts
new file mode 100644
index 0000000000..245ff0567e
--- /dev/null
+++ b/web/app/components/app/log/__tests__/list-utils.spec.ts
@@ -0,0 +1,240 @@
+/* eslint-disable ts/no-explicit-any */
+import type { IChatItem } from '@/app/components/base/chat/chat/type'
+import {
+  applyAnnotationAdded,
+  applyAnnotationEdited,
+  applyAnnotationRemoved,
+  buildChatThreadState,
+  buildConversationUrl,
+  getCompletionMessageFiles,
+  getConversationRowValues,
+  getDetailVarList,
+  getFormattedChatList,
+  getThreadChatItems,
+  hasConversationFeedback,
+  isNearTopLoadMore,
+  mergePaginatedChatItems,
+  mergeUniqueChatItems,
+} from '../list-utils'
+
+const createChatItems = (): IChatItem[] => ([
+  { id: 'question-1', content: 'hello', isAnswer: false },
+  { id: 'answer-1', content: 'world', isAnswer: true, parentMessageId: 'question-1' },
+  { id: 'question-2', content: 'next', isAnswer: false, parentMessageId: 'answer-1' },
+  { id: 'answer-2', content: 'reply', isAnswer: true, parentMessageId: 'question-2' },
+]) as IChatItem[]
+
+describe('log list utils', () => {
+  it('should format chat messages into paired question and answer items', () => {
+    const items = getFormattedChatList([
+      {
+        id: 'message-1',
+        inputs: { query: 'hello' },
+        query: 'hello',
+        answer: 'world',
+        created_at: 1710000000,
+        answer_tokens: 3,
+        message_tokens: 2,
+        message: [{ role: 'user', text: 'hello' }],
+        message_files: [
+          { belongs_to: 'assistant', id: 'file-1' },
+          { belongs_to: 'user', id: 'file-2' },
+        ],
+      },
+    ] as any, 'conversation-1', 'UTC', 'YYYY-MM-DD')
+
+    expect(items).toHaveLength(2)
+    expect(items[0]).toEqual(expect.objectContaining({
+      id: 'question-message-1',
+      content: 'hello',
+      isAnswer: false,
+    }))
+    expect(items[1]).toEqual(expect.objectContaining({
+      id: 'message-1',
+      content: 'world',
+      isAnswer: true,
+      conversationId: 'conversation-1',
+    }))
+  })
+
+  it('should preserve feedback and annotation hit history when formatting chat items', () => {
+    const items = getFormattedChatList([
+      {
+        id: 'message-2',
+        inputs: { default_input: 'fallback prompt' },
+        query: '',
+        answer: 'answer',
+        created_at: 1710000000,
+        answer_tokens: 1,
+        message_tokens: 1,
+        message: [{ role: 'assistant', text: 'answer' }],
+        feedbacks: [
+          { from_source: 'user', rating: 'like' },
+          { from_source: 'admin', rating: 'dislike' },
+        ],
+        annotation_hit_history: {
+          annotation_id: 'annotation-1',
+          annotation_create_account: {},
+          created_at: 123,
+        },
+      },
+    ] as any, 'conversation-2', 'UTC', 'YYYY-MM-DD')
+
+    expect(items[1]).toEqual(expect.objectContaining({
+      feedback: expect.objectContaining({ rating: 'like' }),
+      adminFeedback: expect.objectContaining({ rating: 'dislike' }),
+      annotation: expect.objectContaining({
+        id: 'annotation-1',
+        authorName: 'N/A',
+        created_at: 123,
+      }),
+    }))
+  })
+
+  it('should merge unique chat items and handle pagination retries', () => {
+    const prevItems = createChatItems()
+    const merged = mergeUniqueChatItems(prevItems, [
+      { id: 'answer-2', content: 'reply', isAnswer: true } as IChatItem,
+      { id: 'answer-3', content: 'final', isAnswer: true } as IChatItem,
+    ])
+
+    expect(merged.map(item => item.id)).toEqual(['answer-3', 'question-1', 'answer-1', 'question-2', 'answer-2'])
+
+    expect(mergePaginatedChatItems({
+      maxRetryCount: 3,
+      newItems: [],
+      prevItems,
+      retryCount: 1,
+    })).toEqual({
+      items: prevItems,
+      retryCount: 2,
+    })
+
+    expect(mergePaginatedChatItems({
+      maxRetryCount: 3,
+      newItems: [],
+      prevItems,
+      retryCount: 3,
+    })).toEqual({
+      items: prevItems,
+      retryCount: 0,
+    })
+  })
+
+  it('should build thread state and support switching siblings', () => {
+    const state = buildChatThreadState({
+      allChatItems: createChatItems(),
+      hasMore: false,
+      introduction: 'intro',
+    })
+
+    expect(state.chatItemTree[0]).toEqual(expect.objectContaining({
+      id: 'introduction',
+      isOpeningStatement: true,
+    }))
+    expect(state.oldestAnswerId).toBe('answer-1')
+    expect(getThreadChatItems(state.chatItemTree, 'answer-2').at(-1)?.id).toBe('answer-2')
+  })
+
+  it('should return an empty thread state when there are no chat items', () => {
+    expect(buildChatThreadState({
+      allChatItems: [],
+      hasMore: true,
+    })).toEqual({
+      chatItemTree: [],
+      oldestAnswerId: undefined,
+      threadChatItems: [],
+    })
+  })
+
+  it('should update annotation state helpers', () => {
+    const items = createChatItems()
+
+    expect(applyAnnotationEdited(items, 'updated question', 'updated answer', 1)[0].content).toBe('updated question')
+    expect(applyAnnotationAdded(items, 'annotation-1', 'Dify', 'question', 'answer', 1)[1].annotation).toEqual(expect.objectContaining({
+      id: 'annotation-1',
+      authorName: 'Dify',
+    }))
+    expect(applyAnnotationRemoved(items, 1)[1].annotation).toBeUndefined()
+  })
+
+  it('should derive urls, scroll thresholds, row values, and detail metadata', () => {
+    expect(buildConversationUrl('/apps/app-1/logs', 'page=2', 'conversation-1')).toBe('/apps/app-1/logs?page=2&conversation_id=conversation-1')
+    expect(isNearTopLoadMore({
+      clientHeight: 200,
+      scrollHeight: 600,
+      scrollTop: -380,
+    })).toBe(true)
+
+    expect(getConversationRowValues({
+      isChatMode: false,
+      log: {
+        from_account_name: 'demo-user',
+        message: {
+          inputs: { query: 'hello' },
+          answer: 'world',
+        },
+      },
+      noChatLabel: 'no chat',
+      noOutputLabel: 'no output',
+    })).toEqual({
+      endUser: 'demo-user',
+      isLeftEmpty: false,
+      isRightEmpty: false,
+      leftValue: 'hello',
+      rightValue: 'world',
+    })
+
+    expect(getDetailVarList({
+      model_config: {
+        user_input_form: [
+          {
+            text_input: {
+              variable: 'query',
+            },
+          },
+        ],
+      },
+      message: {
+        inputs: { query: 'fallback value' },
+      },
+    }, {})).toEqual([
+      {
+        label: 'query',
+        value: 'fallback value',
+      },
+    ])
+
+    expect(getCompletionMessageFiles({
+      message: {
+        message_files: [{ url: 'https://example.com/file-1' }],
+      },
+    }, false)).toEqual(['https://example.com/file-1'])
+  })
+
+  it('should remove conversation ids from urls, handle default inputs, and detect conversation feedback', () => {
+    expect(buildConversationUrl('/apps/app-1/logs', 'page=2&conversation_id=conversation-1')).toBe('/apps/app-1/logs?page=2')
+
+    expect(getConversationRowValues({
+      isChatMode: false,
+      log: {
+        from_end_user_session_id: 'session-1',
+        message: {
+          inputs: { default_input: 'fallback input' },
+          answer: 0,
+        },
+      },
+      noChatLabel: 'no chat',
+      noOutputLabel: 'no output',
+    })).toEqual({
+      endUser: 'session-1',
+      isLeftEmpty: false,
+      isRightEmpty: true,
+      leftValue: 'fallback input',
+      rightValue: 0,
+    })
+
+    expect(hasConversationFeedback({ like: 0, dislike: 0 })).toBe(false)
+    expect(hasConversationFeedback({ like: 1, dislike: 0 })).toBe(true)
+  })
+})
diff --git a/web/app/components/app/log/__tests__/list.spec.tsx b/web/app/components/app/log/__tests__/list.spec.tsx
new file mode 100644
index 0000000000..a5d801f13f
--- /dev/null
+++ b/web/app/components/app/log/__tests__/list.spec.tsx
@@ -0,0 +1,654 @@
+/* eslint-disable ts/no-explicit-any */
+import type { ReactNode } from 'react'
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { AppModeEnum } from '@/types/app'
+import ConversationList from '../list'
+
+const mockFetchChatMessages = vi.fn()
+const mockUpdateLogMessageFeedbacks = vi.fn()
+const mockUpdateLogMessageAnnotations = vi.fn()
+const mockPush = vi.fn()
+const mockReplace = vi.fn()
+const mockOnRefresh = vi.fn()
+const mockSetCurrentLogItem = vi.fn()
+const mockSetShowPromptLogModal = vi.fn()
+const mockSetShowAgentLogModal = vi.fn()
+const mockSetShowMessageLogModal = vi.fn()
+const mockCompletionRefetch = vi.fn()
+const mockDelAnnotation = vi.fn()
+
+let mockSearchParams = new URLSearchParams()
+let mockChatConversationDetail: Record<string, unknown> | undefined
+let mockCompletionConversationDetail: Record<string, unknown> | undefined
+let mockShowMessageLogModal = false
+let mockShowPromptLogModal = false
+let mockCurrentLogItem: Record<string, unknown> | undefined
+let mockCurrentLogModalActiveTab = 'messages'
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/context/app-context', () => ({
+  useAppContext: () => ({
+    userProfile: {
+      timezone: 'Asia/Shanghai',
+    },
+  }),
+}))
+
+vi.mock('@/hooks/use-timestamp', () => ({
+  default: () => ({
+    formatTime: (timestamp: number) => `formatted-${timestamp}`,
+  }),
+}))
+
+vi.mock('@/hooks/use-breakpoints', () => ({
+  __esModule: true,
+  default: () => 'desktop',
+  MediaType: {
+    mobile: 'mobile',
+  },
+}))
+
+vi.mock('@/next/navigation', () => ({
+  useRouter: () => ({
+    push: mockPush,
+    replace: mockReplace,
+  }),
+  usePathname: () => '/apps/app-1/logs',
+  useSearchParams: () => ({
+    get: (key: string) => mockSearchParams.get(key),
+    toString: () => mockSearchParams.toString(),
+  }),
+}))
+
+vi.mock('@/service/use-log', () => ({
+  useChatConversationDetail: () => ({
+    data: mockChatConversationDetail,
+  }),
+  useCompletionConversationDetail: () => ({
+    data: mockCompletionConversationDetail,
+    refetch: mockCompletionRefetch,
+  }),
+}))
+
+vi.mock('@/service/log', () => ({
+  fetchChatMessages: (...args: unknown[]) => mockFetchChatMessages(...args),
+  updateLogMessageFeedbacks: (...args: unknown[]) => mockUpdateLogMessageFeedbacks(...args),
+  updateLogMessageAnnotations: (...args: unknown[]) => mockUpdateLogMessageAnnotations(...args),
+}))
+
+vi.mock('@/service/annotation', () => ({
+  delAnnotation: (...args: unknown[]) => mockDelAnnotation(...args),
+}))
+
+vi.mock('@/app/components/app/store', () => ({
+  useStore: (selector: (state: Record<string, unknown>) => unknown) => selector({
+    currentLogItem: mockCurrentLogItem,
+    setCurrentLogItem: mockSetCurrentLogItem,
+    showMessageLogModal: mockShowMessageLogModal,
+    setShowPromptLogModal: mockSetShowPromptLogModal,
+    setShowAgentLogModal: mockSetShowAgentLogModal,
+    setShowMessageLogModal: mockSetShowMessageLogModal,
+    showPromptLogModal: mockShowPromptLogModal,
+    currentLogModalActiveTab: mockCurrentLogModalActiveTab,
+  }),
+}))
+
+vi.mock('@/app/components/base/tooltip', () => ({
+  default: ({ children }: { children: ReactNode }) => <>{children}</>,
+}))
+
+vi.mock('@/app/components/base/drawer', () => ({
+  default: ({ children, isOpen, onClose }: { children: ReactNode, isOpen: boolean, onClose: () => void }) => (
+    isOpen
+      ? (
+          <div data-testid="drawer">
+            <button onClick={onClose}>close-drawer</button>
+            {children}
+          </div>
+        )
+      : null
+  ),
+}))
+
+vi.mock('@/app/components/base/loading', () => ({
+  default: () => <div>loading</div>,
+}))
+
+vi.mock('@/app/components/app/log/model-info', () => ({
+  default: ({ model }: { model: string }) => <div data-testid="model-info">{model}</div>,
+}))
+
+vi.mock('@/app/components/app/log/var-panel', () => ({
+  default: ({ varList }: { varList: Array<{ label: string, value: string }> }) => (
+    <div data-testid="var-panel">{varList.map(item => `${item.label}:${item.value}`).join(',')}</div>
+  ),
+}))
+
+vi.mock('@/app/components/base/copy-icon', () => ({
+  default: ({ content }: { content: string }) => <div data-testid="copy-icon">{content}</div>,
+}))
+
+vi.mock('@/app/components/app/text-generate/item', () => ({
+  default: ({
+    content,
+    onFeedback,
+  }: {
+    content: string
+    onFeedback: (value: { rating: string, content?: string }) => Promise<boolean>
+  }) => (
+    <div data-testid="text-generation">
+      <div>{content}</div>
+      <button onClick={() => void onFeedback({ rating: 'like', content: 'great' })}>completion-feedback</button>
+    </div>
+  ),
+}))
+
+vi.mock('@/app/components/base/chat/chat', () => ({
+  default: ({
+    chatList,
+    onFeedback,
+    onAnnotationAdded,
+    onAnnotationEdited,
+    onAnnotationRemoved,
+    switchSibling,
+  }: {
+    chatList: Array<{ id: string }>
+    onFeedback: (mid: string, value: { rating: string, content?: string }) => Promise<boolean>
+    onAnnotationAdded: (annotationId: string, authorName: string, query: string, answer: string, index: number) => void
+    onAnnotationEdited: (query: string, answer: string, index: number) => void
+    onAnnotationRemoved: (index: number) => Promise<boolean>
+    switchSibling: (siblingMessageId: string) => void
+  }) => (
+    <div data-testid="chat-panel">
+      <div>{chatList.length}</div>
+      <button onClick={() => void onFeedback('message-1', { rating: 'like', content: 'nice' })}>chat-feedback</button>
+      <button onClick={() => onAnnotationAdded('annotation-2', 'Admin', 'Edited question', 'Edited answer', 1)}>chat-add-annotation</button>
+      <button onClick={() => onAnnotationEdited('Updated question', 'Updated answer', 1)}>chat-edit-annotation</button>
+      <button onClick={() => void onAnnotationRemoved(1)}>chat-remove-annotation</button>
+      <button onClick={() => switchSibling('message-2')}>chat-switch-sibling</button>
+    </div>
+  ),
+}))
+
+vi.mock('@/app/components/base/message-log-modal', () => ({
+  default: ({ onCancel }: { onCancel: () => void }) => (
+    <div data-testid="message-log-modal">
+      <button onClick={onCancel}>close-message-log-modal</button>
+    </div>
+  ),
+}))
+
+vi.mock('@/app/components/base/prompt-log-modal', () => ({
+  default: ({ onCancel }: { onCancel: () => void }) => (
+    <div data-testid="prompt-log-modal">
+      <button onClick={onCancel}>close-prompt-log-modal</button>
+    </div>
+  ),
+}))
+
+vi.mock('@/app/components/workflow/context', () => ({
+  WorkflowContextProvider: ({ children }: { children: ReactNode }) => <>{children}</>,
+}))
+
+const createLogs = () => ({
+  data: [
+    {
+      id: 'conversation-1',
+      name: 'hello world',
+      from_account_name: 'demo-user',
+      read_at: null,
+      message_count: 2,
+      user_feedback_stats: { like: 0, dislike: 0 },
+      admin_feedback_stats: { like: 0, dislike: 0 },
+      updated_at: 1710000000,
+      created_at: 1710000000,
+      annotated: false,
+    },
+  ],
+})
+
+const createCompletionLogs = () => ({
+  data: [
+    {
+      id: 'conversation-1',
+      from_account_name: 'demo-user',
+      read_at: null,
+      user_feedback_stats: { like: 0, dislike: 0 },
+      admin_feedback_stats: { like: 0, dislike: 0 },
+      updated_at: 1710000000,
+      created_at: 1710000000,
+      message: {
+        inputs: {
+          query: 'Question',
+        },
+        answer: 'Answer',
+      },
+      annotation: {
+        content: 'Annotated answer',
+        account: {
+          name: 'Admin',
+        },
+        created_at: 1710000100,
+      },
+    },
+  ],
+})
+
+const createChatMessage = (id: string, overrides: Record<string, unknown> = {}) => ({
+  id,
+  answer: `Assistant reply ${id}`,
+  query: `Question ${id}`,
+  created_at: 1710000000,
+  inputs: {
+    query: `Question ${id}`,
+  },
+  feedbacks: [],
+  message: [],
+  message_files: [],
+  answer_tokens: 10,
+  message_tokens: 5,
+  parent_message_id: undefined,
+  ...overrides,
+})
+
+describe('ConversationList', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockSearchParams = new URLSearchParams('page=2')
+    mockChatConversationDetail = undefined
+    mockCompletionConversationDetail = undefined
+    mockShowMessageLogModal = false
+    mockShowPromptLogModal = false
+    mockCurrentLogItem = undefined
+    mockCurrentLogModalActiveTab = 'messages'
+    mockDelAnnotation.mockResolvedValue(undefined)
+    mockFetchChatMessages.mockResolvedValue({
+      data: [],
+      has_more: false,
+    })
+  })
+
+  it('should render chat rows and push the conversation id into the url when a row is clicked', () => {
+    render(
+      <ConversationList
+        appDetail={{ id: 'app-1', mode: AppModeEnum.CHAT } as any}
+        logs={createLogs() as any}
+        onRefresh={mockOnRefresh}
+      />,
+    )
+
+    expect(screen.getByText('hello world')).toBeInTheDocument()
+    expect(screen.getAllByText('formatted-1710000000')).toHaveLength(2)
+
+    fireEvent.click(screen.getByText('hello world'))
+
+    expect(mockPush).toHaveBeenCalledWith('/apps/app-1/logs?page=2&conversation_id=conversation-1', { scroll: false })
+    expect(screen.getByTestId('drawer')).toBeInTheDocument()
+  })
+
+  it('should close the drawer, refresh, and clear modal flags', () => {
+    mockSearchParams = new URLSearchParams('page=2&conversation_id=conversation-1')
+
+    render(
+      <ConversationList
+        appDetail={{ id: 'app-1', mode: AppModeEnum.CHAT } as any}
+        logs={createLogs() as any}
+        onRefresh={mockOnRefresh}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('close-drawer'))
+
+    expect(mockOnRefresh).toHaveBeenCalledTimes(1)
+    expect(mockSetShowPromptLogModal).toHaveBeenCalledWith(false)
+    expect(mockSetShowAgentLogModal).toHaveBeenCalledWith(false)
+    expect(mockSetShowMessageLogModal).toHaveBeenCalledWith(false)
+    expect(mockReplace).toHaveBeenCalledWith('/apps/app-1/logs?page=2', { scroll: false })
+  })
+
+  it('should render chat conversation details and submit feedback from the chat panel', async () => {
+    mockSearchParams = new URLSearchParams('page=2&conversation_id=conversation-1')
+    mockChatConversationDetail = {
+      id: 'conversation-1',
+      created_at: 1710000000,
+      model_config: {
+        model: 'gpt-4o',
+        configs: {
+          introduction: 'Hello there',
+        },
+        user_input_form: [
+          {
+            query: {
+              variable: 'query',
+            },
+          },
+        ],
+      },
+      message: {
+        inputs: {
+          query: 'Latest question',
+        },
+      },
+    }
+    mockFetchChatMessages.mockResolvedValue({
+      data: [
+        {
+          id: 'message-1',
+          answer: 'Assistant reply',
+          query: 'Latest question',
+          created_at: 1710000000,
+          inputs: {
+            query: 'Latest question',
+          },
+          feedbacks: [],
+          message: [],
+          message_files: [],
+        },
+      ],
+      has_more: false,
+    })
+    mockShowMessageLogModal = true
+    mockCurrentLogItem = { id: 'log-1' }
+
+    render(
+      <ConversationList
+        appDetail={{ id: 'app-1', mode: AppModeEnum.CHAT } as any}
+        logs={createLogs() as any}
+        onRefresh={mockOnRefresh}
+      />,
+    )
+
+    await waitFor(() => {
+      expect(mockFetchChatMessages).toHaveBeenCalledWith({
+        url: '/apps/app-1/chat-messages',
+        params: {
+          conversation_id: 'conversation-1',
+          limit: 10,
+        },
+      })
+    })
+
+    await waitFor(() => {
+      expect(screen.getByTestId('chat-panel')).toBeInTheDocument()
+    })
+
+    expect(screen.getByTestId('var-panel')).toHaveTextContent('query:Latest question')
+    expect(screen.getByTestId('model-info')).toHaveTextContent('gpt-4o')
+    expect(screen.getByTestId('message-log-modal')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('chat-feedback'))
+
+    await waitFor(() => {
+      expect(mockUpdateLogMessageFeedbacks).toHaveBeenCalledWith({
+        url: '/apps/app-1/feedbacks',
+        body: {
+          message_id: 'message-1',
+          rating: 'like',
+          content: 'nice',
+        },
+      })
+    })
+  })
+
+  it('should render completion details and refetch after feedback updates', async () => {
+    mockSearchParams = new URLSearchParams('page=2&conversation_id=conversation-1')
+    mockCompletionConversationDetail = {
+      id: 'conversation-1',
+      created_at: 1710000000,
+      model_config: {
+        model: 'gpt-4o-mini',
+        user_input_form: [
+          {
+            query: {
+              variable: 'query',
+            },
+          },
+        ],
+      },
+      message: {
+        id: 'message-1',
+        answer: 'Generated output',
+        inputs: {
+          query: 'Question',
+        },
+        feedbacks: [],
+        message_files: [{ url: 'https://example.com/file.txt' }],
+      },
+    }
+    mockShowPromptLogModal = true
+    mockCurrentLogItem = { id: 'log-2' }
+
+    render(
+      <ConversationList
+        appDetail={{ id: 'app-1', mode: AppModeEnum.COMPLETION } as any}
+        logs={createCompletionLogs() as any}
+        onRefresh={mockOnRefresh}
+      />,
+    )
+
+    await waitFor(() => {
+      expect(screen.getByTestId('text-generation')).toBeInTheDocument()
+    })
+
+    expect(screen.getByTestId('var-panel')).toHaveTextContent('query:Question')
+    expect(screen.getByTestId('prompt-log-modal')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('completion-feedback'))
+
+    await waitFor(() => {
+      expect(mockUpdateLogMessageFeedbacks).toHaveBeenCalledWith({
+        url: '/apps/app-1/feedbacks',
+        body: {
+          message_id: 'message-1',
+          rating: 'like',
+          content: 'great',
+        },
+      })
+      expect(mockCompletionRefetch).toHaveBeenCalled()
+    })
+  })
+
+  it('should render chatflow status cells and feedback counters for advanced chat logs', () => {
+    render(
+      <ConversationList
+        appDetail={{ id: 'app-1', mode: AppModeEnum.ADVANCED_CHAT } as any}
+        logs={{
+          data: [
+            {
+              id: 'conversation-pending',
+              name: 'Pending row',
+              from_account_name: 'user-a',
+              read_at: 1710000001,
+              message_count: 3,
+              status_count: { paused: 1, success: 0, failed: 0, partial_success: 0 },
+              user_feedback_stats: { like: 2, dislike: 0 },
+              admin_feedback_stats: { like: 0, dislike: 1 },
+              updated_at: 1710000000,
+              created_at: 1710000000,
+            },
+            {
+              id: 'conversation-success',
+              name: 'Success row',
+              from_account_name: 'user-b',
+              read_at: 1710000001,
+              message_count: 4,
+              status_count: { paused: 0, success: 4, failed: 0, partial_success: 0 },
+              user_feedback_stats: { like: 0, dislike: 0 },
+              admin_feedback_stats: { like: 0, dislike: 0 },
+              updated_at: 1710000000,
+              created_at: 1710000000,
+            },
+            {
+              id: 'conversation-partial',
+              name: 'Partial row',
+              from_account_name: 'user-c',
+              read_at: 1710000001,
+              message_count: 5,
+              status_count: { paused: 0, success: 3, failed: 0, partial_success: 1 },
+              user_feedback_stats: { like: 0, dislike: 0 },
+              admin_feedback_stats: { like: 0, dislike: 0 },
+              updated_at: 1710000000,
+              created_at: 1710000000,
+            },
+            {
+              id: 'conversation-failure',
+              name: 'Failure row',
+              from_account_name: 'user-d',
+              read_at: 1710000001,
+              message_count: 1,
+              status_count: { paused: 0, success: 0, failed: 2, partial_success: 0 },
+              user_feedback_stats: { like: 0, dislike: 0 },
+              admin_feedback_stats: { like: 0, dislike: 0 },
+              updated_at: 1710000000,
+              created_at: 1710000000,
+            },
+          ],
+        } as any}
+        onRefresh={mockOnRefresh}
+      />,
+    )
+
+    expect(screen.getByText('Pending')).toBeInTheDocument()
+    expect(screen.getByText('Success')).toBeInTheDocument()
+    expect(screen.getByText('Partial Success')).toBeInTheDocument()
+    expect(screen.getByText('2 Failures')).toBeInTheDocument()
+    expect(screen.getByText('2')).toBeInTheDocument()
+    expect(screen.getAllByText('1').length).toBeGreaterThan(0)
+  })
+
+  it('should support annotation changes, modal closing, and paginated scroll loading in the detail drawer', async () => {
+    mockSearchParams = new URLSearchParams('page=2&conversation_id=conversation-1')
+    mockChatConversationDetail = {
+      id: 'conversation-1',
+      created_at: 1710000000,
+      model_config: {
+        model: 'gpt-4o',
+        configs: {
+          introduction: 'Hello there',
+        },
+        user_input_form: [
+          {
+            query: {
+              variable: 'query',
+            },
+          },
+        ],
+      },
+      message: {
+        inputs: {
+          query: 'Latest question',
+        },
+      },
+    }
+    mockShowMessageLogModal = true
+    mockCurrentLogItem = { id: 'log-1' }
+    mockFetchChatMessages
+      .mockResolvedValueOnce({
+        data: [
+          createChatMessage('message-1', {
+            annotation: {
+              id: 'annotation-1',
+              content: 'Annotated answer',
+              account: { name: 'Admin' },
+            },
+          }),
+          createChatMessage('message-2', { parent_message_id: 'message-1' }),
+          createChatMessage('message-3', { parent_message_id: 'message-2' }),
+          createChatMessage('message-4', { parent_message_id: 'message-3' }),
+        ],
+        has_more: true,
+      })
+      .mockResolvedValueOnce({
+        data: [createChatMessage('message-5')],
+        has_more: false,
+      })
+
+    render(
+      <ConversationList
+        appDetail={{ id: 'app-1', mode: AppModeEnum.CHAT } as any}
+        logs={createLogs() as any}
+        onRefresh={mockOnRefresh}
+      />,
+    )
+
+    await waitFor(() => {
+      expect(screen.getByTestId('chat-panel')).toBeInTheDocument()
+      expect(screen.getByTestId('chat-panel')).toHaveTextContent('8')
+      expect(screen.getByText('detail.loading...')).toBeInTheDocument()
+    })
+
+    fireEvent.click(screen.getByText('chat-add-annotation'))
+    fireEvent.click(screen.getByText('chat-edit-annotation'))
+    fireEvent.click(screen.getByText('chat-remove-annotation'))
+
+    await waitFor(() => {
+      expect(mockDelAnnotation).toHaveBeenCalledWith('app-1', 'annotation-2')
+    })
+
+    fireEvent.click(screen.getByText('close-message-log-modal'))
+    expect(mockSetCurrentLogItem).toHaveBeenCalled()
+    expect(mockSetShowMessageLogModal).toHaveBeenCalledWith(false)
+
+    const scrollableDiv = document.getElementById('scrollableDiv') as HTMLDivElement
+    Object.defineProperty(scrollableDiv, 'clientHeight', { configurable: true, value: 100 })
+    Object.defineProperty(scrollableDiv, 'scrollHeight', { configurable: true, value: 500 })
+    Object.defineProperty(scrollableDiv, 'scrollTop', { configurable: true, value: -400 })
+
+    await act(async () => {
+      fireEvent.scroll(scrollableDiv)
+    })
+
+    await waitFor(() => {
+      expect(mockFetchChatMessages).toHaveBeenCalledTimes(2)
+    })
+  })
+
+  it('should close the prompt log modal from completion detail drawers', async () => {
+    mockSearchParams = new URLSearchParams('page=2&conversation_id=conversation-1')
+    mockCompletionConversationDetail = {
+      id: 'conversation-1',
+      created_at: 1710000000,
+      model_config: {
+        model: 'gpt-4o-mini',
+        user_input_form: [
+          {
+            query: {
+              variable: 'query',
+            },
+          },
+        ],
+      },
+      message: {
+        id: 'message-1',
+        answer: 'Generated output',
+        inputs: {
+          query: 'Question',
+        },
+        feedbacks: [],
+        message_files: [{ url: 'https://example.com/file.txt' }],
+      },
+    }
+    mockShowPromptLogModal = true
+    mockCurrentLogItem = { id: 'log-2' }
+
+    render(
+      <ConversationList
+        appDetail={{ id: 'app-1', mode: AppModeEnum.COMPLETION } as any}
+        logs={createCompletionLogs() as any}
+        onRefresh={mockOnRefresh}
+      />,
+    )
+
+    expect(await screen.findByTestId('prompt-log-modal')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('close-prompt-log-modal'))
+
+    expect(mockSetCurrentLogItem).toHaveBeenCalled()
+    expect(mockSetShowPromptLogModal).toHaveBeenCalledWith(false)
+  })
+})
diff --git a/web/app/components/app/log/model-info.spec.tsx b/web/app/components/app/log/__tests__/model-info.spec.tsx
similarity index 99%
rename from web/app/components/app/log/model-info.spec.tsx
rename to web/app/components/app/log/__tests__/model-info.spec.tsx
index c8263c2360..3b62406758 100644
--- a/web/app/components/app/log/model-info.spec.tsx
+++ b/web/app/components/app/log/__tests__/model-info.spec.tsx
@@ -1,5 +1,5 @@
 import { fireEvent, render, screen } from '@testing-library/react'
-import ModelInfo from './model-info'
+import ModelInfo from '../model-info'
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
diff --git a/web/app/components/app/log/var-panel.spec.tsx b/web/app/components/app/log/__tests__/var-panel.spec.tsx
similarity index 99%
rename from web/app/components/app/log/var-panel.spec.tsx
rename to web/app/components/app/log/__tests__/var-panel.spec.tsx
index eff186e5b9..f88fe9024b 100644
--- a/web/app/components/app/log/var-panel.spec.tsx
+++ b/web/app/components/app/log/__tests__/var-panel.spec.tsx
@@ -1,5 +1,5 @@
 import { act, fireEvent, render, screen } from '@testing-library/react'
-import VarPanel from './var-panel'
+import VarPanel from '../var-panel'
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
diff --git a/web/app/components/app/log/index.tsx b/web/app/components/app/log/index.tsx
index 59f454f754..c30cf6cf51 100644
--- a/web/app/components/app/log/index.tsx
+++ b/web/app/components/app/log/index.tsx
@@ -17,7 +17,7 @@ import EmptyElement from './empty-element'
 import Filter, { TIME_PERIOD_MAPPING } from './filter'
 import List from './list'
 
-export type ILogsProps = {
+type ILogsProps = {
   appDetail: App
 }
 
diff --git a/web/app/components/app/log/list-utils.ts b/web/app/components/app/log/list-utils.ts
new file mode 100644
index 0000000000..39faa87499
--- /dev/null
+++ b/web/app/components/app/log/list-utils.ts
@@ -0,0 +1,343 @@
+import type { ChatItemInTree } from '../../base/chat/types'
+import type { IChatItem } from '@/app/components/base/chat/chat/type'
+import type { Annotation, ChatMessage } from '@/models/log'
+import type { FileResponse } from '@/types/workflow'
+import dayjs from 'dayjs'
+import timezone from 'dayjs/plugin/timezone'
+import utc from 'dayjs/plugin/utc'
+import { get } from 'es-toolkit/compat'
+import { buildChatItemTree, getThreadMessages } from '@/app/components/base/chat/utils'
+import { getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
+import { addFileInfos, sortAgentSorts } from '@/app/components/tools/utils'
+
+dayjs.extend(utc)
+dayjs.extend(timezone)
+
+type LogDetailMessage = {
+  answer?: string | number | null
+  inputs?: Record<string, string>
+  message_files?: Array<{ url?: string }>
+  query?: string
+}
+
+type UserInputFormItem = Record<string, { variable?: string }>
+
+type ConversationLogDetail = {
+  from_account_name?: string
+  from_end_user_session_id?: string
+  message?: LogDetailMessage
+  message_count?: number
+  model_config?: {
+    user_input_form?: UserInputFormItem[]
+  }
+  name?: string
+}
+
+type ConversationFeedbackStats = {
+  dislike?: number
+  like?: number
+}
+
+const getUserInputVariable = (item: UserInputFormItem) => {
+  const variable = Object.values(item)[0]?.variable
+
+  return typeof variable === 'string' ? variable : undefined
+}
+
+const toFileResponse = (file: NonNullable<ChatMessage['message_files']>[number]): FileResponse => ({
+  related_id: file.id ?? file.upload_file_id,
+  extension: '',
+  filename: '',
+  size: 0,
+  mime_type: '',
+  transfer_method: file.transfer_method,
+  type: file.type,
+  url: file.url,
+  upload_file_id: file.upload_file_id,
+  remote_url: file.url,
+})
+
+export const getFormattedChatList = (messages: ChatMessage[], conversationId: string, timezone: string, format: string) => {
+  const newChatList: IChatItem[] = []
+
+  messages.forEach((item: ChatMessage) => {
+    const questionFiles = item.message_files?.filter(file => file.belongs_to === 'user') || []
+    newChatList.push({
+      id: `question-${item.id}`,
+      content: item.inputs.query || item.inputs.default_input || item.query,
+      isAnswer: false,
+      message_files: getProcessedFilesFromResponse(questionFiles.map(toFileResponse)),
+      parentMessageId: item.parent_message_id || undefined,
+    })
+
+    const answerFiles = item.message_files?.filter(file => file.belongs_to === 'assistant') || []
+    newChatList.push({
+      id: item.id,
+      content: item.answer,
+      agent_thoughts: addFileInfos(item.agent_thoughts ? sortAgentSorts(item.agent_thoughts) : item.agent_thoughts, item.message_files),
+      feedback: item.feedbacks?.find(feedback => feedback.from_source === 'user'),
+      adminFeedback: item.feedbacks?.find(feedback => feedback.from_source === 'admin'),
+      feedbackDisabled: false,
+      isAnswer: true,
+      message_files: getProcessedFilesFromResponse(answerFiles.map(toFileResponse)),
+      log: [
+        ...(item.message ?? []),
+        ...(item.message?.[item.message.length - 1]?.role !== 'assistant'
+          ? [{
+              role: 'assistant',
+              text: item.answer,
+              files: item.message_files?.filter(file => file.belongs_to === 'assistant') || [],
+            }]
+          : []),
+      ] as IChatItem['log'],
+      workflow_run_id: item.workflow_run_id,
+      conversationId,
+      input: {
+        inputs: item.inputs,
+        query: item.query,
+      },
+      more: {
+        time: dayjs.unix(item.created_at).tz(timezone).format(format),
+        tokens: item.answer_tokens + item.message_tokens,
+        latency: (item.provider_response_latency ?? 0).toFixed(2),
+      },
+      citation: item.metadata?.retriever_resources,
+      annotation: (() => {
+        if (item.annotation_hit_history) {
+          return {
+            id: item.annotation_hit_history.annotation_id,
+            authorName: item.annotation_hit_history.annotation_create_account?.name || 'N/A',
+            created_at: item.annotation_hit_history.created_at,
+          }
+        }
+
+        if (item.annotation) {
+          return {
+            id: item.annotation.id,
+            authorName: item.annotation.account.name,
+            logAnnotation: item.annotation,
+            created_at: 0,
+          }
+        }
+
+        return undefined
+      })(),
+      parentMessageId: `question-${item.id}`,
+    })
+  })
+
+  return newChatList
+}
+
+export const mergeUniqueChatItems = (prevItems: IChatItem[], newItems: IChatItem[]) => {
+  const existingIds = new Set(prevItems.map(item => item.id))
+  const uniqueNewItems = newItems.filter(item => !existingIds.has(item.id))
+
+  return [...uniqueNewItems, ...prevItems]
+}
+
+export const mergePaginatedChatItems = ({
+  maxRetryCount,
+  newItems,
+  prevItems,
+  retryCount,
+}: {
+  maxRetryCount: number
+  newItems: IChatItem[]
+  prevItems: IChatItem[]
+  retryCount: number
+}) => {
+  const existingIds = new Set(prevItems.map(item => item.id))
+  const uniqueNewItems = newItems.filter(item => !existingIds.has(item.id))
+
+  if (!uniqueNewItems.length) {
+    if (retryCount < maxRetryCount && prevItems.length > 1) {
+      return {
+        items: prevItems,
+        retryCount: retryCount + 1,
+      }
+    }
+
+    return {
+      items: prevItems,
+      retryCount: 0,
+    }
+  }
+
+  return {
+    items: [...uniqueNewItems, ...prevItems],
+    retryCount: 0,
+  }
+}
+
+export const buildChatThreadState = ({
+  allChatItems,
+  hasMore,
+  introduction,
+}: {
+  allChatItems: IChatItem[]
+  hasMore: boolean
+  introduction?: string
+}) => {
+  if (!allChatItems.length) {
+    return {
+      chatItemTree: [] as ChatItemInTree[],
+      oldestAnswerId: undefined as string | undefined,
+      threadChatItems: [] as IChatItem[],
+    }
+  }
+
+  let chatItemTree = buildChatItemTree(allChatItems)
+  if (!hasMore && introduction) {
+    chatItemTree = [{
+      id: 'introduction',
+      isAnswer: true,
+      isOpeningStatement: true,
+      content: introduction,
+      feedbackDisabled: true,
+      children: chatItemTree,
+    }]
+  }
+
+  const lastMessageId = allChatItems[allChatItems.length - 1]?.id
+  const threadChatItems = getThreadMessages(chatItemTree, lastMessageId)
+  const oldestAnswerId = allChatItems.find(item => item.isAnswer)?.id
+
+  return {
+    chatItemTree,
+    oldestAnswerId,
+    threadChatItems,
+  }
+}
+
+export const getThreadChatItems = (chatItemTree: ChatItemInTree[], siblingMessageId: string) =>
+  getThreadMessages(chatItemTree, siblingMessageId)
+
+export const applyAnnotationEdited = (items: IChatItem[], query: string, answer: string, index: number) => items.map((item, currentIndex) => {
+  if (currentIndex === index - 1)
+    return { ...item, content: query }
+
+  if (currentIndex === index) {
+    return {
+      ...item,
+      annotation: {
+        ...item.annotation,
+        logAnnotation: {
+          ...item.annotation?.logAnnotation,
+          content: answer,
+        },
+      } as Annotation,
+    }
+  }
+
+  return item
+})
+
+export const applyAnnotationAdded = (items: IChatItem[], annotationId: string, authorName: string, query: string, answer: string, index: number) => items.map((item, currentIndex) => {
+  if (currentIndex === index - 1)
+    return { ...item, content: query }
+
+  if (currentIndex === index) {
+    return {
+      ...item,
+      annotation: {
+        id: annotationId,
+        authorName,
+        logAnnotation: {
+          content: answer,
+          account: {
+            id: '',
+            name: authorName,
+            email: '',
+          },
+        },
+      } as Annotation,
+    }
+  }
+
+  return item
+})
+
+export const applyAnnotationRemoved = (items: IChatItem[], index: number) => items.map((item, currentIndex) => {
+  if (currentIndex === index)
+    return { ...item, annotation: undefined }
+
+  return item
+})
+
+export const buildConversationUrl = (pathname: string, searchParams: string, conversationId?: string) => {
+  const params = new URLSearchParams(searchParams)
+  if (conversationId)
+    params.set('conversation_id', conversationId)
+  else
+    params.delete('conversation_id')
+
+  const queryString = params.toString()
+  return queryString ? `${pathname}?${queryString}` : pathname
+}
+
+export const isNearTopLoadMore = ({
+  clientHeight,
+  scrollHeight,
+  scrollTop,
+}: {
+  clientHeight: number
+  scrollHeight: number
+  scrollTop: number
+}) => Math.abs(scrollTop) > scrollHeight - clientHeight - 40
+
+export const getConversationRowValues = ({
+  isChatMode,
+  log,
+  noChatLabel,
+  noOutputLabel,
+}: {
+  isChatMode: boolean
+  log: ConversationLogDetail
+  noChatLabel: string
+  noOutputLabel: string
+}) => {
+  const endUser = log.from_end_user_session_id || log.from_account_name
+  const leftValue = get(log, isChatMode ? 'name' : 'message.inputs.query')
+    || (!isChatMode ? (get(log, 'message.query') || get(log, 'message.inputs.default_input')) : '')
+    || ''
+  const rightValue = get(log, isChatMode ? 'message_count' : 'message.answer')
+
+  return {
+    endUser,
+    isLeftEmpty: !leftValue,
+    isRightEmpty: !rightValue,
+    leftValue: leftValue || noChatLabel,
+    rightValue: rightValue === 0 ? 0 : (rightValue || noOutputLabel),
+  }
+}
+
+export const getDetailVarList = (detail: ConversationLogDetail, varValues: Record<string, string>) =>
+  detail.model_config?.user_input_form?.flatMap((item) => {
+    const variable = getUserInputVariable(item)
+
+    if (!variable)
+      return []
+
+    const value = varValues[variable] ?? detail.message?.inputs?.[variable]
+
+    if (typeof value !== 'string')
+      return []
+
+    return [{
+      label: variable,
+      value,
+    }]
+  }) || []
+
+export const getCompletionMessageFiles = (detail: ConversationLogDetail, isChatMode: boolean) => {
+  const messageFiles = detail.message?.message_files
+
+  if (isChatMode || !messageFiles?.length)
+    return []
+
+  return messageFiles.flatMap(item => item.url ? [item.url] : [])
+}
+
+export const hasConversationFeedback = (stats?: ConversationFeedbackStats | null) =>
+  Boolean(stats?.like || stats?.dislike)
diff --git a/web/app/components/app/log/list.spec.tsx b/web/app/components/app/log/list.spec.tsx
deleted file mode 100644
index cb92ecc437..0000000000
--- a/web/app/components/app/log/list.spec.tsx
+++ /dev/null
@@ -1,228 +0,0 @@
-/**
- * Tests for race condition prevention logic in chat message loading.
- * These tests verify the core algorithms used in fetchData and loadMoreMessages
- * to prevent race conditions, infinite loops, and stale state issues.
- * See GitHub issue #30259 for context.
- */
-
-// Test the race condition prevention logic in isolation
-describe('Chat Message Loading Race Condition Prevention', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-    vi.useFakeTimers()
-  })
-
-  afterEach(() => {
-    vi.useRealTimers()
-  })
-
-  describe('Request Deduplication', () => {
-    it('should deduplicate messages with same IDs when merging responses', async () => {
-      // Simulate the deduplication logic used in setAllChatItems
-      const existingItems = [
-        { id: 'msg-1', isAnswer: false },
-        { id: 'msg-2', isAnswer: true },
-      ]
-      const newItems = [
-        { id: 'msg-2', isAnswer: true }, // duplicate
-        { id: 'msg-3', isAnswer: false }, // new
-      ]
-
-      const existingIds = new Set(existingItems.map(item => item.id))
-      const uniqueNewItems = newItems.filter(item => !existingIds.has(item.id))
-      const mergedItems = [...uniqueNewItems, ...existingItems]
-
-      expect(uniqueNewItems).toHaveLength(1)
-      expect(uniqueNewItems[0].id).toBe('msg-3')
-      expect(mergedItems).toHaveLength(3)
-    })
-  })
-
-  describe('Retry Counter Logic', () => {
-    const MAX_RETRY_COUNT = 3
-
-    it('should increment retry counter when no unique items found', () => {
-      const state = { retryCount: 0 }
-      const prevItemsLength = 5
-
-      // Simulate the retry logic from loadMoreMessages
-      const uniqueNewItemsLength = 0
-
-      if (uniqueNewItemsLength === 0) {
-        if (state.retryCount < MAX_RETRY_COUNT && prevItemsLength > 1) {
-          state.retryCount++
-        }
-        else {
-          state.retryCount = 0
-        }
-      }
-
-      expect(state.retryCount).toBe(1)
-    })
-
-    it('should reset retry counter after MAX_RETRY_COUNT attempts', () => {
-      const state = { retryCount: MAX_RETRY_COUNT }
-      const prevItemsLength = 5
-      const uniqueNewItemsLength = 0
-
-      if (uniqueNewItemsLength === 0) {
-        if (state.retryCount < MAX_RETRY_COUNT && prevItemsLength > 1) {
-          state.retryCount++
-        }
-        else {
-          state.retryCount = 0
-        }
-      }
-
-      expect(state.retryCount).toBe(0)
-    })
-
-    it('should reset retry counter when unique items are found', () => {
-      const state = { retryCount: 2 }
-
-      // Simulate finding unique items (length > 0)
-      const processRetry = (uniqueCount: number) => {
-        if (uniqueCount === 0) {
-          state.retryCount++
-        }
-        else {
-          state.retryCount = 0
-        }
-      }
-
-      processRetry(3) // Found 3 unique items
-
-      expect(state.retryCount).toBe(0)
-    })
-  })
-
-  describe('Throttling Logic', () => {
-    const SCROLL_DEBOUNCE_MS = 200
-
-    it('should throttle requests within debounce window', () => {
-      const state = { lastLoadTime: 0 }
-      const results: boolean[] = []
-
-      const tryRequest = (now: number): boolean => {
-        if (now - state.lastLoadTime >= SCROLL_DEBOUNCE_MS) {
-          state.lastLoadTime = now
-          return true
-        }
-        return false
-      }
-
-      // First request - should pass
-      results.push(tryRequest(1000))
-      // Second request within debounce - should be blocked
-      results.push(tryRequest(1100))
-      // Third request after debounce - should pass
-      results.push(tryRequest(1300))
-
-      expect(results).toEqual([true, false, true])
-    })
-  })
-
-  describe('AbortController Cancellation', () => {
-    it('should abort previous request when new request starts', () => {
-      const state: { controller: AbortController | null } = { controller: null }
-      const abortedSignals: boolean[] = []
-
-      // First request
-      const controller1 = new AbortController()
-      state.controller = controller1
-
-      // Second request - should abort first
-      if (state.controller) {
-        state.controller.abort()
-        abortedSignals.push(state.controller.signal.aborted)
-      }
-      const controller2 = new AbortController()
-      state.controller = controller2
-
-      expect(abortedSignals).toEqual([true])
-      expect(controller1.signal.aborted).toBe(true)
-      expect(controller2.signal.aborted).toBe(false)
-    })
-  })
-
-  describe('Stale Response Detection', () => {
-    it('should ignore responses from outdated requests', () => {
-      const state = { requestId: 0 }
-      const processedResponses: number[] = []
-
-      // Simulate concurrent requests - each gets its own captured ID
-      const request1Id = ++state.requestId
-      const request2Id = ++state.requestId
-
-      // Request 2 completes first (current requestId is 2)
-      if (request2Id === state.requestId) {
-        processedResponses.push(request2Id)
-      }
-
-      // Request 1 completes later (stale - requestId is still 2)
-      if (request1Id === state.requestId) {
-        processedResponses.push(request1Id)
-      }
-
-      expect(processedResponses).toEqual([2])
-      expect(processedResponses).not.toContain(1)
-    })
-  })
-
-  describe('Pagination Anchor Management', () => {
-    it('should track oldest answer ID for pagination', () => {
-      let oldestAnswerIdRef: string | undefined
-
-      const chatItems = [
-        { id: 'question-1', isAnswer: false },
-        { id: 'answer-1', isAnswer: true },
-        { id: 'question-2', isAnswer: false },
-        { id: 'answer-2', isAnswer: true },
-      ]
-
-      // Update pagination anchor with oldest answer ID
-      const answerItems = chatItems.filter(item => item.isAnswer)
-      const oldestAnswer = answerItems[0]
-      if (oldestAnswer?.id) {
-        oldestAnswerIdRef = oldestAnswer.id
-      }
-
-      expect(oldestAnswerIdRef).toBe('answer-1')
-    })
-
-    it('should use pagination anchor in subsequent requests', () => {
-      const oldestAnswerIdRef = 'answer-123'
-      const params: { conversation_id: string, limit: number, first_id?: string } = {
-        conversation_id: 'conv-1',
-        limit: 10,
-      }
-
-      if (oldestAnswerIdRef) {
-        params.first_id = oldestAnswerIdRef
-      }
-
-      expect(params.first_id).toBe('answer-123')
-    })
-  })
-})
-
-describe('Functional State Update Pattern', () => {
-  it('should use functional update to avoid stale closures', () => {
-    // Simulate the functional update pattern used in setAllChatItems
-    let state = [{ id: '1' }, { id: '2' }]
-
-    const newItems = [{ id: '3' }, { id: '2' }] // id '2' is duplicate
-
-    // Functional update pattern
-    const updater = (prevItems: { id: string }[]) => {
-      const existingIds = new Set(prevItems.map(item => item.id))
-      const uniqueNewItems = newItems.filter(item => !existingIds.has(item.id))
-      return [...uniqueNewItems, ...prevItems]
-    }
-
-    state = updater(state)
-
-    expect(state).toHaveLength(3)
-    expect(state.map(i => i.id)).toEqual(['3', '1', '2'])
-  })
-})
diff --git a/web/app/components/app/log/list.tsx b/web/app/components/app/log/list.tsx
index e567b2b2ce..79323d34ab 100644
--- a/web/app/components/app/log/list.tsx
+++ b/web/app/components/app/log/list.tsx
@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import type { ChatItemInTree } from '../../base/chat/types'
 import type { FeedbackFunc, FeedbackType, IChatItem, SubmitAnnotationFunc } from '@/app/components/base/chat/chat/type'
-import type { Annotation, ChatConversationGeneralDetail, ChatConversationsResponse, ChatMessage, ChatMessagesRequest, CompletionConversationGeneralDetail, CompletionConversationsResponse, LogAnnotation } from '@/models/log'
+import type { ChatConversationGeneralDetail, ChatConversationsResponse, ChatMessagesRequest, CompletionConversationGeneralDetail, CompletionConversationsResponse, LogAnnotation } from '@/models/log'
 import type { App } from '@/types/app'
 import {
   HandThumbDownIcon,
@@ -12,7 +12,6 @@ import { RiCloseLine, RiEditFill } from '@remixicon/react'
 import dayjs from 'dayjs'
 import timezone from 'dayjs/plugin/timezone'
 import utc from 'dayjs/plugin/utc'
-import { get } from 'es-toolkit/compat'
 import { noop } from 'es-toolkit/function'
 import * as React from 'react'
 import { useCallback, useEffect, useRef, useState } from 'react'
@@ -24,15 +23,12 @@ import { useStore as useAppStore } from '@/app/components/app/store'
 import TextGeneration from '@/app/components/app/text-generate/item'
 import ActionButton from '@/app/components/base/action-button'
 import Chat from '@/app/components/base/chat/chat'
-import { buildChatItemTree, getThreadMessages } from '@/app/components/base/chat/utils'
 import CopyIcon from '@/app/components/base/copy-icon'
 import Drawer from '@/app/components/base/drawer'
-import { getProcessedFilesFromResponse } from '@/app/components/base/file-uploader/utils'
 import Loading from '@/app/components/base/loading'
 import MessageLogModal from '@/app/components/base/message-log-modal'
 import Tooltip from '@/app/components/base/tooltip'
 import { toast } from '@/app/components/base/ui/toast'
-import { addFileInfos, sortAgentSorts } from '@/app/components/tools/utils'
 import { WorkflowContextProvider } from '@/app/components/workflow/context'
 import { useAppContext } from '@/context/app-context'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
@@ -45,6 +41,21 @@ import { AppModeEnum } from '@/types/app'
 import { cn } from '@/utils/classnames'
 import PromptLogModal from '../../base/prompt-log-modal'
 import Indicator from '../../header/indicator'
+import {
+  applyAnnotationAdded,
+  applyAnnotationEdited,
+  applyAnnotationRemoved,
+  buildChatThreadState,
+  buildConversationUrl,
+  getCompletionMessageFiles,
+  getConversationRowValues,
+  getDetailVarList,
+  getFormattedChatList,
+  getThreadChatItems,
+  isNearTopLoadMore,
+  mergePaginatedChatItems,
+  mergeUniqueChatItems,
+} from './list-utils'
 import VarPanel from './var-panel'
 
 type AppStoreState = ReturnType<typeof useAppStore.getState>
@@ -132,85 +143,6 @@ const statusTdRender = (statusCount: StatusCount) => {
   }
 }
 
-const getFormattedChatList = (messages: ChatMessage[], conversationId: string, timezone: string, format: string) => {
-  const newChatList: IChatItem[] = []
-  try {
-    messages.forEach((item: ChatMessage) => {
-      const questionFiles = item.message_files?.filter((file: any) => file.belongs_to === 'user') || []
-      newChatList.push({
-        id: `question-${item.id}`,
-        content: item.inputs.query || item.inputs.default_input || item.query, // text generation: item.inputs.query; chat: item.query
-        isAnswer: false,
-        message_files: getProcessedFilesFromResponse(questionFiles.map((item: any) => ({ ...item, related_id: item.id }))),
-        parentMessageId: item.parent_message_id || undefined,
-      })
-
-      const answerFiles = item.message_files?.filter((file: any) => file.belongs_to === 'assistant') || []
-      newChatList.push({
-        id: item.id,
-        content: item.answer,
-        agent_thoughts: addFileInfos(item.agent_thoughts ? sortAgentSorts(item.agent_thoughts) : item.agent_thoughts, item.message_files),
-        feedback: item.feedbacks?.find(item => item.from_source === 'user'), // user feedback
-        adminFeedback: item.feedbacks?.find(item => item.from_source === 'admin'), // admin feedback
-        feedbackDisabled: false,
-        isAnswer: true,
-        message_files: getProcessedFilesFromResponse(answerFiles.map((item: any) => ({ ...item, related_id: item.id }))),
-        log: [
-          ...(item.message ?? []),
-          ...(item.message?.[item.message.length - 1]?.role !== 'assistant'
-            ? [
-                {
-                  role: 'assistant',
-                  text: item.answer,
-                  files: item.message_files?.filter((file: any) => file.belongs_to === 'assistant') || [],
-                },
-              ]
-            : []),
-        ] as IChatItem['log'],
-        workflow_run_id: item.workflow_run_id,
-        conversationId,
-        input: {
-          inputs: item.inputs,
-          query: item.query,
-        },
-        more: {
-          time: dayjs.unix(item.created_at).tz(timezone).format(format),
-          tokens: item.answer_tokens + item.message_tokens,
-          latency: (item.provider_response_latency ?? 0).toFixed(2),
-        },
-        citation: item.metadata?.retriever_resources,
-        annotation: (() => {
-          if (item.annotation_hit_history) {
-            return {
-              id: item.annotation_hit_history.annotation_id,
-              authorName: item.annotation_hit_history.annotation_create_account?.name || 'N/A',
-              created_at: item.annotation_hit_history.created_at,
-            }
-          }
-
-          if (item.annotation) {
-            return {
-              id: item.annotation.id,
-              authorName: item.annotation.account.name,
-              logAnnotation: item.annotation,
-              created_at: 0,
-            }
-          }
-
-          return undefined
-        })(),
-        parentMessageId: `question-${item.id}`,
-      })
-    })
-
-    return newChatList
-  }
-  catch (error) {
-    console.error('getFormattedChatList processing failed:', error)
-    throw error
-  }
-}
-
 type IDetailPanel = {
   detail: any
   onFeedback: FeedbackFunc
@@ -288,11 +220,7 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
       const newItems = getFormattedChatList(messageRes.data, detail.id, timezone!, t('dateTimeFormat', { ns: 'appLog' }) as string)
 
       // Use functional update to avoid stale state issues
-      setAllChatItems((prevItems: IChatItem[]) => {
-        const existingIds = new Set(prevItems.map(item => item.id))
-        const uniqueNewItems = newItems.filter(item => !existingIds.has(item.id))
-        return [...uniqueNewItems, ...prevItems]
-      })
+      setAllChatItems((prevItems: IChatItem[]) => mergeUniqueChatItems(prevItems, newItems))
     }
     catch (err: unknown) {
       if (err instanceof Error && err.name === 'AbortError')
@@ -311,86 +239,26 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
     if (allChatItems.length === 0)
       return
 
-    let tree = buildChatItemTree(allChatItems)
-    if (!hasMore && detail?.model_config?.configs?.introduction) {
-      tree = [{
-        id: 'introduction',
-        isAnswer: true,
-        isOpeningStatement: true,
-        content: detail?.model_config?.configs?.introduction ?? 'hello',
-        feedbackDisabled: true,
-        children: tree,
-      }]
-    }
-    setChatItemTree(tree)
-
-    const lastMessageId = allChatItems.length > 0 ? allChatItems[allChatItems.length - 1].id : undefined
-    setThreadChatItems(getThreadMessages(tree, lastMessageId))
-
-    // Update pagination anchor ref with the oldest answer ID
-    const answerItems = allChatItems.filter(item => item.isAnswer)
-    const oldestAnswer = answerItems[0]
-    if (oldestAnswer?.id)
-      oldestAnswerIdRef.current = oldestAnswer.id
+    const nextThreadState = buildChatThreadState({
+      allChatItems,
+      hasMore,
+      introduction: detail?.model_config?.configs?.introduction,
+    })
+    setChatItemTree(nextThreadState.chatItemTree)
+    setThreadChatItems(nextThreadState.threadChatItems)
+    if (nextThreadState.oldestAnswerId)
+      oldestAnswerIdRef.current = nextThreadState.oldestAnswerId
   }, [allChatItems, hasMore, detail?.model_config?.configs?.introduction])
 
   const switchSibling = useCallback((siblingMessageId: string) => {
-    const newThreadChatItems = getThreadMessages(chatItemTree, siblingMessageId)
-    setThreadChatItems(newThreadChatItems)
+    setThreadChatItems(getThreadChatItems(chatItemTree, siblingMessageId))
   }, [chatItemTree])
 
   const handleAnnotationEdited = useCallback((query: string, answer: string, index: number) => {
-    setAllChatItems(allChatItems.map((item, i) => {
-      if (i === index - 1) {
-        return {
-          ...item,
-          content: query,
-        }
-      }
-      if (i === index) {
-        return {
-          ...item,
-          annotation: {
-            ...item.annotation,
-            logAnnotation: {
-              ...item.annotation?.logAnnotation,
-              content: answer,
-            },
-          } as any,
-        }
-      }
-      return item
-    }))
+    setAllChatItems(applyAnnotationEdited(allChatItems, query, answer, index))
   }, [allChatItems])
   const handleAnnotationAdded = useCallback((annotationId: string, authorName: string, query: string, answer: string, index: number) => {
-    setAllChatItems(allChatItems.map((item, i) => {
-      if (i === index - 1) {
-        return {
-          ...item,
-          content: query,
-        }
-      }
-      if (i === index) {
-        const answerItem = {
-          ...item,
-          content: item.content,
-          annotation: {
-            id: annotationId,
-            authorName,
-            logAnnotation: {
-              content: answer,
-              account: {
-                id: '',
-                name: authorName,
-                email: '',
-              },
-            },
-          } as Annotation,
-        }
-        return answerItem
-      }
-      return item
-    }))
+    setAllChatItems(applyAnnotationAdded(allChatItems, annotationId, authorName, query, answer, index))
   }, [allChatItems])
   const handleAnnotationRemoved = useCallback(async (index: number): Promise<boolean> => {
     const annotation = allChatItems[index]?.annotation
@@ -401,16 +269,7 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
         await delAnnotation(appDetail?.id || '', annotation.id)
       }
 
-      setAllChatItems(allChatItems.map((item, i) => {
-        if (i === index) {
-          return {
-            ...item,
-            content: item.content,
-            annotation: undefined,
-          }
-        }
-        return item
-      }))
+      setAllChatItems(applyAnnotationRemoved(allChatItems, index))
 
       toast.success(t('actionMsg.modifiedSuccessfully', { ns: 'common' }))
       return true
@@ -485,23 +344,14 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
 
       // Use functional update to get latest state and avoid stale closures
       setAllChatItems((prevItems: IChatItem[]) => {
-        const existingIds = new Set(prevItems.map(item => item.id))
-        const uniqueNewItems = newItems.filter(item => !existingIds.has(item.id))
-
-        // If no unique items and we haven't exceeded retry limit, signal retry needed
-        if (uniqueNewItems.length === 0) {
-          if (retryCountRef.current < MAX_RETRY_COUNT && prevItems.length > 1) {
-            retryCountRef.current++
-            return prevItems
-          }
-          else {
-            retryCountRef.current = 0
-            return prevItems
-          }
-        }
-
-        retryCountRef.current = 0
-        return [...uniqueNewItems, ...prevItems]
+        const nextItems = mergePaginatedChatItems({
+          maxRetryCount: MAX_RETRY_COUNT,
+          newItems,
+          prevItems,
+          retryCount: retryCountRef.current,
+        })
+        retryCountRef.current = nextItems.retryCount
+        return nextItems.items
       })
     }
     catch (error) {
@@ -522,7 +372,11 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
     const scrollHeight = scrollableDiv.scrollHeight
     const currentScrollTop = scrollableDiv.scrollTop
     // currentScrollTop is negative due to column-reverse flex direction
-    const isNearTop = Math.abs(currentScrollTop) > scrollHeight - clientHeight - 40
+    const isNearTop = isNearTopLoadMore({
+      clientHeight,
+      scrollHeight,
+      scrollTop: currentScrollTop,
+    })
 
     if (isNearTop && hasMore && !isLoading) {
       loadMoreMessages()
@@ -532,16 +386,8 @@ function DetailPanel({ detail, onFeedback }: IDetailPanel) {
   const isChatMode = appDetail?.mode !== AppModeEnum.COMPLETION
   const isAdvanced = appDetail?.mode === AppModeEnum.ADVANCED_CHAT
 
-  const varList = (detail.model_config as any).user_input_form?.map((item: any) => {
-    const itemContent = item[Object.keys(item)[0]]
-    return {
-      label: itemContent.variable,
-      value: varValues[itemContent.variable] || detail.message?.inputs?.[itemContent.variable],
-    }
-  }) || []
-  const message_files = (!isChatMode && detail.message.message_files && detail.message.message_files.length > 0)
-    ? detail.message.message_files.map((item: any) => item.url)
-    : []
+  const varList = getDetailVarList(detail, varValues)
+  const message_files = getCompletionMessageFiles(detail, isChatMode)
 
   const [width, setWidth] = useState(0)
   const ref = useRef<HTMLDivElement>(null)
@@ -851,16 +697,7 @@ const ConversationList: FC<IConversationList> = ({ logs, appDetail, onRefresh })
 
   const activeConversationId = conversationIdInUrl ?? pendingConversationIdRef.current ?? currentConversation?.id
 
-  const buildUrlWithConversation = useCallback((conversationId?: string) => {
-    const params = new URLSearchParams(searchParams.toString())
-    if (conversationId)
-      params.set('conversation_id', conversationId)
-    else
-      params.delete('conversation_id')
-
-    const queryString = params.toString()
-    return queryString ? `${pathname}?${queryString}` : pathname
-  }, [pathname, searchParams])
+  const buildUrlWithConversation = useCallback((conversationId?: string) => buildConversationUrl(pathname, searchParams.toString(), conversationId), [pathname, searchParams])
 
   const handleRowClick = useCallback((log: ConversationListItem) => {
     if (conversationIdInUrl === log.id) {
@@ -975,9 +812,12 @@ const ConversationList: FC<IConversationList> = ({ logs, appDetail, onRefresh })
         </thead>
         <tbody className="text-text-secondary system-sm-regular">
           {logs.data.map((log: any) => {
-            const endUser = log.from_end_user_session_id || log.from_account_name
-            const leftValue = get(log, isChatMode ? 'name' : 'message.inputs.query') || (!isChatMode ? (get(log, 'message.query') || get(log, 'message.inputs.default_input')) : '') || ''
-            const rightValue = get(log, isChatMode ? 'message_count' : 'message.answer')
+            const { endUser, isLeftEmpty, isRightEmpty, leftValue, rightValue } = getConversationRowValues({
+              isChatMode,
+              log,
+              noChatLabel: t('table.empty.noChat', { ns: 'appLog' }),
+              noOutputLabel: t('table.empty.noOutput', { ns: 'appLog' }),
+            })
             return (
               <tr
                 key={log.id}
@@ -992,7 +832,7 @@ const ConversationList: FC<IConversationList> = ({ logs, appDetail, onRefresh })
                   )}
                 </td>
                 <td className="w-[160px] p-3 pr-2" style={{ maxWidth: isChatMode ? 300 : 200 }}>
-                  {renderTdValue(leftValue || t('table.empty.noChat', { ns: 'appLog' }), !leftValue, isChatMode && log.annotated)}
+                  {renderTdValue(leftValue, isLeftEmpty, isChatMode && log.annotated)}
                 </td>
                 <td className="p-3 pr-2">{renderTdValue(endUser || defaultValue, !endUser)}</td>
                 {isChatflow && (
@@ -1001,7 +841,7 @@ const ConversationList: FC<IConversationList> = ({ logs, appDetail, onRefresh })
                   </td>
                 )}
                 <td className="p-3 pr-2" style={{ maxWidth: isChatMode ? 100 : 200 }}>
-                  {renderTdValue(rightValue === 0 ? 0 : (rightValue || t('table.empty.noOutput', { ns: 'appLog' })), !rightValue, !isChatMode && !!log.annotation?.content, log.annotation)}
+                  {renderTdValue(rightValue, isRightEmpty, !isChatMode && !!log.annotation?.content, log.annotation)}
                 </td>
                 <td className="p-3 pr-2">
                   {(!log.user_feedback_stats.like && !log.user_feedback_stats.dislike)
diff --git a/web/app/components/app/overview/__tests__/app-card.spec.tsx b/web/app/components/app/overview/__tests__/app-card.spec.tsx
new file mode 100644
index 0000000000..0f67093e47
--- /dev/null
+++ b/web/app/components/app/overview/__tests__/app-card.spec.tsx
@@ -0,0 +1,367 @@
+import type { ReactNode } from 'react'
+import type { AppDetailResponse } from '@/models/app'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { AccessMode } from '@/models/access-control'
+import { AppModeEnum } from '@/types/app'
+import { basePath } from '@/utils/var'
+import AppCard from '../app-card'
+
+const mockFetchAppDetailDirect = vi.fn()
+const mockPush = vi.fn()
+const mockSetAppDetail = vi.fn()
+const mockOnChangeStatus = vi.fn()
+const mockOnGenerateCode = vi.fn()
+
+let mockWorkflow: { graph?: { nodes?: Array<{ data?: { type?: string } }> } } | null = null
+let mockAccessSubjects: { groups?: unknown[], members?: unknown[] } = { groups: [], members: [] }
+let mockAppDetail: AppDetailResponse | undefined
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/context/app-context', () => ({
+  useAppContext: () => ({
+    isCurrentWorkspaceManager: true,
+    isCurrentWorkspaceEditor: true,
+    langGeniusVersionInfo: {
+      current_env: 'TESTING',
+    },
+  }),
+}))
+
+vi.mock('@/context/i18n', () => ({
+  useDocLink: () => (path: string) => `https://docs.example.com${path}`,
+}))
+
+vi.mock('@/context/global-public-context', () => ({
+  useGlobalPublicStore: (selector: (state: { systemFeatures: { webapp_auth: { enabled: boolean } } }) => unknown) => selector({
+    systemFeatures: {
+      webapp_auth: {
+        enabled: true,
+      },
+    },
+  }),
+}))
+
+vi.mock('@/app/components/app/store', () => ({
+  useStore: (selector: (state: { appDetail: AppDetailResponse, setAppDetail: typeof mockSetAppDetail }) => unknown) => selector({
+    appDetail: mockAppDetail as AppDetailResponse,
+    setAppDetail: mockSetAppDetail,
+  }),
+}))
+
+vi.mock('@/next/navigation', () => ({
+  usePathname: () => '/app/app-1/overview',
+  useRouter: () => ({
+    push: mockPush,
+  }),
+}))
+
+vi.mock('@/service/use-workflow', () => ({
+  useAppWorkflow: () => ({
+    data: mockWorkflow,
+  }),
+}))
+
+vi.mock('@/service/access-control', () => ({
+  useAppWhiteListSubjects: () => ({
+    data: mockAccessSubjects,
+  }),
+}))
+
+vi.mock('@/service/apps', () => ({
+  fetchAppDetailDirect: (...args: unknown[]) => mockFetchAppDetailDirect(...args),
+}))
+
+vi.mock('@/app/components/develop/secret-key/secret-key-button', () => ({
+  default: ({ appId }: { appId: string }) => <div data-testid="secret-key-button">{appId}</div>,
+}))
+
+vi.mock('../settings', () => ({
+  default: ({ isShow, onClose }: { isShow: boolean, onClose: () => void }) => isShow ? <button data-testid="settings-modal" onClick={onClose}>settings-modal</button> : null,
+}))
+
+vi.mock('../embedded', () => ({
+  default: ({ isShow, onClose }: { isShow: boolean, onClose: () => void }) => isShow ? <button data-testid="embedded-modal" onClick={onClose}>embedded-modal</button> : null,
+}))
+
+vi.mock('../customize', () => ({
+  default: ({ isShow, onClose }: { isShow: boolean, onClose: () => void }) => isShow ? <button data-testid="customize-modal" onClick={onClose}>customize-modal</button> : null,
+}))
+
+vi.mock('../../app-access-control', () => ({
+  default: ({ onConfirm, onClose }: { onConfirm: () => Promise<void>, onClose: () => void }) => (
+    <div data-testid="access-control-modal">
+      <button onClick={() => void onConfirm()}>confirm-access-control</button>
+      <button onClick={onClose}>close-access-control</button>
+    </div>
+  ),
+}))
+
+vi.mock('@/app/components/base/tooltip', () => ({
+  default: ({ children, popupContent }: { children: ReactNode, popupContent?: ReactNode }) => (
+    <div>
+      {children}
+      {popupContent}
+    </div>
+  ),
+}))
+
+const mockWindowOpen = vi.fn()
+Object.defineProperty(window, 'open', {
+  writable: true,
+  value: mockWindowOpen,
+})
+
+describe('AppCard', () => {
+  const appInfo = {
+    id: 'app-1',
+    mode: AppModeEnum.CHAT,
+    enable_site: true,
+    enable_api: true,
+    icon: 'app-icon',
+    icon_background: '#fff',
+    api_base_url: 'https://api.example.com',
+    site: {
+      app_base_url: 'https://example.com',
+      access_token: 'access-token',
+    },
+  } as AppDetailResponse
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockAppDetail = {
+      id: 'app-1',
+      access_mode: AccessMode.SPECIFIC_GROUPS_MEMBERS,
+      site: {
+        app_base_url: 'https://example.com',
+        access_token: 'access-token',
+      },
+    } as AppDetailResponse
+    mockWorkflow = {
+      graph: {
+        nodes: [{ data: { type: 'start' } }],
+      },
+    }
+    mockAccessSubjects = {
+      groups: [],
+      members: [],
+    }
+    mockFetchAppDetailDirect.mockResolvedValue({
+      id: 'app-1',
+      access_mode: AccessMode.PUBLIC,
+    })
+  })
+
+  it('should open the published webapp when launch is clicked', () => {
+    render(
+      <AppCard
+        appInfo={appInfo}
+        onChangeStatus={mockOnChangeStatus}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('overview.appInfo.launch'))
+
+    expect(mockWindowOpen).toHaveBeenCalledWith(`https://example.com${basePath}/chat/access-token`, '_blank')
+  })
+
+  it('should show the access-control not-set badge when specific access has no subjects', () => {
+    render(
+      <AppCard
+        appInfo={appInfo}
+        onChangeStatus={mockOnChangeStatus}
+      />,
+    )
+
+    expect(screen.getByText('publishApp.notSet')).toBeInTheDocument()
+  })
+
+  it('should hide the address and operation sections for unpublished workflows', () => {
+    mockWorkflow = null
+
+    render(
+      <AppCard
+        appInfo={{
+          ...appInfo,
+          mode: AppModeEnum.WORKFLOW,
+        }}
+        onChangeStatus={mockOnChangeStatus}
+      />,
+    )
+
+    expect(screen.queryByText('overview.appInfo.accessibleAddress')).not.toBeInTheDocument()
+    expect(screen.queryByText('overview.appInfo.launch')).not.toBeInTheDocument()
+    expect(screen.getByText('overview.status.disable')).toBeInTheDocument()
+  })
+
+  it('should render api operations and navigate to the develop page', () => {
+    render(
+      <AppCard
+        appInfo={{
+          ...appInfo,
+          mode: AppModeEnum.COMPLETION,
+        }}
+        cardType="api"
+        onChangeStatus={mockOnChangeStatus}
+      />,
+    )
+
+    expect(screen.getByTestId('secret-key-button')).toHaveTextContent('app-1')
+
+    fireEvent.click(screen.getByText('overview.apiInfo.doc'))
+
+    expect(mockPush).toHaveBeenCalledWith('/app/app-1/develop')
+  })
+
+  it('should open settings embedded and customize dialogs from webapp operations', () => {
+    render(
+      <AppCard
+        appInfo={appInfo}
+        onChangeStatus={mockOnChangeStatus}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('overview.appInfo.embedded.entry'))
+    expect(screen.getByTestId('embedded-modal')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('overview.appInfo.customize.entry'))
+    expect(screen.getByTestId('customize-modal')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('overview.appInfo.settings.entry'))
+    expect(screen.getByTestId('settings-modal')).toBeInTheDocument()
+  })
+
+  it('should refresh app detail after confirming access control changes', async () => {
+    render(
+      <AppCard
+        appInfo={appInfo}
+        onChangeStatus={mockOnChangeStatus}
+        onGenerateCode={mockOnGenerateCode}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('publishApp.notSet'))
+    expect(screen.getByTestId('access-control-modal')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('confirm-access-control'))
+
+    await waitFor(() => {
+      expect(mockFetchAppDetailDirect).toHaveBeenCalledWith({ url: '/apps', id: 'app-1' })
+      expect(mockSetAppDetail).toHaveBeenCalledWith({
+        id: 'app-1',
+        access_mode: AccessMode.PUBLIC,
+      })
+    })
+  })
+
+  it('should surface the learn-more tooltip action for workflows without a start node', () => {
+    mockWorkflow = {
+      graph: {
+        nodes: [{ data: { type: 'llm' } }],
+      },
+    }
+
+    render(
+      <AppCard
+        appInfo={{
+          ...appInfo,
+          mode: AppModeEnum.WORKFLOW,
+        }}
+        onChangeStatus={mockOnChangeStatus}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('overview.appInfo.enableTooltip.learnMore'))
+
+    expect(mockWindowOpen).toHaveBeenCalledWith('https://docs.example.com/use-dify/nodes/user-input', '_blank')
+  })
+
+  it('should close the overview dialogs when their child callbacks are invoked', () => {
+    render(
+      <AppCard
+        appInfo={appInfo}
+        onChangeStatus={mockOnChangeStatus}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('overview.appInfo.embedded.entry'))
+    fireEvent.click(screen.getByTestId('embedded-modal'))
+    expect(screen.queryByTestId('embedded-modal')).not.toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('overview.appInfo.customize.entry'))
+    fireEvent.click(screen.getByTestId('customize-modal'))
+    expect(screen.queryByTestId('customize-modal')).not.toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('overview.appInfo.settings.entry'))
+    fireEvent.click(screen.getByTestId('settings-modal'))
+    expect(screen.queryByTestId('settings-modal')).not.toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('publishApp.notSet'))
+    fireEvent.click(screen.getByText('close-access-control'))
+    expect(screen.queryByTestId('access-control-modal')).not.toBeInTheDocument()
+  })
+
+  it('should report refresh failures from access control updates', async () => {
+    const consoleErrorSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+    mockFetchAppDetailDirect.mockRejectedValueOnce(new Error('refresh failed'))
+
+    render(
+      <AppCard
+        appInfo={appInfo}
+        onChangeStatus={mockOnChangeStatus}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('publishApp.notSet'))
+    fireEvent.click(screen.getByText('confirm-access-control'))
+
+    await waitFor(() => {
+      expect(consoleErrorSpy).toHaveBeenCalledWith('Failed to fetch app detail:', expect.any(Error))
+    })
+
+    consoleErrorSpy.mockRestore()
+  })
+
+  it('should close the regenerate confirmation even when no generator is configured', () => {
+    const { container } = render(
+      <AppCard
+        appInfo={appInfo}
+        onChangeStatus={mockOnChangeStatus}
+      />,
+    )
+
+    const refreshButton = container.querySelector('[class*="refreshIcon"]')?.parentElement as HTMLElement
+    fireEvent.click(refreshButton)
+    expect(screen.getByText('overview.appInfo.regenerateNotice')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByRole('button', { name: 'operation.confirm' }))
+
+    expect(mockOnGenerateCode).not.toHaveBeenCalled()
+    return waitFor(() => {
+      expect(screen.queryByText('overview.appInfo.regenerateNotice')).not.toBeInTheDocument()
+    })
+  })
+
+  it('should regenerate accessible urls when a generator is configured', async () => {
+    mockOnGenerateCode.mockResolvedValue(undefined)
+    const { container } = render(
+      <AppCard
+        appInfo={appInfo}
+        onChangeStatus={mockOnChangeStatus}
+        onGenerateCode={mockOnGenerateCode}
+      />,
+    )
+
+    const refreshButton = container.querySelector('[class*="refreshIcon"]')?.parentElement as HTMLElement
+    fireEvent.click(refreshButton)
+    fireEvent.click(screen.getByRole('button', { name: 'operation.confirm' }))
+
+    await waitFor(() => {
+      expect(mockOnGenerateCode).toHaveBeenCalledTimes(1)
+    })
+  })
+})
diff --git a/web/app/components/app/overview/__tests__/app-chart-utils.spec.ts b/web/app/components/app/overview/__tests__/app-chart-utils.spec.ts
new file mode 100644
index 0000000000..a087df241a
--- /dev/null
+++ b/web/app/components/app/overview/__tests__/app-chart-utils.spec.ts
@@ -0,0 +1,132 @@
+/* eslint-disable ts/no-explicit-any */
+import { buildChartOptions, getChartValueField, getDefaultChartData, getSummaryValue, getTokenSummary } from '../app-chart-utils'
+
+describe('app-chart-utils', () => {
+  describe('getDefaultChartData', () => {
+    it('should build fallback rows for the requested date window', () => {
+      const rows = getDefaultChartData({
+        start: 'Jan 1, 2024',
+        end: 'Jan 4, 2024',
+        key: 'interactions',
+      })
+
+      expect(rows).toHaveLength(3)
+      expect(rows[0]).toEqual({ date: 'Jan 1, 2024', interactions: 0 })
+      expect(rows[2]).toEqual({ date: 'Jan 3, 2024', interactions: 0 })
+    })
+  })
+
+  describe('getSummaryValue', () => {
+    it('should average values when the chart is configured as an average', () => {
+      const summaryValue = getSummaryValue({
+        chartType: 'conversations',
+        statistics: [
+          { date: 'Jan 1, 2024', latency: 10 },
+          { date: 'Jan 2, 2024', latency: 20 },
+        ],
+        yField: 'latency',
+        isAvg: true,
+        unit: 'ms',
+      })
+
+      expect(summaryValue).toBe('15 ms')
+    })
+
+    it('should compress large cost totals with a k suffix', () => {
+      const summaryValue = getSummaryValue({
+        chartType: 'costs',
+        statistics: [
+          { date: 'Jan 1, 2024', count: 700 },
+          { date: 'Jan 2, 2024', count: 800 },
+        ],
+        yField: 'count',
+      })
+
+      expect(summaryValue).toBe('2k')
+    })
+
+    it('should keep small cost totals in their raw form', () => {
+      const summaryValue = getSummaryValue({
+        chartType: 'costs',
+        statistics: [
+          { date: 'Jan 1, 2024', count: 250 },
+          { date: 'Jan 2, 2024', count: 300 },
+        ],
+        yField: 'count',
+      })
+
+      expect(summaryValue).toBe('550')
+    })
+  })
+
+  describe('getChartValueField', () => {
+    it('should prefer the explicit value key and otherwise fall back to the count-like field', () => {
+      expect(getChartValueField([{ date: 'Jan 1, 2024', request_count: 2 }], 'total')).toBe('total')
+      expect(getChartValueField([{ date: 'Jan 1, 2024', request_count: 2 }])).toBe('request_count')
+      expect(getChartValueField([{ date: 'Jan 1, 2024', latency: 2 }])).toBe('count')
+    })
+  })
+
+  describe('getTokenSummary', () => {
+    it('should sum token costs using currency formatting', () => {
+      const tokenSummary = getTokenSummary([
+        { date: 'Jan 1, 2024', count: 1, total_price: '1.25' },
+        { date: 'Jan 2, 2024', count: 2, total_price: '2.5' },
+      ])
+
+      expect(tokenSummary).toBe('$3.7500')
+    })
+  })
+
+  describe('buildChartOptions', () => {
+    it('should build line chart options with dataset and y-axis max', () => {
+      const options = buildChartOptions({
+        statistics: [
+          { date: 'Jan 1, 2024', count: 5 },
+          { date: 'Jan 2, 2024', count: 10 },
+        ],
+        chartType: 'messages',
+        yField: 'count',
+        yMax: 100,
+      })
+
+      const dataset = options.dataset as { dimensions: string[], source: Array<Record<string, unknown>> }
+      const yAxis = options.yAxis as { max: number }
+      const series = options.series as Array<{ lineStyle: { color: string } }>
+
+      expect(dataset.dimensions).toEqual(['date', 'count'])
+      expect(dataset.source).toHaveLength(2)
+      expect(yAxis.max).toBe(100)
+      expect(series[0].lineStyle.color).toBe('rgba(6, 148, 162, 1)')
+    })
+
+    it('should build token-aware tooltip content and split-line intervals for cost charts', () => {
+      const options = buildChartOptions({
+        statistics: [
+          { date: 'Jan 1, 2024', total_cost: 5, total_price: '1.25' },
+          { date: 'Jan 2, 2024', total_cost: 10, total_price: '2.50' },
+          { date: 'Jan 3, 2024', total_cost: 15, total_price: '3.75' },
+        ],
+        chartType: 'costs',
+        yField: 'total_cost',
+      })
+
+      const xAxis = options.xAxis as Array<Record<string, any>>
+      const formatter = xAxis[0].axisLabel.formatter as (value: string) => string
+      const outerInterval = xAxis[0].splitLine.interval as (index: number) => boolean
+      const innerInterval = xAxis[1].splitLine.interval as (_index: number, value: string) => boolean
+      const series = options.series as Array<Record<string, any>>
+      const tooltipFormatter = series[0].tooltip.formatter as (params: { name: string, data: { total_cost: number, total_price: string } }) => string
+
+      expect(formatter('Jan 2, 2024')).toBe('Jan 2, 2024')
+      expect(outerInterval(0)).toBe(true)
+      expect(outerInterval(1)).toBe(false)
+      expect(innerInterval(0, '')).toBe(false)
+      expect(innerInterval(1, '1')).toBe(true)
+      expect(tooltipFormatter({
+        name: 'Jan 2, 2024',
+        data: { total_cost: 10, total_price: '2.50' },
+      })).toContain('~$2.50')
+    })
+  })
+})
diff --git a/web/app/components/app/overview/__tests__/app-chart.spec.tsx b/web/app/components/app/overview/__tests__/app-chart.spec.tsx
new file mode 100644
index 0000000000..ccd59a8f4a
--- /dev/null
+++ b/web/app/components/app/overview/__tests__/app-chart.spec.tsx
@@ -0,0 +1,101 @@
+import { render, screen } from '@testing-library/react'
+import Chart, { MessagesChart } from '../app-chart'
+
+const reactEChartsMock = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('echarts-for-react', () => ({
+  default: ({ option }: { option: unknown }) => {
+    reactEChartsMock(option)
+    return <div data-testid="echarts" />
+  },
+}))
+
+const mockUseAppDailyMessages = vi.fn()
+
+vi.mock('@/service/use-apps', () => ({
+  useAppAverageResponseTime: vi.fn(),
+  useAppAverageSessionInteractions: vi.fn(),
+  useAppDailyConversations: vi.fn(),
+  useAppDailyEndUsers: vi.fn(),
+  useAppDailyMessages: (...args: unknown[]) => mockUseAppDailyMessages(...args),
+  useAppSatisfactionRate: vi.fn(),
+  useAppTokenCosts: vi.fn(),
+  useAppTokensPerSecond: vi.fn(),
+  useWorkflowAverageInteractions: vi.fn(),
+  useWorkflowDailyConversations: vi.fn(),
+  useWorkflowDailyTerminals: vi.fn(),
+  useWorkflowTokenCosts: vi.fn(),
+}))
+
+describe('app-chart', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    reactEChartsMock.mockClear()
+  })
+
+  describe('Chart', () => {
+    it('should render cost summaries with token pricing details', () => {
+      render(
+        <Chart
+          basicInfo={{
+            title: 'Cost title',
+            explanation: 'Cost explanation',
+            timePeriod: 'Last 7 days',
+          }}
+          chartType="costs"
+          chartData={{
+            data: [
+              { date: 'Jan 1, 2024', count: 100, total_price: 1.25 },
+              { date: 'Jan 2, 2024', count: 200, total_price: 2.5 },
+            ],
+          }}
+        />,
+      )
+
+      expect(screen.getByText('Cost title')).toBeInTheDocument()
+      expect(screen.getByText('300')).toBeInTheDocument()
+      expect(screen.getByText(/\$3\.7500/)).toBeInTheDocument()
+      expect(screen.getByTestId('echarts')).toBeInTheDocument()
+    })
+  })
+
+  describe('MessagesChart', () => {
+    it('should render fallback chart data when the API returns no rows', () => {
+      mockUseAppDailyMessages.mockReturnValue({
+        data: { data: [] },
+        isLoading: false,
+      })
+
+      render(
+        <MessagesChart
+          id="app-1"
+          period={{
+            name: 'Last week',
+            query: {
+              start: 'Jan 1, 2024',
+              end: 'Jan 4, 2024',
+            },
+          }}
+        />,
+      )
+
+      expect(screen.getByText('analysis.totalMessages.title')).toBeInTheDocument()
+      expect(screen.getByTestId('echarts')).toBeInTheDocument()
+
+      const options = reactEChartsMock.mock.calls[0][0] as {
+        dataset: { source: Array<Record<string, unknown>> }
+        yAxis: { max: number }
+      }
+
+      expect(options.yAxis.max).toBe(500)
+      expect(options.dataset.source).toHaveLength(3)
+      expect(options.dataset.source[0]).toEqual({ date: 'Jan 1, 2024', count: 0 })
+    })
+  })
+})
diff --git a/web/app/components/app/overview/__tests__/toggle-logic.test.ts b/web/app/components/app/overview/__tests__/toggle-logic.test.ts
index de4dee44a9..ee4c650d1f 100644
--- a/web/app/components/app/overview/__tests__/toggle-logic.test.ts
+++ b/web/app/components/app/overview/__tests__/toggle-logic.test.ts
@@ -1,233 +1,124 @@
-import type { MockedFunction } from 'vitest'
-import type { Node } from '@/app/components/workflow/types'
-import { getWorkflowEntryNode } from '@/app/components/workflow/utils/workflow-entry'
+import type { AppDetailResponse } from '@/models/app'
+import type { AppSSO } from '@/types/app'
+import { AccessMode } from '@/models/access-control'
+import { AppModeEnum } from '@/types/app'
+import { basePath } from '@/utils/var'
+import {
+  getAppCardDisplayState,
+  getAppCardOperationKeys,
+  hasWorkflowStartNode,
+  isAppAccessConfigured,
+} from '../app-card-utils'
 
-// Mock the getWorkflowEntryNode function
-vi.mock('@/app/components/workflow/utils/workflow-entry', () => ({
-  getWorkflowEntryNode: vi.fn(),
-}))
+describe('app-card-utils', () => {
+  const baseAppInfo = {
+    id: 'app-1',
+    mode: AppModeEnum.WORKFLOW,
+    enable_site: true,
+    enable_api: true,
+    site: {
+      app_base_url: 'https://example.com',
+      access_token: 'token-1',
+    },
+    access_mode: AccessMode.PUBLIC,
+  } as AppDetailResponse & Partial<AppSSO>
 
-const mockGetWorkflowEntryNode = getWorkflowEntryNode as MockedFunction<typeof getWorkflowEntryNode>
-
-// Mock entry node for testing (truthy value)
-const mockEntryNode = { id: 'start-node', data: { type: 'start' } } as Node
-
-describe('App Card Toggle Logic', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-  })
-
-  // Helper function that mirrors the actual logic from app-card.tsx
-  const calculateToggleState = (
-    appMode: string,
-    currentWorkflow: any,
-    isCurrentWorkspaceEditor: boolean,
-    isCurrentWorkspaceManager: boolean,
-    cardType: 'webapp' | 'api',
-  ) => {
-    const isWorkflowApp = appMode === 'workflow'
-    const appUnpublished = isWorkflowApp && !currentWorkflow?.graph
-    const hasEntryNode = mockGetWorkflowEntryNode(currentWorkflow?.graph?.nodes || [])
-    const missingEntryNode = isWorkflowApp && !hasEntryNode
-    const hasInsufficientPermissions = cardType === 'webapp' ? !isCurrentWorkspaceEditor : !isCurrentWorkspaceManager
-    const toggleDisabled = hasInsufficientPermissions || appUnpublished || missingEntryNode
-    const isMinimalState = appUnpublished || missingEntryNode
-
-    return {
-      toggleDisabled,
-      isMinimalState,
-      appUnpublished,
-      missingEntryNode,
-      hasInsufficientPermissions,
-    }
-  }
-
-  describe('Entry Node Detection Logic', () => {
-    it('should disable toggle when workflow missing entry node', () => {
-      mockGetWorkflowEntryNode.mockReturnValue(undefined)
-
-      const result = calculateToggleState(
-        'workflow',
-        { graph: { nodes: [] } },
-        true,
-        true,
-        'webapp',
-      )
-
-      expect(result.toggleDisabled).toBe(true)
-      expect(result.missingEntryNode).toBe(true)
-      expect(result.isMinimalState).toBe(true)
+  describe('hasWorkflowStartNode', () => {
+    it('should detect a workflow start node', () => {
+      expect(hasWorkflowStartNode({
+        graph: {
+          nodes: [
+            { data: { type: 'llm' } },
+            { data: { type: 'start' } },
+          ],
+        },
+      })).toBe(true)
     })
 
-    it('should enable toggle when workflow has entry node', () => {
-      mockGetWorkflowEntryNode.mockReturnValue(mockEntryNode)
-
-      const result = calculateToggleState(
-        'workflow',
-        { graph: { nodes: [{ data: { type: 'start' } }] } },
-        true,
-        true,
-        'webapp',
-      )
-
-      expect(result.toggleDisabled).toBe(false)
-      expect(result.missingEntryNode).toBe(false)
-      expect(result.isMinimalState).toBe(false)
+    it('should return false when the workflow has no start node', () => {
+      expect(hasWorkflowStartNode({
+        graph: {
+          nodes: [{ data: { type: 'llm' } }],
+        },
+      })).toBe(false)
     })
   })
 
-  describe('Published State Logic', () => {
-    it('should disable toggle when workflow unpublished (no graph)', () => {
-      const result = calculateToggleState(
-        'workflow',
-        null, // No workflow data = unpublished
-        true,
-        true,
-        'webapp',
-      )
+  describe('getAppCardDisplayState', () => {
+    it('should disable unpublished workflow apps and mark them as minimal state', () => {
+      const state = getAppCardDisplayState({
+        appInfo: baseAppInfo,
+        cardType: 'webapp',
+        currentWorkflow: null,
+        isCurrentWorkspaceEditor: true,
+        isCurrentWorkspaceManager: true,
+      })
 
-      expect(result.toggleDisabled).toBe(true)
-      expect(result.appUnpublished).toBe(true)
-      expect(result.isMinimalState).toBe(true)
+      expect(state.appUnpublished).toBe(true)
+      expect(state.missingStartNode).toBe(true)
+      expect(state.toggleDisabled).toBe(true)
+      expect(state.isMinimalState).toBe(true)
+      expect(state.runningStatus).toBe(false)
     })
 
-    it('should disable toggle when workflow unpublished (empty graph)', () => {
-      const result = calculateToggleState(
-        'workflow',
-        {}, // No graph property = unpublished
-        true,
-        true,
-        'webapp',
-      )
+    it('should keep published workflow apps enabled when the user has permissions', () => {
+      const state = getAppCardDisplayState({
+        appInfo: baseAppInfo,
+        cardType: 'webapp',
+        currentWorkflow: {
+          graph: {
+            nodes: [{ data: { type: 'start' } }],
+          },
+        },
+        isCurrentWorkspaceEditor: true,
+        isCurrentWorkspaceManager: true,
+      })
 
-      expect(result.toggleDisabled).toBe(true)
-      expect(result.appUnpublished).toBe(true)
-      expect(result.isMinimalState).toBe(true)
-    })
-
-    it('should consider published state when workflow has graph', () => {
-      mockGetWorkflowEntryNode.mockReturnValue(mockEntryNode)
-
-      const result = calculateToggleState(
-        'workflow',
-        { graph: { nodes: [] } },
-        true,
-        true,
-        'webapp',
-      )
-
-      expect(result.appUnpublished).toBe(false)
+      expect(state.appUnpublished).toBe(false)
+      expect(state.missingStartNode).toBe(false)
+      expect(state.toggleDisabled).toBe(false)
+      expect(state.isMinimalState).toBe(false)
+      expect(state.accessibleUrl).toBe(`https://example.com${basePath}/workflow/token-1`)
     })
   })
 
-  describe('Permissions Logic', () => {
-    it('should disable webapp toggle when user lacks editor permissions', () => {
-      mockGetWorkflowEntryNode.mockReturnValue(mockEntryNode)
-
-      const result = calculateToggleState(
-        'workflow',
-        { graph: { nodes: [] } },
-        false, // No editor permission
-        true,
-        'webapp',
-      )
-
-      expect(result.toggleDisabled).toBe(true)
-      expect(result.hasInsufficientPermissions).toBe(true)
+  describe('getAppCardOperationKeys', () => {
+    it('should include embedded and settings actions for editable chat webapps', () => {
+      expect(getAppCardOperationKeys({
+        cardType: 'webapp',
+        appMode: AppModeEnum.CHAT,
+        isCurrentWorkspaceEditor: true,
+      })).toEqual(['launch', 'embedded', 'customize', 'settings'])
     })
 
-    it('should disable api toggle when user lacks manager permissions', () => {
-      mockGetWorkflowEntryNode.mockReturnValue(mockEntryNode)
-
-      const result = calculateToggleState(
-        'workflow',
-        { graph: { nodes: [] } },
-        true,
-        false, // No manager permission
-        'api',
-      )
-
-      expect(result.toggleDisabled).toBe(true)
-      expect(result.hasInsufficientPermissions).toBe(true)
-    })
-
-    it('should enable toggle when user has proper permissions', () => {
-      mockGetWorkflowEntryNode.mockReturnValue(mockEntryNode)
-
-      const webappResult = calculateToggleState(
-        'workflow',
-        { graph: { nodes: [] } },
-        true, // Has editor permission
-        false,
-        'webapp',
-      )
-
-      const apiResult = calculateToggleState(
-        'workflow',
-        { graph: { nodes: [] } },
-        false,
-        true, // Has manager permission
-        'api',
-      )
-
-      expect(webappResult.toggleDisabled).toBe(false)
-      expect(apiResult.toggleDisabled).toBe(false)
+    it('should only expose the develop action for api cards', () => {
+      expect(getAppCardOperationKeys({
+        cardType: 'api',
+        appMode: AppModeEnum.COMPLETION,
+        isCurrentWorkspaceEditor: false,
+      })).toEqual(['develop'])
     })
   })
 
-  describe('Combined Conditions Logic', () => {
-    it('should handle multiple disable conditions correctly', () => {
-      mockGetWorkflowEntryNode.mockReturnValue(undefined)
-
-      const result = calculateToggleState(
-        'workflow',
-        null, // Unpublished
-        false, // No permissions
-        false,
-        'webapp',
-      )
-
-      // All three conditions should be true
-      expect(result.appUnpublished).toBe(true)
-      expect(result.missingEntryNode).toBe(true)
-      expect(result.hasInsufficientPermissions).toBe(true)
-      expect(result.toggleDisabled).toBe(true)
-      expect(result.isMinimalState).toBe(true)
+  describe('isAppAccessConfigured', () => {
+    it('should require members or groups for specific access mode', () => {
+      expect(isAppAccessConfigured(
+        {
+          id: 'app-1',
+          access_mode: AccessMode.SPECIFIC_GROUPS_MEMBERS,
+        } as unknown as AppDetailResponse,
+        { groups: [], members: [] },
+      )).toBe(false)
     })
 
-    it('should enable when all conditions are satisfied', () => {
-      mockGetWorkflowEntryNode.mockReturnValue(mockEntryNode)
-
-      const result = calculateToggleState(
-        'workflow',
-        { graph: { nodes: [{ data: { type: 'start' } }] } }, // Published
-        true, // Has permissions
-        true,
-        'webapp',
-      )
-
-      expect(result.appUnpublished).toBe(false)
-      expect(result.missingEntryNode).toBe(false)
-      expect(result.hasInsufficientPermissions).toBe(false)
-      expect(result.toggleDisabled).toBe(false)
-      expect(result.isMinimalState).toBe(false)
-    })
-  })
-
-  describe('Non-Workflow Apps', () => {
-    it('should not check workflow-specific conditions for non-workflow apps', () => {
-      const result = calculateToggleState(
-        'chat', // Non-workflow mode
-        null,
-        true,
-        true,
-        'webapp',
-      )
-
-      expect(result.appUnpublished).toBe(false) // isWorkflowApp is false
-      expect(result.missingEntryNode).toBe(false) // isWorkflowApp is false
-      expect(result.toggleDisabled).toBe(false)
-      expect(result.isMinimalState).toBe(false)
+    it('should treat non-specific access modes as configured', () => {
+      expect(isAppAccessConfigured(
+        {
+          id: 'app-1',
+          access_mode: AccessMode.PUBLIC,
+        } as unknown as AppDetailResponse,
+        { groups: [], members: [] },
+      )).toBe(true)
     })
   })
 })
diff --git a/web/app/components/app/overview/trigger-card.spec.tsx b/web/app/components/app/overview/__tests__/trigger-card.spec.tsx
similarity index 99%
rename from web/app/components/app/overview/trigger-card.spec.tsx
rename to web/app/components/app/overview/__tests__/trigger-card.spec.tsx
index 0ee9da582d..2a1cd6d43b 100644
--- a/web/app/components/app/overview/trigger-card.spec.tsx
+++ b/web/app/components/app/overview/__tests__/trigger-card.spec.tsx
@@ -1,7 +1,7 @@
 import type { AppDetailResponse } from '@/models/app'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import { AppModeEnum } from '@/types/app'
-import TriggerCard from './trigger-card'
+import TriggerCard from '../trigger-card'
 
 vi.mock('react-i18next', () => ({
   useTranslation: () => ({
diff --git a/web/app/components/app/overview/apikey-info-panel/cloud.spec.tsx b/web/app/components/app/overview/apikey-info-panel/__tests__/cloud.spec.tsx
similarity index 98%
rename from web/app/components/app/overview/apikey-info-panel/cloud.spec.tsx
rename to web/app/components/app/overview/apikey-info-panel/__tests__/cloud.spec.tsx
index 06dc534cbb..037803d355 100644
--- a/web/app/components/app/overview/apikey-info-panel/cloud.spec.tsx
+++ b/web/app/components/app/overview/apikey-info-panel/__tests__/cloud.spec.tsx
@@ -8,7 +8,7 @@ import {
   mockUseModalContext,
   scenarios,
   textKeys,
-} from './apikey-info-panel.test-utils'
+} from '../apikey-info-panel.test-utils'
 
 // Mock config for Cloud edition
 vi.mock('@/config', () => ({
diff --git a/web/app/components/app/overview/apikey-info-panel/index.spec.tsx b/web/app/components/app/overview/apikey-info-panel/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/overview/apikey-info-panel/index.spec.tsx
rename to web/app/components/app/overview/apikey-info-panel/__tests__/index.spec.tsx
index 3f50f7283d..d9c10b6ab9 100644
--- a/web/app/components/app/overview/apikey-info-panel/index.spec.tsx
+++ b/web/app/components/app/overview/apikey-info-panel/__tests__/index.spec.tsx
@@ -8,7 +8,7 @@ import {
   mockUseModalContext,
   scenarios,
   textKeys,
-} from './apikey-info-panel.test-utils'
+} from '../apikey-info-panel.test-utils'
 
 // Mock config for CE edition
 vi.mock('@/config', () => ({
diff --git a/web/app/components/app/overview/apikey-info-panel/apikey-info-panel.test-utils.tsx b/web/app/components/app/overview/apikey-info-panel/apikey-info-panel.test-utils.tsx
index 54763907df..4bab54b711 100644
--- a/web/app/components/app/overview/apikey-info-panel/apikey-info-panel.test-utils.tsx
+++ b/web/app/components/app/overview/apikey-info-panel/apikey-info-panel.test-utils.tsx
@@ -72,17 +72,17 @@ const defaultModalContext: ModalContextState = {
   setShowTriggerEventsLimitModal: noop,
 }
 
-export type MockOverrides = {
+type MockOverrides = {
   providerContext?: Partial<typeof defaultProviderContext>
   modalContext?: Partial<typeof defaultModalContext>
 }
 
-export type APIKeyInfoPanelRenderOptions = {
+type APIKeyInfoPanelRenderOptions = {
   mockOverrides?: MockOverrides
 } & Omit<RenderOptions, 'wrapper'>
 
 // Setup function to configure mocks
-export function setupMocks(overrides: MockOverrides = {}) {
+function setupMocks(overrides: MockOverrides = {}) {
   mockUseProviderContext.mockReturnValue({
     ...defaultProviderContext,
     ...overrides.providerContext,
@@ -95,7 +95,7 @@ export function setupMocks(overrides: MockOverrides = {}) {
 }
 
 // Custom render function
-export function renderAPIKeyInfoPanel(options: APIKeyInfoPanelRenderOptions = {}) {
+function renderAPIKeyInfoPanel(options: APIKeyInfoPanelRenderOptions = {}) {
   const { mockOverrides, ...renderOptions } = options
 
   setupMocks(mockOverrides)
@@ -210,4 +210,4 @@ export function clearAllMocks() {
 }
 
 // Export mock functions for external access
-export { defaultModalContext, mockUseModalContext, mockUseProviderContext }
+export { defaultModalContext, mockUseModalContext }
diff --git a/web/app/components/app/overview/app-card-sections.tsx b/web/app/components/app/overview/app-card-sections.tsx
new file mode 100644
index 0000000000..b66787a87d
--- /dev/null
+++ b/web/app/components/app/overview/app-card-sections.tsx
@@ -0,0 +1,351 @@
+/* eslint-disable react-refresh/only-export-components */
+import type { TFunction } from 'i18next'
+import type { ComponentType, ReactNode } from 'react'
+import type { OverviewOperationKey } from './app-card-utils'
+import type { ConfigParams } from './settings'
+import type { AppDetailResponse } from '@/models/app'
+import type { AppSSO } from '@/types/app'
+import { RiArrowRightSLine, RiBookOpenLine, RiBuildingLine, RiEqualizer2Line, RiExternalLinkLine, RiGlobalLine, RiLockLine, RiPaintBrushLine, RiVerifiedBadgeLine, RiWindowLine } from '@remixicon/react'
+import Button from '@/app/components/base/button'
+import CopyFeedback from '@/app/components/base/copy-feedback'
+import Divider from '@/app/components/base/divider'
+import ShareQRCode from '@/app/components/base/qrcode'
+import {
+  AlertDialog,
+  AlertDialogActions,
+  AlertDialogCancelButton,
+  AlertDialogConfirmButton,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogTitle,
+} from '@/app/components/base/ui/alert-dialog'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/app/components/base/ui/tooltip'
+import { AccessMode } from '@/models/access-control'
+import { AppModeEnum } from '@/types/app'
+import AccessControl from '../app-access-control'
+import CustomizeModal from './customize'
+import EmbeddedModal from './embedded'
+import SettingsModal from './settings'
+import style from './style.module.css'
+
+type AppInfo = AppDetailResponse & Partial<AppSSO>
+
+type OperationIcon = ComponentType<{ className?: string }>
+
+type AccessModeLabelKey
+  = | 'accessControlDialog.accessItems.organization'
+    | 'accessControlDialog.accessItems.specific'
+    | 'accessControlDialog.accessItems.anyone'
+    | 'accessControlDialog.accessItems.external'
+
+type AppCardOperation = {
+  key: OverviewOperationKey
+  label: string
+  Icon: OperationIcon
+  disabled: boolean
+  onClick: () => void
+}
+
+const OPERATION_ICON_MAP: Record<OverviewOperationKey, OperationIcon> = {
+  launch: RiExternalLinkLine,
+  embedded: RiWindowLine,
+  customize: RiPaintBrushLine,
+  settings: RiEqualizer2Line,
+  develop: RiBookOpenLine,
+}
+
+const ACCESS_MODE_ICON_MAP: Record<AccessMode, OperationIcon> = {
+  [AccessMode.ORGANIZATION]: RiBuildingLine,
+  [AccessMode.SPECIFIC_GROUPS_MEMBERS]: RiLockLine,
+  [AccessMode.PUBLIC]: RiGlobalLine,
+  [AccessMode.EXTERNAL_MEMBERS]: RiVerifiedBadgeLine,
+}
+
+const ACCESS_MODE_LABEL_MAP: Record<AccessMode, AccessModeLabelKey> = {
+  [AccessMode.ORGANIZATION]: 'accessControlDialog.accessItems.organization',
+  [AccessMode.SPECIFIC_GROUPS_MEMBERS]: 'accessControlDialog.accessItems.specific',
+  [AccessMode.PUBLIC]: 'accessControlDialog.accessItems.anyone',
+  [AccessMode.EXTERNAL_MEMBERS]: 'accessControlDialog.accessItems.external',
+}
+
+const MaybeTooltip = ({
+  children,
+  content,
+  popupClassName,
+  show = true,
+}: {
+  children: ReactNode
+  content?: ReactNode
+  popupClassName?: string
+  show?: boolean
+}) => {
+  if (!show || !content)
+    return <>{children}</>
+
+  return (
+    <Tooltip>
+      <TooltipTrigger render={<div>{children}</div>} />
+      <TooltipContent popupClassName={popupClassName}>
+        {content}
+      </TooltipContent>
+    </Tooltip>
+  )
+}
+
+export const createAppCardOperations = ({
+  operationKeys,
+  t,
+  runningStatus,
+  triggerModeDisabled,
+  onLaunch,
+  onEmbedded,
+  onCustomize,
+  onSettings,
+  onDevelop,
+}: {
+  operationKeys: OverviewOperationKey[]
+  t: TFunction
+  runningStatus: boolean
+  triggerModeDisabled: boolean
+  onLaunch: () => void
+  onEmbedded: () => void
+  onCustomize: () => void
+  onSettings: () => void
+  onDevelop: () => void
+}): AppCardOperation[] => {
+  const labelMap: Record<OverviewOperationKey, string> = {
+    launch: t('overview.appInfo.launch', { ns: 'appOverview' }),
+    embedded: t('overview.appInfo.embedded.entry', { ns: 'appOverview' }),
+    customize: t('overview.appInfo.customize.entry', { ns: 'appOverview' }),
+    settings: t('overview.appInfo.settings.entry', { ns: 'appOverview' }),
+    develop: t('overview.apiInfo.doc', { ns: 'appOverview' }),
+  }
+  const onClickMap: Record<OverviewOperationKey, () => void> = {
+    launch: onLaunch,
+    embedded: onEmbedded,
+    customize: onCustomize,
+    settings: onSettings,
+    develop: onDevelop,
+  }
+
+  return operationKeys.map((key) => {
+    const disabled = triggerModeDisabled ? true : (key === 'settings' ? false : !runningStatus)
+    return {
+      key,
+      label: labelMap[key],
+      Icon: OPERATION_ICON_MAP[key],
+      disabled,
+      onClick: onClickMap[key],
+    }
+  })
+}
+
+export const AppCardUrlSection = ({
+  t,
+  isApp,
+  accessibleUrl,
+  showConfirmDelete,
+  isCurrentWorkspaceManager,
+  genLoading,
+  onRegenerate,
+  onShowRegenerateConfirm,
+  onHideRegenerateConfirm,
+}: {
+  t: TFunction
+  isApp: boolean
+  accessibleUrl: string
+  showConfirmDelete: boolean
+  isCurrentWorkspaceManager: boolean
+  genLoading: boolean
+  onRegenerate: () => void
+  onShowRegenerateConfirm: () => void
+  onHideRegenerateConfirm: () => void
+}) => (
+  <div className="flex flex-col items-start justify-center self-stretch">
+    <div className="pb-1 system-xs-medium text-text-tertiary">
+      {isApp
+        ? t('overview.appInfo.accessibleAddress', { ns: 'appOverview' })
+        : t('overview.apiInfo.accessibleAddress', { ns: 'appOverview' })}
+    </div>
+    <div className="inline-flex h-9 w-full items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1 pl-2">
+      <div className="flex h-4 min-w-0 flex-1 items-start justify-start gap-2 px-1">
+        <div className="overflow-hidden text-xs font-medium text-ellipsis whitespace-nowrap text-text-secondary">
+          {accessibleUrl}
+        </div>
+      </div>
+      <CopyFeedback content={accessibleUrl} className="size-6!" />
+      {isApp && <ShareQRCode content={accessibleUrl} />}
+      {isApp && <Divider type="vertical" className="mx-0.5! h-3.5! shrink-0" />}
+      {showConfirmDelete && (
+        <AlertDialog open={showConfirmDelete} onOpenChange={open => !open && onHideRegenerateConfirm()}>
+          <AlertDialogContent>
+            <div className="flex flex-col items-start gap-2 self-stretch pt-6 pr-6 pb-4 pl-6">
+              <AlertDialogTitle className="w-full title-2xl-semi-bold text-text-primary">
+                {t('overview.appInfo.regenerate', { ns: 'appOverview' })}
+              </AlertDialogTitle>
+              <AlertDialogDescription className="w-full system-md-regular wrap-break-word whitespace-pre-wrap text-text-tertiary">
+                {t('overview.appInfo.regenerateNotice', { ns: 'appOverview' })}
+              </AlertDialogDescription>
+            </div>
+            <AlertDialogActions>
+              <AlertDialogCancelButton onClick={onHideRegenerateConfirm}>
+                {t('operation.cancel', { ns: 'common' })}
+              </AlertDialogCancelButton>
+              <AlertDialogConfirmButton onClick={onRegenerate}>
+                {t('operation.confirm', { ns: 'common' })}
+              </AlertDialogConfirmButton>
+            </AlertDialogActions>
+          </AlertDialogContent>
+        </AlertDialog>
+      )}
+      {isApp && isCurrentWorkspaceManager && (
+        <MaybeTooltip content={t('overview.appInfo.regenerate', { ns: 'appOverview' }) || ''}>
+          <div
+            className="h-6 w-6 cursor-pointer rounded-md hover:bg-state-base-hover"
+            onClick={onShowRegenerateConfirm}
+          >
+            <div className={`h-full w-full ${style.refreshIcon} ${genLoading ? style.generateLogo : ''}`} />
+          </div>
+        </MaybeTooltip>
+      )}
+    </div>
+  </div>
+)
+
+export const AppCardAccessControlSection = ({
+  t,
+  appDetail,
+  isAppAccessSet,
+  onClick,
+}: {
+  t: TFunction
+  appDetail: AppDetailResponse
+  isAppAccessSet: boolean
+  onClick: () => void
+}) => {
+  const Icon = ACCESS_MODE_ICON_MAP[appDetail.access_mode]
+  const labelKey = ACCESS_MODE_LABEL_MAP[appDetail.access_mode]
+
+  return (
+    <div className="flex flex-col items-start justify-center self-stretch">
+      <div className="pb-1 system-xs-medium text-text-tertiary">{t('publishApp.title', { ns: 'app' })}</div>
+      <div
+        className="flex h-9 w-full cursor-pointer items-center gap-x-0.5 rounded-lg bg-components-input-bg-normal py-1 pr-2 pl-2.5"
+        onClick={onClick}
+      >
+        <div className="flex grow items-center gap-x-1.5 pr-1">
+          <Icon className="h-4 w-4 shrink-0 text-text-secondary" />
+          <p className="system-sm-medium text-text-secondary">{t(labelKey, { ns: 'app' })}</p>
+        </div>
+        {!isAppAccessSet && <p className="shrink-0 system-xs-regular text-text-tertiary">{t('publishApp.notSet', { ns: 'app' })}</p>}
+        <div className="flex h-4 w-4 shrink-0 items-center justify-center">
+          <RiArrowRightSLine className="h-4 w-4 text-text-quaternary" />
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export const AppCardOperations = ({
+  t,
+  operations,
+}: {
+  t: TFunction
+  operations: AppCardOperation[]
+}) => (
+  <>
+    {operations.map(({ key, label, Icon, disabled, onClick }) => (
+      <Button
+        className="mr-1 min-w-[88px]"
+        size="small"
+        variant="ghost"
+        key={key}
+        onClick={onClick}
+        disabled={disabled}
+      >
+        <MaybeTooltip
+          content={t('overview.appInfo.preUseReminder', { ns: 'appOverview' }) ?? ''}
+          popupClassName="mt-[-8px]"
+          show={disabled}
+        >
+          <div className="flex items-center justify-center gap-px">
+            <Icon className="h-3.5 w-3.5" />
+            <div className={`${disabled ? 'text-components-button-ghost-text-disabled' : 'text-text-tertiary'} px-[3px] system-xs-medium`}>{label}</div>
+          </div>
+        </MaybeTooltip>
+      </Button>
+    ))}
+  </>
+)
+
+export const AppCardDialogs = ({
+  isApp,
+  appInfo,
+  appMode,
+  showSettingsModal,
+  showEmbedded,
+  showCustomizeModal,
+  showAccessControl,
+  appDetail,
+  onCloseSettings,
+  onCloseEmbedded,
+  onCloseCustomize,
+  onCloseAccessControl,
+  onSaveSiteConfig,
+  onConfirmAccessControl,
+}: {
+  isApp: boolean
+  appInfo: AppInfo
+  appMode: AppModeEnum
+  showSettingsModal: boolean
+  showEmbedded: boolean
+  showCustomizeModal: boolean
+  showAccessControl: boolean
+  appDetail: AppDetailResponse | null | undefined
+  onCloseSettings: () => void
+  onCloseEmbedded: () => void
+  onCloseCustomize: () => void
+  onCloseAccessControl: () => void
+  onSaveSiteConfig?: (params: ConfigParams) => Promise<void>
+  onConfirmAccessControl: () => Promise<void>
+}) => {
+  if (!isApp)
+    return null
+
+  return (
+    <>
+      <SettingsModal
+        isChat={appMode === AppModeEnum.CHAT}
+        appInfo={appInfo}
+        isShow={showSettingsModal}
+        onClose={onCloseSettings}
+        onSave={onSaveSiteConfig}
+      />
+      <EmbeddedModal
+        siteInfo={appInfo.site}
+        isShow={showEmbedded}
+        onClose={onCloseEmbedded}
+        appBaseUrl={appInfo.site?.app_base_url}
+        accessToken={appInfo.site?.access_token}
+      />
+      <CustomizeModal
+        isShow={showCustomizeModal}
+        onClose={onCloseCustomize}
+        appId={appInfo.id}
+        api_base_url={appInfo.api_base_url}
+        mode={appInfo.mode}
+      />
+      {showAccessControl && appDetail && (
+        <AccessControl
+          app={appDetail}
+          onConfirm={onConfirmAccessControl}
+          onClose={onCloseAccessControl}
+        />
+      )}
+    </>
+  )
+}
diff --git a/web/app/components/app/overview/app-card-utils.ts b/web/app/components/app/overview/app-card-utils.ts
new file mode 100644
index 0000000000..345531091d
--- /dev/null
+++ b/web/app/components/app/overview/app-card-utils.ts
@@ -0,0 +1,119 @@
+import type { AppDetailResponse } from '@/models/app'
+import type { AppSSO } from '@/types/app'
+import { BlockEnum } from '@/app/components/workflow/types'
+import { AccessMode } from '@/models/access-control'
+import { AppModeEnum } from '@/types/app'
+import { basePath } from '@/utils/var'
+
+type OverviewCardType = 'api' | 'webapp'
+
+export type OverviewOperationKey = 'launch' | 'embedded' | 'customize' | 'settings' | 'develop'
+
+type AppInfo = AppDetailResponse & Partial<AppSSO>
+
+type WorkflowLike = {
+  graph?: {
+    nodes?: Array<{
+      data?: {
+        type?: string
+      }
+    }>
+  }
+} | null | undefined
+
+type AccessSubjectsLike = {
+  groups?: unknown[]
+  members?: unknown[]
+} | null | undefined
+
+type AppCardDisplayState = {
+  isApp: boolean
+  appMode: AppModeEnum
+  appUnpublished: boolean
+  missingStartNode: boolean
+  hasInsufficientPermissions: boolean
+  toggleDisabled: boolean
+  runningStatus: boolean
+  isMinimalState: boolean
+  accessibleUrl: string
+}
+
+const getCardAppMode = (mode: AppModeEnum) => {
+  return (mode !== AppModeEnum.COMPLETION && mode !== AppModeEnum.WORKFLOW) ? AppModeEnum.CHAT : mode
+}
+
+export const hasWorkflowStartNode = (currentWorkflow: WorkflowLike) => {
+  return currentWorkflow?.graph?.nodes?.some(node => node.data?.type === BlockEnum.Start) ?? false
+}
+
+export const getAppCardDisplayState = ({
+  appInfo,
+  cardType,
+  currentWorkflow,
+  isCurrentWorkspaceEditor,
+  isCurrentWorkspaceManager,
+  triggerModeDisabled = false,
+}: {
+  appInfo: AppInfo
+  cardType: OverviewCardType
+  currentWorkflow: WorkflowLike
+  isCurrentWorkspaceEditor: boolean
+  isCurrentWorkspaceManager: boolean
+  triggerModeDisabled?: boolean
+}): AppCardDisplayState => {
+  const isApp = cardType === 'webapp'
+  const isWorkflowApp = appInfo.mode === AppModeEnum.WORKFLOW
+  const appUnpublished = isWorkflowApp && !currentWorkflow?.graph
+  const missingStartNode = isWorkflowApp && !hasWorkflowStartNode(currentWorkflow)
+  const hasInsufficientPermissions = isApp ? !isCurrentWorkspaceEditor : !isCurrentWorkspaceManager
+  const toggleDisabled = hasInsufficientPermissions || appUnpublished || missingStartNode || triggerModeDisabled
+  const runningStatus = (appUnpublished || missingStartNode) ? false : (isApp ? appInfo.enable_site : appInfo.enable_api)
+  const appMode = getCardAppMode(appInfo.mode)
+  const appBaseUrl = appInfo.site?.app_base_url ?? ''
+  const accessToken = appInfo.site?.access_token ?? ''
+
+  return {
+    isApp,
+    appMode,
+    appUnpublished,
+    missingStartNode,
+    hasInsufficientPermissions,
+    toggleDisabled,
+    runningStatus,
+    isMinimalState: appUnpublished || missingStartNode,
+    accessibleUrl: isApp ? `${appBaseUrl}${basePath}/${appMode}/${accessToken}` : (appInfo.api_base_url ?? ''),
+  }
+}
+
+export const isAppAccessConfigured = (appDetail: AppDetailResponse | null | undefined, appAccessSubjects: AccessSubjectsLike) => {
+  if (!appDetail || !appAccessSubjects)
+    return true
+
+  if (appDetail.access_mode !== AccessMode.SPECIFIC_GROUPS_MEMBERS)
+    return true
+
+  return Boolean(appAccessSubjects.groups?.length || appAccessSubjects.members?.length)
+}
+
+export const getAppCardOperationKeys = ({
+  cardType,
+  appMode,
+  isCurrentWorkspaceEditor,
+}: {
+  cardType: OverviewCardType
+  appMode: AppModeEnum
+  isCurrentWorkspaceEditor: boolean
+}): OverviewOperationKey[] => {
+  if (cardType === 'api')
+    return ['develop']
+
+  const operationKeys: OverviewOperationKey[] = ['launch']
+  if (appMode !== AppModeEnum.COMPLETION && appMode !== AppModeEnum.WORKFLOW)
+    operationKeys.push('embedded')
+
+  operationKeys.push('customize')
+  if (isCurrentWorkspaceEditor)
+    operationKeys.push('settings')
+
+  return operationKeys
+}
diff --git a/web/app/components/app/overview/app-card.tsx b/web/app/components/app/overview/app-card.tsx
index 27b3dd9b6a..1b2fa2a6e8 100644
--- a/web/app/components/app/overview/app-card.tsx
+++ b/web/app/components/app/overview/app-card.tsx
@@ -2,33 +2,15 @@
 import type { ConfigParams } from './settings'
 import type { AppDetailResponse } from '@/models/app'
 import type { AppSSO } from '@/types/app'
-import {
-  RiArrowRightSLine,
-  RiBookOpenLine,
-  RiBuildingLine,
-  RiEqualizer2Line,
-  RiExternalLinkLine,
-  RiGlobalLine,
-  RiLockLine,
-  RiPaintBrushLine,
-  RiVerifiedBadgeLine,
-  RiWindowLine,
-} from '@remixicon/react'
 import * as React from 'react'
-import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import AppBasic from '@/app/components/app-sidebar/basic'
 import { useStore as useAppStore } from '@/app/components/app/store'
-import Button from '@/app/components/base/button'
-import Confirm from '@/app/components/base/confirm'
-import CopyFeedback from '@/app/components/base/copy-feedback'
-import Divider from '@/app/components/base/divider'
-import ShareQRCode from '@/app/components/base/qrcode'
 import Switch from '@/app/components/base/switch'
 import Tooltip from '@/app/components/base/tooltip'
 import SecretKeyButton from '@/app/components/develop/secret-key/secret-key-button'
 import Indicator from '@/app/components/header/indicator'
-import { BlockEnum } from '@/app/components/workflow/types'
 import { useAppContext } from '@/context/app-context'
 import { useGlobalPublicStore } from '@/context/global-public-context'
 import { useDocLink } from '@/context/i18n'
@@ -39,12 +21,18 @@ import { fetchAppDetailDirect } from '@/service/apps'
 import { useAppWorkflow } from '@/service/use-workflow'
 import { AppModeEnum } from '@/types/app'
 import { asyncRunSafe } from '@/utils'
-import { basePath } from '@/utils/var'
-import AccessControl from '../app-access-control'
-import CustomizeModal from './customize'
-import EmbeddedModal from './embedded'
-import SettingsModal from './settings'
-import style from './style.module.css'
+import {
+  AppCardAccessControlSection,
+  AppCardDialogs,
+  AppCardOperations,
+  AppCardUrlSection,
+  createAppCardOperations,
+} from './app-card-sections'
+import {
+  getAppCardDisplayState,
+  getAppCardOperationKeys,
+  isAppAccessConfigured,
+} from './app-card-utils'
 
 export type IAppCardProps = {
   className?: string
@@ -52,8 +40,8 @@ export type IAppCardProps = {
   isInPanel?: boolean
   cardType?: 'api' | 'webapp'
   customBgColor?: string
-  triggerModeDisabled?: boolean // true when Trigger Node mode needs UI locked to avoid conflicting actions
-  triggerModeMessage?: React.ReactNode // contextual copy explaining why the card is disabled in trigger mode
+  triggerModeDisabled?: boolean
+  triggerModeMessage?: React.ReactNode
   onChangeStatus: (val: boolean) => Promise<void>
   onSaveSiteConfig?: (params: ConfigParams) => Promise<void>
   onGenerateCode?: () => Promise<void>
@@ -83,104 +71,55 @@ function AppCard({
   const [showCustomizeModal, setShowCustomizeModal] = useState(false)
   const [genLoading, setGenLoading] = useState(false)
   const [showConfirmDelete, setShowConfirmDelete] = useState(false)
-  const [showAccessControl, setShowAccessControl] = useState<boolean>(false)
+  const [showAccessControl, setShowAccessControl] = useState(false)
   const { t } = useTranslation()
   const systemFeatures = useGlobalPublicStore(s => s.systemFeatures)
-  const { data: appAccessSubjects } = useAppWhiteListSubjects(appDetail?.id, systemFeatures.webapp_auth.enabled && appDetail?.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS)
+  const { data: appAccessSubjects } = useAppWhiteListSubjects(
+    appDetail?.id,
+    systemFeatures.webapp_auth.enabled && appDetail?.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS,
+  )
 
-  const OPERATIONS_MAP = useMemo(() => {
-    const operationsMap = {
-      webapp: [
-        { opName: t('overview.appInfo.launch', { ns: 'appOverview' }), opIcon: RiExternalLinkLine },
-      ] as { opName: string, opIcon: any }[],
-      api: [{ opName: t('overview.apiInfo.doc', { ns: 'appOverview' }), opIcon: RiBookOpenLine }],
-      app: [],
-    }
-    if (appInfo.mode !== AppModeEnum.COMPLETION && appInfo.mode !== AppModeEnum.WORKFLOW)
-      operationsMap.webapp.push({ opName: t('overview.appInfo.embedded.entry', { ns: 'appOverview' }), opIcon: RiWindowLine })
+  const cardState = getAppCardDisplayState({
+    appInfo,
+    cardType,
+    currentWorkflow,
+    isCurrentWorkspaceEditor,
+    isCurrentWorkspaceManager,
+    triggerModeDisabled,
+  })
 
-    operationsMap.webapp.push({ opName: t('overview.appInfo.customize.entry', { ns: 'appOverview' }), opIcon: RiPaintBrushLine })
-
-    if (isCurrentWorkspaceEditor)
-      operationsMap.webapp.push({ opName: t('overview.appInfo.settings.entry', { ns: 'appOverview' }), opIcon: RiEqualizer2Line })
-
-    return operationsMap
-  }, [isCurrentWorkspaceEditor, appInfo, t])
-
-  const isApp = cardType === 'webapp'
+  const isApp = cardState.isApp
   const basicName = isApp
     ? t('overview.appInfo.title', { ns: 'appOverview' })
     : t('overview.apiInfo.title', { ns: 'appOverview' })
-  const isWorkflowApp = appInfo.mode === AppModeEnum.WORKFLOW
-  const appUnpublished = isWorkflowApp && !currentWorkflow?.graph
-  const hasStartNode = currentWorkflow?.graph?.nodes?.some(node => node.data.type === BlockEnum.Start)
-  const missingStartNode = isWorkflowApp && !hasStartNode
-  const hasInsufficientPermissions = isApp ? !isCurrentWorkspaceEditor : !isCurrentWorkspaceManager
-  const toggleDisabled = hasInsufficientPermissions || appUnpublished || missingStartNode || triggerModeDisabled
-  const runningStatus = (appUnpublished || missingStartNode) ? false : (isApp ? appInfo.enable_site : appInfo.enable_api)
-  const isMinimalState = appUnpublished || missingStartNode
-  const { app_base_url, access_token } = appInfo.site ?? {}
-  const appMode = (appInfo.mode !== AppModeEnum.COMPLETION && appInfo.mode !== AppModeEnum.WORKFLOW) ? AppModeEnum.CHAT : appInfo.mode
-  const appUrl = `${app_base_url}${basePath}/${appMode}/${access_token}`
-  const apiUrl = appInfo?.api_base_url
 
-  const genClickFuncByName = (opName: string) => {
-    switch (opName) {
-      case t('overview.appInfo.launch', { ns: 'appOverview' }):
-        return () => {
-          window.open(appUrl, '_blank')
-        }
-      case t('overview.appInfo.customize.entry', { ns: 'appOverview' }):
-        return () => {
-          setShowCustomizeModal(true)
-        }
-      case t('overview.appInfo.settings.entry', { ns: 'appOverview' }):
-        return () => {
-          setShowSettingsModal(true)
-        }
-      case t('overview.appInfo.embedded.entry', { ns: 'appOverview' }):
-        return () => {
-          setShowEmbedded(true)
-        }
-      default:
-        // jump to page develop
-        return () => {
-          const pathSegments = pathname.split('/')
-          pathSegments.pop()
-          router.push(`${pathSegments.join('/')}/develop`)
-        }
-    }
-  }
+  const isAppAccessSet = useMemo(
+    () => isAppAccessConfigured(appDetail, appAccessSubjects),
+    [appAccessSubjects, appDetail],
+  )
 
   const onGenCode = async () => {
-    if (onGenerateCode) {
-      setGenLoading(true)
-      await asyncRunSafe(onGenerateCode())
-      setGenLoading(false)
-    }
-  }
+    if (!onGenerateCode)
+      return
 
-  const [isAppAccessSet, setIsAppAccessSet] = useState(true)
-  useEffect(() => {
-    if (appDetail && appAccessSubjects) {
-      if (appDetail.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS && appAccessSubjects.groups?.length === 0 && appAccessSubjects.members?.length === 0)
-        setIsAppAccessSet(false)
-      else
-        setIsAppAccessSet(true)
-    }
-    else {
-      setIsAppAccessSet(true)
-    }
-  }, [appAccessSubjects, appDetail])
+    setGenLoading(true)
+    await asyncRunSafe(onGenerateCode())
+    setGenLoading(false)
+  }
 
   const handleClickAccessControl = useCallback(() => {
     if (!appDetail)
       return
+
     setShowAccessControl(true)
   }, [appDetail])
+
   const handleAccessControlUpdate = useCallback(async () => {
+    if (!appDetail)
+      return
+
     try {
-      const res = await fetchAppDetailDirect({ url: '/apps', id: appDetail!.id })
+      const res = await fetchAppDetailDirect({ url: '/apps', id: appDetail.id })
       setAppDetail(res)
       setShowAccessControl(false)
     }
@@ -189,11 +128,59 @@ function AppCard({
     }
   }, [appDetail, setAppDetail])
 
+  const operationKeys = useMemo(() => getAppCardOperationKeys({
+    cardType,
+    appMode: cardState.appMode,
+    isCurrentWorkspaceEditor,
+  }), [cardState.appMode, cardType, isCurrentWorkspaceEditor])
+
+  const handleLaunch = useCallback(() => {
+    window.open(cardState.accessibleUrl, '_blank')
+  }, [cardState.accessibleUrl])
+
+  const handleOpenCustomize = useCallback(() => {
+    setShowCustomizeModal(true)
+  }, [])
+
+  const handleOpenSettings = useCallback(() => {
+    setShowSettingsModal(true)
+  }, [])
+
+  const handleOpenEmbedded = useCallback(() => {
+    setShowEmbedded(true)
+  }, [])
+
+  const handleOpenDevelop = useCallback(() => {
+    const pathSegments = pathname.split('/')
+    pathSegments.pop()
+    router.push(`${pathSegments.join('/')}/develop`)
+  }, [pathname, router])
+
+  const operations = useMemo(() => createAppCardOperations({
+    operationKeys,
+    t,
+    runningStatus: cardState.runningStatus,
+    triggerModeDisabled,
+    onLaunch: handleLaunch,
+    onEmbedded: handleOpenEmbedded,
+    onCustomize: handleOpenCustomize,
+    onSettings: handleOpenSettings,
+    onDevelop: handleOpenDevelop,
+  }), [
+    cardState.runningStatus,
+    handleLaunch,
+    handleOpenCustomize,
+    handleOpenDevelop,
+    handleOpenEmbedded,
+    handleOpenSettings,
+    operationKeys,
+    t,
+    triggerModeDisabled,
+  ])
+
   return (
     <div
-      className={
-        `${isInPanel ? 'border-l-[0.5px] border-t' : 'border-[0.5px] shadow-xs'} w-full max-w-full rounded-xl border-effects-highlight ${className ?? ''} ${isMinimalState ? 'h-12' : ''}`
-      }
+      className={`${isInPanel ? 'border-l-[0.5px] border-t' : 'border-[0.5px] shadow-xs'} w-full max-w-full rounded-xl border-effects-highlight ${className ?? ''} ${cardState.isMinimalState ? 'h-12' : ''}`}
     >
       <div className={`${customBgColor ?? 'bg-background-default'} relative rounded-xl ${triggerModeDisabled ? 'opacity-60' : ''}`}>
         {triggerModeDisabled && (
@@ -204,12 +191,12 @@ function AppCard({
                   popupClassName="max-w-64 rounded-xl bg-components-panel-bg px-3 py-2 text-xs text-text-secondary shadow-lg"
                   position="right"
                 >
-                  <div className="absolute inset-0 z-10 cursor-not-allowed rounded-xl" aria-hidden="true"></div>
+                  <div className="absolute inset-0 z-10 cursor-not-allowed rounded-xl" aria-hidden="true" />
                 </Tooltip>
               )
-            : <div className="absolute inset-0 z-10 cursor-not-allowed rounded-xl" aria-hidden="true"></div>
+            : <div className="absolute inset-0 z-10 cursor-not-allowed rounded-xl" aria-hidden="true" />
         )}
-        <div className={`flex w-full flex-col items-start justify-center gap-3 self-stretch p-3 ${isMinimalState ? 'border-0' : 'border-b-[0.5px] border-divider-subtle'}`}>
+        <div className={`flex w-full flex-col items-start justify-center gap-3 self-stretch p-3 ${cardState.isMinimalState ? 'border-0' : 'border-b-[0.5px] border-divider-subtle'}`}>
           <div className="flex w-full items-center gap-3 self-stretch">
             <AppBasic
               iconType={cardType}
@@ -224,20 +211,20 @@ function AppCard({
               }
             />
             <div className="flex shrink-0 items-center gap-1">
-              <Indicator color={runningStatus ? 'green' : 'yellow'} />
-              <div className={`${runningStatus ? 'text-text-success' : 'text-text-warning'} system-xs-semibold-uppercase`}>
-                {runningStatus
+              <Indicator color={cardState.runningStatus ? 'green' : 'yellow'} />
+              <div className={`${cardState.runningStatus ? 'text-text-success' : 'text-text-warning'} system-xs-semibold-uppercase`}>
+                {cardState.runningStatus
                   ? t('overview.status.running', { ns: 'appOverview' })
                   : t('overview.status.disable', { ns: 'appOverview' })}
               </div>
             </div>
             <Tooltip
               popupContent={
-                toggleDisabled
+                cardState.toggleDisabled
                   ? (
                       triggerModeDisabled && triggerModeMessage
                         ? triggerModeMessage
-                        : (appUnpublished || missingStartNode)
+                        : (cardState.appUnpublished || cardState.missingStartNode)
                             ? (
                                 <>
                                   <div className="mb-1 text-xs font-normal text-text-secondary">
@@ -260,180 +247,58 @@ function AppCard({
               offset={24}
             >
               <div>
-                <Switch value={runningStatus} onChange={onChangeStatus} disabled={toggleDisabled} />
+                <Switch value={cardState.runningStatus} onChange={onChangeStatus} disabled={cardState.toggleDisabled} />
               </div>
             </Tooltip>
           </div>
-          {!isMinimalState && (
-            <div className="flex flex-col items-start justify-center self-stretch">
-              <div className="system-xs-medium pb-1 text-text-tertiary">
-                {isApp
-                  ? t('overview.appInfo.accessibleAddress', { ns: 'appOverview' })
-                  : t('overview.apiInfo.accessibleAddress', { ns: 'appOverview' })}
-              </div>
-              <div className="inline-flex h-9 w-full items-center gap-0.5 rounded-lg bg-components-input-bg-normal p-1 pl-2">
-                <div className="flex h-4 min-w-0 flex-1 items-start justify-start gap-2 px-1">
-                  <div className="overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-text-secondary">
-                    {isApp ? appUrl : apiUrl}
-                  </div>
-                </div>
-                <CopyFeedback
-                  content={isApp ? appUrl : apiUrl}
-                  className="size-6!"
-                />
-                {isApp && <ShareQRCode content={isApp ? appUrl : apiUrl} />}
-                {isApp && <Divider type="vertical" className="mx-0.5! h-3.5! shrink-0" />}
-                {/* button copy link/ button regenerate */}
-                {showConfirmDelete && (
-                  <Confirm
-                    type="warning"
-                    title={t('overview.appInfo.regenerate', { ns: 'appOverview' })}
-                    content={t('overview.appInfo.regenerateNotice', { ns: 'appOverview' })}
-                    isShow={showConfirmDelete}
-                    onConfirm={() => {
-                      onGenCode()
-                      setShowConfirmDelete(false)
-                    }}
-                    onCancel={() => setShowConfirmDelete(false)}
-                  />
-                )}
-                {isApp && isCurrentWorkspaceManager && (
-                  <Tooltip
-                    popupContent={t('overview.appInfo.regenerate', { ns: 'appOverview' }) || ''}
-                  >
-                    <div
-                      className="h-6 w-6 cursor-pointer rounded-md hover:bg-state-base-hover"
-                      onClick={() => setShowConfirmDelete(true)}
-                    >
-                      <div
-                        className={
-                          `h-full w-full ${style.refreshIcon} ${genLoading ? style.generateLogo : ''}`
-                        }
-                      >
-                      </div>
-                    </div>
-                  </Tooltip>
-                )}
-              </div>
-            </div>
+          {!cardState.isMinimalState && (
+            <AppCardUrlSection
+              t={t}
+              isApp={isApp}
+              accessibleUrl={cardState.accessibleUrl}
+              showConfirmDelete={showConfirmDelete}
+              isCurrentWorkspaceManager={isCurrentWorkspaceManager}
+              genLoading={genLoading}
+              onRegenerate={() => {
+                onGenCode()
+                setShowConfirmDelete(false)
+              }}
+              onShowRegenerateConfirm={() => setShowConfirmDelete(true)}
+              onHideRegenerateConfirm={() => setShowConfirmDelete(false)}
+            />
           )}
-          {!isMinimalState && isApp && systemFeatures.webapp_auth.enabled && appDetail && (
-            <div className="flex flex-col items-start justify-center self-stretch">
-              <div className="system-xs-medium pb-1 text-text-tertiary">{t('publishApp.title', { ns: 'app' })}</div>
-              <div
-                className="flex h-9 w-full cursor-pointer items-center gap-x-0.5  rounded-lg bg-components-input-bg-normal py-1 pl-2.5 pr-2"
-                onClick={handleClickAccessControl}
-              >
-                <div className="flex grow items-center gap-x-1.5 pr-1">
-                  {appDetail?.access_mode === AccessMode.ORGANIZATION
-                    && (
-                      <>
-                        <RiBuildingLine className="h-4 w-4 shrink-0 text-text-secondary" />
-                        <p className="system-sm-medium text-text-secondary">{t('accessControlDialog.accessItems.organization', { ns: 'app' })}</p>
-                      </>
-                    )}
-                  {appDetail?.access_mode === AccessMode.SPECIFIC_GROUPS_MEMBERS
-                    && (
-                      <>
-                        <RiLockLine className="h-4 w-4 shrink-0 text-text-secondary" />
-                        <p className="system-sm-medium text-text-secondary">{t('accessControlDialog.accessItems.specific', { ns: 'app' })}</p>
-                      </>
-                    )}
-                  {appDetail?.access_mode === AccessMode.PUBLIC
-                    && (
-                      <>
-                        <RiGlobalLine className="h-4 w-4 shrink-0 text-text-secondary" />
-                        <p className="system-sm-medium text-text-secondary">{t('accessControlDialog.accessItems.anyone', { ns: 'app' })}</p>
-                      </>
-                    )}
-                  {appDetail?.access_mode === AccessMode.EXTERNAL_MEMBERS
-                    && (
-                      <>
-                        <RiVerifiedBadgeLine className="h-4 w-4 shrink-0 text-text-secondary" />
-                        <p className="system-sm-medium text-text-secondary">{t('accessControlDialog.accessItems.external', { ns: 'app' })}</p>
-                      </>
-                    )}
-                </div>
-                {!isAppAccessSet && <p className="system-xs-regular shrink-0 text-text-tertiary">{t('publishApp.notSet', { ns: 'app' })}</p>}
-                <div className="flex h-4 w-4 shrink-0 items-center justify-center">
-                  <RiArrowRightSLine className="h-4 w-4 text-text-quaternary" />
-                </div>
-              </div>
-            </div>
+          {!cardState.isMinimalState && isApp && systemFeatures.webapp_auth.enabled && appDetail && (
+            <AppCardAccessControlSection
+              t={t}
+              appDetail={appDetail}
+              isAppAccessSet={isAppAccessSet}
+              onClick={handleClickAccessControl}
+            />
           )}
         </div>
-        {!isMinimalState && (
+        {!cardState.isMinimalState && (
           <div className="flex items-center gap-1 self-stretch p-3">
             {!isApp && <SecretKeyButton appId={appInfo.id} />}
-            {OPERATIONS_MAP[cardType].map((op) => {
-              const disabled
-                = triggerModeDisabled
-                  ? true
-                  : op.opName === t('overview.appInfo.settings.entry', { ns: 'appOverview' })
-                    ? false
-                    : !runningStatus
-              return (
-                <Button
-                  className="mr-1 min-w-[88px]"
-                  size="small"
-                  variant="ghost"
-                  key={op.opName}
-                  onClick={genClickFuncByName(op.opName)}
-                  disabled={disabled}
-                >
-                  <Tooltip
-                    popupContent={
-                      t('overview.appInfo.preUseReminder', { ns: 'appOverview' }) ?? ''
-                    }
-                    popupClassName={disabled ? 'mt-[-8px]' : 'hidden!'}
-                  >
-                    <div className="flex items-center justify-center gap-px">
-                      <op.opIcon className="h-3.5 w-3.5" />
-                      <div className={`${(runningStatus || !disabled) ? 'text-text-tertiary' : 'text-components-button-ghost-text-disabled'} system-xs-medium px-[3px]`}>{op.opName}</div>
-                    </div>
-                  </Tooltip>
-                </Button>
-              )
-            })}
+            <AppCardOperations t={t} operations={operations} />
           </div>
         )}
       </div>
-      {isApp
-        ? (
-            <>
-              <SettingsModal
-                isChat={appMode === AppModeEnum.CHAT}
-                appInfo={appInfo}
-                isShow={showSettingsModal}
-                onClose={() => setShowSettingsModal(false)}
-                onSave={onSaveSiteConfig}
-              />
-              <EmbeddedModal
-                siteInfo={appInfo.site}
-                isShow={showEmbedded}
-                onClose={() => setShowEmbedded(false)}
-                appBaseUrl={app_base_url}
-                accessToken={access_token}
-              />
-              <CustomizeModal
-                isShow={showCustomizeModal}
-                onClose={() => setShowCustomizeModal(false)}
-                appId={appInfo.id}
-                api_base_url={appInfo.api_base_url}
-                mode={appInfo.mode}
-              />
-              {
-                showAccessControl && (
-                  <AccessControl
-                    app={appDetail!}
-                    onConfirm={handleAccessControlUpdate}
-                    onClose={() => { setShowAccessControl(false) }}
-                  />
-                )
-              }
-            </>
-          )
-        : null}
+      <AppCardDialogs
+        isApp={isApp}
+        appInfo={appInfo}
+        appMode={cardState.appMode}
+        showSettingsModal={showSettingsModal}
+        showEmbedded={showEmbedded}
+        showCustomizeModal={showCustomizeModal}
+        showAccessControl={showAccessControl}
+        appDetail={appDetail}
+        onCloseSettings={() => setShowSettingsModal(false)}
+        onCloseEmbedded={() => setShowEmbedded(false)}
+        onCloseCustomize={() => setShowCustomizeModal(false)}
+        onCloseAccessControl={() => setShowAccessControl(false)}
+        onSaveSiteConfig={onSaveSiteConfig}
+        onConfirmAccessControl={handleAccessControlUpdate}
+      />
     </div>
   )
 }
diff --git a/web/app/components/app/overview/app-chart-utils.ts b/web/app/components/app/overview/app-chart-utils.ts
new file mode 100644
index 0000000000..6777bacce7
--- /dev/null
+++ b/web/app/components/app/overview/app-chart-utils.ts
@@ -0,0 +1,269 @@
+import type { EChartsOption } from 'echarts'
+import dayjs from 'dayjs'
+import Decimal from 'decimal.js'
+import { get } from 'es-toolkit/compat'
+import { formatNumber } from '@/utils/format'
+
+type ColorType = 'green' | 'orange' | 'blue'
+
+type ChartType = 'messages' | 'conversations' | 'endUsers' | 'costs' | 'workflowCosts'
+
+export type ChartRow = {
+  date: string
+  total_price?: number | string
+} & Record<string, number | string | undefined>
+
+type ChartConfig = {
+  colorType: ColorType
+  showTokens?: boolean
+}
+
+type TooltipParams = {
+  name: string
+  data?: ChartRow
+}
+
+const valueFormatter = (value: string | number) => value
+
+const COLOR_TYPE_MAP: Record<ColorType, { lineColor: string, bgColor: [string, string] }> = {
+  green: {
+    lineColor: 'rgba(6, 148, 162, 1)',
+    bgColor: ['rgba(6, 148, 162, 0.2)', 'rgba(67, 174, 185, 0.08)'],
+  },
+  orange: {
+    lineColor: 'rgba(255, 138, 76, 1)',
+    bgColor: ['rgba(254, 145, 87, 0.2)', 'rgba(255, 138, 76, 0.1)'],
+  },
+  blue: {
+    lineColor: 'rgba(28, 100, 242, 1)',
+    bgColor: ['rgba(28, 100, 242, 0.3)', 'rgba(28, 100, 242, 0.1)'],
+  },
+}
+
+const COMMON_COLOR_MAP = {
+  label: '#9CA3AF',
+  splitLineLight: '#F3F4F6',
+  splitLineDark: '#E5E7EB',
+}
+
+const commonDateFormat = 'MMM D, YYYY'
+
+export const defaultPeriod = {
+  start: dayjs().subtract(7, 'day').format(commonDateFormat),
+  end: dayjs().format(commonDateFormat),
+}
+
+export const CHART_TYPE_CONFIG: Record<ChartType, ChartConfig> = {
+  messages: {
+    colorType: 'green',
+  },
+  conversations: {
+    colorType: 'green',
+  },
+  endUsers: {
+    colorType: 'orange',
+  },
+  costs: {
+    colorType: 'blue',
+    showTokens: true,
+  },
+  workflowCosts: {
+    colorType: 'blue',
+  },
+}
+
+const sumValues = (values: Decimal.Value[]): number => Decimal.sum(...values).toNumber()
+
+const getRowValue = (row: ChartRow, field: string): Decimal.Value => row[field] ?? 0
+
+const getChartColors = (chartType: ChartType) => COLOR_TYPE_MAP[CHART_TYPE_CONFIG[chartType].colorType]
+
+const getMarkLineSeedData = (statisticsLength: number) => {
+  const markLineLength = statisticsLength >= 2 ? statisticsLength - 2 : statisticsLength
+  return ['', ...Array.from({ length: markLineLength }, () => '1'), '']
+}
+
+const getTooltipContent = (chartType: ChartType, yField: string, params: TooltipParams) => {
+  const row = params.data ?? { date: params.name }
+  const value = valueFormatter(row[yField] ?? 0)
+  if (!CHART_TYPE_CONFIG[chartType].showTokens)
+    return `<div style='color:#6B7280;font-size:12px'>${params.name}</div><div style='font-size:14px;color:#1F2A37'>${value}</div>`
+
+  return `<div style='color:#6B7280;font-size:12px'>${params.name}</div>
+    <div style='font-size:14px;color:#1F2A37'>${value}
+      <span style='font-size:12px'>
+        <span style='margin-left:4px;color:#6B7280'>(</span>
+        <span style='color:#FF8A4C'>~$${get(row, 'total_price', 0)}</span>
+        <span style='color:#6B7280'>)</span>
+      </span>
+    </div>`
+}
+
+export const getChartValueField = (statistics: ChartRow[], valueKey?: string) => {
+  if (valueKey)
+    return valueKey
+
+  return Object.keys(statistics[0] ?? {}).find(name => name.includes('count')) ?? 'count'
+}
+
+export const getSummaryValue = ({
+  chartType,
+  statistics,
+  yField,
+  isAvg,
+  unit = '',
+}: {
+  chartType: ChartType
+  statistics: ChartRow[]
+  yField: string
+  isAvg?: boolean
+  unit?: string
+}) => {
+  const values = statistics.map(item => getRowValue(item, yField))
+  const divisor = values.length || 1
+  const sumData = isAvg ? (sumValues(values) / divisor) : sumValues(values)
+
+  if (chartType === 'costs') {
+    const formattedCost = sumData < 1000
+      ? sumData
+      : `${formatNumber(Math.round(sumData / 1000))}k`
+
+    return `${formattedCost}`
+  }
+
+  return `${sumData.toLocaleString()} ${unit}`.trim()
+}
+
+export const getTokenSummary = (statistics: ChartRow[]) => {
+  const totalPrice = sumValues(statistics.map(item => Number.parseFloat(String(get(item, 'total_price', '0')))))
+  return totalPrice.toLocaleString('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 4,
+  })
+}
+
+export const buildChartOptions = ({
+  statistics,
+  chartType,
+  yField,
+  yMax,
+}: {
+  statistics: ChartRow[]
+  chartType: ChartType
+  yField: string
+  yMax?: number
+}): EChartsOption => {
+  const xData = statistics.map(({ date }) => date)
+  const chartColors = getChartColors(chartType)
+  const markLineSeedData = getMarkLineSeedData(statistics.length)
+
+  return {
+    dataset: {
+      dimensions: ['date', yField],
+      source: statistics,
+    },
+    grid: { top: 8, right: 36, bottom: 10, left: 25, containLabel: true },
+    tooltip: {
+      trigger: 'item',
+      position: 'top',
+      borderWidth: 0,
+    },
+    xAxis: [{
+      type: 'category',
+      boundaryGap: false,
+      axisLabel: {
+        color: COMMON_COLOR_MAP.label,
+        hideOverlap: true,
+        overflow: 'break',
+        formatter(value) {
+          return dayjs(value).format(commonDateFormat)
+        },
+      },
+      axisLine: { show: false },
+      axisTick: { show: false },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: COMMON_COLOR_MAP.splitLineLight,
+          width: 1,
+          type: [10, 10],
+        },
+        interval(index) {
+          return index === 0 || index === xData.length - 1
+        },
+      },
+    }, {
+      position: 'bottom',
+      boundaryGap: false,
+      data: markLineSeedData,
+      axisLabel: { show: false },
+      axisLine: { show: false },
+      axisTick: { show: false },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: COMMON_COLOR_MAP.splitLineDark,
+        },
+        interval(_index, value) {
+          return !!value
+        },
+      },
+    }],
+    yAxis: {
+      max: yMax ?? 'dataMax',
+      type: 'value',
+      axisLabel: { color: COMMON_COLOR_MAP.label, hideOverlap: true },
+      splitLine: {
+        lineStyle: {
+          color: COMMON_COLOR_MAP.splitLineLight,
+        },
+      },
+    },
+    series: [
+      {
+        type: 'line',
+        showSymbol: true,
+        symbolSize: 4,
+        lineStyle: {
+          color: chartColors.lineColor,
+          width: 2,
+        },
+        itemStyle: {
+          color: chartColors.lineColor,
+        },
+        areaStyle: {
+          color: {
+            type: 'linear',
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            colorStops: [{
+              offset: 0,
+              color: chartColors.bgColor[0],
+            }, {
+              offset: 1,
+              color: chartColors.bgColor[1],
+            }],
+            global: false,
+          },
+        },
+        tooltip: {
+          padding: [8, 12, 8, 12],
+          formatter(params) {
+            return getTooltipContent(chartType, yField, params as unknown as TooltipParams)
+          },
+        },
+      },
+    ],
+  }
+}
+
+export const getDefaultChartData = ({ start, end, key = 'count' }: { start: string, end: string, key?: string }) => {
+  const diffDays = dayjs(end).diff(dayjs(start), 'day')
+  return Array.from({ length: diffDays || 1 }, () => ({ date: '', [key]: 0 })).map((item, index) => {
+    item.date = dayjs(start).add(index, 'day').format(commonDateFormat)
+    return item
+  })
+}
diff --git a/web/app/components/app/overview/app-chart.tsx b/web/app/components/app/overview/app-chart.tsx
index 028753d41c..10e022151f 100644
--- a/web/app/components/app/overview/app-chart.tsx
+++ b/web/app/components/app/overview/app-chart.tsx
@@ -1,12 +1,9 @@
+/* eslint-disable react-refresh/only-export-components, react/component-hook-factories */
 'use client'
 import type { Dayjs } from 'dayjs'
-import type { EChartsOption } from 'echarts'
 import type { FC } from 'react'
-import type { AppDailyConversationsResponse, AppDailyEndUsersResponse, AppDailyMessagesResponse, AppTokenCostsResponse } from '@/models/app'
-import dayjs from 'dayjs'
-import Decimal from 'decimal.js'
+import type { ChartRow } from './app-chart-utils'
 import ReactECharts from 'echarts-for-react'
-import { get } from 'es-toolkit/compat'
 import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import Basic from '@/app/components/app-sidebar/basic'
@@ -25,64 +22,15 @@ import {
   useWorkflowDailyTerminals,
   useWorkflowTokenCosts,
 } from '@/service/use-apps'
-import { formatNumber } from '@/utils/format'
-
-const valueFormatter = (v: string | number) => v
-
-const COLOR_TYPE_MAP = {
-  green: {
-    lineColor: 'rgba(6, 148, 162, 1)',
-    bgColor: ['rgba(6, 148, 162, 0.2)', 'rgba(67, 174, 185, 0.08)'],
-  },
-  orange: {
-    lineColor: 'rgba(255, 138, 76, 1)',
-    bgColor: ['rgba(254, 145, 87, 0.2)', 'rgba(255, 138, 76, 0.1)'],
-  },
-  blue: {
-    lineColor: 'rgba(28, 100, 242, 1)',
-    bgColor: ['rgba(28, 100, 242, 0.3)', 'rgba(28, 100, 242, 0.1)'],
-  },
-}
-
-const COMMON_COLOR_MAP = {
-  label: '#9CA3AF',
-  splitLineLight: '#F3F4F6',
-  splitLineDark: '#E5E7EB',
-}
-
-type IColorType = 'green' | 'orange' | 'blue'
-type IChartType = 'messages' | 'conversations' | 'endUsers' | 'costs' | 'workflowCosts'
-type IChartConfigType = { colorType: IColorType, showTokens?: boolean }
-
-const commonDateFormat = 'MMM D, YYYY'
-
-const CHART_TYPE_CONFIG: Record<string, IChartConfigType> = {
-  messages: {
-    colorType: 'green',
-  },
-  conversations: {
-    colorType: 'green',
-  },
-  endUsers: {
-    colorType: 'orange',
-  },
-  costs: {
-    colorType: 'blue',
-    showTokens: true,
-  },
-  workflowCosts: {
-    colorType: 'blue',
-  },
-}
-
-const sum = (arr: Decimal.Value[]): number => {
-  return Decimal.sum(...arr).toNumber()
-}
-
-const defaultPeriod = {
-  start: dayjs().subtract(7, 'day').format(commonDateFormat),
-  end: dayjs().format(commonDateFormat),
-}
+import {
+  buildChartOptions,
+  CHART_TYPE_CONFIG,
+  defaultPeriod,
+  getChartValueField,
+  getDefaultChartData,
+  getSummaryValue,
+  getTokenSummary,
+} from './app-chart-utils'
 
 export type PeriodParams = {
   name: string
@@ -102,20 +50,20 @@ export type PeriodParamsWithTimeRange = {
   query?: TimeRange
 }
 
-export type IBizChartProps = {
+type IBizChartProps = {
   period: PeriodParams
   id: string
 }
 
-export type IChartProps = {
+type IChartProps = {
   className?: string
   basicInfo: { title: string, explanation: string, timePeriod: string }
   valueKey?: string
   isAvg?: boolean
   unit?: string
   yMax?: number
-  chartType: IChartType
-  chartData: AppDailyMessagesResponse | AppDailyConversationsResponse | AppDailyEndUsersResponse | AppTokenCostsResponse | { data: Array<{ date: string, count: number }> }
+  chartType: keyof typeof CHART_TYPE_CONFIG
+  chartData: { data: ChartRow[] }
 }
 
 const Chart: React.FC<IChartProps> = ({
@@ -130,131 +78,21 @@ const Chart: React.FC<IChartProps> = ({
 }) => {
   const { t } = useTranslation()
   const statistics = chartData.data
-  const statisticsLen = statistics.length
-  const markLineLength = statisticsLen >= 2 ? statisticsLen - 2 : statisticsLen
-  const extraDataForMarkLine = Array.from({ length: markLineLength }, () => '1')
-  extraDataForMarkLine.push('')
-  extraDataForMarkLine.unshift('')
-
-  const xData = statistics.map(({ date }) => date)
-  const yField = valueKey || Object.keys(statistics[0]).find(name => name.includes('count')) || ''
-  const yData = statistics.map((item) => {
-    // @ts-expect-error field is valid
-    return item[yField] || 0
+  const yField = getChartValueField(statistics, valueKey)
+  const options = buildChartOptions({
+    statistics,
+    chartType,
+    yField,
+    yMax,
   })
-
-  const options: EChartsOption = {
-    dataset: {
-      dimensions: ['date', yField],
-      source: statistics,
-    },
-    grid: { top: 8, right: 36, bottom: 10, left: 25, containLabel: true },
-    tooltip: {
-      trigger: 'item',
-      position: 'top',
-      borderWidth: 0,
-    },
-    xAxis: [{
-      type: 'category',
-      boundaryGap: false,
-      axisLabel: {
-        color: COMMON_COLOR_MAP.label,
-        hideOverlap: true,
-        overflow: 'break',
-        formatter(value) {
-          return dayjs(value).format(commonDateFormat)
-        },
-      },
-      axisLine: { show: false },
-      axisTick: { show: false },
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: COMMON_COLOR_MAP.splitLineLight,
-          width: 1,
-          type: [10, 10],
-        },
-        interval(index) {
-          return index === 0 || index === xData.length - 1
-        },
-      },
-    }, {
-      position: 'bottom',
-      boundaryGap: false,
-      data: extraDataForMarkLine,
-      axisLabel: { show: false },
-      axisLine: { show: false },
-      axisTick: { show: false },
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: COMMON_COLOR_MAP.splitLineDark,
-        },
-        interval(_index, value) {
-          return !!value
-        },
-      },
-    }],
-    yAxis: {
-      max: yMax ?? 'dataMax',
-      type: 'value',
-      axisLabel: { color: COMMON_COLOR_MAP.label, hideOverlap: true },
-      splitLine: {
-        lineStyle: {
-          color: COMMON_COLOR_MAP.splitLineLight,
-        },
-      },
-    },
-    series: [
-      {
-        type: 'line',
-        showSymbol: true,
-        // symbol: 'circle',
-        // triggerLineEvent: true,
-        symbolSize: 4,
-        lineStyle: {
-          color: COLOR_TYPE_MAP[CHART_TYPE_CONFIG[chartType].colorType].lineColor,
-          width: 2,
-        },
-        itemStyle: {
-          color: COLOR_TYPE_MAP[CHART_TYPE_CONFIG[chartType].colorType].lineColor,
-        },
-        areaStyle: {
-          color: {
-            type: 'linear',
-            x: 0,
-            y: 0,
-            x2: 0,
-            y2: 1,
-            colorStops: [{
-              offset: 0,
-              color: COLOR_TYPE_MAP[CHART_TYPE_CONFIG[chartType].colorType].bgColor[0],
-            }, {
-              offset: 1,
-              color: COLOR_TYPE_MAP[CHART_TYPE_CONFIG[chartType].colorType].bgColor[1],
-            }],
-            global: false,
-          },
-        },
-        tooltip: {
-          padding: [8, 12, 8, 12],
-          formatter(params) {
-            return `<div style='color:#6B7280;font-size:12px'>${params.name}</div>
-                          <div style='font-size:14px;color:#1F2A37'>${valueFormatter((params.data as any)[yField])}
-                              ${!CHART_TYPE_CONFIG[chartType].showTokens
-                                ? ''
-                                : `<span style='font-size:12px'>
-                                  <span style='margin-left:4px;color:#6B7280'>(</span>
-                                  <span style='color:#FF8A4C'>~$${get(params.data, 'total_price', 0)}</span>
-                                  <span style='color:#6B7280'>)</span>
-                              </span>`}
-                          </div>`
-          },
-        },
-      },
-    ],
-  }
-  const sumData = isAvg ? (sum(yData) / yData.length) : sum(yData)
+  const summaryValue = getSummaryValue({
+    chartType,
+    statistics,
+    yField,
+    isAvg,
+    unit,
+  })
+  const tokenSummary = getTokenSummary(statistics)
 
   return (
     <div className={`flex w-full flex-col rounded-xl bg-components-chart-bg px-6 py-4 shadow-xs ${className ?? ''}`}>
@@ -264,7 +102,7 @@ const Chart: React.FC<IChartProps> = ({
       <div className="mb-4 flex-1">
         <Basic
           isExtraInLine={CHART_TYPE_CONFIG[chartType].showTokens}
-          name={chartType !== 'costs' ? (`${sumData.toLocaleString()} ${unit}`) : `${sumData < 1000 ? sumData : (`${formatNumber(Math.round(sumData / 1000))}k`)}`}
+          name={summaryValue}
           type={!CHART_TYPE_CONFIG[chartType].showTokens
             ? ''
             : (
@@ -276,13 +114,13 @@ const Chart: React.FC<IChartProps> = ({
                     <span className="ml-1 text-text-tertiary">(</span>
                     <span className="text-orange-400">
                       ~
-                      {sum(statistics.map(item => Number.parseFloat(String(get(item, 'total_price', '0'))))).toLocaleString('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 4 })}
+                      {tokenSummary}
                     </span>
                     <span className="text-text-tertiary">)</span>
                   </span>
                 </span>
               )}
-          textStyle={{ main: `text-3xl! font-normal! ${sumData === 0 ? 'text-text-quaternary!' : ''}` }}
+          textStyle={{ main: `text-3xl! font-normal! ${summaryValue === '0' || summaryValue === '0 ms' ? 'text-text-quaternary!' : ''}` }}
         />
       </div>
       <ReactECharts option={options} style={{ height: 160 }} />
@@ -290,223 +128,192 @@ const Chart: React.FC<IChartProps> = ({
   )
 }
 
-const getDefaultChartData = ({ start, end, key = 'count' }: { start: string, end: string, key?: string }) => {
-  const diffDays = dayjs(end).diff(dayjs(start), 'day')
-  return Array.from({ length: diffDays || 1 }, () => ({ date: '', [key]: 0 })).map((item, index) => {
-    item.date = dayjs(start).add(index, 'day').format(commonDateFormat)
-    return item
-  })
+type ChartResponse = {
+  data: ChartRow[]
 }
 
-export const MessagesChart: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
-  const { data: response, isLoading } = useAppDailyMessages(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.totalMessages.title', { ns: 'appOverview' }), explanation: t('analysis.totalMessages.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-      chartType="messages"
-      {...(noDataFlag && { yMax: 500 })}
-    />
-  )
+type UseChartData = (id: string, query?: PeriodParams['query']) => {
+  data?: ChartResponse
+  isLoading: boolean
 }
 
-export const ConversationsChart: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
-  const { data: response, isLoading } = useAppDailyConversations(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.totalConversations.title', { ns: 'appOverview' }), explanation: t('analysis.totalConversations.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-      chartType="conversations"
-      {...(noDataFlag && { yMax: 500 })}
-    />
-  )
+type BizChartConfig = {
+  chartType: keyof typeof CHART_TYPE_CONFIG
+  titleKey: string
+  explanationKey: string
+  useChartData: UseChartData
+  valueKey?: string
+  emptyValueKey?: string
+  yMaxWhenEmpty: number
+  isAvg?: boolean
+  unitKey?: string
+  className?: string
 }
 
-export const EndUsersChart: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
+const createBizChartComponent = ({
+  chartType,
+  titleKey,
+  explanationKey,
+  useChartData,
+  valueKey,
+  emptyValueKey,
+  yMaxWhenEmpty,
+  isAvg,
+  unitKey,
+  className,
+}: BizChartConfig): FC<IBizChartProps> => {
+  const BizChart: FC<IBizChartProps> = ({ id, period }) => {
+    const { t } = useTranslation()
+    const { data: response, isLoading } = useChartData(id, period.query)
 
-  const { data: response, isLoading } = useAppDailyEndUsers(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.activeUsers.title', { ns: 'appOverview' }), explanation: t('analysis.activeUsers.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-      chartType="endUsers"
-      {...(noDataFlag && { yMax: 500 })}
-    />
-  )
+    if (isLoading || !response)
+      return <Loading />
+
+    const noDataFlag = !response.data || response.data.length === 0
+    const fallbackKey = emptyValueKey ?? valueKey
+    const fallbackData = {
+      data: getDefaultChartData({
+        ...(period.query ?? defaultPeriod),
+        ...(fallbackKey ? { key: fallbackKey } : {}),
+      }),
+    }
+
+    return (
+      <Chart
+        basicInfo={{
+          title: t(titleKey, titleKey, { ns: 'appOverview' }),
+          explanation: t(explanationKey, explanationKey, { ns: 'appOverview' }),
+          timePeriod: period.name,
+        }}
+        chartData={noDataFlag ? fallbackData : response}
+        chartType={chartType}
+        valueKey={valueKey}
+        isAvg={isAvg}
+        unit={unitKey ? t(unitKey, unitKey, { ns: 'appOverview' }) : undefined}
+        className={className}
+        {...(noDataFlag && { yMax: yMaxWhenEmpty })}
+      />
+    )
+  }
+
+  return BizChart
 }
 
-export const AvgSessionInteractions: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
-  const { data: response, isLoading } = useAppAverageSessionInteractions(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.avgSessionInteractions.title', { ns: 'appOverview' }), explanation: t('analysis.avgSessionInteractions.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'interactions' }) } as any}
-      chartType="conversations"
-      valueKey="interactions"
-      isAvg
-      {...(noDataFlag && { yMax: 500 })}
-    />
-  )
-}
+export const MessagesChart = createBizChartComponent({
+  chartType: 'messages',
+  titleKey: 'analysis.totalMessages.title',
+  explanationKey: 'analysis.totalMessages.explanation',
+  useChartData: useAppDailyMessages,
+  yMaxWhenEmpty: 500,
+})
 
-export const AvgResponseTime: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
-  const { data: response, isLoading } = useAppAverageResponseTime(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.avgResponseTime.title', { ns: 'appOverview' }), explanation: t('analysis.avgResponseTime.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'latency' }) } as any}
-      valueKey="latency"
-      chartType="conversations"
-      isAvg
-      unit={t('analysis.ms', { ns: 'appOverview' }) as string}
-      {...(noDataFlag && { yMax: 500 })}
-    />
-  )
-}
+export const ConversationsChart = createBizChartComponent({
+  chartType: 'conversations',
+  titleKey: 'analysis.totalConversations.title',
+  explanationKey: 'analysis.totalConversations.explanation',
+  useChartData: useAppDailyConversations,
+  yMaxWhenEmpty: 500,
+})
 
-export const TokenPerSecond: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
-  const { data: response, isLoading } = useAppTokensPerSecond(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.tps.title', { ns: 'appOverview' }), explanation: t('analysis.tps.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'tps' }) } as any}
-      valueKey="tps"
-      chartType="conversations"
-      isAvg
-      unit={t('analysis.tokenPS', { ns: 'appOverview' }) as string}
-      {...(noDataFlag && { yMax: 100 })}
-      className="min-w-0"
-    />
-  )
-}
+export const EndUsersChart = createBizChartComponent({
+  chartType: 'endUsers',
+  titleKey: 'analysis.activeUsers.title',
+  explanationKey: 'analysis.activeUsers.explanation',
+  useChartData: useAppDailyEndUsers,
+  yMaxWhenEmpty: 500,
+})
 
-export const UserSatisfactionRate: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
-  const { data: response, isLoading } = useAppSatisfactionRate(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.userSatisfactionRate.title', { ns: 'appOverview' }), explanation: t('analysis.userSatisfactionRate.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'rate' }) } as any}
-      valueKey="rate"
-      chartType="endUsers"
-      isAvg
-      {...(noDataFlag && { yMax: 1000 })}
-      className="h-full"
-    />
-  )
-}
+export const AvgSessionInteractions = createBizChartComponent({
+  chartType: 'conversations',
+  titleKey: 'analysis.avgSessionInteractions.title',
+  explanationKey: 'analysis.avgSessionInteractions.explanation',
+  useChartData: useAppAverageSessionInteractions,
+  valueKey: 'interactions',
+  emptyValueKey: 'interactions',
+  yMaxWhenEmpty: 500,
+  isAvg: true,
+})
 
-export const CostChart: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
+export const AvgResponseTime = createBizChartComponent({
+  chartType: 'conversations',
+  titleKey: 'analysis.avgResponseTime.title',
+  explanationKey: 'analysis.avgResponseTime.explanation',
+  useChartData: useAppAverageResponseTime,
+  valueKey: 'latency',
+  emptyValueKey: 'latency',
+  yMaxWhenEmpty: 500,
+  isAvg: true,
+  unitKey: 'analysis.ms',
+})
 
-  const { data: response, isLoading } = useAppTokenCosts(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.tokenUsage.title', { ns: 'appOverview' }), explanation: t('analysis.tokenUsage.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-      chartType="costs"
-      {...(noDataFlag && { yMax: 100 })}
-    />
-  )
-}
+export const TokenPerSecond = createBizChartComponent({
+  chartType: 'conversations',
+  titleKey: 'analysis.tps.title',
+  explanationKey: 'analysis.tps.explanation',
+  useChartData: useAppTokensPerSecond,
+  valueKey: 'tps',
+  emptyValueKey: 'tps',
+  yMaxWhenEmpty: 100,
+  isAvg: true,
+  unitKey: 'analysis.tokenPS',
+  className: 'min-w-0',
+})
 
-export const WorkflowMessagesChart: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
-  const { data: response, isLoading } = useWorkflowDailyConversations(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.totalMessages.title', { ns: 'appOverview' }), explanation: t('analysis.totalMessages.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'runs' }) } as any}
-      chartType="conversations"
-      valueKey="runs"
-      {...(noDataFlag && { yMax: 500 })}
-    />
-  )
-}
+export const UserSatisfactionRate = createBizChartComponent({
+  chartType: 'endUsers',
+  titleKey: 'analysis.userSatisfactionRate.title',
+  explanationKey: 'analysis.userSatisfactionRate.explanation',
+  useChartData: useAppSatisfactionRate,
+  valueKey: 'rate',
+  emptyValueKey: 'rate',
+  yMaxWhenEmpty: 1000,
+  isAvg: true,
+  className: 'h-full',
+})
 
-export const WorkflowDailyTerminalsChart: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
+export const CostChart = createBizChartComponent({
+  chartType: 'costs',
+  titleKey: 'analysis.tokenUsage.title',
+  explanationKey: 'analysis.tokenUsage.explanation',
+  useChartData: useAppTokenCosts,
+  yMaxWhenEmpty: 100,
+})
 
-  const { data: response, isLoading } = useWorkflowDailyTerminals(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.activeUsers.title', { ns: 'appOverview' }), explanation: t('analysis.activeUsers.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-      chartType="endUsers"
-      {...(noDataFlag && { yMax: 500 })}
-    />
-  )
-}
+export const WorkflowMessagesChart = createBizChartComponent({
+  chartType: 'conversations',
+  titleKey: 'analysis.totalMessages.title',
+  explanationKey: 'analysis.totalMessages.explanation',
+  useChartData: useWorkflowDailyConversations,
+  valueKey: 'runs',
+  emptyValueKey: 'runs',
+  yMaxWhenEmpty: 500,
+})
 
-export const WorkflowCostChart: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
+export const WorkflowDailyTerminalsChart = createBizChartComponent({
+  chartType: 'endUsers',
+  titleKey: 'analysis.activeUsers.title',
+  explanationKey: 'analysis.activeUsers.explanation',
+  useChartData: useWorkflowDailyTerminals,
+  yMaxWhenEmpty: 500,
+})
 
-  const { data: response, isLoading } = useWorkflowTokenCosts(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.tokenUsage.title', { ns: 'appOverview' }), explanation: t('analysis.tokenUsage.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData(period.query ?? defaultPeriod) } as any}
-      chartType="workflowCosts"
-      {...(noDataFlag && { yMax: 100 })}
-    />
-  )
-}
+export const WorkflowCostChart = createBizChartComponent({
+  chartType: 'workflowCosts',
+  titleKey: 'analysis.tokenUsage.title',
+  explanationKey: 'analysis.tokenUsage.explanation',
+  useChartData: useWorkflowTokenCosts,
+  yMaxWhenEmpty: 100,
+})
 
-export const AvgUserInteractions: FC<IBizChartProps> = ({ id, period }) => {
-  const { t } = useTranslation()
-  const { data: response, isLoading } = useWorkflowAverageInteractions(id, period.query)
-  if (isLoading || !response)
-    return <Loading />
-  const noDataFlag = !response.data || response.data.length === 0
-  return (
-    <Chart
-      basicInfo={{ title: t('analysis.avgUserInteractions.title', { ns: 'appOverview' }), explanation: t('analysis.avgUserInteractions.explanation', { ns: 'appOverview' }), timePeriod: period.name }}
-      chartData={!noDataFlag ? response : { data: getDefaultChartData({ ...(period.query ?? defaultPeriod), key: 'interactions' }) } as any}
-      chartType="conversations"
-      valueKey="interactions"
-      isAvg
-      {...(noDataFlag && { yMax: 500 })}
-    />
-  )
-}
+export const AvgUserInteractions = createBizChartComponent({
+  chartType: 'conversations',
+  titleKey: 'analysis.avgUserInteractions.title',
+  explanationKey: 'analysis.avgUserInteractions.explanation',
+  useChartData: useWorkflowAverageInteractions,
+  valueKey: 'interactions',
+  emptyValueKey: 'interactions',
+  yMaxWhenEmpty: 500,
+  isAvg: true,
+})
 
 export default Chart
diff --git a/web/app/components/app/overview/customize/index.spec.tsx b/web/app/components/app/overview/customize/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/overview/customize/index.spec.tsx
rename to web/app/components/app/overview/customize/__tests__/index.spec.tsx
index fab78347d0..0e065fcdfe 100644
--- a/web/app/components/app/overview/customize/index.spec.tsx
+++ b/web/app/components/app/overview/customize/__tests__/index.spec.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import { AppModeEnum } from '@/types/app'
-import CustomizeModal from './index'
+import CustomizeModal from '../index'
 
 // Mock useDocLink from context
 const mockDocLink = vi.fn((path?: string) => `https://docs.dify.ai/en-US${path || ''}`)
diff --git a/web/app/components/app/overview/embedded/index.spec.tsx b/web/app/components/app/overview/embedded/__tests__/index.spec.tsx
similarity index 97%
rename from web/app/components/app/overview/embedded/index.spec.tsx
rename to web/app/components/app/overview/embedded/__tests__/index.spec.tsx
index 9dca304bf4..9b8a2ad8c4 100644
--- a/web/app/components/app/overview/embedded/index.spec.tsx
+++ b/web/app/components/app/overview/embedded/__tests__/index.spec.tsx
@@ -5,9 +5,9 @@ import * as React from 'react'
 
 import { act } from 'react'
 import { afterAll, afterEach, describe, expect, it, vi } from 'vitest'
-import Embedded from './index'
+import Embedded from '../index'
 
-vi.mock('./style.module.css', () => ({
+vi.mock('../style.module.css', () => ({
   default: {
     option: 'option',
     active: 'active',
diff --git a/web/app/components/app/overview/settings/index.spec.tsx b/web/app/components/app/overview/settings/__tests__/index.spec.tsx
similarity index 79%
rename from web/app/components/app/overview/settings/index.spec.tsx
rename to web/app/components/app/overview/settings/__tests__/index.spec.tsx
index d6f9612f75..7a723ce09d 100644
--- a/web/app/components/app/overview/settings/index.spec.tsx
+++ b/web/app/components/app/overview/settings/__tests__/index.spec.tsx
@@ -7,7 +7,7 @@ import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
 import { Plan } from '@/app/components/billing/type'
 import { baseProviderContextValue } from '@/context/provider-context'
 import { AppModeEnum } from '@/types/app'
-import SettingsModal from './index'
+import SettingsModal from '../index'
 
 vi.mock('react-i18next', async () => {
   const actual = await vi.importActual<typeof import('react-i18next')>('react-i18next')
@@ -110,11 +110,11 @@ const mockAppInfo = {
   enable_sso: false,
 } as unknown as AppDetailResponse & Partial<AppSSO>
 
-const renderSettingsModal = () => render(
+const renderSettingsModal = (appInfo = mockAppInfo) => render(
   <SettingsModal
     isChat
     isShow
-    appInfo={mockAppInfo}
+    appInfo={appInfo}
     onClose={mockOnClose}
     onSave={mockOnSave}
   />,
@@ -273,4 +273,79 @@ describe('SettingsModal', () => {
     setTimeoutSpy.mockRestore()
     clearTimeoutSpy.mockRestore()
   })
+
+  it('should open the pricing modal from the copyright upgrade badge for sandbox plans', async () => {
+    renderSettingsModal()
+
+    fireEvent.click(screen.getByText('appOverview.overview.appInfo.settings.more.entry'))
+    fireEvent.click(await screen.findByText('billing.upgradeBtn.encourageShort'))
+
+    expect(mockSetShowPricingModal).toHaveBeenCalled()
+    expect(mockSetShowAccountSettingModal).not.toHaveBeenCalled()
+  })
+
+  it('should hide the upgrade badge for non-sandbox plans', async () => {
+    mockUseProviderContext.mockReturnValue({
+      ...baseProviderContextValue,
+      enableBilling: true,
+      plan: {
+        ...baseProviderContextValue.plan,
+        type: Plan.professional,
+      },
+      webappCopyrightEnabled: true,
+    })
+
+    renderSettingsModal()
+
+    fireEvent.click(screen.getByText('appOverview.overview.appInfo.settings.more.entry'))
+    await waitFor(() => {
+      expect(screen.queryByText('billing.upgradeBtn.encourageShort')).not.toBeInTheDocument()
+    })
+  })
+
+  it('should preserve image icons and apply textarea or switch changes when saving image-based settings', async () => {
+    mockOnSave.mockResolvedValueOnce(undefined)
+    const imageAppInfo = {
+      ...mockAppInfo,
+      site: {
+        ...mockAppInfo.site,
+        icon_type: 'image',
+        icon: 'file-1',
+        icon_background: null,
+        icon_url: 'https://example.com/uploaded.png',
+      },
+    } as typeof mockAppInfo
+
+    renderSettingsModal(imageAppInfo)
+
+    fireEvent.click(screen.getByText('appOverview.overview.appInfo.settings.more.entry'))
+
+    fireEvent.change(screen.getByDisplayValue('A description'), {
+      target: { value: 'Updated description' },
+    })
+    fireEvent.change(screen.getByPlaceholderText('E.g #A020F0'), {
+      target: { value: '' },
+    })
+
+    const switches = screen.getAllByRole('switch')
+    switches.forEach((toggle) => {
+      fireEvent.click(toggle)
+    })
+
+    fireEvent.click(screen.getByText('common.operation.save'))
+
+    await waitFor(() => {
+      expect(mockOnSave).toHaveBeenCalledWith(expect.objectContaining({
+        description: 'Updated description',
+        chat_color_theme: '',
+        chat_color_theme_inverted: false,
+        copyright: '',
+        icon_type: 'image',
+        icon: 'file-1',
+        icon_background: undefined,
+        show_workflow_steps: false,
+        use_icon_as_answer_icon: false,
+      }))
+    })
+  })
 })
diff --git a/web/app/components/app/overview/settings/index.tsx b/web/app/components/app/overview/settings/index.tsx
index db880839c9..cd50e7f8ee 100644
--- a/web/app/components/app/overview/settings/index.tsx
+++ b/web/app/components/app/overview/settings/index.tsx
@@ -29,7 +29,7 @@ import Link from '@/next/link'
 import { AppModeEnum } from '@/types/app'
 import { cn } from '@/utils/classnames'
 
-export type ISettingsModalProps = {
+type ISettingsModalProps = {
   isChat: boolean
   appInfo: AppDetailResponse & Partial<AppSSO>
   isShow: boolean
diff --git a/web/app/components/app/overview/trigger-card.tsx b/web/app/components/app/overview/trigger-card.tsx
index 11f08cf994..53301a353a 100644
--- a/web/app/components/app/overview/trigger-card.tsx
+++ b/web/app/components/app/overview/trigger-card.tsx
@@ -22,7 +22,7 @@ import {
 import { useAllTriggerPlugins } from '@/service/use-triggers'
 import { canFindTool } from '@/utils'
 
-export type ITriggerCardProps = {
+type ITriggerCardProps = {
   appInfo: AppDetailResponse & Partial<AppSSO>
   onToggleResult?: (err: Error | null, message?: I18nKeysByPrefix<'common', 'actionMsg.'>) => void
 }
diff --git a/web/app/components/app/switch-app-modal/index.spec.tsx b/web/app/components/app/switch-app-modal/__tests__/index.spec.tsx
similarity index 77%
rename from web/app/components/app/switch-app-modal/index.spec.tsx
rename to web/app/components/app/switch-app-modal/__tests__/index.spec.tsx
index 147edeb5ed..ccc21686ae 100644
--- a/web/app/components/app/switch-app-modal/index.spec.tsx
+++ b/web/app/components/app/switch-app-modal/__tests__/index.spec.tsx
@@ -6,7 +6,7 @@ import { useStore as useAppStore } from '@/app/components/app/store'
 import { Plan } from '@/app/components/billing/type'
 import { NEED_REFRESH_APP_LIST_KEY } from '@/config'
 import { AppModeEnum } from '@/types/app'
-import SwitchAppModal from './index'
+import SwitchAppModal from '../index'
 
 const mockPush = vi.fn()
 const mockReplace = vi.fn()
@@ -15,6 +15,7 @@ vi.mock('@/next/navigation', () => ({
     push: mockPush,
     replace: mockReplace,
   }),
+  useParams: () => ({}),
 }))
 
 // Use real store - global zustand mock will auto-reset between tests
@@ -77,6 +78,24 @@ vi.mock('@/app/components/billing/apps-full-in-dialog', () => ({
   ),
 }))
 
+vi.mock('@/app/components/base/app-icon', () => ({
+  default: ({ onClick }: { onClick: () => void }) => (
+    <button onClick={onClick}>open-icon-picker</button>
+  ),
+}))
+
+vi.mock('@/app/components/base/app-icon-picker', () => ({
+  default: ({ onSelect, onClose }: {
+    onSelect: (payload: { type: 'image', url: string, fileId: string }) => void
+    onClose: () => void
+  }) => (
+    <div data-testid="app-icon-picker">
+      <button onClick={() => onSelect({ type: 'image', url: 'https://example.com/icon.png', fileId: 'file-id-1' })}>select-app-icon</button>
+      <button onClick={onClose}>close-app-icon-picker</button>
+    </div>
+  ),
+}))
+
 const createMockApp = (overrides: Partial<App> = {}): App => ({
   id: 'app-123',
   name: 'Demo App',
@@ -156,6 +175,8 @@ const setAppDetailSpy = vi.fn()
 describe('SwitchAppModal', () => {
   beforeEach(() => {
     vi.clearAllMocks()
+    mockSwitchApp.mockReset()
+    mockDeleteApp.mockReset()
     // Spy on setAppDetail
     const originalSetAppDetail = useAppStore.getState().setAppDetail
     setAppDetailSpy.mockImplementation((...args: Parameters<typeof originalSetAppDetail>) => {
@@ -279,6 +300,52 @@ describe('SwitchAppModal', () => {
       })
     })
 
+    it('should update the icon through the picker before switching apps', async () => {
+      const user = userEvent.setup()
+      const { appDetail } = renderComponent()
+      mockSwitchApp.mockResolvedValueOnce({ new_app_id: 'new-app-003' })
+
+      await user.click(screen.getByText('open-icon-picker'))
+      expect(screen.getByTestId('app-icon-picker')).toBeInTheDocument()
+
+      await user.click(screen.getByText('select-app-icon'))
+      await user.click(screen.getByRole('button', { name: 'app.switchStart' }))
+
+      await waitFor(() => {
+        expect(mockSwitchApp).toHaveBeenCalledWith(expect.objectContaining({
+          appID: appDetail.id,
+          icon_type: 'image',
+          icon: 'file-id-1',
+          icon_background: undefined,
+        }))
+      })
+    })
+
+    it('should close the icon picker and reset remove-original confirmation when cancelled', async () => {
+      const user = userEvent.setup()
+      renderComponent()
+
+      await user.click(screen.getByText('open-icon-picker'))
+      expect(screen.getByTestId('app-icon-picker')).toBeInTheDocument()
+      await user.click(screen.getByText('close-app-icon-picker'))
+      expect(screen.queryByTestId('app-icon-picker')).not.toBeInTheDocument()
+
+      await user.click(screen.getByText('app.removeOriginal'))
+      expect(screen.getByRole('button', { name: 'common.operation.cancel' })).toBeInTheDocument()
+      await user.click(screen.getByRole('button', { name: 'common.operation.cancel' }))
+
+      expect(screen.queryByRole('button', { name: 'common.operation.confirm' })).not.toBeInTheDocument()
+    })
+
+    it('should toggle remove-original from the checkbox control itself', async () => {
+      const user = userEvent.setup()
+      renderComponent()
+
+      await user.click(screen.getByRole('checkbox'))
+
+      expect(screen.getByRole('button', { name: 'common.operation.confirm' })).toBeInTheDocument()
+    })
+
     it('should delete the original app and use replace when remove original is confirmed', async () => {
       const user = userEvent.setup()
       // Arrange
diff --git a/web/app/components/app/text-generate/item/__tests__/action-groups.spec.tsx b/web/app/components/app/text-generate/item/__tests__/action-groups.spec.tsx
new file mode 100644
index 0000000000..d2f54bbfd0
--- /dev/null
+++ b/web/app/components/app/text-generate/item/__tests__/action-groups.spec.tsx
@@ -0,0 +1,214 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import { AppSourceType } from '@/service/share'
+import GenerationActionGroups from '../action-groups'
+
+const mockCopy = vi.fn()
+const mockSuccess = vi.fn()
+const mockOnFeedback = vi.fn()
+const mockOnMoreLikeThis = vi.fn()
+const mockOnOpenLogModal = vi.fn()
+const mockOnRetry = vi.fn()
+const mockOnSave = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('copy-to-clipboard', () => ({
+  default: (...args: unknown[]) => mockCopy(...args),
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    success: (...args: unknown[]) => mockSuccess(...args),
+  },
+}))
+
+describe('GenerationActionGroups', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should copy content and show a success toast', () => {
+    render(
+      <GenerationActionGroups
+        appSourceType={AppSourceType.webApp}
+        content="hello world"
+        currentTab="DETAIL"
+        depth={1}
+        isError={false}
+        isInWebApp
+        messageId="msg-1"
+        onFeedback={mockOnFeedback}
+        onMoreLikeThis={mockOnMoreLikeThis}
+        onOpenLogModal={mockOnOpenLogModal}
+        onRetry={mockOnRetry}
+        onSave={mockOnSave}
+        supportFeedback
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'operation.copy' }))
+
+    expect(mockCopy).toHaveBeenCalledWith('hello world')
+    expect(mockSuccess).toHaveBeenCalledWith('actionMsg.copySuccessfully')
+  })
+
+  it('should handle more-like-this and feedback actions', () => {
+    render(
+      <GenerationActionGroups
+        appSourceType={AppSourceType.webApp}
+        content="hello world"
+        currentTab="DETAIL"
+        depth={1}
+        feedback={{ rating: null }}
+        isError={false}
+        isInWebApp
+        messageId="msg-1"
+        moreLikeThis
+        onFeedback={mockOnFeedback}
+        onMoreLikeThis={mockOnMoreLikeThis}
+        onOpenLogModal={mockOnOpenLogModal}
+        onRetry={mockOnRetry}
+        onSave={mockOnSave}
+        supportFeedback
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'feature.moreLikeThis.title' }))
+    fireEvent.click(screen.getByRole('button', { name: 'operation.agree' }))
+    fireEvent.click(screen.getByRole('button', { name: 'operation.save' }))
+
+    expect(mockOnMoreLikeThis).toHaveBeenCalledTimes(1)
+    expect(mockOnFeedback).toHaveBeenCalledWith({ rating: 'like' })
+    expect(mockOnSave).toHaveBeenCalledWith('msg-1')
+  })
+
+  it('should disable more-like-this when recursion reaches the limit', () => {
+    render(
+      <GenerationActionGroups
+        appSourceType={AppSourceType.webApp}
+        content="hello world"
+        currentTab="DETAIL"
+        depth={3}
+        isError={false}
+        isInWebApp={false}
+        messageId="msg-1"
+        moreLikeThis
+        onMoreLikeThis={mockOnMoreLikeThis}
+        onOpenLogModal={mockOnOpenLogModal}
+        onRetry={mockOnRetry}
+      />,
+    )
+
+    expect(screen.getByRole('button', { name: 'feature.moreLikeThis.title' })).toBeDisabled()
+  })
+
+  it('should stringify non-string content before copying', () => {
+    render(
+      <GenerationActionGroups
+        appSourceType={AppSourceType.webApp}
+        content={{ result: 'hello world' }}
+        currentTab="DETAIL"
+        depth={1}
+        isError={false}
+        isInWebApp
+        messageId="msg-2"
+        onMoreLikeThis={mockOnMoreLikeThis}
+        onOpenLogModal={mockOnOpenLogModal}
+        onRetry={mockOnRetry}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'operation.copy' }))
+
+    expect(mockCopy).toHaveBeenCalledWith(JSON.stringify({ result: 'hello world' }))
+  })
+
+  it('should expose retry and disagree actions in the appropriate states', () => {
+    render(
+      <GenerationActionGroups
+        appSourceType={AppSourceType.webApp}
+        content="failed"
+        currentTab="DETAIL"
+        depth={1}
+        feedback={{ rating: null }}
+        isError
+        isInWebApp
+        messageId="msg-3"
+        onFeedback={mockOnFeedback}
+        onMoreLikeThis={mockOnMoreLikeThis}
+        onOpenLogModal={mockOnOpenLogModal}
+        onRetry={mockOnRetry}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'generation.batchFailed.retry' }))
+
+    expect(mockOnRetry).toHaveBeenCalledTimes(1)
+  })
+
+  it('should support disagree and cancel feedback actions', () => {
+    const { rerender } = render(
+      <GenerationActionGroups
+        appSourceType={AppSourceType.webApp}
+        content="hello"
+        currentTab="DETAIL"
+        depth={1}
+        feedback={{ rating: null }}
+        isError={false}
+        isInWebApp
+        messageId="msg-4"
+        onFeedback={mockOnFeedback}
+        onMoreLikeThis={mockOnMoreLikeThis}
+        onOpenLogModal={mockOnOpenLogModal}
+        onRetry={mockOnRetry}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'operation.disagree' }))
+    expect(mockOnFeedback).toHaveBeenCalledWith({ rating: 'dislike' })
+
+    rerender(
+      <GenerationActionGroups
+        appSourceType={AppSourceType.webApp}
+        content="hello"
+        currentTab="DETAIL"
+        depth={1}
+        feedback={{ rating: 'like' }}
+        isError={false}
+        isInWebApp
+        messageId="msg-4"
+        onFeedback={mockOnFeedback}
+        onMoreLikeThis={mockOnMoreLikeThis}
+        onOpenLogModal={mockOnOpenLogModal}
+        onRetry={mockOnRetry}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'operation.cancelAgree' }))
+    expect(mockOnFeedback).toHaveBeenCalledWith({ rating: null })
+
+    rerender(
+      <GenerationActionGroups
+        appSourceType={AppSourceType.webApp}
+        content="hello"
+        currentTab="DETAIL"
+        depth={1}
+        feedback={{ rating: 'dislike' }}
+        isError={false}
+        isInWebApp
+        messageId="msg-4"
+        onFeedback={mockOnFeedback}
+        onMoreLikeThis={mockOnMoreLikeThis}
+        onOpenLogModal={mockOnOpenLogModal}
+        onRetry={mockOnRetry}
+      />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'operation.cancelDisagree' }))
+    expect(mockOnFeedback).toHaveBeenCalledWith({ rating: null })
+  })
+})
diff --git a/web/app/components/app/text-generate/item/__tests__/index.spec.tsx b/web/app/components/app/text-generate/item/__tests__/index.spec.tsx
new file mode 100644
index 0000000000..8401585f94
--- /dev/null
+++ b/web/app/components/app/text-generate/item/__tests__/index.spec.tsx
@@ -0,0 +1,322 @@
+/* eslint-disable ts/no-explicit-any */
+import { act, fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { AppSourceType } from '@/service/share'
+import GenerationItem from '../index'
+
+const mockFetchMoreLikeThis = vi.fn()
+const mockFetchTextGenerationMessage = vi.fn()
+const mockUpdateFeedback = vi.fn()
+const mockSetCurrentLogItem = vi.fn()
+const mockSetShowPromptLogModal = vi.fn()
+const mockSubmitHumanInputForm = vi.fn()
+const mockSubmitHumanInputFormWorkflow = vi.fn()
+const mockToastWarning = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/next/navigation', () => ({
+  useParams: () => ({
+    appId: 'app-1',
+  }),
+}))
+
+vi.mock('@/service/share', async () => {
+  const actual = await vi.importActual<typeof import('@/service/share')>('@/service/share')
+  return {
+    ...actual,
+    fetchMoreLikeThis: (...args: unknown[]) => mockFetchMoreLikeThis(...args),
+    submitHumanInputForm: (...args: unknown[]) => mockSubmitHumanInputForm(...args),
+    updateFeedback: (...args: unknown[]) => mockUpdateFeedback(...args),
+  }
+})
+
+vi.mock('@/service/workflow', () => ({
+  submitHumanInputForm: (...args: unknown[]) => mockSubmitHumanInputFormWorkflow(...args),
+}))
+
+vi.mock('@/service/debug', () => ({
+  fetchTextGenerationMessage: (...args: unknown[]) => mockFetchTextGenerationMessage(...args),
+}))
+
+vi.mock('@/app/components/app/store', () => ({
+  useStore: (selector: (state: Record<string, unknown>) => unknown) => selector({
+    setCurrentLogItem: mockSetCurrentLogItem,
+    setShowPromptLogModal: mockSetShowPromptLogModal,
+  }),
+}))
+
+vi.mock('@/app/components/base/chat/chat/context', () => ({
+  useChatContext: () => ({
+    config: {
+      text_to_speech: {
+        voice: 'alloy',
+      },
+    },
+  }),
+}))
+
+vi.mock('@/app/components/base/markdown', () => ({
+  Markdown: ({ content }: { content: string }) => <div>{`markdown:${content}`}</div>,
+}))
+
+vi.mock('@/app/components/base/ui/toast', () => ({
+  toast: {
+    warning: (...args: unknown[]) => mockToastWarning(...args),
+    success: vi.fn(),
+  },
+}))
+
+vi.mock('../workflow-body', () => ({
+  default: ({
+    currentTab,
+    onSubmitHumanInputForm,
+    onSwitchTab,
+  }: {
+    currentTab: string
+    onSubmitHumanInputForm: (token: string, data: { inputs: Record<string, string>, action: string }) => Promise<void>
+    onSwitchTab: (tab: string) => Promise<void>
+  }) => (
+    <div>
+      <div>{`workflow-body:${currentTab}`}</div>
+      <button onClick={() => void onSubmitHumanInputForm('token-1', { action: 'submit', inputs: { name: 'dify' } })}>submit-human-input</button>
+      <button onClick={() => void onSwitchTab('LOG')}>switch-workflow-tab</button>
+    </div>
+  ),
+}))
+
+describe('GenerationItem', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should render markdown content and allow more-like-this recursion', async () => {
+    mockFetchMoreLikeThis.mockResolvedValue({
+      answer: 'follow up answer',
+      id: 'msg-2',
+    })
+    mockUpdateFeedback.mockResolvedValue(undefined)
+
+    render(
+      <GenerationItem
+        appSourceType={AppSourceType.webApp}
+        content="hello world"
+        isError={false}
+        isInWebApp
+        isShowTextToSpeech={false}
+        messageId="msg-1"
+        moreLikeThis
+        onRetry={vi.fn()}
+        siteInfo={null}
+        supportFeedback
+      />,
+    )
+
+    expect(screen.getByText('markdown:hello world')).toBeInTheDocument()
+
+    await act(async () => {
+      fireEvent.click(screen.getByRole('button', { name: 'feature.moreLikeThis.title' }))
+    })
+
+    await waitFor(() => {
+      expect(screen.getByText('markdown:follow up answer')).toBeInTheDocument()
+    })
+    expect(mockFetchMoreLikeThis).toHaveBeenCalledWith('msg-1', AppSourceType.webApp, undefined)
+
+    await act(async () => {
+      fireEvent.click(screen.getAllByRole('button', { name: 'operation.agree' }).at(-1)!)
+    })
+
+    expect(mockUpdateFeedback).toHaveBeenCalledWith({
+      body: { rating: 'like' },
+      url: '/messages/msg-2/feedbacks',
+    }, AppSourceType.webApp, undefined)
+  })
+
+  it('should open the prompt log modal with normalized log data', async () => {
+    mockFetchTextGenerationMessage.mockResolvedValue({
+      answer: 'assistant answer',
+      message: [{ role: 'user', text: 'hello' }],
+      message_files: [{ belongs_to: 'assistant', id: 'file-1' }],
+    })
+
+    render(
+      <GenerationItem
+        appSourceType={AppSourceType.webApp}
+        content="hello world"
+        isError={false}
+        messageId="msg-1"
+        onRetry={vi.fn()}
+        siteInfo={null}
+      />,
+    )
+
+    await act(async () => {
+      fireEvent.click(screen.getByRole('button', { name: 'operation.log' }))
+    })
+
+    expect(mockFetchTextGenerationMessage).toHaveBeenCalledWith({
+      appId: 'app-1',
+      messageId: 'msg-1',
+    })
+    expect(mockSetCurrentLogItem).toHaveBeenCalledWith(expect.objectContaining({
+      log: [
+        { role: 'user', text: 'hello' },
+        {
+          role: 'assistant',
+          text: 'assistant answer',
+          files: [{ belongs_to: 'assistant', id: 'file-1' }],
+        },
+      ],
+    }))
+    expect(mockSetShowPromptLogModal).toHaveBeenCalledWith(true)
+  })
+
+  it('should route human input submissions to the workflow service for installed apps', async () => {
+    render(
+      <GenerationItem
+        appSourceType={AppSourceType.installedApp}
+        content="workflow result"
+        isError={false}
+        isWorkflow
+        messageId="msg-1"
+        onRetry={vi.fn()}
+        siteInfo={null}
+        workflowProcessData={{
+          resultText: 'workflow result',
+        } as any}
+      />,
+    )
+
+    expect(screen.getByText('workflow-body:RESULT')).toBeInTheDocument()
+
+    await act(async () => {
+      fireEvent.click(screen.getByText('submit-human-input'))
+    })
+
+    expect(mockSubmitHumanInputFormWorkflow).toHaveBeenCalledWith('token-1', {
+      action: 'submit',
+      inputs: { name: 'dify' },
+    })
+  })
+
+  it('should route human input submissions to the share service and allow workflow tab switching', async () => {
+    render(
+      <GenerationItem
+        appSourceType={AppSourceType.webApp}
+        content="workflow result"
+        isError={false}
+        isWorkflow
+        messageId="msg-1"
+        onRetry={vi.fn()}
+        siteInfo={null}
+        workflowProcessData={{
+          resultText: 'workflow result',
+        } as any}
+      />,
+    )
+
+    expect(screen.getByText('workflow-body:RESULT')).toBeInTheDocument()
+
+    await act(async () => {
+      fireEvent.click(screen.getByText('submit-human-input'))
+      fireEvent.click(screen.getByText('switch-workflow-tab'))
+    })
+
+    expect(mockSubmitHumanInputForm).toHaveBeenCalledWith('token-1', {
+      action: 'submit',
+      inputs: { name: 'dify' },
+    })
+    expect(screen.getByText('workflow-body:LOG')).toBeInTheDocument()
+  })
+
+  it('should clear recursive results when requested or when the parent reloads', async () => {
+    mockFetchMoreLikeThis.mockResolvedValue({
+      answer: 'follow up answer',
+      id: 'msg-2',
+    })
+
+    const { rerender } = render(
+      <GenerationItem
+        appSourceType={AppSourceType.webApp}
+        content="hello world"
+        isError={false}
+        isInWebApp
+        isShowTextToSpeech={false}
+        messageId="msg-1"
+        moreLikeThis
+        onRetry={vi.fn()}
+        siteInfo={null}
+        supportFeedback
+      />,
+    )
+
+    await act(async () => {
+      fireEvent.click(screen.getByRole('button', { name: 'feature.moreLikeThis.title' }))
+    })
+
+    await waitFor(() => {
+      expect(screen.getByText('markdown:follow up answer')).toBeInTheDocument()
+    })
+
+    rerender(
+      <GenerationItem
+        appSourceType={AppSourceType.webApp}
+        content="hello world"
+        controlClearMoreLikeThis={1}
+        isError={false}
+        isInWebApp
+        isShowTextToSpeech={false}
+        messageId="msg-1"
+        moreLikeThis
+        onRetry={vi.fn()}
+        siteInfo={null}
+        supportFeedback
+      />,
+    )
+
+    expect(screen.queryByText('markdown:follow up answer')).not.toBeInTheDocument()
+
+    rerender(
+      <GenerationItem
+        appSourceType={AppSourceType.webApp}
+        content="hello world"
+        isError={false}
+        isInWebApp
+        isLoading
+        isShowTextToSpeech={false}
+        messageId="msg-1"
+        moreLikeThis
+        onRetry={vi.fn()}
+        siteInfo={null}
+        supportFeedback
+      />,
+    )
+
+    expect(screen.queryByText('markdown:follow up answer')).not.toBeInTheDocument()
+  })
+
+  it('should warn instead of requesting more-like-this without a message id', async () => {
+    render(
+      <GenerationItem
+        appSourceType={AppSourceType.webApp}
+        content="hello world"
+        isError={false}
+        isInWebApp
+        moreLikeThis
+        onRetry={vi.fn()}
+        siteInfo={null}
+      />,
+    )
+
+    await act(async () => {
+      fireEvent.click(screen.getByRole('button', { name: 'feature.moreLikeThis.title' }))
+    })
+
+    expect(mockToastWarning).toHaveBeenCalledWith('errorMessage.waitForResponse')
+    expect(mockFetchMoreLikeThis).not.toHaveBeenCalled()
+  })
+})
diff --git a/web/app/components/app/text-generate/item/__tests__/result-tab.spec.tsx b/web/app/components/app/text-generate/item/__tests__/result-tab.spec.tsx
new file mode 100644
index 0000000000..26a64bf2e7
--- /dev/null
+++ b/web/app/components/app/text-generate/item/__tests__/result-tab.spec.tsx
@@ -0,0 +1,65 @@
+/* eslint-disable ts/no-explicit-any */
+import { render, screen } from '@testing-library/react'
+import ResultTab from '../result-tab'
+
+vi.mock('@/app/components/base/markdown', () => ({
+  Markdown: ({ content }: { content: string }) => (
+    <div>
+      markdown:
+      {content}
+    </div>
+  ),
+}))
+
+vi.mock('@/app/components/base/file-uploader', () => ({
+  FileList: ({ files }: { files: Array<{ id: string }> }) => (
+    <div>
+      files:
+      {files.length}
+    </div>
+  ),
+}))
+
+vi.mock('@/app/components/workflow/nodes/_base/components/editor/code-editor', () => ({
+  default: ({ value }: { value: string }) => (
+    <div>
+      code-editor:
+      {value}
+    </div>
+  ),
+}))
+
+describe('ResultTab', () => {
+  it('should render workflow result text and files on the result tab', () => {
+    render(
+      <ResultTab
+        currentTab="RESULT"
+        content=""
+        data={{
+          resultText: 'Hello world',
+          files: [
+            {
+              varName: 'attachments',
+              list: [{ id: 'file-1' }],
+            },
+          ],
+        } as any}
+      />,
+    )
+
+    expect(screen.getByText('markdown:Hello world')).toBeInTheDocument()
+    expect(screen.getByText('attachments')).toBeInTheDocument()
+    expect(screen.getByText('files:1')).toBeInTheDocument()
+  })
+
+  it('should render the raw detail view on the detail tab', () => {
+    render(
+      <ResultTab
+        currentTab="DETAIL"
+        content='{"answer":"ok"}'
+      />,
+    )
+
+    expect(screen.getByText('code-editor:{"answer":"ok"}')).toBeInTheDocument()
+  })
+})
diff --git a/web/app/components/app/text-generate/item/__tests__/utils.spec.ts b/web/app/components/app/text-generate/item/__tests__/utils.spec.ts
new file mode 100644
index 0000000000..5f5219351e
--- /dev/null
+++ b/web/app/components/app/text-generate/item/__tests__/utils.spec.ts
@@ -0,0 +1,71 @@
+/* eslint-disable ts/no-explicit-any */
+import {
+  buildPromptLogItem,
+  getCopyContent,
+  getDefaultGenerationTab,
+  getGenerationTaskLabel,
+  shouldShowWorkflowResultTabs,
+} from '../utils'
+
+describe('text generation utils', () => {
+  it('should show workflow result tabs when workflow output is present', () => {
+    expect(shouldShowWorkflowResultTabs({
+      resultText: 'done',
+      files: [],
+    } as any)).toBe(true)
+    expect(getDefaultGenerationTab({
+      humanInputFormDataList: [{ formToken: 'token-1' }],
+    } as any)).toBe('RESULT')
+  })
+
+  it('should keep the detail tab when workflow output is empty', () => {
+    expect(shouldShowWorkflowResultTabs({
+      files: [],
+      humanInputFilledFormDataList: [],
+      humanInputFormDataList: [],
+      resultText: '',
+    } as any)).toBe(false)
+    expect(getDefaultGenerationTab(undefined)).toBe('DETAIL')
+  })
+
+  it('should build a prompt log item for array messages without duplicating assistant entries', () => {
+    const logItem = buildPromptLogItem({
+      answer: 'final answer',
+      message: [
+        { role: 'user', text: 'hello' },
+      ],
+      message_files: [
+        { belongs_to: 'assistant', id: 'file-1' },
+        { belongs_to: 'user', id: 'file-2' },
+      ],
+    })
+
+    expect(logItem.log).toEqual([
+      { role: 'user', text: 'hello' },
+      {
+        role: 'assistant',
+        text: 'final answer',
+        files: [{ belongs_to: 'assistant', id: 'file-1' }],
+      },
+    ])
+  })
+
+  it('should normalize prompt log items with scalar messages', () => {
+    const logItem = buildPromptLogItem({
+      answer: 'final answer',
+      message: 'raw log',
+    })
+
+    expect(logItem.log).toEqual([{ text: 'raw log' }])
+  })
+
+  it('should derive task labels and copy content', () => {
+    expect(getGenerationTaskLabel('task-1', 1)).toBe('task-1')
+    expect(getGenerationTaskLabel('task-1', 3)).toBe('task-1-2')
+    expect(getCopyContent({
+      content: 'fallback',
+      isWorkflow: true,
+      workflowProcessData: { resultText: 'workflow-result' } as any,
+    })).toBe('workflow-result')
+  })
+})
diff --git a/web/app/components/app/text-generate/item/__tests__/workflow-body.spec.tsx b/web/app/components/app/text-generate/item/__tests__/workflow-body.spec.tsx
new file mode 100644
index 0000000000..8bdf010c7e
--- /dev/null
+++ b/web/app/components/app/text-generate/item/__tests__/workflow-body.spec.tsx
@@ -0,0 +1,93 @@
+/* eslint-disable ts/no-explicit-any */
+import { fireEvent, render, screen } from '@testing-library/react'
+import WorkflowBody from '../workflow-body'
+
+const mockSubmit = vi.fn()
+const mockSwitchTab = vi.fn()
+
+vi.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}))
+
+vi.mock('@/app/components/base/chat/chat/answer/workflow-process', () => ({
+  default: () => <div>workflow-process</div>,
+}))
+
+vi.mock('@/app/components/base/chat/chat/answer/human-input-form-list', () => ({
+  default: ({ onHumanInputFormSubmit }: { onHumanInputFormSubmit: typeof mockSubmit }) => (
+    <button onClick={() => onHumanInputFormSubmit('token-1', { inputs: { name: 'dify' }, action: 'submit' })}>
+      submit-human-input
+    </button>
+  ),
+}))
+
+vi.mock('@/app/components/base/chat/chat/answer/human-input-filled-form-list', () => ({
+  default: () => <div>filled-human-input</div>,
+}))
+
+vi.mock('../result-tab', () => ({
+  default: ({ currentTab }: { currentTab: string }) => <div>{`result-tab:${currentTab}`}</div>,
+}))
+
+describe('WorkflowBody', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('should render workflow information and allow tab switching', () => {
+    render(
+      <WorkflowBody
+        content="detail"
+        currentTab="RESULT"
+        depth={2}
+        isError={false}
+        onSubmitHumanInputForm={mockSubmit}
+        onSwitchTab={mockSwitchTab}
+        showResultTabs
+        siteInfo={{ show_workflow_steps: true } as any}
+        taskId="task-1"
+        workflowProcessData={{
+          resultText: 'done',
+          humanInputFormDataList: [{ formToken: 'token-1' }],
+          humanInputFilledFormDataList: [{ id: 'filled-1' }],
+        } as any}
+      />,
+    )
+
+    expect(screen.getByText('workflow-process')).toBeInTheDocument()
+    expect(screen.getByText('task-1-1')).toBeInTheDocument()
+    expect(screen.getByText('result-tab:RESULT')).toBeInTheDocument()
+
+    fireEvent.click(screen.getByText('detail'))
+
+    expect(mockSwitchTab).toHaveBeenCalledWith('DETAIL')
+  })
+
+  it('should forward human input submissions', () => {
+    render(
+      <WorkflowBody
+        content="detail"
+        currentTab="RESULT"
+        depth={1}
+        isError={false}
+        onSubmitHumanInputForm={mockSubmit}
+        onSwitchTab={mockSwitchTab}
+        showResultTabs
+        siteInfo={null}
+        workflowProcessData={{
+          resultText: 'done',
+          humanInputFormDataList: [{ formToken: 'token-1' }],
+        } as any}
+      />,
+    )
+
+    fireEvent.click(screen.getByText('submit-human-input'))
+
+    expect(mockSubmit).toHaveBeenCalledWith('token-1', {
+      action: 'submit',
+      inputs: { name: 'dify' },
+    })
+  })
+})
diff --git a/web/app/components/app/text-generate/item/action-groups.tsx b/web/app/components/app/text-generate/item/action-groups.tsx
new file mode 100644
index 0000000000..783d488a78
--- /dev/null
+++ b/web/app/components/app/text-generate/item/action-groups.tsx
@@ -0,0 +1,187 @@
+'use client'
+import type { FC } from 'react'
+import type { FeedbackType } from '@/app/components/base/chat/chat/type'
+import type { WorkflowProcess } from '@/app/components/base/chat/types'
+import type { AppSourceType } from '@/service/share'
+import {
+  RiBookmark3Line,
+  RiClipboardLine,
+  RiFileList3Line,
+  RiResetLeftLine,
+  RiSparklingLine,
+  RiThumbDownLine,
+  RiThumbUpLine,
+} from '@remixicon/react'
+import copy from 'copy-to-clipboard'
+import { useTranslation } from 'react-i18next'
+import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
+import NewAudioButton from '@/app/components/base/new-audio-button'
+import { toast } from '@/app/components/base/ui/toast'
+import { AppSourceType as AppSourceTypeEnum } from '@/service/share'
+import { getCopyContent, MAX_GENERATION_DEPTH } from './utils'
+
+type GenerationActionGroupsProps = {
+  appSourceType: AppSourceType
+  content: unknown
+  currentTab: string
+  depth: number
+  feedback?: FeedbackType
+  isError: boolean
+  isInWebApp: boolean
+  isResponding?: boolean
+  isShowTextToSpeech?: boolean
+  isWorkflow?: boolean
+  messageId?: string | null
+  moreLikeThis?: boolean
+  onFeedback?: (feedback: FeedbackType) => void
+  onMoreLikeThis: () => void
+  onOpenLogModal: () => void
+  onRetry: () => void
+  onSave?: (messageId: string) => void
+  supportFeedback?: boolean
+  voice?: string
+  workflowProcessData?: WorkflowProcess
+}
+
+const GenerationActionGroups: FC<GenerationActionGroupsProps> = ({
+  appSourceType,
+  content,
+  currentTab,
+  depth,
+  feedback,
+  isError,
+  isInWebApp,
+  isResponding,
+  isShowTextToSpeech,
+  isWorkflow,
+  messageId,
+  moreLikeThis,
+  onFeedback,
+  onMoreLikeThis,
+  onOpenLogModal,
+  onRetry,
+  onSave,
+  supportFeedback,
+  voice,
+  workflowProcessData,
+}) => {
+  const { t } = useTranslation()
+  const isTryApp = appSourceType === AppSourceTypeEnum.tryApp
+  const showCopyAction = (currentTab === 'RESULT' && workflowProcessData?.resultText) || !isWorkflow
+
+  return (
+    <>
+      {!isInWebApp && (appSourceType !== AppSourceTypeEnum.installedApp) && !isResponding && (
+        <div className="ml-1 flex items-center gap-0.5 radius-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-xs">
+          <ActionButton
+            aria-label={t('operation.log', { ns: 'common' })}
+            disabled={isError || !messageId}
+            title={t('operation.log', { ns: 'common' })}
+            onClick={onOpenLogModal}
+          >
+            <RiFileList3Line className="h-4 w-4" />
+          </ActionButton>
+        </div>
+      )}
+      <div className="ml-1 flex items-center gap-0.5 radius-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-xs">
+        {moreLikeThis && !isTryApp && (
+          <ActionButton
+            aria-label={t('feature.moreLikeThis.title', { ns: 'appDebug' })}
+            state={depth === MAX_GENERATION_DEPTH ? ActionButtonState.Disabled : ActionButtonState.Default}
+            disabled={depth === MAX_GENERATION_DEPTH}
+            title={t('feature.moreLikeThis.title', { ns: 'appDebug' })}
+            onClick={onMoreLikeThis}
+          >
+            <RiSparklingLine className="h-4 w-4" />
+          </ActionButton>
+        )}
+        {isShowTextToSpeech && !isTryApp && (
+          <NewAudioButton
+            id={messageId!}
+            voice={voice}
+          />
+        )}
+        {showCopyAction && (
+          <ActionButton
+            aria-label={t('operation.copy', { ns: 'common' })}
+            disabled={isError || !messageId}
+            title={t('operation.copy', { ns: 'common' })}
+            onClick={() => {
+              const copyContent = getCopyContent({ content, isWorkflow, workflowProcessData })
+              if (typeof copyContent === 'string')
+                copy(copyContent)
+              else
+                copy(JSON.stringify(copyContent))
+              toast.success(t('actionMsg.copySuccessfully', { ns: 'common' }))
+            }}
+          >
+            <RiClipboardLine className="h-4 w-4" />
+          </ActionButton>
+        )}
+        {isInWebApp && isError && (
+          <ActionButton
+            aria-label={t('generation.batchFailed.retry', { ns: 'share' })}
+            title={t('generation.batchFailed.retry', { ns: 'share' })}
+            onClick={onRetry}
+          >
+            <RiResetLeftLine className="h-4 w-4" />
+          </ActionButton>
+        )}
+        {isInWebApp && !isWorkflow && !isTryApp && (
+          <ActionButton
+            aria-label={t('operation.save', { ns: 'common' })}
+            disabled={isError || !messageId}
+            title={t('operation.save', { ns: 'common' })}
+            onClick={() => { onSave?.(messageId as string) }}
+          >
+            <RiBookmark3Line className="h-4 w-4" />
+          </ActionButton>
+        )}
+      </div>
+      {(supportFeedback || isInWebApp) && !isWorkflow && !isTryApp && !isError && messageId && (
+        <div className="ml-1 flex items-center gap-0.5 radius-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-xs">
+          {!feedback?.rating && (
+            <>
+              <ActionButton
+                aria-label={t('operation.agree', { ns: 'appDebug' })}
+                title={t('operation.agree', { ns: 'appDebug' })}
+                onClick={() => onFeedback?.({ rating: 'like' })}
+              >
+                <RiThumbUpLine className="h-4 w-4" />
+              </ActionButton>
+              <ActionButton
+                aria-label={t('operation.disagree', { ns: 'appDebug' })}
+                title={t('operation.disagree', { ns: 'appDebug' })}
+                onClick={() => onFeedback?.({ rating: 'dislike' })}
+              >
+                <RiThumbDownLine className="h-4 w-4" />
+              </ActionButton>
+            </>
+          )}
+          {feedback?.rating === 'like' && (
+            <ActionButton
+              aria-label={t('operation.cancelAgree', { ns: 'appDebug' })}
+              state={ActionButtonState.Active}
+              title={t('operation.cancelAgree', { ns: 'appDebug' })}
+              onClick={() => onFeedback?.({ rating: null })}
+            >
+              <RiThumbUpLine className="h-4 w-4" />
+            </ActionButton>
+          )}
+          {feedback?.rating === 'dislike' && (
+            <ActionButton
+              aria-label={t('operation.cancelDisagree', { ns: 'appDebug' })}
+              state={ActionButtonState.Destructive}
+              title={t('operation.cancelDisagree', { ns: 'appDebug' })}
+              onClick={() => onFeedback?.({ rating: null })}
+            >
+              <RiThumbDownLine className="h-4 w-4" />
+            </ActionButton>
+          )}
+        </div>
+      )}
+    </>
+  )
+}
+
+export default GenerationActionGroups
diff --git a/web/app/components/app/text-generate/item/index.tsx b/web/app/components/app/text-generate/item/index.tsx
index 62f1e5752e..7eb7c9ad2b 100644
--- a/web/app/components/app/text-generate/item/index.tsx
+++ b/web/app/components/app/text-generate/item/index.tsx
@@ -4,41 +4,34 @@ import type { FeedbackType } from '@/app/components/base/chat/chat/type'
 import type { WorkflowProcess } from '@/app/components/base/chat/types'
 import type { SiteInfo } from '@/models/share'
 import {
-  RiBookmark3Line,
-  RiClipboardLine,
-  RiFileList3Line,
   RiPlayList2Line,
-  RiResetLeftLine,
   RiSparklingFill,
-  RiSparklingLine,
-  RiThumbDownLine,
-  RiThumbUpLine,
 } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
-import copy from 'copy-to-clipboard'
 import * as React from 'react'
 import { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useStore as useAppStore } from '@/app/components/app/store'
-import ActionButton, { ActionButtonState } from '@/app/components/base/action-button'
-import HumanInputFilledFormList from '@/app/components/base/chat/chat/answer/human-input-filled-form-list'
-import HumanInputFormList from '@/app/components/base/chat/chat/answer/human-input-form-list'
-import WorkflowProcessItem from '@/app/components/base/chat/chat/answer/workflow-process'
 import { useChatContext } from '@/app/components/base/chat/chat/context'
 import Loading from '@/app/components/base/loading'
 import { Markdown } from '@/app/components/base/markdown'
-import NewAudioButton from '@/app/components/base/new-audio-button'
 import { toast } from '@/app/components/base/ui/toast'
 import { useParams } from '@/next/navigation'
 import { fetchTextGenerationMessage } from '@/service/debug'
 import { AppSourceType, fetchMoreLikeThis, submitHumanInputForm, updateFeedback } from '@/service/share'
 import { submitHumanInputForm as submitHumanInputFormService } from '@/service/workflow'
 import { cn } from '@/utils/classnames'
-import ResultTab from './result-tab'
+import GenerationActionGroups from './action-groups'
+import {
+  buildPromptLogItem,
+  getDefaultGenerationTab,
+  getGenerationTaskLabel,
+  MAX_GENERATION_DEPTH,
+  shouldShowWorkflowResultTabs,
+} from './utils'
+import WorkflowBody from './workflow-body'
 
-const MAX_DEPTH = 3
-
-export type IGenerationItemProps = {
+type IGenerationItemProps = {
   isWorkflow?: boolean
   workflowProcessData?: WorkflowProcess
   className?: string
@@ -67,12 +60,6 @@ export type IGenerationItemProps = {
   inSidePanel?: boolean
 }
 
-export const copyIcon = (
-  <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M9.3335 2.33341C9.87598 2.33341 10.1472 2.33341 10.3698 2.39304C10.9737 2.55486 11.4454 3.02657 11.6072 3.63048C11.6668 3.85302 11.6668 4.12426 11.6668 4.66675V10.0334C11.6668 11.0135 11.6668 11.5036 11.4761 11.8779C11.3083 12.2072 11.0406 12.4749 10.7113 12.6427C10.337 12.8334 9.84692 12.8334 8.86683 12.8334H5.1335C4.1534 12.8334 3.66336 12.8334 3.28901 12.6427C2.95973 12.4749 2.69201 12.2072 2.52423 11.8779C2.3335 11.5036 2.3335 11.0135 2.3335 10.0334V4.66675C2.3335 4.12426 2.3335 3.85302 2.39313 3.63048C2.55494 3.02657 3.02665 2.55486 3.63056 2.39304C3.8531 2.33341 4.12435 2.33341 4.66683 2.33341M5.60016 3.50008H8.40016C8.72686 3.50008 8.89021 3.50008 9.01499 3.4365C9.12475 3.38058 9.21399 3.29134 9.26992 3.18158C9.3335 3.05679 9.3335 2.89345 9.3335 2.56675V2.10008C9.3335 1.77338 9.3335 1.61004 9.26992 1.48525C9.21399 1.37549 9.12475 1.28625 9.01499 1.23033C8.89021 1.16675 8.72686 1.16675 8.40016 1.16675H5.60016C5.27347 1.16675 5.11012 1.16675 4.98534 1.23033C4.87557 1.28625 4.78634 1.37549 4.73041 1.48525C4.66683 1.61004 4.66683 1.77338 4.66683 2.10008V2.56675C4.66683 2.89345 4.66683 3.05679 4.73041 3.18158C4.78634 3.29134 4.87557 3.38058 4.98534 3.4365C5.11012 3.50008 5.27347 3.50008 5.60016 3.50008Z" stroke="#344054" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" />
-  </svg>
-)
-
 const GenerationItem: FC<IGenerationItemProps> = ({
   isWorkflow,
   workflowProcessData,
@@ -103,7 +90,6 @@ const GenerationItem: FC<IGenerationItemProps> = ({
   const { t } = useTranslation()
   const params = useParams()
   const isTop = depth === 1
-  const isTryApp = appSourceType === AppSourceType.tryApp
   const [completionRes, setCompletionRes] = useState('')
   const [childMessageId, setChildMessageId] = useState<string | null>(null)
   const [childFeedback, setChildFeedback] = useState<FeedbackType>({
@@ -160,7 +146,9 @@ const GenerationItem: FC<IGenerationItemProps> = ({
 
   useEffect(() => {
     if (controlClearMoreLikeThis) {
+      // eslint-disable-next-line react/set-state-in-effect
       setChildMessageId(null)
+      // eslint-disable-next-line react/set-state-in-effect
       setCompletionRes('')
     }
   }, [controlClearMoreLikeThis])
@@ -168,6 +156,7 @@ const GenerationItem: FC<IGenerationItemProps> = ({
   // regeneration clear child
   useEffect(() => {
     if (isLoading)
+      // eslint-disable-next-line react/set-state-in-effect
       setChildMessageId(null)
   }, [isLoading])
 
@@ -176,45 +165,19 @@ const GenerationItem: FC<IGenerationItemProps> = ({
       appId: params.appId as string,
       messageId: messageId!,
     })
-    const logItem = Array.isArray(data.message)
-      ? {
-          ...data,
-          log: [
-            ...data.message,
-            ...(data.message[data.message.length - 1].role !== 'assistant'
-              ? [
-                  {
-                    role: 'assistant',
-                    text: data.answer,
-                    files: data.message_files?.filter((file: any) => file.belongs_to === 'assistant') || [],
-                  },
-                ]
-              : []),
-          ],
-        }
-      : {
-          ...data,
-          log: [typeof data.message === 'string'
-            ? {
-                text: data.message,
-              }
-            : data.message],
-        }
-    setCurrentLogItem(logItem)
+    setCurrentLogItem(buildPromptLogItem(data))
     setShowPromptLogModal(true)
   }
 
   const [currentTab, setCurrentTab] = useState<string>('DETAIL')
-  const showResultTabs = !!workflowProcessData?.resultText || !!workflowProcessData?.files?.length || (workflowProcessData?.humanInputFormDataList && workflowProcessData?.humanInputFormDataList.length > 0) || (workflowProcessData?.humanInputFilledFormDataList && workflowProcessData?.humanInputFilledFormDataList.length > 0)
+  const showResultTabs = shouldShowWorkflowResultTabs(workflowProcessData)
   const switchTab = async (tab: string) => {
     setCurrentTab(tab)
   }
   useEffect(() => {
-    if (workflowProcessData?.resultText || !!workflowProcessData?.files?.length || (workflowProcessData?.humanInputFormDataList && workflowProcessData?.humanInputFormDataList.length > 0) || (workflowProcessData?.humanInputFilledFormDataList && workflowProcessData?.humanInputFilledFormDataList.length > 0))
-      switchTab('RESULT')
-    else
-      switchTab('DETAIL')
-  }, [workflowProcessData?.files?.length, workflowProcessData?.resultText, workflowProcessData?.humanInputFormDataList, workflowProcessData?.humanInputFilledFormDataList])
+    // eslint-disable-next-line react/set-state-in-effect
+    setCurrentTab(getDefaultGenerationTab(workflowProcessData))
+  }, [workflowProcessData])
   const handleSubmitHumanInputForm = useCallback(async (formToken: string, formData: { inputs: Record<string, string>, action: string }) => {
     if (appSourceType === AppSourceType.installedApp)
       await submitHumanInputFormService(formToken, formData)
@@ -236,81 +199,25 @@ const GenerationItem: FC<IGenerationItemProps> = ({
               !inSidePanel && 'rounded-2xl border-t border-divider-subtle bg-chat-bubble-bg',
             )}
             >
-              {workflowProcessData && (
-                <>
-                  <div className={cn(
-                    'p-3',
-                    showResultTabs && 'border-b border-divider-subtle',
-                  )}
-                  >
-                    {taskId && (
-                      <div className={cn('system-2xs-medium-uppercase mb-2 flex items-center text-text-accent-secondary', isError && 'text-text-destructive')}>
-                        <RiPlayList2Line className="mr-1 h-3 w-3" />
-                        <span>{t('generation.execution', { ns: 'share' })}</span>
-                        <span className="px-1">·</span>
-                        <span>{taskId}</span>
-                      </div>
-                    )}
-                    {siteInfo && workflowProcessData && (
-                      <WorkflowProcessItem
-                        data={workflowProcessData}
-                        expand={workflowProcessData.expand}
-                        hideProcessDetail={hideProcessDetail}
-                        hideInfo={hideProcessDetail}
-                        readonly={!siteInfo.show_workflow_steps}
-                      />
-                    )}
-                    {showResultTabs && (
-                      <div className="flex items-center space-x-6 px-1">
-                        <div
-                          className={cn(
-                            'system-sm-semibold-uppercase cursor-pointer border-b-2 border-transparent py-3 text-text-tertiary',
-                            currentTab === 'RESULT' && 'border-util-colors-blue-brand-blue-brand-600 text-text-primary',
-                          )}
-                          onClick={() => switchTab('RESULT')}
-                        >
-                          {t('result', { ns: 'runLog' })}
-                        </div>
-                        <div
-                          className={cn(
-                            'system-sm-semibold-uppercase cursor-pointer border-b-2 border-transparent py-3 text-text-tertiary',
-                            currentTab === 'DETAIL' && 'border-util-colors-blue-brand-blue-brand-600 text-text-primary',
-                          )}
-                          onClick={() => switchTab('DETAIL')}
-                        >
-                          {t('detail', { ns: 'runLog' })}
-                        </div>
-                      </div>
-                    )}
-                  </div>
-                  {!isError && (
-                    <>
-                      {currentTab === 'RESULT' && workflowProcessData.humanInputFormDataList && workflowProcessData.humanInputFormDataList.length > 0 && (
-                        <div className="px-4 pt-4">
-                          <HumanInputFormList
-                            humanInputFormDataList={workflowProcessData.humanInputFormDataList}
-                            onHumanInputFormSubmit={handleSubmitHumanInputForm}
-                          />
-                        </div>
-                      )}
-                      {currentTab === 'RESULT' && workflowProcessData.humanInputFilledFormDataList && workflowProcessData.humanInputFilledFormDataList.length > 0 && (
-                        <div className="px-4 pt-4">
-                          <HumanInputFilledFormList
-                            humanInputFilledFormDataList={workflowProcessData.humanInputFilledFormDataList}
-                          />
-                        </div>
-                      )}
-                      <ResultTab data={workflowProcessData} content={content} currentTab={currentTab} />
-                    </>
-                  )}
-                </>
-              )}
+              <WorkflowBody
+                content={content}
+                currentTab={currentTab}
+                depth={depth}
+                hideProcessDetail={hideProcessDetail}
+                isError={isError}
+                onSubmitHumanInputForm={handleSubmitHumanInputForm}
+                onSwitchTab={switchTab}
+                showResultTabs={showResultTabs}
+                siteInfo={siteInfo}
+                taskId={taskId}
+                workflowProcessData={workflowProcessData}
+              />
               {!workflowProcessData && taskId && (
                 <div className={cn('system-2xs-medium-uppercase sticky left-0 top-0 flex w-full items-center rounded-t-2xl bg-components-actionbar-bg p-4 pb-3 text-text-accent-secondary', isError && 'text-text-destructive')}>
                   <RiPlayList2Line className="mr-1 h-3 w-3" />
                   <span>{t('generation.execution', { ns: 'share' })}</span>
                   <span className="px-1">·</span>
-                  <span>{`${taskId}${depth > 1 ? `-${depth - 1}` : ''}`}</span>
+                  <span>{getGenerationTaskLabel(taskId, depth)}</span>
                 </div>
               )}
               {isError && (
@@ -325,7 +232,7 @@ const GenerationItem: FC<IGenerationItemProps> = ({
             {/* meta data */}
             <div className={cn(
               'system-xs-regular relative mt-1 h-4 px-4 text-text-quaternary',
-              isMobile && ((childMessageId || isQuerying) && depth < 3) && 'pl-10',
+              isMobile && ((childMessageId || isQuerying) && depth < MAX_GENERATION_DEPTH) && 'pl-10',
             )}
             >
               {!isWorkflow && (
@@ -337,76 +244,28 @@ const GenerationItem: FC<IGenerationItemProps> = ({
               )}
               {/* action buttons */}
               <div className="absolute bottom-1 right-2 flex items-center">
-                {!isInWebApp && (appSourceType !== AppSourceType.installedApp) && !isResponding && (
-                  <div className="ml-1 flex items-center gap-0.5 radius-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-xs">
-                    <ActionButton disabled={isError || !messageId} onClick={handleOpenLogModal}>
-                      <RiFileList3Line className="h-4 w-4" />
-                      {/* <div>{t('common.operation.log')}</div> */}
-                    </ActionButton>
-                  </div>
-                )}
-                <div className="ml-1 flex items-center gap-0.5 radius-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-xs">
-                  {moreLikeThis && !isTryApp && (
-                    <ActionButton state={depth === MAX_DEPTH ? ActionButtonState.Disabled : ActionButtonState.Default} disabled={depth === MAX_DEPTH} onClick={handleMoreLikeThis}>
-                      <RiSparklingLine className="h-4 w-4" />
-                    </ActionButton>
-                  )}
-                  {isShowTextToSpeech && !isTryApp && (
-                    <NewAudioButton
-                      id={messageId!}
-                      voice={config?.text_to_speech?.voice}
-                    />
-                  )}
-                  {((currentTab === 'RESULT' && workflowProcessData?.resultText) || !isWorkflow) && (
-                    <ActionButton
-                      disabled={isError || !messageId}
-                      onClick={() => {
-                        const copyContent = isWorkflow ? workflowProcessData?.resultText : content
-                        if (typeof copyContent === 'string')
-                          copy(copyContent)
-                        else
-                          copy(JSON.stringify(copyContent))
-                        toast.success(t('actionMsg.copySuccessfully', { ns: 'common' }))
-                      }}
-                    >
-                      <RiClipboardLine className="h-4 w-4" />
-                    </ActionButton>
-                  )}
-                  {isInWebApp && isError && (
-                    <ActionButton onClick={onRetry}>
-                      <RiResetLeftLine className="h-4 w-4" />
-                    </ActionButton>
-                  )}
-                  {isInWebApp && !isWorkflow && !isTryApp && (
-                    <ActionButton disabled={isError || !messageId} onClick={() => { onSave?.(messageId as string) }}>
-                      <RiBookmark3Line className="h-4 w-4" />
-                    </ActionButton>
-                  )}
-                </div>
-                {(supportFeedback || isInWebApp) && !isWorkflow && !isTryApp && !isError && messageId && (
-                  <div className="ml-1 flex items-center gap-0.5 radius-lg border-[0.5px] border-components-actionbar-border bg-components-actionbar-bg p-0.5 shadow-md backdrop-blur-xs">
-                    {!feedback?.rating && (
-                      <>
-                        <ActionButton onClick={() => onFeedback?.({ rating: 'like' })}>
-                          <RiThumbUpLine className="h-4 w-4" />
-                        </ActionButton>
-                        <ActionButton onClick={() => onFeedback?.({ rating: 'dislike' })}>
-                          <RiThumbDownLine className="h-4 w-4" />
-                        </ActionButton>
-                      </>
-                    )}
-                    {feedback?.rating === 'like' && (
-                      <ActionButton state={ActionButtonState.Active} onClick={() => onFeedback?.({ rating: null })}>
-                        <RiThumbUpLine className="h-4 w-4" />
-                      </ActionButton>
-                    )}
-                    {feedback?.rating === 'dislike' && (
-                      <ActionButton state={ActionButtonState.Destructive} onClick={() => onFeedback?.({ rating: null })}>
-                        <RiThumbDownLine className="h-4 w-4" />
-                      </ActionButton>
-                    )}
-                  </div>
-                )}
+                <GenerationActionGroups
+                  appSourceType={appSourceType}
+                  content={content}
+                  currentTab={currentTab}
+                  depth={depth}
+                  feedback={feedback}
+                  isError={isError}
+                  isInWebApp={isInWebApp}
+                  isResponding={isResponding}
+                  isShowTextToSpeech={isShowTextToSpeech}
+                  isWorkflow={isWorkflow}
+                  messageId={messageId}
+                  moreLikeThis={moreLikeThis}
+                  onFeedback={onFeedback}
+                  onMoreLikeThis={handleMoreLikeThis}
+                  onOpenLogModal={handleOpenLogModal}
+                  onRetry={onRetry}
+                  onSave={onSave}
+                  supportFeedback={supportFeedback}
+                  voice={config?.text_to_speech?.voice}
+                  workflowProcessData={workflowProcessData}
+                />
               </div>
             </div>
             {/* more like this elements */}
@@ -429,7 +288,7 @@ const GenerationItem: FC<IGenerationItemProps> = ({
           </>
         )}
       </div>
-      {((childMessageId || isQuerying) && depth < 3) && (
+      {((childMessageId || isQuerying) && depth < MAX_GENERATION_DEPTH) && (
         <GenerationItem {...childProps as any} />
       )}
     </>
diff --git a/web/app/components/app/text-generate/item/utils.ts b/web/app/components/app/text-generate/item/utils.ts
new file mode 100644
index 0000000000..09f4a0be5f
--- /dev/null
+++ b/web/app/components/app/text-generate/item/utils.ts
@@ -0,0 +1,86 @@
+import type { WorkflowProcess } from '@/app/components/base/chat/types'
+
+type GenerationTab = 'DETAIL' | 'RESULT'
+
+type PromptLogSource = {
+  answer: string
+  message: unknown
+  message_files?: Array<Record<string, unknown>>
+}
+
+type PromptLogAssistantMessage = {
+  role: 'assistant'
+  text: string
+  files: Array<Record<string, unknown>>
+}
+
+type PromptLogMessage = {
+  role?: string
+  text?: string
+  files?: Array<Record<string, unknown>>
+}
+
+export const MAX_GENERATION_DEPTH = 3
+
+export const shouldShowWorkflowResultTabs = (workflowProcessData?: WorkflowProcess | null) => {
+  if (!workflowProcessData)
+    return false
+
+  return Boolean(
+    workflowProcessData.resultText
+    || workflowProcessData.files?.length
+    || workflowProcessData.humanInputFormDataList?.length
+    || workflowProcessData.humanInputFilledFormDataList?.length,
+  )
+}
+
+export const getDefaultGenerationTab = (workflowProcessData?: WorkflowProcess | null): GenerationTab => {
+  if (shouldShowWorkflowResultTabs(workflowProcessData))
+    return 'RESULT'
+
+  return 'DETAIL'
+}
+
+const getAssistantFiles = (messageFiles?: Array<Record<string, unknown>>) =>
+  messageFiles?.filter(file => file.belongs_to === 'assistant') || []
+
+export const buildPromptLogItem = <T extends PromptLogSource>(data: T): T & { log: PromptLogMessage[] } => {
+  if (Array.isArray(data.message)) {
+    const messages = data.message as PromptLogMessage[]
+    const lastMessage = messages[messages.length - 1]
+    const assistantMessage: PromptLogAssistantMessage[] = lastMessage?.role !== 'assistant'
+      ? [{
+          role: 'assistant',
+          text: data.answer,
+          files: getAssistantFiles(data.message_files),
+        }]
+      : []
+
+    return {
+      ...data,
+      log: [...messages, ...assistantMessage],
+    }
+  }
+
+  return {
+    ...data,
+    log: [typeof data.message === 'string'
+      ? {
+          text: data.message,
+        }
+      : data.message as PromptLogMessage],
+  }
+}
+
+export const getGenerationTaskLabel = (taskId: string, depth: number) =>
+  depth > 1 ? `${taskId}-${depth - 1}` : taskId
+
+export const getCopyContent = ({
+  content,
+  isWorkflow,
+  workflowProcessData,
+}: {
+  content: unknown
+  isWorkflow?: boolean
+  workflowProcessData?: WorkflowProcess
+}) => isWorkflow ? workflowProcessData?.resultText : content
diff --git a/web/app/components/app/text-generate/item/workflow-body.tsx b/web/app/components/app/text-generate/item/workflow-body.tsx
new file mode 100644
index 0000000000..96c27dd803
--- /dev/null
+++ b/web/app/components/app/text-generate/item/workflow-body.tsx
@@ -0,0 +1,118 @@
+'use client'
+import type { FC } from 'react'
+import type { WorkflowProcess } from '@/app/components/base/chat/types'
+import type { SiteInfo } from '@/models/share'
+import { RiPlayList2Line } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
+import HumanInputFilledFormList from '@/app/components/base/chat/chat/answer/human-input-filled-form-list'
+import HumanInputFormList from '@/app/components/base/chat/chat/answer/human-input-form-list'
+import WorkflowProcessItem from '@/app/components/base/chat/chat/answer/workflow-process'
+import { cn } from '@/utils/classnames'
+import ResultTab from './result-tab'
+import { getGenerationTaskLabel } from './utils'
+
+type WorkflowBodyProps = {
+  content: unknown
+  currentTab: string
+  depth: number
+  hideProcessDetail?: boolean
+  isError: boolean
+  onSubmitHumanInputForm: (formToken: string, formData: { inputs: Record<string, string>, action: string }) => Promise<void>
+  onSwitchTab: (tab: string) => void
+  showResultTabs: boolean
+  siteInfo: SiteInfo | null
+  taskId?: string
+  workflowProcessData?: WorkflowProcess
+}
+
+const WorkflowBody: FC<WorkflowBodyProps> = ({
+  content,
+  currentTab,
+  depth,
+  hideProcessDetail,
+  isError,
+  onSubmitHumanInputForm,
+  onSwitchTab,
+  showResultTabs,
+  siteInfo,
+  taskId,
+  workflowProcessData,
+}) => {
+  const { t } = useTranslation()
+
+  if (!workflowProcessData)
+    return null
+
+  return (
+    <>
+      <div
+        className={cn(
+          'p-3',
+          showResultTabs && 'border-b border-divider-subtle',
+        )}
+      >
+        {taskId && (
+          <div className={cn('mb-2 flex items-center system-2xs-medium-uppercase text-text-accent-secondary', isError && 'text-text-destructive')}>
+            <RiPlayList2Line className="mr-1 h-3 w-3" />
+            <span>{t('generation.execution', { ns: 'share' })}</span>
+            <span className="px-1">·</span>
+            <span>{getGenerationTaskLabel(taskId, depth)}</span>
+          </div>
+        )}
+        {siteInfo && (
+          <WorkflowProcessItem
+            data={workflowProcessData}
+            expand={workflowProcessData.expand}
+            hideProcessDetail={hideProcessDetail}
+            hideInfo={hideProcessDetail}
+            readonly={!siteInfo.show_workflow_steps}
+          />
+        )}
+        {showResultTabs && (
+          <div className="flex items-center space-x-6 px-1">
+            <div
+              className={cn(
+                'cursor-pointer border-b-2 border-transparent py-3 system-sm-semibold-uppercase text-text-tertiary',
+                currentTab === 'RESULT' && 'border-util-colors-blue-brand-blue-brand-600 text-text-primary',
+              )}
+              onClick={() => onSwitchTab('RESULT')}
+            >
+              {t('result', { ns: 'runLog' })}
+            </div>
+            <div
+              className={cn(
+                'cursor-pointer border-b-2 border-transparent py-3 system-sm-semibold-uppercase text-text-tertiary',
+                currentTab === 'DETAIL' && 'border-util-colors-blue-brand-blue-brand-600 text-text-primary',
+              )}
+              onClick={() => onSwitchTab('DETAIL')}
+            >
+              {t('detail', { ns: 'runLog' })}
+            </div>
+          </div>
+        )}
+      </div>
+      {!isError && (
+        <>
+          {currentTab === 'RESULT' && workflowProcessData.humanInputFormDataList && workflowProcessData.humanInputFormDataList.length > 0 && (
+            <div className="px-4 pt-4">
+              <HumanInputFormList
+                humanInputFormDataList={workflowProcessData.humanInputFormDataList}
+                onHumanInputFormSubmit={onSubmitHumanInputForm}
+              />
+            </div>
+          )}
+          {currentTab === 'RESULT' && workflowProcessData.humanInputFilledFormDataList && workflowProcessData.humanInputFilledFormDataList.length > 0 && (
+            <div className="px-4 pt-4">
+              <HumanInputFilledFormList
+                humanInputFilledFormDataList={workflowProcessData.humanInputFilledFormDataList}
+              />
+            </div>
+          )}
+          <ResultTab data={workflowProcessData} content={content} currentTab={currentTab} />
+        </>
+      )}
+    </>
+  )
+}
+
+export default WorkflowBody
diff --git a/web/app/components/app/text-generate/saved-items/index.spec.tsx b/web/app/components/app/text-generate/saved-items/__tests__/index.spec.tsx
similarity index 96%
rename from web/app/components/app/text-generate/saved-items/index.spec.tsx
rename to web/app/components/app/text-generate/saved-items/__tests__/index.spec.tsx
index dff0950f89..ddfea01951 100644
--- a/web/app/components/app/text-generate/saved-items/index.spec.tsx
+++ b/web/app/components/app/text-generate/saved-items/__tests__/index.spec.tsx
@@ -1,11 +1,11 @@
-import type { ISavedItemsProps } from './index'
+import type { ISavedItemsProps } from '../index'
 import { fireEvent, render, screen } from '@testing-library/react'
 import copy from 'copy-to-clipboard'
 
 import * as React from 'react'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { toast } from '@/app/components/base/ui/toast'
-import SavedItems from './index'
+import SavedItems from '../index'
 
 vi.mock('copy-to-clipboard', () => ({
   default: vi.fn(),
diff --git a/web/app/components/app/text-generate/saved-items/no-data/index.spec.tsx b/web/app/components/app/text-generate/saved-items/no-data/__tests__/index.spec.tsx
similarity index 96%
rename from web/app/components/app/text-generate/saved-items/no-data/index.spec.tsx
rename to web/app/components/app/text-generate/saved-items/no-data/__tests__/index.spec.tsx
index 59b950054c..7f6a38a442 100644
--- a/web/app/components/app/text-generate/saved-items/no-data/index.spec.tsx
+++ b/web/app/components/app/text-generate/saved-items/no-data/__tests__/index.spec.tsx
@@ -1,7 +1,7 @@
 import { fireEvent, render, screen } from '@testing-library/react'
 import { describe, expect, it, vi } from 'vitest'
 
-import NoData from './index'
+import NoData from '../index'
 
 describe('NoData', () => {
   it('renders title/description and calls callback when button clicked', () => {
diff --git a/web/app/components/app/text-generate/saved-items/no-data/index.tsx b/web/app/components/app/text-generate/saved-items/no-data/index.tsx
index e73a1db1df..c6596c8ec3 100644
--- a/web/app/components/app/text-generate/saved-items/no-data/index.tsx
+++ b/web/app/components/app/text-generate/saved-items/no-data/index.tsx
@@ -8,7 +8,7 @@ import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 
-export type INoDataProps = {
+type INoDataProps = {
   onStartCreateContent: () => void
 }
 
diff --git a/web/app/components/app/type-selector/index.spec.tsx b/web/app/components/app/type-selector/__tests__/index.spec.tsx
similarity index 98%
rename from web/app/components/app/type-selector/index.spec.tsx
rename to web/app/components/app/type-selector/__tests__/index.spec.tsx
index 711678f0a8..7f2e0c3850 100644
--- a/web/app/components/app/type-selector/index.spec.tsx
+++ b/web/app/components/app/type-selector/__tests__/index.spec.tsx
@@ -1,7 +1,7 @@
 import { fireEvent, render, screen, waitFor, within } from '@testing-library/react'
 import * as React from 'react'
 import { AppModeEnum } from '@/types/app'
-import AppTypeSelector, { AppTypeIcon, AppTypeLabel } from './index'
+import AppTypeSelector, { AppTypeIcon, AppTypeLabel } from '../index'
 
 describe('AppTypeSelector', () => {
   beforeEach(() => {
diff --git a/web/app/components/app/type-selector/index.tsx b/web/app/components/app/type-selector/index.tsx
index 2b0923a6a0..cb4db155d4 100644
--- a/web/app/components/app/type-selector/index.tsx
+++ b/web/app/components/app/type-selector/index.tsx
@@ -11,7 +11,7 @@ import {
 import { AppModeEnum } from '@/types/app'
 import { cn } from '@/utils/classnames'
 
-export type AppSelectorProps = {
+type AppSelectorProps = {
   value: Array<AppModeEnum>
   onChange: (value: AppSelectorProps['value']) => void
 }
diff --git a/web/app/components/app/workflow-log/detail.spec.tsx b/web/app/components/app/workflow-log/__tests__/detail.spec.tsx
similarity index 99%
rename from web/app/components/app/workflow-log/detail.spec.tsx
rename to web/app/components/app/workflow-log/__tests__/detail.spec.tsx
index 806c6e71b2..a58f55b031 100644
--- a/web/app/components/app/workflow-log/detail.spec.tsx
+++ b/web/app/components/app/workflow-log/__tests__/detail.spec.tsx
@@ -12,7 +12,7 @@ import type { App, AppIconType, AppModeEnum } from '@/types/app'
 import { render, screen } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { useStore as useAppStore } from '@/app/components/app/store'
-import DetailPanel from './detail'
+import DetailPanel from '../detail'
 
 // ============================================================================
 // Mocks
diff --git a/web/app/components/app/workflow-log/filter.spec.tsx b/web/app/components/app/workflow-log/__tests__/filter.spec.tsx
similarity index 99%
rename from web/app/components/app/workflow-log/filter.spec.tsx
rename to web/app/components/app/workflow-log/__tests__/filter.spec.tsx
index 488b8856b7..d255537354 100644
--- a/web/app/components/app/workflow-log/filter.spec.tsx
+++ b/web/app/components/app/workflow-log/__tests__/filter.spec.tsx
@@ -7,11 +7,11 @@
  * - Keyword search
  */
 
-import type { QueryParam } from './index'
+import type { QueryParam } from '../index'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import { useState } from 'react'
-import Filter, { TIME_PERIOD_MAPPING } from './filter'
+import Filter, { TIME_PERIOD_MAPPING } from '../filter'
 
 // ============================================================================
 // Mocks
diff --git a/web/app/components/app/workflow-log/index.spec.tsx b/web/app/components/app/workflow-log/__tests__/index.spec.tsx
similarity index 99%
rename from web/app/components/app/workflow-log/index.spec.tsx
rename to web/app/components/app/workflow-log/__tests__/index.spec.tsx
index 92f8eddf83..1fe3db30db 100644
--- a/web/app/components/app/workflow-log/index.spec.tsx
+++ b/web/app/components/app/workflow-log/__tests__/index.spec.tsx
@@ -16,7 +16,7 @@ import type { UseQueryResult } from '@tanstack/react-query'
  */
 
 import type { MockedFunction } from 'vitest'
-import type { ILogsProps } from './index'
+import type { ILogsProps } from '../index'
 import type { WorkflowAppLogDetail, WorkflowLogsResponse, WorkflowRunDetail } from '@/models/log'
 import type { App, AppIconType, AppModeEnum } from '@/types/app'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
@@ -25,8 +25,8 @@ import userEvent from '@testing-library/user-event'
 import { APP_PAGE_LIMIT } from '@/config'
 import { WorkflowRunTriggeredFrom } from '@/models/log'
 import * as useLogModule from '@/service/use-log'
-import { TIME_PERIOD_MAPPING } from './filter'
-import Logs from './index'
+import { TIME_PERIOD_MAPPING } from '../filter'
+import Logs from '../index'
 
 // ============================================================================
 // Mocks
diff --git a/web/app/components/app/workflow-log/list.spec.tsx b/web/app/components/app/workflow-log/__tests__/list.spec.tsx
similarity index 99%
rename from web/app/components/app/workflow-log/list.spec.tsx
rename to web/app/components/app/workflow-log/__tests__/list.spec.tsx
index 36cc911248..356aaa5a48 100644
--- a/web/app/components/app/workflow-log/list.spec.tsx
+++ b/web/app/components/app/workflow-log/__tests__/list.spec.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable ts/no-explicit-any */
 /**
  * WorkflowAppLogList Component Tests
  *
@@ -16,7 +17,7 @@ import userEvent from '@testing-library/user-event'
 import { useStore as useAppStore } from '@/app/components/app/store'
 import { APP_PAGE_LIMIT } from '@/config'
 import { WorkflowRunTriggeredFrom } from '@/models/log'
-import WorkflowAppLogList from './list'
+import WorkflowAppLogList from '../list'
 
 // ============================================================================
 // Mocks
diff --git a/web/app/components/app/workflow-log/trigger-by-display.spec.tsx b/web/app/components/app/workflow-log/__tests__/trigger-by-display.spec.tsx
similarity index 99%
rename from web/app/components/app/workflow-log/trigger-by-display.spec.tsx
rename to web/app/components/app/workflow-log/__tests__/trigger-by-display.spec.tsx
index 69665064f5..a10c4aa5c5 100644
--- a/web/app/components/app/workflow-log/trigger-by-display.spec.tsx
+++ b/web/app/components/app/workflow-log/__tests__/trigger-by-display.spec.tsx
@@ -9,7 +9,7 @@ import type { TriggerMetadata } from '@/models/log'
 import { render, screen } from '@testing-library/react'
 import { WorkflowRunTriggeredFrom } from '@/models/log'
 import { Theme } from '@/types/app'
-import TriggerByDisplay from './trigger-by-display'
+import TriggerByDisplay from '../trigger-by-display'
 
 // ============================================================================
 // Mocks
diff --git a/web/app/components/apps/app-card.tsx b/web/app/components/apps/app-card.tsx
index 079e8fa8bc..7227e412e7 100644
--- a/web/app/components/apps/app-card.tsx
+++ b/web/app/components/apps/app-card.tsx
@@ -62,7 +62,7 @@ const AccessControl = dynamic(() => import('@/app/components/app/app-access-cont
   ssr: false,
 })
 
-export type AppCardProps = {
+type AppCardProps = {
   app: App
   onRefresh?: () => void
 }
diff --git a/web/app/components/apps/new-app-card.tsx b/web/app/components/apps/new-app-card.tsx
index 7741190b8c..31a374f6f7 100644
--- a/web/app/components/apps/new-app-card.tsx
+++ b/web/app/components/apps/new-app-card.tsx
@@ -25,7 +25,7 @@ const CreateFromDSLModal = dynamic(() => import('@/app/components/app/create-fro
   ssr: false,
 })
 
-export type CreateAppCardProps = {
+type CreateAppCardProps = {
   className?: string
   isLoading?: boolean
   onSuccess?: () => void
diff --git a/web/app/components/base/agent-log-modal/detail.tsx b/web/app/components/base/agent-log-modal/detail.tsx
index 6550b305f8..45f34c9711 100644
--- a/web/app/components/base/agent-log-modal/detail.tsx
+++ b/web/app/components/base/agent-log-modal/detail.tsx
@@ -15,7 +15,7 @@ import { cn } from '@/utils/classnames'
 import ResultPanel from './result'
 import TracingPanel from './tracing'
 
-export type AgentLogDetailProps = {
+type AgentLogDetailProps = {
   activeTab?: 'DETAIL' | 'TRACING'
   conversationID: string
   log: IChatItem
diff --git a/web/app/components/base/amplitude/index.ts b/web/app/components/base/amplitude/index.ts
index 44cbf728e2..21152d1220 100644
--- a/web/app/components/base/amplitude/index.ts
+++ b/web/app/components/base/amplitude/index.ts
@@ -1,2 +1,2 @@
 export { default } from './lazy-amplitude-provider'
-export { resetUser, setUserId, setUserProperties, trackEvent } from './utils'
+export { setUserId, setUserProperties, trackEvent } from './utils'
diff --git a/web/app/components/base/answer-icon/index.tsx b/web/app/components/base/answer-icon/index.tsx
index 56e932ad71..1ae1b4f076 100644
--- a/web/app/components/base/answer-icon/index.tsx
+++ b/web/app/components/base/answer-icon/index.tsx
@@ -8,7 +8,7 @@ import { cn } from '@/utils/classnames'
 
 init({ data })
 
-export type AnswerIconProps = {
+type AnswerIconProps = {
   iconType?: AppIconType | null
   icon?: string | null
   background?: string | null
diff --git a/web/app/components/base/app-icon-picker/style.module.css b/web/app/components/base/app-icon-picker/style.module.css
index c22ca04a66..5ec199a232 100644
--- a/web/app/components/base/app-icon-picker/style.module.css
+++ b/web/app/components/base/app-icon-picker/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .container {
     display: flex;
     flex-direction: column;
diff --git a/web/app/components/base/app-icon/index.tsx b/web/app/components/base/app-icon/index.tsx
index b3fe5f3c4f..d4eaeb69d9 100644
--- a/web/app/components/base/app-icon/index.tsx
+++ b/web/app/components/base/app-icon/index.tsx
@@ -12,7 +12,7 @@ import { cn } from '@/utils/classnames'
 
 init({ data })
 
-export type AppIconProps = {
+type AppIconProps = {
   size?: 'xs' | 'tiny' | 'small' | 'medium' | 'large' | 'xl' | 'xxl'
   rounded?: boolean
   iconType?: AppIconType | null
diff --git a/web/app/components/base/audio-btn/style.module.css b/web/app/components/base/audio-btn/style.module.css
index 2a07ad0697..7e3175aa13 100644
--- a/web/app/components/base/audio-btn/style.module.css
+++ b/web/app/components/base/audio-btn/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .playIcon {
   background-image: url(~@/app/components/develop/secret-key/assets/play.svg);
   background-position: center;
diff --git a/web/app/components/base/avatar/index.tsx b/web/app/components/base/avatar/index.tsx
index f53e1f8985..885022dded 100644
--- a/web/app/components/base/avatar/index.tsx
+++ b/web/app/components/base/avatar/index.tsx
@@ -24,11 +24,11 @@ export type AvatarProps = {
   onLoadingStatusChange?: (status: ImageLoadingStatus) => void
 }
 
-export type AvatarRootProps = React.ComponentPropsWithRef<typeof BaseAvatar.Root> & {
+type AvatarRootProps = React.ComponentPropsWithRef<typeof BaseAvatar.Root> & {
   size?: AvatarSize
 }
 
-export function AvatarRoot({
+function AvatarRoot({
   size = 'md',
   className,
   ...props
@@ -45,9 +45,9 @@ export function AvatarRoot({
   )
 }
 
-export type AvatarImageProps = React.ComponentPropsWithRef<typeof BaseAvatar.Image>
+type AvatarImageProps = React.ComponentPropsWithRef<typeof BaseAvatar.Image>
 
-export function AvatarImage({
+function AvatarImage({
   className,
   ...props
 }: AvatarImageProps) {
@@ -59,11 +59,11 @@ export function AvatarImage({
   )
 }
 
-export type AvatarFallbackProps = React.ComponentPropsWithRef<typeof BaseAvatar.Fallback> & {
+type AvatarFallbackProps = React.ComponentPropsWithRef<typeof BaseAvatar.Fallback> & {
   size?: AvatarSize
 }
 
-export function AvatarFallback({
+function AvatarFallback({
   size = 'md',
   className,
   ...props
diff --git a/web/app/components/base/block-input/index.tsx b/web/app/components/base/block-input/index.tsx
index 2a917306cd..cf832d9f94 100644
--- a/web/app/components/base/block-input/index.tsx
+++ b/web/app/components/base/block-input/index.tsx
@@ -29,7 +29,7 @@ export const getInputKeys = (value: string) => {
   return res
 }
 
-export type IBlockInputProps = {
+type IBlockInputProps = {
   value: string
   className?: string // wrapper class
   highLightClassName?: string // class for the highlighted text default is text-blue-500
diff --git a/web/app/components/base/chat/chat-with-history/index.tsx b/web/app/components/base/chat/chat-with-history/index.tsx
index a645775965..562502a573 100644
--- a/web/app/components/base/chat/chat-with-history/index.tsx
+++ b/web/app/components/base/chat/chat-with-history/index.tsx
@@ -97,7 +97,7 @@ const ChatWithHistory: FC<ChatWithHistoryProps> = ({
   )
 }
 
-export type ChatWithHistoryWrapProps = {
+type ChatWithHistoryWrapProps = {
   installedAppInfo?: InstalledApp
   className?: string
 }
diff --git a/web/app/components/base/chat/chat-with-history/sidebar/rename-modal.tsx b/web/app/components/base/chat/chat-with-history/sidebar/rename-modal.tsx
index 66a5ad6a36..e66ca351f2 100644
--- a/web/app/components/base/chat/chat-with-history/sidebar/rename-modal.tsx
+++ b/web/app/components/base/chat/chat-with-history/sidebar/rename-modal.tsx
@@ -7,7 +7,7 @@ import Button from '@/app/components/base/button'
 import Input from '@/app/components/base/input'
 import Modal from '@/app/components/base/modal'
 
-export type IRenameModalProps = {
+type IRenameModalProps = {
   isShow: boolean
   saveLoading: boolean
   name: string
diff --git a/web/app/components/base/chat/chat/context.ts b/web/app/components/base/chat/chat/context.ts
index ff0bd26336..c4fbf9dd3e 100644
--- a/web/app/components/base/chat/chat/context.ts
+++ b/web/app/components/base/chat/chat/context.ts
@@ -26,5 +26,3 @@ export const ChatContext = createContext<ChatContextValue>({
 })
 
 export const useChatContext = () => useContext(ChatContext)
-
-export default ChatContext
diff --git a/web/app/components/base/chat/chat/loading-anim/index.tsx b/web/app/components/base/chat/chat/loading-anim/index.tsx
index 74cc3444de..6ba37288e7 100644
--- a/web/app/components/base/chat/chat/loading-anim/index.tsx
+++ b/web/app/components/base/chat/chat/loading-anim/index.tsx
@@ -4,7 +4,7 @@ import * as React from 'react'
 import { cn } from '@/utils/classnames'
 import s from './style.module.css'
 
-export type ILoadingAnimProps = {
+type ILoadingAnimProps = {
   type: 'text' | 'avatar'
 }
 
diff --git a/web/app/components/base/chat/chat/loading-anim/style.module.css b/web/app/components/base/chat/chat/loading-anim/style.module.css
index 1e1a87a312..d5a373df6f 100644
--- a/web/app/components/base/chat/chat/loading-anim/style.module.css
+++ b/web/app/components/base/chat/chat/loading-anim/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .dot-flashing {
   position: relative;
   animation: dot-flashing 1s infinite linear alternate;
diff --git a/web/app/components/base/chat/chat/type.ts b/web/app/components/base/chat/chat/type.ts
index 7bd4de5b05..6ddb4f958e 100644
--- a/web/app/components/base/chat/chat/type.ts
+++ b/web/app/components/base/chat/chat/type.ts
@@ -29,8 +29,6 @@ export type SubmitAnnotationFunc = (
   content: string,
 ) => Promise<any>
 
-export type DisplayScene = 'web' | 'console'
-
 export type ToolInfoInThought = {
   name: string
   label: string
@@ -151,15 +149,6 @@ export type MessageReplace = {
   conversation_id: string
 }
 
-export type AnnotationReply = {
-  id: string
-  task_id: string
-  answer: string
-  conversation_id: string
-  annotation_id: string
-  annotation_author_name: string
-}
-
 export type InputForm = {
   type: InputVarType
   label: string
diff --git a/web/app/components/base/chat/embedded-chatbot/header/index.tsx b/web/app/components/base/chat/embedded-chatbot/header/index.tsx
index 9cca48b42a..7b1fb46fa0 100644
--- a/web/app/components/base/chat/embedded-chatbot/header/index.tsx
+++ b/web/app/components/base/chat/embedded-chatbot/header/index.tsx
@@ -16,7 +16,7 @@ import {
 } from '../context'
 import { CssTransform } from '../theme/utils'
 
-export type IHeaderProps = {
+type IHeaderProps = {
   isMobile?: boolean
   allowResetChat?: boolean
   customerIcon?: React.ReactNode
diff --git a/web/app/components/base/chat/types.ts b/web/app/components/base/chat/types.ts
index 1502a32e92..341dd3c689 100644
--- a/web/app/components/base/chat/types.ts
+++ b/web/app/components/base/chat/types.ts
@@ -3,42 +3,16 @@ import type { FileEntity } from '@/app/components/base/file-uploader/types'
 import type { WorkflowRunningStatus } from '@/app/components/workflow/types'
 import type {
   ModelConfig,
-  VisionSettings,
 } from '@/types/app'
 import type { HumanInputFilledFormData, HumanInputFormData, NodeTracing } from '@/types/workflow'
 
 export type {
   Inputs,
-  PromptVariable,
+
 } from '@/models/debug'
-export type { VisionFile } from '@/types/app'
+
 export { TransferMethod } from '@/types/app'
 
-export type UserInputForm = {
-  default: string
-  label: string
-  required: boolean
-  variable: string
-}
-
-export type UserInputFormTextInput = {
-  'text-input': UserInputForm & {
-    max_length: number
-  }
-}
-
-export type UserInputFormSelect = {
-  select: UserInputForm & {
-    options: string[]
-  }
-}
-
-export type UserInputFormParagraph = {
-  paragraph: UserInputForm
-}
-
-export type VisionConfig = VisionSettings
-
 export type EnableType = {
   enabled: boolean
 }
diff --git a/web/app/components/base/checkbox-list/index.tsx b/web/app/components/base/checkbox-list/index.tsx
index 6eda2aebd0..5fb5ca6028 100644
--- a/web/app/components/base/checkbox-list/index.tsx
+++ b/web/app/components/base/checkbox-list/index.tsx
@@ -9,13 +9,13 @@ import SearchMenu from '@/assets/search-menu.svg'
 import { cn } from '@/utils/classnames'
 import Button from '../button'
 
-export type CheckboxListOption = {
+type CheckboxListOption = {
   label: string
   value: string
   disabled?: boolean
 }
 
-export type CheckboxListProps = {
+type CheckboxListProps = {
   title?: string
   label?: string
   description?: string
diff --git a/web/app/components/base/copy-feedback/style.module.css b/web/app/components/base/copy-feedback/style.module.css
index 1335976835..83625d6189 100644
--- a/web/app/components/base/copy-feedback/style.module.css
+++ b/web/app/components/base/copy-feedback/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .copyIcon {
   background-image: url(~@/app/components/develop/secret-key/assets/copy.svg);
   background-position: center;
diff --git a/web/app/components/base/date-and-time-picker/calendar/days-of-week.tsx b/web/app/components/base/date-and-time-picker/calendar/days-of-week.tsx
index ac14d49ead..46670b27b3 100644
--- a/web/app/components/base/date-and-time-picker/calendar/days-of-week.tsx
+++ b/web/app/components/base/date-and-time-picker/calendar/days-of-week.tsx
@@ -17,5 +17,3 @@ export const DaysOfWeek = () => {
     </div>
   )
 }
-
-export default React.memo(DaysOfWeek)
diff --git a/web/app/components/base/date-and-time-picker/utils/dayjs.ts b/web/app/components/base/date-and-time-picker/utils/dayjs.ts
index f1c77ecc57..3e20e51cf3 100644
--- a/web/app/components/base/date-and-time-picker/utils/dayjs.ts
+++ b/web/app/components/base/date-and-time-picker/utils/dayjs.ts
@@ -126,7 +126,7 @@ export const convertTimezoneToOffsetStr = (timezone?: string) => {
 
 export const isDayjsObject = (value: unknown): value is Dayjs => dayjs.isDayjs(value)
 
-export type ToDayjsOptions = {
+type ToDayjsOptions = {
   timezone?: string
   format?: string
   formats?: string[]
diff --git a/web/app/components/base/divider/index.tsx b/web/app/components/base/divider/index.tsx
index d3693e9ffd..b096844079 100644
--- a/web/app/components/base/divider/index.tsx
+++ b/web/app/components/base/divider/index.tsx
@@ -21,7 +21,7 @@ const dividerVariants = cva('', {
   },
 })
 
-export type DividerProps = {
+type DividerProps = {
   className?: string
   style?: CSSProperties
 } & VariantProps<typeof dividerVariants>
diff --git a/web/app/components/base/features/__tests__/context.spec.tsx b/web/app/components/base/features/__tests__/context.spec.tsx
index 64bfb256f2..4be4e00d26 100644
--- a/web/app/components/base/features/__tests__/context.spec.tsx
+++ b/web/app/components/base/features/__tests__/context.spec.tsx
@@ -1,10 +1,10 @@
 import { render, screen } from '@testing-library/react'
 import * as React from 'react'
-import { useContext } from 'react'
+import { use } from 'react'
 import { FeaturesContext, FeaturesProvider } from '../context'
 
 const TestConsumer = () => {
-  const store = useContext(FeaturesContext)
+  const store = use(FeaturesContext)
   if (!store)
     return <div>no store</div>
 
@@ -34,10 +34,10 @@ describe('FeaturesProvider', () => {
   })
 
   it('should maintain the same store reference across re-renders', () => {
-    const storeRefs: Array<ReturnType<typeof useContext>> = []
+    const storeRefs: Array<React.ContextType<typeof FeaturesContext>> = []
 
     const StoreRefCollector = () => {
-      const store = useContext(FeaturesContext)
+      const store = use(FeaturesContext)
       storeRefs.push(store)
       return null
     }
diff --git a/web/app/components/base/file-uploader/index.ts b/web/app/components/base/file-uploader/index.ts
index 1ab4fdae3b..5f27f61d90 100644
--- a/web/app/components/base/file-uploader/index.ts
+++ b/web/app/components/base/file-uploader/index.ts
@@ -1,7 +1,7 @@
 export { default as FileTypeIcon } from './file-type-icon'
 export { default as FileUploaderInAttachmentWrapper } from './file-uploader-in-attachment'
-export { default as FileItemInAttachment } from './file-uploader-in-attachment/file-item'
+
 export { default as FileUploaderInChatInput } from './file-uploader-in-chat-input'
-export { default as FileItem } from './file-uploader-in-chat-input/file-item'
+
 export { FileListInChatInput } from './file-uploader-in-chat-input/file-list'
 export { FileList } from './file-uploader-in-chat-input/file-list'
diff --git a/web/app/components/base/form/form-scenarios/demo/types.ts b/web/app/components/base/form/form-scenarios/demo/types.ts
index 91ab1c7747..a8aa18b27d 100644
--- a/web/app/components/base/form/form-scenarios/demo/types.ts
+++ b/web/app/components/base/form/form-scenarios/demo/types.ts
@@ -30,5 +30,3 @@ export const UserSchema = z.object({
     preferredContactMethod: ContactMethod,
   }),
 })
-
-export type User = z.infer<typeof UserSchema>
diff --git a/web/app/components/base/form/index.tsx b/web/app/components/base/form/index.tsx
index 6c60826c32..663b7f1fe8 100644
--- a/web/app/components/base/form/index.tsx
+++ b/web/app/components/base/form/index.tsx
@@ -14,9 +14,11 @@ import UploadMethodField from './components/field/upload-method'
 import VariableOrConstantInputField from './components/field/variable-selector'
 import Actions from './components/form/actions'
 
-export const { fieldContext, useFieldContext, formContext, useFormContext }
+const { fieldContext, useFieldContext, formContext, useFormContext }
   = createFormHookContexts()
 
+export { formContext, useFieldContext, useFormContext }
+
 export const { useAppForm, withForm } = createFormHook({
   fieldComponents: {
     TextField,
diff --git a/web/app/components/base/form/types.ts b/web/app/components/base/form/types.ts
index a2b434f3cf..4b83b9e4c9 100644
--- a/web/app/components/base/form/types.ts
+++ b/web/app/components/base/form/types.ts
@@ -82,8 +82,6 @@ export type FormSchema = {
   }
 }
 
-export type FormValues = Record<string, any>
-
 export type GetValuesOptions = {
   needTransformWhenSecretFieldIsPristine?: boolean
   needCheckValidatedValues?: boolean
diff --git a/web/app/components/base/ga/index.tsx b/web/app/components/base/ga/index.tsx
index 3e19afd974..79783c75cc 100644
--- a/web/app/components/base/ga/index.tsx
+++ b/web/app/components/base/ga/index.tsx
@@ -9,16 +9,16 @@ export enum GaType {
   webapp = 'webapp',
 }
 
-export const GA_MEASUREMENT_ID_ADMIN = 'G-DM9497FN4V'
-export const GA_MEASUREMENT_ID_WEBAPP = 'G-2MFWXK7WYT'
-export const COOKIEYES_SCRIPT_SRC = 'https://cdn-cookieyes.com/client_data/2a645945fcae53f8e025a2b1/script.js'
+const GA_MEASUREMENT_ID_ADMIN = 'G-DM9497FN4V'
+const GA_MEASUREMENT_ID_WEBAPP = 'G-2MFWXK7WYT'
+const COOKIEYES_SCRIPT_SRC = 'https://cdn-cookieyes.com/client_data/2a645945fcae53f8e025a2b1/script.js'
 
 const gaIdMaps = {
   [GaType.admin]: GA_MEASUREMENT_ID_ADMIN,
   [GaType.webapp]: GA_MEASUREMENT_ID_WEBAPP,
 }
 
-export type IGAProps = {
+type IGAProps = {
   gaType: GaType
 }
 
diff --git a/web/app/components/base/grid-mask/style.module.css b/web/app/components/base/grid-mask/style.module.css
index 24d73a62af..e051271fab 100644
--- a/web/app/components/base/grid-mask/style.module.css
+++ b/web/app/components/base/grid-mask/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .gridBg{
   background-image: url(./Grid.svg);
   background-repeat: repeat;
diff --git a/web/app/components/base/icons/IconBase.tsx b/web/app/components/base/icons/IconBase.tsx
index 13ab7c816b..2de0f3239e 100644
--- a/web/app/components/base/icons/IconBase.tsx
+++ b/web/app/components/base/icons/IconBase.tsx
@@ -6,7 +6,7 @@ export type IconData = {
   icon: AbstractNode
 }
 
-export type IconBaseProps = {
+type IconBaseProps = {
   data: IconData
   className?: string
   onClick?: React.MouseEventHandler<SVGElement>
diff --git a/web/app/components/base/icons/src/image/llm/BaichuanTextCn.module.css b/web/app/components/base/icons/src/image/llm/BaichuanTextCn.module.css
index 1b6bd72501..97ab9b22f9 100644
--- a/web/app/components/base/icons/src/image/llm/BaichuanTextCn.module.css
+++ b/web/app/components/base/icons/src/image/llm/BaichuanTextCn.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .wrapper {
   display: inline-flex;
   background: url(~@/app/components/base/icons/assets/image/llm/baichuan-text-cn.png) center center no-repeat;
diff --git a/web/app/components/base/icons/src/image/llm/Minimax.module.css b/web/app/components/base/icons/src/image/llm/Minimax.module.css
index c20144d754..551ecc3c62 100644
--- a/web/app/components/base/icons/src/image/llm/Minimax.module.css
+++ b/web/app/components/base/icons/src/image/llm/Minimax.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .wrapper {
   display: inline-flex;
   background: url(~@/app/components/base/icons/assets/image/llm/minimax.png) center center no-repeat;
diff --git a/web/app/components/base/icons/src/image/llm/MinimaxText.module.css b/web/app/components/base/icons/src/image/llm/MinimaxText.module.css
index 459b6e9b3b..a63be49e8b 100644
--- a/web/app/components/base/icons/src/image/llm/MinimaxText.module.css
+++ b/web/app/components/base/icons/src/image/llm/MinimaxText.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .wrapper {
   display: inline-flex;
   background: url(~@/app/components/base/icons/assets/image/llm/minimax-text.png) center center no-repeat;
diff --git a/web/app/components/base/icons/src/image/llm/Tongyi.module.css b/web/app/components/base/icons/src/image/llm/Tongyi.module.css
index d510c6bc28..3ca440768c 100644
--- a/web/app/components/base/icons/src/image/llm/Tongyi.module.css
+++ b/web/app/components/base/icons/src/image/llm/Tongyi.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .wrapper {
   display: inline-flex;
   background: url(~@/app/components/base/icons/assets/image/llm/tongyi.png) center center no-repeat;
diff --git a/web/app/components/base/icons/src/image/llm/TongyiText.module.css b/web/app/components/base/icons/src/image/llm/TongyiText.module.css
index c76ea97e69..f713671808 100644
--- a/web/app/components/base/icons/src/image/llm/TongyiText.module.css
+++ b/web/app/components/base/icons/src/image/llm/TongyiText.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .wrapper {
   display: inline-flex;
   background: url(~@/app/components/base/icons/assets/image/llm/tongyi-text.png) center center no-repeat;
diff --git a/web/app/components/base/icons/src/image/llm/TongyiTextCn.module.css b/web/app/components/base/icons/src/image/llm/TongyiTextCn.module.css
index c6404a0ed8..d07e6e8bc4 100644
--- a/web/app/components/base/icons/src/image/llm/TongyiTextCn.module.css
+++ b/web/app/components/base/icons/src/image/llm/TongyiTextCn.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .wrapper {
   display: inline-flex;
   background: url(~@/app/components/base/icons/assets/image/llm/tongyi-text-cn.png) center center no-repeat;
diff --git a/web/app/components/base/icons/src/image/llm/Wxyy.module.css b/web/app/components/base/icons/src/image/llm/Wxyy.module.css
index 891fb1e80c..44344a495f 100644
--- a/web/app/components/base/icons/src/image/llm/Wxyy.module.css
+++ b/web/app/components/base/icons/src/image/llm/Wxyy.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .wrapper {
   display: inline-flex;
   background: url(~@/app/components/base/icons/assets/image/llm/wxyy.png) center center no-repeat;
diff --git a/web/app/components/base/icons/src/image/llm/WxyyText.module.css b/web/app/components/base/icons/src/image/llm/WxyyText.module.css
index cfa5523fbc..58a0c62047 100644
--- a/web/app/components/base/icons/src/image/llm/WxyyText.module.css
+++ b/web/app/components/base/icons/src/image/llm/WxyyText.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .wrapper {
   display: inline-flex;
   background: url(~@/app/components/base/icons/assets/image/llm/wxyy-text.png) center center no-repeat;
diff --git a/web/app/components/base/icons/src/image/llm/WxyyTextCn.module.css b/web/app/components/base/icons/src/image/llm/WxyyTextCn.module.css
index a3b3b9e03e..fb5839ab07 100644
--- a/web/app/components/base/icons/src/image/llm/WxyyTextCn.module.css
+++ b/web/app/components/base/icons/src/image/llm/WxyyTextCn.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .wrapper {
   display: inline-flex;
   background: url(~@/app/components/base/icons/assets/image/llm/wxyy-text-cn.png) center center no-repeat;
diff --git a/web/app/components/base/icons/src/image/llm/index.ts b/web/app/components/base/icons/src/image/llm/index.ts
deleted file mode 100644
index 1b7f8c48eb..0000000000
--- a/web/app/components/base/icons/src/image/llm/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export { default as BaichuanTextCn } from './BaichuanTextCn'
-export { default as Minimax } from './Minimax'
-export { default as MinimaxText } from './MinimaxText'
-export { default as Tongyi } from './Tongyi'
-export { default as TongyiText } from './TongyiText'
-export { default as TongyiTextCn } from './TongyiTextCn'
-export { default as Wxyy } from './Wxyy'
-export { default as WxyyText } from './WxyyText'
-export { default as WxyyTextCn } from './WxyyTextCn'
diff --git a/web/app/components/base/icons/src/public/billing/index.ts b/web/app/components/base/icons/src/public/billing/index.ts
index bd8fdc10dd..c80933b0db 100644
--- a/web/app/components/base/icons/src/public/billing/index.ts
+++ b/web/app/components/base/icons/src/public/billing/index.ts
@@ -1,12 +1,5 @@
-export { default as ArCube1 } from './ArCube1'
-export { default as Asterisk } from './Asterisk'
 export { default as AwsMarketplaceDark } from './AwsMarketplaceDark'
 export { default as AwsMarketplaceLight } from './AwsMarketplaceLight'
 export { default as Azure } from './Azure'
-export { default as Buildings } from './Buildings'
-export { default as Diamond } from './Diamond'
+
 export { default as GoogleCloud } from './GoogleCloud'
-export { default as Group2 } from './Group2'
-export { default as Keyframe } from './Keyframe'
-export { default as Sparkles } from './Sparkles'
-export { default as SparklesSoft } from './SparklesSoft'
diff --git a/web/app/components/base/icons/src/public/common/index.ts b/web/app/components/base/icons/src/public/common/index.ts
index c19ab569fa..894570bc8f 100644
--- a/web/app/components/base/icons/src/public/common/index.ts
+++ b/web/app/components/base/icons/src/public/common/index.ts
@@ -1,16 +1,9 @@
-export { default as D } from './D'
-export { default as DiagonalDividingLine } from './DiagonalDividingLine'
-export { default as Dify } from './Dify'
-export { default as Gdpr } from './Gdpr'
 export { default as Github } from './Github'
 export { default as Highlight } from './Highlight'
-export { default as Iso } from './Iso'
+
 export { default as Line3 } from './Line3'
-export { default as Lock } from './Lock'
-export { default as MessageChatSquare } from './MessageChatSquare'
-export { default as MultiPathRetrieval } from './MultiPathRetrieval'
+
 export { default as Notion } from './Notion'
-export { default as NTo1Retrieval } from './NTo1Retrieval'
-export { default as Soc2 } from './Soc2'
+
 export { default as SparklesSoft } from './SparklesSoft'
 export { default as SparklesSoftAccent } from './SparklesSoftAccent'
diff --git a/web/app/components/base/icons/src/public/knowledge/dataset-card/index.ts b/web/app/components/base/icons/src/public/knowledge/dataset-card/index.ts
index 9f45717e73..50d6bac1ed 100644
--- a/web/app/components/base/icons/src/public/knowledge/dataset-card/index.ts
+++ b/web/app/components/base/icons/src/public/knowledge/dataset-card/index.ts
@@ -1,5 +1,5 @@
 export { default as ExternalKnowledgeBase } from './ExternalKnowledgeBase'
 export { default as General } from './General'
-export { default as Graph } from './Graph'
+
 export { default as ParentChild } from './ParentChild'
 export { default as Qa } from './Qa'
diff --git a/web/app/components/base/icons/src/public/knowledge/index.ts b/web/app/components/base/icons/src/public/knowledge/index.ts
index 4acde1663b..c0d35e9ef3 100644
--- a/web/app/components/base/icons/src/public/knowledge/index.ts
+++ b/web/app/components/base/icons/src/public/knowledge/index.ts
@@ -1,8 +1,6 @@
-export { default as File } from './File'
 export { default as OptionCardEffectBlue } from './OptionCardEffectBlue'
 export { default as OptionCardEffectBlueLight } from './OptionCardEffectBlueLight'
 export { default as OptionCardEffectOrange } from './OptionCardEffectOrange'
 export { default as OptionCardEffectPurple } from './OptionCardEffectPurple'
 export { default as OptionCardEffectTeal } from './OptionCardEffectTeal'
 export { default as SelectionMod } from './SelectionMod'
-export { default as Watercrawl } from './Watercrawl'
diff --git a/web/app/components/base/icons/src/public/llm/index.ts b/web/app/components/base/icons/src/public/llm/index.ts
index 0c5cef4a36..6b77aefe51 100644
--- a/web/app/components/base/icons/src/public/llm/index.ts
+++ b/web/app/components/base/icons/src/public/llm/index.ts
@@ -1,50 +1,14 @@
-export { default as Anthropic } from './Anthropic'
 export { default as AnthropicDark } from './AnthropicDark'
 export { default as AnthropicLight } from './AnthropicLight'
 export { default as AnthropicShortLight } from './AnthropicShortLight'
-export { default as AnthropicText } from './AnthropicText'
-export { default as Azureai } from './Azureai'
-export { default as AzureaiText } from './AzureaiText'
-export { default as AzureOpenaiService } from './AzureOpenaiService'
-export { default as AzureOpenaiServiceText } from './AzureOpenaiServiceText'
-export { default as Baichuan } from './Baichuan'
-export { default as BaichuanText } from './BaichuanText'
-export { default as Chatglm } from './Chatglm'
-export { default as ChatglmText } from './ChatglmText'
-export { default as Cohere } from './Cohere'
-export { default as CohereText } from './CohereText'
+
 export { default as Deepseek } from './Deepseek'
 export { default as Gemini } from './Gemini'
-export { default as Gpt3 } from './Gpt3'
-export { default as Gpt4 } from './Gpt4'
+
 export { default as Grok } from './Grok'
-export { default as Huggingface } from './Huggingface'
-export { default as HuggingfaceText } from './HuggingfaceText'
-export { default as HuggingfaceTextHub } from './HuggingfaceTextHub'
-export { default as IflytekSpark } from './IflytekSpark'
-export { default as IflytekSparkText } from './IflytekSparkText'
-export { default as IflytekSparkTextCn } from './IflytekSparkTextCn'
-export { default as Jina } from './Jina'
-export { default as JinaText } from './JinaText'
-export { default as Localai } from './Localai'
-export { default as LocalaiText } from './LocalaiText'
-export { default as Microsoft } from './Microsoft'
-export { default as OpenaiBlack } from './OpenaiBlack'
-export { default as OpenaiBlue } from './OpenaiBlue'
-export { default as OpenaiGreen } from './OpenaiGreen'
+
 export { default as OpenaiSmall } from './OpenaiSmall'
-export { default as OpenaiTeal } from './OpenaiTeal'
-export { default as OpenaiText } from './OpenaiText'
-export { default as OpenaiTransparent } from './OpenaiTransparent'
-export { default as OpenaiViolet } from './OpenaiViolet'
+
 export { default as OpenaiYellow } from './OpenaiYellow'
-export { default as Openllm } from './Openllm'
-export { default as OpenllmText } from './OpenllmText'
-export { default as Replicate } from './Replicate'
-export { default as ReplicateText } from './ReplicateText'
+
 export { default as Tongyi } from './Tongyi'
-export { default as XorbitsInference } from './XorbitsInference'
-export { default as XorbitsInferenceText } from './XorbitsInferenceText'
-export { default as Zhipuai } from './Zhipuai'
-export { default as ZhipuaiText } from './ZhipuaiText'
-export { default as ZhipuaiTextCn } from './ZhipuaiTextCn'
diff --git a/web/app/components/base/icons/src/public/model/index.ts b/web/app/components/base/icons/src/public/model/index.ts
deleted file mode 100644
index 719a6f0309..0000000000
--- a/web/app/components/base/icons/src/public/model/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Checked } from './Checked'
diff --git a/web/app/components/base/icons/src/public/other/index.ts b/web/app/components/base/icons/src/public/other/index.ts
index 10987368fb..a8f91dd98b 100644
--- a/web/app/components/base/icons/src/public/other/index.ts
+++ b/web/app/components/base/icons/src/public/other/index.ts
@@ -1,5 +1,5 @@
 export { default as DefaultToolIcon } from './DefaultToolIcon'
-export { default as Icon3Dots } from './Icon3Dots'
+
 export { default as Message3Fill } from './Message3Fill'
 export { default as RowStruct } from './RowStruct'
 export { default as Slack } from './Slack'
diff --git a/web/app/components/base/icons/src/public/plugins/index.ts b/web/app/components/base/icons/src/public/plugins/index.ts
deleted file mode 100644
index 87dc37167c..0000000000
--- a/web/app/components/base/icons/src/public/plugins/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export { default as Google } from './Google'
-export { default as PartnerDark } from './PartnerDark'
-export { default as PartnerLight } from './PartnerLight'
-export { default as VerifiedDark } from './VerifiedDark'
-export { default as VerifiedLight } from './VerifiedLight'
-export { default as WebReader } from './WebReader'
-export { default as Wikipedia } from './Wikipedia'
diff --git a/web/app/components/base/icons/src/public/thought/index.ts b/web/app/components/base/icons/src/public/thought/index.ts
index 8a45489dbf..10f5e3f5c3 100644
--- a/web/app/components/base/icons/src/public/thought/index.ts
+++ b/web/app/components/base/icons/src/public/thought/index.ts
@@ -1,5 +1 @@
-export { default as DataSet } from './DataSet'
 export { default as Loading } from './Loading'
-export { default as Search } from './Search'
-export { default as ThoughtList } from './ThoughtList'
-export { default as WebReader } from './WebReader'
diff --git a/web/app/components/base/icons/src/vender/knowledge/index.ts b/web/app/components/base/icons/src/vender/knowledge/index.ts
index 44055c4975..99a4f26ed5 100644
--- a/web/app/components/base/icons/src/vender/knowledge/index.ts
+++ b/web/app/components/base/icons/src/vender/knowledge/index.ts
@@ -3,7 +3,7 @@ export { default as ApiAggregate } from './ApiAggregate'
 export { default as ArrowShape } from './ArrowShape'
 export { default as Chunk } from './Chunk'
 export { default as Collapse } from './Collapse'
-export { default as Divider } from './Divider'
+
 export { default as Economic } from './Economic'
 export { default as FullTextSearch } from './FullTextSearch'
 export { default as GeneralChunk } from './GeneralChunk'
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/index.ts b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/index.ts
index 4e721d70eb..27f8709bed 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/index.ts
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/index.ts
@@ -1,4 +1,2 @@
-export { default as AlertTriangle } from './AlertTriangle'
-export { default as ThumbsDown } from './ThumbsDown'
 export { default as ThumbsUp } from './ThumbsUp'
 export { default as Warning } from './Warning'
diff --git a/web/app/components/base/icons/src/vender/line/arrows/index.ts b/web/app/components/base/icons/src/vender/line/arrows/index.ts
index 174c69bd95..b27efc2e9c 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/index.ts
+++ b/web/app/components/base/icons/src/vender/line/arrows/index.ts
@@ -3,7 +3,5 @@ export { default as ArrowUpRight } from './ArrowUpRight'
 export { default as ChevronDownDouble } from './ChevronDownDouble'
 export { default as ChevronRight } from './ChevronRight'
 export { default as ChevronSelectorVertical } from './ChevronSelectorVertical'
-export { default as IconR } from './IconR'
+
 export { default as RefreshCcw01 } from './RefreshCcw01'
-export { default as RefreshCw05 } from './RefreshCw05'
-export { default as ReverseLeft } from './ReverseLeft'
diff --git a/web/app/components/base/icons/src/vender/line/communication/index.ts b/web/app/components/base/icons/src/vender/line/communication/index.ts
index a6844c2b69..45a762a1dd 100644
--- a/web/app/components/base/icons/src/vender/line/communication/index.ts
+++ b/web/app/components/base/icons/src/vender/line/communication/index.ts
@@ -1,6 +1,4 @@
-export { default as AiText } from './AiText'
-export { default as ChatBot } from './ChatBot'
 export { default as ChatBotSlim } from './ChatBotSlim'
-export { default as CuteRobot } from './CuteRobot'
+
 export { default as MessageCheckRemove } from './MessageCheckRemove'
 export { default as MessageFastPlus } from './MessageFastPlus'
diff --git a/web/app/components/base/icons/src/vender/line/development/index.ts b/web/app/components/base/icons/src/vender/line/development/index.ts
index 93bb1956bb..7c3c48aa5e 100644
--- a/web/app/components/base/icons/src/vender/line/development/index.ts
+++ b/web/app/components/base/icons/src/vender/line/development/index.ts
@@ -1,14 +1,2 @@
-export { default as ArtificialBrain } from './ArtificialBrain'
-export { default as BarChartSquare02 } from './BarChartSquare02'
 export { default as BracketsX } from './BracketsX'
 export { default as CodeBrowser } from './CodeBrowser'
-export { default as Container } from './Container'
-export { default as Database01 } from './Database01'
-export { default as Database03 } from './Database03'
-export { default as FileHeart02 } from './FileHeart02'
-export { default as GitBranch01 } from './GitBranch01'
-export { default as PromptEngineering } from './PromptEngineering'
-export { default as PuzzlePiece01 } from './PuzzlePiece01'
-export { default as TerminalSquare } from './TerminalSquare'
-export { default as Variable } from './Variable'
-export { default as Webhooks } from './Webhooks'
diff --git a/web/app/components/base/icons/src/vender/line/editor/index.ts b/web/app/components/base/icons/src/vender/line/editor/index.ts
index b31c42e390..c968aa814c 100644
--- a/web/app/components/base/icons/src/vender/line/editor/index.ts
+++ b/web/app/components/base/icons/src/vender/line/editor/index.ts
@@ -1,8 +1 @@
-export { default as AlignLeft } from './AlignLeft'
-export { default as BezierCurve03 } from './BezierCurve03'
-export { default as Collapse } from './Collapse'
-export { default as Colors } from './Colors'
 export { default as ImageIndentLeft } from './ImageIndentLeft'
-export { default as LeftIndent02 } from './LeftIndent02'
-export { default as LetterSpacing01 } from './LetterSpacing01'
-export { default as TypeSquare } from './TypeSquare'
diff --git a/web/app/components/base/icons/src/vender/line/files/index.ts b/web/app/components/base/icons/src/vender/line/files/index.ts
index 8455f7b56a..afdc65cb24 100644
--- a/web/app/components/base/icons/src/vender/line/files/index.ts
+++ b/web/app/components/base/icons/src/vender/line/files/index.ts
@@ -1,11 +1,10 @@
 export { default as Copy } from './Copy'
 export { default as CopyCheck } from './CopyCheck'
-export { default as File02 } from './File02'
+
 export { default as FileArrow01 } from './FileArrow01'
-export { default as FileCheck02 } from './FileCheck02'
+
 export { default as FileDownload02 } from './FileDownload02'
 export { default as FilePlus01 } from './FilePlus01'
 export { default as FilePlus02 } from './FilePlus02'
-export { default as FileText } from './FileText'
-export { default as FileUpload } from './FileUpload'
+
 export { default as Folder } from './Folder'
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/index.ts b/web/app/components/base/icons/src/vender/line/financeAndECommerce/index.ts
index 8a98a4612c..736eeca453 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/index.ts
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/index.ts
@@ -1,7 +1,6 @@
 export { default as Balance } from './Balance'
-export { default as CoinsStacked01 } from './CoinsStacked01'
+
 export { default as CreditsCoin } from './CreditsCoin'
-export { default as GoldCoin } from './GoldCoin'
-export { default as ReceiptList } from './ReceiptList'
+
 export { default as Tag01 } from './Tag01'
 export { default as Tag03 } from './Tag03'
diff --git a/web/app/components/base/icons/src/vender/line/general/index.ts b/web/app/components/base/icons/src/vender/line/general/index.ts
index 2409367264..33f67f01a5 100644
--- a/web/app/components/base/icons/src/vender/line/general/index.ts
+++ b/web/app/components/base/icons/src/vender/line/general/index.ts
@@ -1,30 +1,19 @@
-export { default as AtSign } from './AtSign'
-export { default as Bookmark } from './Bookmark'
 export { default as Check } from './Check'
-export { default as CheckDone01 } from './CheckDone01'
-export { default as ChecklistSquare } from './ChecklistSquare'
+
 export { default as CodeAssistant } from './CodeAssistant'
-export { default as DotsGrid } from './DotsGrid'
-export { default as Edit02 } from './Edit02'
-export { default as Edit04 } from './Edit04'
-export { default as Edit05 } from './Edit05'
-export { default as Hash02 } from './Hash02'
-export { default as InfoCircle } from './InfoCircle'
+
 export { default as Link03 } from './Link03'
 export { default as LinkExternal02 } from './LinkExternal02'
-export { default as LogIn04 } from './LogIn04'
+
 export { default as LogOut01 } from './LogOut01'
-export { default as LogOut04 } from './LogOut04'
+
 export { default as MagicEdit } from './MagicEdit'
-export { default as Menu01 } from './Menu01'
-export { default as Pin01 } from './Pin01'
+
 export { default as Pin02 } from './Pin02'
 export { default as Plus02 } from './Plus02'
-export { default as Refresh } from './Refresh'
+
 export { default as SearchMenu } from './SearchMenu'
 export { default as Settings01 } from './Settings01'
 export { default as Settings04 } from './Settings04'
-export { default as Target04 } from './Target04'
-export { default as Upload03 } from './Upload03'
-export { default as UploadCloud01 } from './UploadCloud01'
+
 export { default as X } from './X'
diff --git a/web/app/components/base/icons/src/vender/line/layout/index.ts b/web/app/components/base/icons/src/vender/line/layout/index.ts
index 7c12b1f58f..a6aa205faa 100644
--- a/web/app/components/base/icons/src/vender/line/layout/index.ts
+++ b/web/app/components/base/icons/src/vender/line/layout/index.ts
@@ -1,4 +1 @@
-export { default as AlignLeft01 } from './AlignLeft01'
-export { default as AlignRight01 } from './AlignRight01'
-export { default as Grid01 } from './Grid01'
 export { default as LayoutGrid02 } from './LayoutGrid02'
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/index.ts b/web/app/components/base/icons/src/vender/line/mediaAndDevices/index.ts
index 163c433ac8..35052d6564 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/index.ts
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/index.ts
@@ -1,6 +1,2 @@
-export { default as Microphone01 } from './Microphone01'
-export { default as PlayCircle } from './PlayCircle'
-export { default as SlidersH } from './SlidersH'
-export { default as Speaker } from './Speaker'
 export { default as Stop } from './Stop'
 export { default as StopCircle } from './StopCircle'
diff --git a/web/app/components/base/icons/src/vender/line/others/index.ts b/web/app/components/base/icons/src/vender/line/others/index.ts
index 99db66b397..0425327c6c 100644
--- a/web/app/components/base/icons/src/vender/line/others/index.ts
+++ b/web/app/components/base/icons/src/vender/line/others/index.ts
@@ -1,10 +1,8 @@
 export { default as BubbleX } from './BubbleX'
-export { default as Colors } from './Colors'
+
 export { default as DragHandle } from './DragHandle'
 export { default as Env } from './Env'
 export { default as GlobalVariable } from './GlobalVariable'
 export { default as Icon3Dots } from './Icon3Dots'
 export { default as LongArrowLeft } from './LongArrowLeft'
 export { default as LongArrowRight } from './LongArrowRight'
-export { default as SearchMenu } from './SearchMenu'
-export { default as Tools } from './Tools'
diff --git a/web/app/components/base/icons/src/vender/line/shapes/index.ts b/web/app/components/base/icons/src/vender/line/shapes/index.ts
deleted file mode 100644
index daf43bcaf7..0000000000
--- a/web/app/components/base/icons/src/vender/line/shapes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as CubeOutline } from './CubeOutline'
diff --git a/web/app/components/base/icons/src/vender/line/time/index.ts b/web/app/components/base/icons/src/vender/line/time/index.ts
index 7fd91f2b2e..2187814bbf 100644
--- a/web/app/components/base/icons/src/vender/line/time/index.ts
+++ b/web/app/components/base/icons/src/vender/line/time/index.ts
@@ -1,4 +1,2 @@
 export { default as ClockFastForward } from './ClockFastForward'
 export { default as ClockPlay } from './ClockPlay'
-export { default as ClockPlaySlim } from './ClockPlaySlim'
-export { default as ClockRefresh } from './ClockRefresh'
diff --git a/web/app/components/base/icons/src/vender/line/users/index.ts b/web/app/components/base/icons/src/vender/line/users/index.ts
deleted file mode 100644
index 9f8a35152f..0000000000
--- a/web/app/components/base/icons/src/vender/line/users/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as User01 } from './User01'
-export { default as Users01 } from './Users01'
diff --git a/web/app/components/base/icons/src/vender/line/weather/index.ts b/web/app/components/base/icons/src/vender/line/weather/index.ts
deleted file mode 100644
index 1a68bce765..0000000000
--- a/web/app/components/base/icons/src/vender/line/weather/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Stars02 } from './Stars02'
diff --git a/web/app/components/base/icons/src/vender/other/index.ts b/web/app/components/base/icons/src/vender/other/index.ts
index 0ca5f22bcf..493bac1931 100644
--- a/web/app/components/base/icons/src/vender/other/index.ts
+++ b/web/app/components/base/icons/src/vender/other/index.ts
@@ -1,4 +1,3 @@
-export { default as AnthropicText } from './AnthropicText'
 export { default as Generator } from './Generator'
 export { default as Group } from './Group'
 export { default as HourglassShape } from './HourglassShape'
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/index.ts b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/index.ts
index 777fe96845..7770962bfa 100644
--- a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/index.ts
@@ -1,2 +1 @@
-export { default as GoldCoin } from './GoldCoin'
 export { default as Scales02 } from './Scales02'
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/index.ts b/web/app/components/base/icons/src/vender/solid/arrows/index.ts
index 58ce9aa8ac..d89a969bd4 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/arrows/index.ts
@@ -1,5 +1,3 @@
 export { default as ArrowDownDoubleLine } from './ArrowDownDoubleLine'
 export { default as ArrowDownRoundFill } from './ArrowDownRoundFill'
 export { default as ArrowUpDoubleLine } from './ArrowUpDoubleLine'
-export { default as ChevronDown } from './ChevronDown'
-export { default as HighPriority } from './HighPriority'
diff --git a/web/app/components/base/icons/src/vender/solid/communication/index.ts b/web/app/components/base/icons/src/vender/solid/communication/index.ts
index 7d2a3a5a95..2da1ac57e8 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/communication/index.ts
@@ -1,12 +1,8 @@
-export { default as AiText } from './AiText'
 export { default as BubbleTextMod } from './BubbleTextMod'
 export { default as ChatBot } from './ChatBot'
 export { default as CuteRobot } from './CuteRobot'
-export { default as EditList } from './EditList'
+
 export { default as ListSparkle } from './ListSparkle'
 export { default as Logic } from './Logic'
-export { default as MessageDotsCircle } from './MessageDotsCircle'
+
 export { default as MessageFast } from './MessageFast'
-export { default as MessageHeartCircle } from './MessageHeartCircle'
-export { default as MessageSmileSquare } from './MessageSmileSquare'
-export { default as Send03 } from './Send03'
diff --git a/web/app/components/base/icons/src/vender/solid/development/index.ts b/web/app/components/base/icons/src/vender/solid/development/index.ts
index f67d854beb..25eb3d2736 100644
--- a/web/app/components/base/icons/src/vender/solid/development/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/development/index.ts
@@ -1,13 +1,5 @@
 export { default as ApiConnection } from './ApiConnection'
 export { default as ApiConnectionMod } from './ApiConnectionMod'
-export { default as BarChartSquare02 } from './BarChartSquare02'
-export { default as Container } from './Container'
-export { default as Database02 } from './Database02'
-export { default as Database03 } from './Database03'
-export { default as FileHeart02 } from './FileHeart02'
-export { default as PatternRecognition } from './PatternRecognition'
-export { default as PromptEngineering } from './PromptEngineering'
-export { default as PuzzlePiece01 } from './PuzzlePiece01'
-export { default as Semantic } from './Semantic'
+
 export { default as TerminalSquare } from './TerminalSquare'
 export { default as Variable02 } from './Variable02'
diff --git a/web/app/components/base/icons/src/vender/solid/editor/index.ts b/web/app/components/base/icons/src/vender/solid/editor/index.ts
index 6b1a0a1afa..8b6debe736 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/editor/index.ts
@@ -1,5 +1 @@
 export { default as Brush01 } from './Brush01'
-export { default as Citations } from './Citations'
-export { default as Colors } from './Colors'
-export { default as Paragraph } from './Paragraph'
-export { default as TypeSquare } from './TypeSquare'
diff --git a/web/app/components/base/icons/src/vender/solid/education/index.ts b/web/app/components/base/icons/src/vender/solid/education/index.ts
index 2c8a3b6046..e67b631335 100644
--- a/web/app/components/base/icons/src/vender/solid/education/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/education/index.ts
@@ -1,4 +1,4 @@
 export { default as Beaker02 } from './Beaker02'
 export { default as BubbleText } from './BubbleText'
-export { default as Heart02 } from './Heart02'
+
 export { default as Unblur } from './Unblur'
diff --git a/web/app/components/base/icons/src/vender/solid/files/index.ts b/web/app/components/base/icons/src/vender/solid/files/index.ts
index fa93cd68dc..7677ba6761 100644
--- a/web/app/components/base/icons/src/vender/solid/files/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/files/index.ts
@@ -1,4 +1,4 @@
 export { default as File05 } from './File05'
-export { default as FileSearch02 } from './FileSearch02'
+
 export { default as FileZip } from './FileZip'
 export { default as Folder } from './Folder'
diff --git a/web/app/components/base/icons/src/vender/solid/general/index.ts b/web/app/components/base/icons/src/vender/solid/general/index.ts
index 4c4dd9a437..273fb7e876 100644
--- a/web/app/components/base/icons/src/vender/solid/general/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/general/index.ts
@@ -1,18 +1,14 @@
-export { default as AnswerTriangle } from './AnswerTriangle'
 export { default as ArrowDownRoundFill } from './ArrowDownRoundFill'
 export { default as CheckCircle } from './CheckCircle'
-export { default as CheckDone01 } from './CheckDone01'
+
 export { default as Download02 } from './Download02'
 export { default as Edit03 } from './Edit03'
-export { default as Edit04 } from './Edit04'
+
 export { default as Eye } from './Eye'
 export { default as Github } from './Github'
 export { default as MessageClockCircle } from './MessageClockCircle'
-export { default as PlusCircle } from './PlusCircle'
-export { default as QuestionTriangle } from './QuestionTriangle'
-export { default as SearchMd } from './SearchMd'
+
 export { default as Target04 } from './Target04'
 export { default as Tool03 } from './Tool03'
 export { default as XCircle } from './XCircle'
 export { default as ZapFast } from './ZapFast'
-export { default as ZapNarrow } from './ZapNarrow'
diff --git a/web/app/components/base/icons/src/vender/solid/layout/index.ts b/web/app/components/base/icons/src/vender/solid/layout/index.ts
deleted file mode 100644
index 73a2513d51..0000000000
--- a/web/app/components/base/icons/src/vender/solid/layout/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as Grid01 } from './Grid01'
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/index.ts b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/index.ts
index 7c313fecfb..7d1bf786e9 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/index.ts
@@ -1,12 +1,3 @@
-export { default as AudioSupportIcon } from './AudioSupportIcon'
-export { default as DocumentSupportIcon } from './DocumentSupportIcon'
 export { default as MagicBox } from './MagicBox'
-export { default as MagicEyes } from './MagicEyes'
-export { default as MagicWand } from './MagicWand'
-export { default as Microphone01 } from './Microphone01'
-export { default as Play } from './Play'
-export { default as Robot } from './Robot'
-export { default as Sliders02 } from './Sliders02'
-export { default as Speaker } from './Speaker'
+
 export { default as StopCircle } from './StopCircle'
-export { default as VideoSupportIcon } from './VideoSupportIcon'
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/index.ts b/web/app/components/base/icons/src/vender/solid/shapes/index.ts
index 2768e3949a..f25784ab02 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/shapes/index.ts
@@ -1,3 +1 @@
 export { default as Corner } from './Corner'
-export { default as Star04 } from './Star04'
-export { default as Star06 } from './Star06'
diff --git a/web/app/components/base/icons/src/vender/solid/users/index.ts b/web/app/components/base/icons/src/vender/solid/users/index.ts
index 4c969bffd7..1691fc8401 100644
--- a/web/app/components/base/icons/src/vender/solid/users/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/users/index.ts
@@ -1,4 +1 @@
-export { default as User01 } from './User01'
 export { default as UserEdit02 } from './UserEdit02'
-export { default as Users01 } from './Users01'
-export { default as UsersPlus } from './UsersPlus'
diff --git a/web/app/components/base/icons/src/vender/workflow/HumanInLoop.tsx b/web/app/components/base/icons/src/vender/workflow/HumanInLoop.tsx
index a94daf432a..8c88642476 100644
--- a/web/app/components/base/icons/src/vender/workflow/HumanInLoop.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/HumanInLoop.tsx
@@ -11,7 +11,7 @@ const Icon = (
     ref,
     ...props
   }: React.SVGProps<SVGSVGElement> & {
-    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>
+    ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
   },
 ) => <IconBase {...props} ref={ref} data={data as IconData} />
 
diff --git a/web/app/components/base/icons/src/vender/workflow/index.ts b/web/app/components/base/icons/src/vender/workflow/index.ts
index c21e865a09..c2511d3816 100644
--- a/web/app/components/base/icons/src/vender/workflow/index.ts
+++ b/web/app/components/base/icons/src/vender/workflow/index.ts
@@ -13,7 +13,7 @@ export { default as Http } from './Http'
 export { default as HumanInLoop } from './HumanInLoop'
 export { default as IfElse } from './IfElse'
 export { default as Iteration } from './Iteration'
-export { default as IterationStart } from './IterationStart'
+
 export { default as Jinja } from './Jinja'
 export { default as KnowledgeBase } from './KnowledgeBase'
 export { default as KnowledgeRetrieval } from './KnowledgeRetrieval'
diff --git a/web/app/components/base/icons/utils.ts b/web/app/components/base/icons/utils.ts
index 9a15a0816d..51a1d70568 100644
--- a/web/app/components/base/icons/utils.ts
+++ b/web/app/components/base/icons/utils.ts
@@ -8,7 +8,7 @@ export type AbstractNode = {
   children?: AbstractNode[]
 }
 
-export type Attrs = {
+type Attrs = {
   [key: string]: string | undefined
 }
 
diff --git a/web/app/components/base/image-gallery/style.module.css b/web/app/components/base/image-gallery/style.module.css
index 3cbe886b04..2e4c62e456 100644
--- a/web/app/components/base/image-gallery/style.module.css
+++ b/web/app/components/base/image-gallery/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .item {
   max-height: 200px;
   margin-right: 8px;
diff --git a/web/app/components/base/inline-delete-confirm/index.tsx b/web/app/components/base/inline-delete-confirm/index.tsx
index 529dec479d..a0e3b8eb96 100644
--- a/web/app/components/base/inline-delete-confirm/index.tsx
+++ b/web/app/components/base/inline-delete-confirm/index.tsx
@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { cn } from '@/utils/classnames'
 
-export type InlineDeleteConfirmProps = {
+type InlineDeleteConfirmProps = {
   title?: string
   confirmText?: string
   cancelText?: string
diff --git a/web/app/components/base/input-with-copy/index.tsx b/web/app/components/base/input-with-copy/index.tsx
index 7c2177d5d2..e85a7bd6f4 100644
--- a/web/app/components/base/input-with-copy/index.tsx
+++ b/web/app/components/base/input-with-copy/index.tsx
@@ -7,7 +7,7 @@ import { cn } from '@/utils/classnames'
 import ActionButton from '../action-button'
 import Tooltip from '../tooltip'
 
-export type InputWithCopyProps = {
+type InputWithCopyProps = {
   showCopyButton?: boolean
   copyValue?: string // Value to copy, defaults to input value
   onCopy?: (value: string) => void // Callback when copy is triggered
diff --git a/web/app/components/base/markdown-blocks/__tests__/code-block.spec.tsx b/web/app/components/base/markdown-blocks/__tests__/code-block.spec.tsx
index a16686801c..2eebe44af9 100644
--- a/web/app/components/base/markdown-blocks/__tests__/code-block.spec.tsx
+++ b/web/app/components/base/markdown-blocks/__tests__/code-block.spec.tsx
@@ -5,6 +5,10 @@ import { Theme } from '@/types/app'
 
 import CodeBlock from '../code-block'
 
+const { mockHighlightCode } = vi.hoisted(() => ({
+  mockHighlightCode: vi.fn(),
+}))
+
 type UseThemeReturn = {
   theme: Theme
 }
@@ -70,6 +74,10 @@ vi.mock('@/hooks/use-theme', () => ({
   default: () => mockUseTheme(),
 }))
 
+vi.mock('../shiki-highlight', () => ({
+  highlightCode: mockHighlightCode,
+}))
+
 vi.mock('echarts', () => ({
   getInstanceByDom: mockEcharts.getInstanceByDom,
 }))
@@ -130,6 +138,11 @@ describe('CodeBlock', () => {
   beforeEach(() => {
     vi.clearAllMocks()
     mockUseTheme.mockReturnValue({ theme: Theme.light })
+    mockHighlightCode.mockImplementation(async ({ code, language }) => (
+      <pre className="shiki">
+        <code className={`language-${language}`}>{code}</code>
+      </pre>
+    ))
     consoleErrorSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
     consoleWarnSpy = vi.spyOn(console, 'warn').mockImplementation(() => {})
     clientWidthSpy = vi.spyOn(HTMLElement.prototype, 'clientWidth', 'get').mockReturnValue(900)
@@ -198,11 +211,13 @@ describe('CodeBlock', () => {
       expect(container.querySelector('code')?.textContent).toBe('plain text')
     })
 
-    it('should render syntax-highlighted output when language is standard', () => {
+    it('should render syntax-highlighted output when language is standard', async () => {
       render(<CodeBlock className="language-javascript">const x = 1;</CodeBlock>)
 
       expect(screen.getByText('JavaScript')).toBeInTheDocument()
-      expect(document.querySelector('code.language-javascript')?.textContent).toContain('const x = 1;')
+      await waitFor(() => {
+        expect(document.querySelector('code.language-javascript')?.textContent).toContain('const x = 1;')
+      })
     })
 
     it('should format unknown language labels with capitalized fallback when language is not in map', () => {
@@ -242,13 +257,26 @@ describe('CodeBlock', () => {
       expect(screen.queryByText(/Error rendering SVG/i)).not.toBeInTheDocument()
     })
 
-    it('should render syntax-highlighted output when language is standard and app theme is dark', () => {
+    it('should render syntax-highlighted output when language is standard and app theme is dark', async () => {
       mockUseTheme.mockReturnValue({ theme: Theme.dark })
 
       render(<CodeBlock className="language-javascript">const y = 2;</CodeBlock>)
 
       expect(screen.getByText('JavaScript')).toBeInTheDocument()
-      expect(document.querySelector('code.language-javascript')?.textContent).toContain('const y = 2;')
+      await waitFor(() => {
+        expect(document.querySelector('code.language-javascript')?.textContent).toContain('const y = 2;')
+      })
+    })
+
+    it('should fall back to plain code block when shiki highlighting fails', async () => {
+      mockHighlightCode.mockRejectedValueOnce(new Error('highlight failed'))
+
+      render(<CodeBlock className="language-javascript">const z = 3;</CodeBlock>)
+
+      await waitFor(() => {
+        expect(screen.getByText('const z = 3;')).toBeInTheDocument()
+      })
+      expect(document.querySelector('code.language-javascript')).toBeNull()
     })
   })
 
diff --git a/web/app/components/base/markdown-blocks/code-block.tsx b/web/app/components/base/markdown-blocks/code-block.tsx
index 412c61d52d..67fa11da00 100644
--- a/web/app/components/base/markdown-blocks/code-block.tsx
+++ b/web/app/components/base/markdown-blocks/code-block.tsx
@@ -1,10 +1,7 @@
+import type { JSX } from 'react'
+import type { BundledLanguage, BundledTheme } from 'shiki/bundle/web'
 import ReactEcharts from 'echarts-for-react'
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import SyntaxHighlighter from 'react-syntax-highlighter'
-import {
-  atelierHeathDark,
-  atelierHeathLight,
-} from 'react-syntax-highlighter/dist/esm/styles/hljs'
+import { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'
 import ActionButton from '@/app/components/base/action-button'
 import CopyIcon from '@/app/components/base/copy-icon'
 import MarkdownMusic from '@/app/components/base/markdown-blocks/music'
@@ -14,10 +11,10 @@ import useTheme from '@/hooks/use-theme'
 import dynamic from '@/next/dynamic'
 import { Theme } from '@/types/app'
 import SVGRenderer from '../svg-gallery' // Assumes svg-gallery.tsx is in /base directory
+import { highlightCode } from './shiki-highlight'
 
 const Flowchart = dynamic(() => import('@/app/components/base/mermaid'), { ssr: false })
 
-// Available language https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_HLJS.MD
 const capitalizationLanguageNameMap: Record<string, string> = {
   sql: 'SQL',
   javascript: 'JavaScript',
@@ -64,6 +61,61 @@ const getCorrectCapitalizationLanguageName = (language: string) => {
 // visit https://reactjs.org/docs/error-decoder.html?invariant=185 for the full message
 // or use the non-minified dev environment for full errors and additional helpful warnings.
 
+const ShikiCodeBlock = memo(({ code, language, theme, initial }: { code: string, language: string, theme: BundledTheme, initial?: JSX.Element }) => {
+  const [nodes, setNodes] = useState(initial)
+
+  useLayoutEffect(() => {
+    let cancelled = false
+
+    void highlightCode({
+      code,
+      language: language as BundledLanguage,
+      theme,
+    }).then((result) => {
+      if (!cancelled)
+        setNodes(result)
+    }).catch((error) => {
+      console.error('Shiki highlighting failed:', error)
+      if (!cancelled)
+        setNodes(undefined)
+    })
+
+    return () => {
+      cancelled = true
+    }
+  }, [code, language, theme])
+
+  if (!nodes) {
+    return (
+      <pre style={{
+        paddingLeft: 12,
+        borderBottomLeftRadius: '10px',
+        borderBottomRightRadius: '10px',
+        backgroundColor: 'var(--color-components-input-bg-normal)',
+        margin: 0,
+        overflow: 'auto',
+      }}
+      >
+        <code>{code}</code>
+      </pre>
+    )
+  }
+
+  return (
+    <div
+      style={{
+        borderBottomLeftRadius: '10px',
+        borderBottomRightRadius: '10px',
+        overflow: 'auto',
+      }}
+      className="shiki-line-numbers [&_pre]:m-0! [&_pre]:rounded-t-none! [&_pre]:rounded-b-[10px]! [&_pre]:bg-components-input-bg-normal! [&_pre]:py-2!"
+    >
+      {nodes}
+    </div>
+  )
+})
+ShikiCodeBlock.displayName = 'ShikiCodeBlock'
+
 // Define ECharts event parameter types
 type EChartsEventParams = {
   type: string
@@ -416,20 +468,11 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
         )
       default:
         return (
-          <SyntaxHighlighter
-            {...props}
-            style={theme === Theme.light ? atelierHeathLight : atelierHeathDark}
-            customStyle={{
-              paddingLeft: 12,
-              borderBottomLeftRadius: '10px',
-              borderBottomRightRadius: '10px',
-              backgroundColor: 'var(--color-components-input-bg-normal)',
-            }}
-            language={match?.[1]}
-            showLineNumbers
-          >
-            {content}
-          </SyntaxHighlighter>
+          <ShikiCodeBlock
+            code={content}
+            language={match?.[1] || 'text'}
+            theme={isDarkMode ? 'github-dark' : 'github-light'}
+          />
         )
     }
   }, [children, language, isSVG, finalChartOption, props, theme, match, chartState, isDarkMode, echartsStyle, echartsOpts, handleChartReady, echartsEvents])
@@ -440,7 +483,7 @@ const CodeBlock: any = memo(({ inline, className, children = '', ...props }: any
   return (
     <div className="relative">
       <div className="flex h-8 items-center justify-between rounded-t-[10px] border-b border-divider-subtle bg-components-input-bg-normal p-1 pl-3">
-        <div className="text-text-secondary system-xs-semibold-uppercase">{languageShowName}</div>
+        <div className="system-xs-semibold-uppercase text-text-secondary">{languageShowName}</div>
         <div className="flex items-center gap-1">
           {language === 'svg' && <SVGBtn isSVG={isSVG} setIsSVG={setIsSVG} />}
           <ActionButton>
diff --git a/web/app/components/base/markdown-blocks/index.ts b/web/app/components/base/markdown-blocks/index.ts
index 73c9fdf13f..10e98c9ad9 100644
--- a/web/app/components/base/markdown-blocks/index.ts
+++ b/web/app/components/base/markdown-blocks/index.ts
@@ -6,7 +6,7 @@
 export { default as AudioBlock } from './audio-block'
 // Assuming these are also standalone components in this directory intended for Markdown rendering
 export { default as MarkdownButton } from './button'
-export { default as CodeBlock } from './code-block'
+
 export { default as MarkdownForm } from './form'
 export { default as Img } from './img'
 export { default as Link } from './link'
diff --git a/web/app/components/base/markdown-blocks/shiki-highlight.tsx b/web/app/components/base/markdown-blocks/shiki-highlight.tsx
new file mode 100644
index 0000000000..cfc075827f
--- /dev/null
+++ b/web/app/components/base/markdown-blocks/shiki-highlight.tsx
@@ -0,0 +1,29 @@
+import type { JSX } from 'react'
+import type { BundledLanguage, BundledTheme } from 'shiki/bundle/web'
+import { toJsxRuntime } from 'hast-util-to-jsx-runtime'
+import { Fragment } from 'react'
+import { jsx, jsxs } from 'react/jsx-runtime'
+import { codeToHast } from 'shiki/bundle/web'
+
+type HighlightCodeOptions = {
+  code: string
+  language: BundledLanguage
+  theme: BundledTheme
+}
+
+export const highlightCode = async ({
+  code,
+  language,
+  theme,
+}: HighlightCodeOptions): Promise<JSX.Element> => {
+  const hast = await codeToHast(code, {
+    lang: language,
+    theme,
+  })
+
+  return toJsxRuntime(hast, {
+    Fragment,
+    jsx,
+    jsxs,
+  }) as JSX.Element
+}
diff --git a/web/app/components/base/markdown-with-directive/components/markdown-with-directive-schema.ts b/web/app/components/base/markdown-with-directive/components/markdown-with-directive-schema.ts
index 5e31a7afa9..4e721b214e 100644
--- a/web/app/components/base/markdown-with-directive/components/markdown-with-directive-schema.ts
+++ b/web/app/components/base/markdown-with-directive/components/markdown-with-directive-schema.ts
@@ -15,12 +15,12 @@ export const withIconCardItemPropsSchema = z.object({
   ),
 }).strict()
 
-export const directivePropsSchemas = {
+const directivePropsSchemas = {
   withiconcardlist: withIconCardListPropsSchema,
   withiconcarditem: withIconCardItemPropsSchema,
 } as const
 
-export type DirectiveName = keyof typeof directivePropsSchemas
+type DirectiveName = keyof typeof directivePropsSchemas
 
 function isDirectiveName(name: string): name is DirectiveName {
   return Object.hasOwn(directivePropsSchemas, name)
diff --git a/web/app/components/base/node-status/index.tsx b/web/app/components/base/node-status/index.tsx
index 3c39fa1fb3..1616f350b0 100644
--- a/web/app/components/base/node-status/index.tsx
+++ b/web/app/components/base/node-status/index.tsx
@@ -32,7 +32,7 @@ const StatusIconMap: Record<NodeStatusEnum, { IconComponent: React.ElementType,
   [NodeStatusEnum.error]: { IconComponent: RiErrorWarningFill, message: 'Error' },
 }
 
-export type NodeStatusProps = {
+type NodeStatusProps = {
   message?: string
   styleCss?: CSSProperties
   iconClassName?: string
diff --git a/web/app/components/base/notion-page-selector/__tests__/base.spec.tsx b/web/app/components/base/notion-page-selector/__tests__/base.spec.tsx
index 4afae28b79..54e33b8fbe 100644
--- a/web/app/components/base/notion-page-selector/__tests__/base.spec.tsx
+++ b/web/app/components/base/notion-page-selector/__tests__/base.spec.tsx
@@ -9,6 +9,8 @@ import { useModalContextSelector } from '@/context/modal-context'
 import { useInvalidPreImportNotionPages, usePreImportNotionPages } from '@/service/knowledge/use-import'
 import NotionPageSelector from '../base'
 
+vi.mock('@tanstack/react-virtual')
+
 vi.mock('@/service/knowledge/use-import', () => ({
   usePreImportNotionPages: vi.fn(),
   useInvalidPreImportNotionPages: vi.fn(),
@@ -183,7 +185,7 @@ describe('NotionPageSelector Base', () => {
     const user = userEvent.setup()
     render(<NotionPageSelector credentialList={mockCredentialList} onSelect={vi.fn()} />)
 
-    await user.click(screen.getByRole('button', { name: 'Configure Notion' }))
+    await user.click(screen.getByRole('button', { name: 'common.dataSource.notion.selector.configure' }))
     expect(mockSetShowAccountSettingModal).toHaveBeenCalledWith({ payload: ACCOUNT_SETTING_TAB.DATA_SOURCE })
   })
 
diff --git a/web/app/components/base/notion-page-selector/base.tsx b/web/app/components/base/notion-page-selector/base.tsx
index 261e7940e1..34926849a6 100644
--- a/web/app/components/base/notion-page-selector/base.tsx
+++ b/web/app/components/base/notion-page-selector/base.tsx
@@ -2,6 +2,7 @@ import type { DataSourceCredential } from '../../header/account-setting/data-sou
 import type { NotionCredential } from './credential-selector'
 import type { DataSourceNotionPageMap, DataSourceNotionWorkspace, NotionPage } from '@/models/common'
 import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
 import { ACCOUNT_SETTING_TAB } from '@/app/components/header/account-setting/constants'
 import { useModalContextSelector } from '@/context/modal-context'
 import { useInvalidPreImportNotionPages, usePreImportNotionPages } from '@/service/knowledge/use-import'
@@ -33,6 +34,7 @@ const NotionPageSelector = ({
   credentialList,
   onSelectCredential,
 }: NotionPageSelectorProps) => {
+  const { t } = useTranslation()
   const [searchValue, setSearchValue] = useState('')
   const setShowAccountSettingModal = useModalContextSelector(s => s.setShowAccountSettingModal)
 
@@ -48,27 +50,34 @@ const NotionPageSelector = ({
       }
     })
   }, [credentialList])
-  const [currentCredential, setCurrentCredential] = useState(notionCredentials[0])
+  const [selectedCredentialId, setSelectedCredentialId] = useState(() => notionCredentials[0]?.credentialId ?? '')
+  const currentCredential = useMemo(() => {
+    return notionCredentials.find(item => item.credentialId === selectedCredentialId) ?? notionCredentials[0] ?? null
+  }, [notionCredentials, selectedCredentialId])
+  const currentCredentialId = currentCredential?.credentialId ?? ''
 
   useEffect(() => {
-    const credential = notionCredentials.find(item => item.credentialId === currentCredential?.credentialId)
-    if (!credential) {
-      const firstCredential = notionCredentials[0]
-      invalidPreImportNotionPages({ datasetId, credentialId: firstCredential.credentialId })
-      setCurrentCredential(notionCredentials[0])
-      onSelect([]) // Clear selected pages when changing credential
-      onSelectCredential?.(firstCredential.credentialId)
+    onSelectCredential?.(currentCredentialId)
+  }, [currentCredentialId, onSelectCredential])
+
+  useEffect(() => {
+    if (!notionCredentials.length) {
+      onSelect([])
+      return
     }
-    else {
-      onSelectCredential?.(credential?.credentialId || '')
-    }
-  }, [notionCredentials])
+
+    if (!selectedCredentialId || selectedCredentialId === currentCredentialId)
+      return
+
+    invalidPreImportNotionPages({ datasetId, credentialId: currentCredentialId })
+    onSelect([])
+  }, [currentCredentialId, datasetId, invalidPreImportNotionPages, notionCredentials.length, onSelect, selectedCredentialId])
 
   const {
     data: notionsPages,
     isFetching: isFetchingNotionPages,
     isError: isFetchingNotionPagesError,
-  } = usePreImportNotionPages({ datasetId, credentialId: currentCredential.credentialId || '' })
+  } = usePreImportNotionPages({ datasetId, credentialId: currentCredentialId })
 
   const pagesMapAndSelectedPagesId: [DataSourceNotionPageMap, Set<string>, Set<string>] = useMemo(() => {
     const selectedPagesId = new Set<string>()
@@ -94,28 +103,24 @@ const NotionPageSelector = ({
   const defaultSelectedPagesId = useMemo(() => {
     return [...Array.from(pagesMapAndSelectedPagesId[1]), ...(value || [])]
   }, [pagesMapAndSelectedPagesId, value])
-  const [selectedPagesId, setSelectedPagesId] = useState<Set<string>>(() => new Set(defaultSelectedPagesId))
-
-  useEffect(() => {
-    setSelectedPagesId(new Set(defaultSelectedPagesId))
-  }, [defaultSelectedPagesId])
+  const selectedPagesId = useMemo(() => new Set(defaultSelectedPagesId), [defaultSelectedPagesId])
 
   const handleSearchValueChange = useCallback((value: string) => {
     setSearchValue(value)
   }, [])
 
   const handleSelectCredential = useCallback((credentialId: string) => {
-    const credential = notionCredentials.find(item => item.credentialId === credentialId)!
-    invalidPreImportNotionPages({ datasetId, credentialId: credential.credentialId })
-    setCurrentCredential(credential)
+    if (credentialId === currentCredentialId)
+      return
+
+    invalidPreImportNotionPages({ datasetId, credentialId })
+    setSelectedCredentialId(credentialId)
     onSelect([]) // Clear selected pages when changing credential
-    onSelectCredential?.(credential.credentialId)
-  }, [datasetId, invalidPreImportNotionPages, notionCredentials, onSelect, onSelectCredential])
+  }, [currentCredentialId, datasetId, invalidPreImportNotionPages, onSelect])
 
   const handleSelectPages = useCallback((newSelectedPagesId: Set<string>) => {
     const selectedPages = Array.from(newSelectedPagesId).map(pageId => pagesMapAndSelectedPagesId[0][pageId])
 
-    setSelectedPagesId(new Set(Array.from(newSelectedPagesId)))
     onSelect(selectedPages)
   }, [pagesMapAndSelectedPagesId, onSelect])
 
@@ -140,16 +145,16 @@ const NotionPageSelector = ({
     <div className="flex flex-col gap-y-2" data-testid="notion-page-selector-base">
       <Header
         onClickConfiguration={handleConfigureNotion}
-        title="Choose notion pages"
-        buttonText="Configure Notion"
-        docTitle="Notion docs"
+        title={t('dataSource.notion.selector.headerTitle', { ns: 'common' })}
+        buttonText={t('dataSource.notion.selector.configure', { ns: 'common' })}
+        docTitle={t('dataSource.notion.selector.docs', { ns: 'common' })}
         docLink="https://www.notion.so/docs"
       />
       <div className="rounded-xl border border-components-panel-border bg-background-default-subtle">
         <div className="flex h-12 items-center gap-x-2 rounded-t-xl border-b border-b-divider-regular bg-components-panel-bg p-2">
           <div className="flex grow items-center gap-x-1">
             <WorkspaceSelector
-              value={currentCredential.credentialId}
+              value={currentCredentialId}
               items={notionCredentials}
               onSelect={handleSelectCredential}
             />
@@ -168,6 +173,7 @@ const NotionPageSelector = ({
               )
             : (
                 <PageSelector
+                  key={currentCredentialId || 'default'}
                   value={selectedPagesId}
                   disabledValue={pagesMapAndSelectedPagesId[2]}
                   searchValue={searchValue}
diff --git a/web/app/components/base/notion-page-selector/page-selector/__tests__/index.spec.tsx b/web/app/components/base/notion-page-selector/page-selector/__tests__/index.spec.tsx
index e1cd51ed78..d4b559452e 100644
--- a/web/app/components/base/notion-page-selector/page-selector/__tests__/index.spec.tsx
+++ b/web/app/components/base/notion-page-selector/page-selector/__tests__/index.spec.tsx
@@ -3,6 +3,8 @@ import { render, screen, waitFor } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import PageSelector from '../index'
 
+vi.mock('@tanstack/react-virtual')
+
 const buildPage = (overrides: Partial<DataSourceNotionPage>): DataSourceNotionPage => ({
   page_id: 'page-id',
   page_name: 'Page name',
diff --git a/web/app/components/base/notion-page-selector/page-selector/index.tsx b/web/app/components/base/notion-page-selector/page-selector/index.tsx
index 50ac567193..6464539864 100644
--- a/web/app/components/base/notion-page-selector/page-selector/index.tsx
+++ b/web/app/components/base/notion-page-selector/page-selector/index.tsx
@@ -1,11 +1,7 @@
-import type { ListChildComponentProps } from 'react-window'
 import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
-import { memo, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { areEqual, FixedSizeList as List } from 'react-window'
-import { cn } from '@/utils/classnames'
-import Checkbox from '../../checkbox'
-import NotionIcon from '../../notion-icon'
+import { usePageSelectorModel } from './use-page-selector-model'
+import VirtualPageList from './virtual-page-list'
 
 type PageSelectorProps = {
   value: Set<string>
@@ -17,173 +13,7 @@ type PageSelectorProps = {
   canPreview?: boolean
   previewPageId?: string
   onPreview?: (selectedPageId: string) => void
-  isMultipleChoice?: boolean
 }
-type NotionPageTreeItem = {
-  children: Set<string>
-  descendants: Set<string>
-  depth: number
-  ancestors: string[]
-} & DataSourceNotionPage
-type NotionPageTreeMap = Record<string, NotionPageTreeItem>
-type NotionPageItem = {
-  expand: boolean
-  depth: number
-} & DataSourceNotionPage
-
-const recursivePushInParentDescendants = (
-  pagesMap: DataSourceNotionPageMap,
-  listTreeMap: NotionPageTreeMap,
-  current: NotionPageTreeItem,
-  leafItem: NotionPageTreeItem,
-) => {
-  const parentId = current.parent_id
-  const pageId = current.page_id
-
-  if (!parentId || !pageId)
-    return
-
-  if (parentId !== 'root' && pagesMap[parentId]) {
-    if (!listTreeMap[parentId]) {
-      const children = new Set([pageId])
-      const descendants = new Set([pageId, leafItem.page_id])
-      listTreeMap[parentId] = {
-        ...pagesMap[parentId],
-        children,
-        descendants,
-        depth: 0,
-        ancestors: [],
-      }
-    }
-    else {
-      listTreeMap[parentId].children.add(pageId)
-      listTreeMap[parentId].descendants.add(pageId)
-      listTreeMap[parentId].descendants.add(leafItem.page_id)
-    }
-    leafItem.depth++
-    leafItem.ancestors.unshift(listTreeMap[parentId].page_name)
-
-    if (listTreeMap[parentId].parent_id !== 'root')
-      recursivePushInParentDescendants(pagesMap, listTreeMap, listTreeMap[parentId], leafItem)
-  }
-}
-
-const ItemComponent = ({ index, style, data }: ListChildComponentProps<{
-  dataList: NotionPageItem[]
-  handleToggle: (index: number) => void
-  checkedIds: Set<string>
-  disabledCheckedIds: Set<string>
-  handleCheck: (index: number) => void
-  canPreview?: boolean
-  handlePreview: (index: number) => void
-  listMapWithChildrenAndDescendants: NotionPageTreeMap
-  searchValue: string
-  previewPageId: string
-  pagesMap: DataSourceNotionPageMap
-}>) => {
-  const { t } = useTranslation()
-  const {
-    dataList,
-    handleToggle,
-    checkedIds,
-    disabledCheckedIds,
-    handleCheck,
-    canPreview,
-    handlePreview,
-    listMapWithChildrenAndDescendants,
-    searchValue,
-    previewPageId,
-    pagesMap,
-  } = data
-  const current = dataList[index]
-  const currentWithChildrenAndDescendants = listMapWithChildrenAndDescendants[current.page_id]
-  const hasChild = currentWithChildrenAndDescendants.descendants.size > 0
-  const ancestors = currentWithChildrenAndDescendants.ancestors
-  const breadCrumbs = ancestors.length ? [...ancestors, current.page_name] : [current.page_name]
-  const disabled = disabledCheckedIds.has(current.page_id)
-
-  const renderArrow = () => {
-    if (hasChild) {
-      return (
-        <div
-          className="mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-md hover:bg-components-button-ghost-bg-hover"
-          style={{ marginLeft: current.depth * 8 }}
-          onClick={() => handleToggle(index)}
-          data-testid={`notion-page-toggle-${current.page_id}`}
-        >
-          {
-            current.expand
-              ? <div className="i-ri-arrow-down-s-line h-4 w-4 text-text-tertiary" />
-              : <div className="i-ri-arrow-right-s-line h-4 w-4 text-text-tertiary" />
-          }
-        </div>
-      )
-    }
-    if (current.parent_id === 'root' || !pagesMap[current.parent_id]) {
-      return (
-        <div></div>
-      )
-    }
-    return (
-      <div className="mr-1 h-5 w-5 shrink-0" style={{ marginLeft: current.depth * 8 }} />
-    )
-  }
-
-  return (
-    <div
-      className={cn('group flex cursor-pointer items-center rounded-md pl-2 pr-[2px] hover:bg-state-base-hover', previewPageId === current.page_id && 'bg-state-base-hover')}
-      style={{ ...style, top: style.top as number + 8, left: 8, right: 8, width: 'calc(100% - 16px)' }}
-      data-testid={`notion-page-row-${current.page_id}`}
-    >
-      <Checkbox
-        className="mr-2 shrink-0"
-        checked={checkedIds.has(current.page_id)}
-        disabled={disabled}
-        onCheck={() => {
-          handleCheck(index)
-        }}
-        id={`notion-page-checkbox-${current.page_id}`}
-      />
-      {!searchValue && renderArrow()}
-      <NotionIcon
-        className="mr-1 shrink-0"
-        type="page"
-        src={current.page_icon}
-      />
-      <div
-        className="grow truncate text-[13px] font-medium leading-4 text-text-secondary"
-        title={current.page_name}
-        data-testid={`notion-page-name-${current.page_id}`}
-      >
-        {current.page_name}
-      </div>
-      {
-        canPreview && (
-          <div
-            className="ml-1 hidden h-6 shrink-0 cursor-pointer items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-xs
-            font-medium leading-4 text-components-button-secondary-text shadow-xs shadow-shadow-shadow-3 backdrop-blur-[10px]
-            hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover group-hover:flex"
-            onClick={() => handlePreview(index)}
-            data-testid={`notion-page-preview-${current.page_id}`}
-          >
-            {t('dataSource.notion.selector.preview', { ns: 'common' })}
-          </div>
-        )
-      }
-      {
-        searchValue && (
-          <div
-            className="ml-1 max-w-[120px] shrink-0 truncate text-xs text-text-quaternary"
-            title={breadCrumbs.join(' / ')}
-          >
-            {breadCrumbs.join(' / ')}
-          </div>
-        )
-      }
-    </div>
-  )
-}
-const Item = memo(ItemComponent, areEqual)
 
 const PageSelector = ({
   value,
@@ -197,108 +27,25 @@ const PageSelector = ({
   onPreview,
 }: PageSelectorProps) => {
   const { t } = useTranslation()
-  const [dataList, setDataList] = useState<NotionPageItem[]>([])
-  const [localPreviewPageId, setLocalPreviewPageId] = useState('')
-
-  useEffect(() => {
-    setDataList(list.filter(item => item.parent_id === 'root' || !pagesMap[item.parent_id]).map((item) => {
-      return {
-        ...item,
-        expand: false,
-        depth: 0,
-      }
-    }))
-  }, [list])
-
-  const searchDataList = list.filter((item) => {
-    return item.page_name.includes(searchValue)
-  }).map((item) => {
-    return {
-      ...item,
-      expand: false,
-      depth: 0,
-    }
+  const {
+    currentPreviewPageId,
+    effectiveSearchValue,
+    rows,
+    handlePreview,
+    handleSelect,
+    handleToggle,
+  } = usePageSelectorModel({
+    checkedIds: value,
+    list,
+    onPreview,
+    onSelect,
+    pagesMap,
+    previewPageId,
+    searchValue,
+    selectionMode: 'multiple',
   })
-  const currentDataList = searchValue ? searchDataList : dataList
-  const currentPreviewPageId = previewPageId === undefined ? localPreviewPageId : previewPageId
 
-  const listMapWithChildrenAndDescendants = useMemo(() => {
-    return list.reduce((prev: NotionPageTreeMap, next: DataSourceNotionPage) => {
-      const pageId = next.page_id
-      if (!prev[pageId])
-        prev[pageId] = { ...next, children: new Set(), descendants: new Set(), depth: 0, ancestors: [] }
-
-      recursivePushInParentDescendants(pagesMap, prev, prev[pageId], prev[pageId])
-      return prev
-    }, {})
-  }, [list, pagesMap])
-
-  const handleToggle = (index: number) => {
-    const current = dataList[index]
-    const pageId = current.page_id
-    const currentWithChildrenAndDescendants = listMapWithChildrenAndDescendants[pageId]
-    const descendantsIds = Array.from(currentWithChildrenAndDescendants.descendants)
-    const childrenIds = Array.from(currentWithChildrenAndDescendants.children)
-    let newDataList = []
-
-    if (current.expand) {
-      current.expand = false
-
-      newDataList = dataList.filter(item => !descendantsIds.includes(item.page_id))
-    }
-    else {
-      current.expand = true
-
-      newDataList = [
-        ...dataList.slice(0, index + 1),
-        ...childrenIds.map(item => ({
-          ...pagesMap[item],
-          expand: false,
-          depth: listMapWithChildrenAndDescendants[item].depth,
-        })),
-        ...dataList.slice(index + 1),
-      ]
-    }
-    setDataList(newDataList)
-  }
-
-  const copyValue = new Set(value)
-  const handleCheck = (index: number) => {
-    const current = currentDataList[index]
-    const pageId = current.page_id
-    const currentWithChildrenAndDescendants = listMapWithChildrenAndDescendants[pageId]
-
-    if (copyValue.has(pageId)) {
-      if (!searchValue) {
-        for (const item of currentWithChildrenAndDescendants.descendants)
-          copyValue.delete(item)
-      }
-
-      copyValue.delete(pageId)
-    }
-    else {
-      if (!searchValue) {
-        for (const item of currentWithChildrenAndDescendants.descendants)
-          copyValue.add(item)
-      }
-
-      copyValue.add(pageId)
-    }
-
-    onSelect(new Set(copyValue))
-  }
-
-  const handlePreview = (index: number) => {
-    const current = currentDataList[index]
-    const pageId = current.page_id
-
-    setLocalPreviewPageId(pageId)
-
-    if (onPreview)
-      onPreview(pageId)
-  }
-
-  if (!currentDataList.length) {
+  if (!rows.length) {
     return (
       <div className="flex h-[296px] items-center justify-center text-[13px] text-text-tertiary">
         {t('dataSource.notion.selector.noSearchResult', { ns: 'common' })}
@@ -307,29 +54,18 @@ const PageSelector = ({
   }
 
   return (
-    <List
-      className="py-2"
-      height={296}
-      itemCount={currentDataList.length}
-      itemSize={28}
-      width="100%"
-      itemKey={(index, data) => data.dataList[index].page_id}
-      itemData={{
-        dataList: currentDataList,
-        handleToggle,
-        checkedIds: value,
-        disabledCheckedIds: disabledValue,
-        handleCheck,
-        canPreview,
-        handlePreview,
-        listMapWithChildrenAndDescendants,
-        searchValue,
-        previewPageId: currentPreviewPageId,
-        pagesMap,
-      }}
-    >
-      {Item}
-    </List>
+    <VirtualPageList
+      checkedIds={value}
+      disabledValue={disabledValue}
+      onPreview={handlePreview}
+      onSelect={handleSelect}
+      onToggle={handleToggle}
+      previewPageId={currentPreviewPageId}
+      rows={rows}
+      searchValue={effectiveSearchValue}
+      selectionMode="multiple"
+      showPreview={canPreview}
+    />
   )
 }
 
diff --git a/web/app/components/base/notion-page-selector/page-selector/page-row.tsx b/web/app/components/base/notion-page-selector/page-selector/page-row.tsx
new file mode 100644
index 0000000000..849c8507a8
--- /dev/null
+++ b/web/app/components/base/notion-page-selector/page-selector/page-row.tsx
@@ -0,0 +1,116 @@
+import type { CSSProperties } from 'react'
+import type { NotionPageRow as NotionPageRowData, NotionPageSelectionMode } from './types'
+import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import Checkbox from '@/app/components/base/checkbox'
+import NotionIcon from '@/app/components/base/notion-icon'
+import Radio from '@/app/components/base/radio/ui'
+import { cn } from '@/utils/classnames'
+
+type NotionPageRowProps = {
+  checked: boolean
+  disabled: boolean
+  isPreviewed: boolean
+  onPreview: (pageId: string) => void
+  onSelect: (pageId: string) => void
+  onToggle: (pageId: string) => void
+  row: NotionPageRowData
+  searchValue: string
+  selectionMode: NotionPageSelectionMode
+  showPreview: boolean
+  style: CSSProperties
+}
+
+const NotionPageRow = ({
+  checked,
+  disabled,
+  isPreviewed,
+  onPreview,
+  onSelect,
+  onToggle,
+  row,
+  searchValue,
+  selectionMode,
+  showPreview,
+  style,
+}: NotionPageRowProps) => {
+  const { t } = useTranslation()
+  const pageId = row.page.page_id
+  const breadcrumbs = row.ancestors.length ? [...row.ancestors, row.page.page_name] : [row.page.page_name]
+
+  return (
+    <div
+      className={cn('group flex cursor-pointer items-center rounded-md pr-[2px] pl-2 hover:bg-state-base-hover', isPreviewed && 'bg-state-base-hover')}
+      style={style}
+      data-testid={`notion-page-row-${pageId}`}
+    >
+      {selectionMode === 'multiple'
+        ? (
+            <Checkbox
+              className="mr-2 shrink-0"
+              checked={checked}
+              disabled={disabled}
+              onCheck={() => onSelect(pageId)}
+              id={`notion-page-checkbox-${pageId}`}
+            />
+          )
+        : (
+            <Radio
+              className="mr-2 shrink-0"
+              isChecked={checked}
+              disabled={disabled}
+              onCheck={() => onSelect(pageId)}
+            />
+          )}
+      {!searchValue && row.hasChild && (
+        <div
+          className="mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-md hover:bg-components-button-ghost-bg-hover"
+          style={{ marginLeft: row.depth * 8 }}
+          onClick={() => onToggle(pageId)}
+          data-testid={`notion-page-toggle-${pageId}`}
+        >
+          {row.expand
+            ? <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />
+            : <RiArrowRightSLine className="h-4 w-4 text-text-tertiary" />}
+        </div>
+      )}
+      {!searchValue && !row.hasChild && row.parentExists && (
+        <div className="mr-1 h-5 w-5 shrink-0" style={{ marginLeft: row.depth * 8 }} />
+      )}
+      <NotionIcon
+        className="mr-1 shrink-0"
+        type="page"
+        src={row.page.page_icon}
+      />
+      <div
+        className="grow truncate text-[13px] leading-4 font-medium text-text-secondary"
+        title={row.page.page_name}
+        data-testid={`notion-page-name-${pageId}`}
+      >
+        {row.page.page_name}
+      </div>
+      {showPreview && (
+        <div
+          className="ml-1 hidden h-6 shrink-0 cursor-pointer items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-xs
+          leading-4 font-medium text-components-button-secondary-text shadow-xs shadow-shadow-shadow-3 backdrop-blur-[10px]
+          group-hover:flex hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover"
+          onClick={() => onPreview(pageId)}
+          data-testid={`notion-page-preview-${pageId}`}
+        >
+          {t('dataSource.notion.selector.preview', { ns: 'common' })}
+        </div>
+      )}
+      {searchValue && (
+        <div
+          className="ml-1 max-w-[120px] shrink-0 truncate text-xs text-text-quaternary"
+          title={breadcrumbs.join(' / ')}
+        >
+          {breadcrumbs.join(' / ')}
+        </div>
+      )}
+    </div>
+  )
+}
+
+export default memo(NotionPageRow)
diff --git a/web/app/components/base/notion-page-selector/page-selector/types.ts b/web/app/components/base/notion-page-selector/page-selector/types.ts
new file mode 100644
index 0000000000..c823ac3f7f
--- /dev/null
+++ b/web/app/components/base/notion-page-selector/page-selector/types.ts
@@ -0,0 +1,21 @@
+import type { DataSourceNotionPage } from '@/models/common'
+
+export type NotionPageSelectionMode = 'multiple' | 'single'
+
+export type NotionPageTreeItem = {
+  children: Set<string>
+  descendants: Set<string>
+  depth: number
+  ancestors: string[]
+} & DataSourceNotionPage
+
+export type NotionPageTreeMap = Record<string, NotionPageTreeItem>
+
+export type NotionPageRow = {
+  page: DataSourceNotionPage
+  parentExists: boolean
+  depth: number
+  expand: boolean
+  hasChild: boolean
+  ancestors: string[]
+}
diff --git a/web/app/components/base/notion-page-selector/page-selector/use-page-selector-model.ts b/web/app/components/base/notion-page-selector/page-selector/use-page-selector-model.ts
new file mode 100644
index 0000000000..ec35ee05f2
--- /dev/null
+++ b/web/app/components/base/notion-page-selector/page-selector/use-page-selector-model.ts
@@ -0,0 +1,88 @@
+import type { NotionPageSelectionMode } from './types'
+import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
+import { startTransition, useCallback, useDeferredValue, useMemo, useState } from 'react'
+import { buildNotionPageTree, getNextSelectedPageIds, getRootPageIds, getVisiblePageRows } from './utils'
+
+type UsePageSelectorModelProps = {
+  checkedIds: Set<string>
+  searchValue: string
+  pagesMap: DataSourceNotionPageMap
+  list: DataSourceNotionPage[]
+  onSelect: (selectedPagesId: Set<string>) => void
+  previewPageId?: string
+  onPreview?: (selectedPageId: string) => void
+  selectionMode: NotionPageSelectionMode
+}
+
+export const usePageSelectorModel = ({
+  checkedIds,
+  searchValue,
+  pagesMap,
+  list,
+  onSelect,
+  previewPageId,
+  onPreview,
+  selectionMode,
+}: UsePageSelectorModelProps) => {
+  const deferredSearchValue = useDeferredValue(searchValue)
+  const [expandedIds, setExpandedIds] = useState<Set<string>>(() => new Set())
+  const [localPreviewPageId, setLocalPreviewPageId] = useState('')
+
+  const treeMap = useMemo(() => buildNotionPageTree(list, pagesMap), [list, pagesMap])
+  const rootPageIds = useMemo(() => getRootPageIds(list, pagesMap), [list, pagesMap])
+
+  const rows = useMemo(() => {
+    return getVisiblePageRows({
+      list,
+      pagesMap,
+      searchValue: deferredSearchValue,
+      treeMap,
+      rootPageIds,
+      expandedIds,
+    })
+  }, [deferredSearchValue, expandedIds, list, pagesMap, rootPageIds, treeMap])
+
+  const currentPreviewPageId = previewPageId ?? localPreviewPageId
+
+  const handleToggle = useCallback((pageId: string) => {
+    startTransition(() => {
+      setExpandedIds((currentExpandedIds) => {
+        const nextExpandedIds = new Set(currentExpandedIds)
+
+        if (nextExpandedIds.has(pageId)) {
+          nextExpandedIds.delete(pageId)
+          treeMap[pageId]?.descendants.forEach(descendantId => nextExpandedIds.delete(descendantId))
+        }
+        else {
+          nextExpandedIds.add(pageId)
+        }
+
+        return nextExpandedIds
+      })
+    })
+  }, [treeMap])
+
+  const handleSelect = useCallback((pageId: string) => {
+    onSelect(getNextSelectedPageIds({
+      checkedIds,
+      pageId,
+      searchValue: deferredSearchValue,
+      selectionMode,
+      treeMap,
+    }))
+  }, [checkedIds, deferredSearchValue, onSelect, selectionMode, treeMap])
+
+  const handlePreview = useCallback((pageId: string) => {
+    setLocalPreviewPageId(pageId)
+    onPreview?.(pageId)
+  }, [onPreview])
+
+  return {
+    currentPreviewPageId,
+    effectiveSearchValue: deferredSearchValue,
+    rows,
+    handlePreview,
+    handleSelect,
+    handleToggle,
+  }
+}
diff --git a/web/app/components/base/notion-page-selector/page-selector/utils.ts b/web/app/components/base/notion-page-selector/page-selector/utils.ts
new file mode 100644
index 0000000000..d9327ddb0f
--- /dev/null
+++ b/web/app/components/base/notion-page-selector/page-selector/utils.ts
@@ -0,0 +1,163 @@
+import type { NotionPageRow, NotionPageSelectionMode, NotionPageTreeItem, NotionPageTreeMap } from './types'
+import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
+
+export const recursivePushInParentDescendants = (
+  pagesMap: DataSourceNotionPageMap,
+  listTreeMap: NotionPageTreeMap,
+  current: NotionPageTreeItem,
+  leafItem: NotionPageTreeItem,
+) => {
+  const parentId = current.parent_id
+  const pageId = current.page_id
+
+  if (!parentId || !pageId)
+    return
+
+  if (parentId !== 'root' && pagesMap[parentId]) {
+    if (!listTreeMap[parentId]) {
+      const children = new Set([pageId])
+      const descendants = new Set([pageId, leafItem.page_id])
+      listTreeMap[parentId] = {
+        ...pagesMap[parentId],
+        children,
+        descendants,
+        depth: 0,
+        ancestors: [],
+      }
+    }
+    else {
+      listTreeMap[parentId].children.add(pageId)
+      listTreeMap[parentId].descendants.add(pageId)
+      listTreeMap[parentId].descendants.add(leafItem.page_id)
+    }
+
+    leafItem.depth++
+    leafItem.ancestors.unshift(listTreeMap[parentId].page_name)
+
+    if (listTreeMap[parentId].parent_id !== 'root')
+      recursivePushInParentDescendants(pagesMap, listTreeMap, listTreeMap[parentId], leafItem)
+  }
+}
+
+export const buildNotionPageTree = (
+  list: DataSourceNotionPage[],
+  pagesMap: DataSourceNotionPageMap,
+): NotionPageTreeMap => {
+  return list.reduce((prev: NotionPageTreeMap, next) => {
+    const pageId = next.page_id
+    if (!prev[pageId])
+      prev[pageId] = { ...next, children: new Set(), descendants: new Set(), depth: 0, ancestors: [] }
+
+    recursivePushInParentDescendants(pagesMap, prev, prev[pageId], prev[pageId])
+    return prev
+  }, {})
+}
+
+export const getRootPageIds = (
+  list: DataSourceNotionPage[],
+  pagesMap: DataSourceNotionPageMap,
+) => {
+  return list
+    .filter(item => item.parent_id === 'root' || !pagesMap[item.parent_id])
+    .map(item => item.page_id)
+}
+
+export const getVisiblePageRows = ({
+  list,
+  pagesMap,
+  searchValue,
+  treeMap,
+  rootPageIds,
+  expandedIds,
+}: {
+  list: DataSourceNotionPage[]
+  pagesMap: DataSourceNotionPageMap
+  searchValue: string
+  treeMap: NotionPageTreeMap
+  rootPageIds: string[]
+  expandedIds: Set<string>
+}): NotionPageRow[] => {
+  if (searchValue) {
+    return list
+      .filter(item => item.page_name.includes(searchValue))
+      .map(item => ({
+        page: item,
+        parentExists: item.parent_id !== 'root' && Boolean(pagesMap[item.parent_id]),
+        depth: treeMap[item.page_id]?.depth ?? 0,
+        expand: false,
+        hasChild: (treeMap[item.page_id]?.children.size ?? 0) > 0,
+        ancestors: treeMap[item.page_id]?.ancestors ?? [],
+      }))
+  }
+
+  const rows: NotionPageRow[] = []
+
+  const visit = (pageId: string) => {
+    const current = treeMap[pageId]
+    if (!current)
+      return
+
+    const expand = expandedIds.has(pageId)
+    rows.push({
+      page: current,
+      parentExists: current.parent_id !== 'root' && Boolean(pagesMap[current.parent_id]),
+      depth: current.depth,
+      expand,
+      hasChild: current.children.size > 0,
+      ancestors: current.ancestors,
+    })
+
+    if (!expand)
+      return
+
+    current.children.forEach(visit)
+  }
+
+  rootPageIds.forEach(visit)
+
+  return rows
+}
+
+export const getNextSelectedPageIds = ({
+  checkedIds,
+  pageId,
+  searchValue,
+  selectionMode,
+  treeMap,
+}: {
+  checkedIds: Set<string>
+  pageId: string
+  searchValue: string
+  selectionMode: NotionPageSelectionMode
+  treeMap: NotionPageTreeMap
+}) => {
+  const nextCheckedIds = new Set(checkedIds)
+  const descendants = treeMap[pageId]?.descendants ?? new Set<string>()
+
+  if (selectionMode === 'single') {
+    if (nextCheckedIds.has(pageId)) {
+      nextCheckedIds.delete(pageId)
+    }
+    else {
+      nextCheckedIds.clear()
+      nextCheckedIds.add(pageId)
+    }
+
+    return nextCheckedIds
+  }
+
+  if (nextCheckedIds.has(pageId)) {
+    if (!searchValue)
+      descendants.forEach(item => nextCheckedIds.delete(item))
+
+    nextCheckedIds.delete(pageId)
+    return nextCheckedIds
+  }
+
+  if (!searchValue)
+    descendants.forEach(item => nextCheckedIds.add(item))
+
+  nextCheckedIds.add(pageId)
+
+  return nextCheckedIds
+}
diff --git a/web/app/components/base/notion-page-selector/page-selector/virtual-page-list.tsx b/web/app/components/base/notion-page-selector/page-selector/virtual-page-list.tsx
new file mode 100644
index 0000000000..6fec6c0b84
--- /dev/null
+++ b/web/app/components/base/notion-page-selector/page-selector/virtual-page-list.tsx
@@ -0,0 +1,93 @@
+'use client'
+
+import type { NotionPageRow, NotionPageSelectionMode } from './types'
+import { useVirtualizer } from '@tanstack/react-virtual'
+import { useRef } from 'react'
+import PageRow from './page-row'
+
+type VirtualPageListProps = {
+  checkedIds: Set<string>
+  disabledValue: Set<string>
+  onPreview: (pageId: string) => void
+  onSelect: (pageId: string) => void
+  onToggle: (pageId: string) => void
+  previewPageId: string
+  rows: NotionPageRow[]
+  searchValue: string
+  selectionMode: NotionPageSelectionMode
+  showPreview: boolean
+}
+
+const rowHeight = 28
+
+const VirtualPageList = ({
+  checkedIds,
+  disabledValue,
+  onPreview,
+  onSelect,
+  onToggle,
+  previewPageId,
+  rows,
+  searchValue,
+  selectionMode,
+  showPreview,
+}: VirtualPageListProps) => {
+  const scrollRef = useRef<HTMLDivElement>(null)
+
+  const rowVirtualizer = useVirtualizer({
+    count: rows.length,
+    estimateSize: () => rowHeight,
+    getScrollElement: () => scrollRef.current,
+    overscan: 6,
+    paddingEnd: 8,
+    paddingStart: 8,
+  })
+
+  const virtualRows = rowVirtualizer.getVirtualItems()
+
+  return (
+    <div
+      ref={scrollRef}
+      className="h-[296px] overflow-auto"
+      data-testid="virtual-list"
+    >
+      <div
+        style={{
+          height: `${rowVirtualizer.getTotalSize()}px`,
+          position: 'relative',
+        }}
+      >
+        {virtualRows.map((virtualRow) => {
+          const row = rows[virtualRow.index]
+          const pageId = row.page.page_id
+
+          return (
+            <PageRow
+              key={pageId}
+              checked={checkedIds.has(pageId)}
+              disabled={disabledValue.has(pageId)}
+              isPreviewed={previewPageId === pageId}
+              onPreview={onPreview}
+              onSelect={onSelect}
+              onToggle={onToggle}
+              row={row}
+              searchValue={searchValue}
+              selectionMode={selectionMode}
+              showPreview={showPreview}
+              style={{
+                height: `${virtualRow.size}px`,
+                left: 8,
+                position: 'absolute',
+                top: 0,
+                transform: `translateY(${virtualRow.start}px)`,
+                width: 'calc(100% - 16px)',
+              }}
+            />
+          )
+        })}
+      </div>
+    </div>
+  )
+}
+
+export default VirtualPageList
diff --git a/web/app/components/base/pagination/pagination.tsx b/web/app/components/base/pagination/pagination.tsx
index b258090d80..9ce128e497 100644
--- a/web/app/components/base/pagination/pagination.tsx
+++ b/web/app/components/base/pagination/pagination.tsx
@@ -26,7 +26,7 @@ const defaultState: IPagination = {
 
 const PaginationContext: React.Context<IPagination> = React.createContext<IPagination>(defaultState)
 
-export const PrevButton = ({
+const PrevButton = ({
   className,
   children,
   dataTestId,
@@ -61,7 +61,7 @@ export const PrevButton = ({
   )
 }
 
-export const NextButton = ({
+const NextButton = ({
   className,
   children,
   dataTestId,
@@ -117,7 +117,7 @@ const TruncableElement = ({ prev }: ITruncableElementProps) => {
     : null
 }
 
-export const PageButton = ({
+const PageButton = ({
   as = <a />,
   className,
   dataTestIdActive,
diff --git a/web/app/components/base/portal-to-follow-elem/index.tsx b/web/app/components/base/portal-to-follow-elem/index.tsx
index 7d4f6baa9b..932eceee2b 100644
--- a/web/app/components/base/portal-to-follow-elem/index.tsx
+++ b/web/app/components/base/portal-to-follow-elem/index.tsx
@@ -46,7 +46,7 @@ export type PortalToFollowElemOptions = {
 }
 
 /** @deprecated Use semantic overlay primitives instead. See #32767. */
-export function usePortalToFollowElem({
+function usePortalToFollowElem({
   placement = 'bottom',
   open: controlledOpen,
   offset: offsetValue = 0,
@@ -114,7 +114,7 @@ type ContextType = ReturnType<typeof usePortalToFollowElem> | null
 
 const PortalToFollowElemContext = React.createContext<ContextType>(null)
 
-export function usePortalToFollowElemContext() {
+function usePortalToFollowElemContext() {
   const context = React.useContext(PortalToFollowElemContext)
 
   if (context == null)
diff --git a/web/app/components/base/premium-badge/index.tsx b/web/app/components/base/premium-badge/index.tsx
index 297e05fe42..1ffff2f7a9 100644
--- a/web/app/components/base/premium-badge/index.tsx
+++ b/web/app/components/base/premium-badge/index.tsx
@@ -66,4 +66,3 @@ const PremiumBadge: React.FC<PremiumBadgeProps> = ({
 PremiumBadge.displayName = 'PremiumBadge'
 
 export default PremiumBadge
-export { PremiumBadge, PremiumBadgeVariants }
diff --git a/web/app/components/base/prompt-editor/hooks.ts b/web/app/components/base/prompt-editor/hooks.ts
index 6984d30ee8..49fc6a8eb0 100644
--- a/web/app/components/base/prompt-editor/hooks.ts
+++ b/web/app/components/base/prompt-editor/hooks.ts
@@ -35,7 +35,7 @@ import { DELETE_QUERY_BLOCK_COMMAND } from './plugins/query-block'
 import { $isQueryBlockNode } from './plugins/query-block/node'
 import { registerLexicalTextEntity } from './utils'
 
-export type UseSelectOrDeleteHandler = (nodeKey: string, command?: LexicalCommand<undefined>) => [RefObject<HTMLDivElement | null>, boolean]
+type UseSelectOrDeleteHandler = (nodeKey: string, command?: LexicalCommand<undefined>) => [RefObject<HTMLDivElement | null>, boolean]
 export const useSelectOrDelete: UseSelectOrDeleteHandler = (nodeKey: string, command?: LexicalCommand<undefined>) => {
   const ref = useRef<HTMLDivElement>(null)
   const [editor] = useLexicalComposerContext()
@@ -110,7 +110,7 @@ export const useSelectOrDelete: UseSelectOrDeleteHandler = (nodeKey: string, com
   return [ref, isSelected]
 }
 
-export type UseTriggerHandler = () => [RefObject<HTMLDivElement | null>, boolean, Dispatch<SetStateAction<boolean>>]
+type UseTriggerHandler = () => [RefObject<HTMLDivElement | null>, boolean, Dispatch<SetStateAction<boolean>>]
 export const useTrigger: UseTriggerHandler = () => {
   const triggerRef = useRef<HTMLDivElement>(null)
   const [open, setOpen] = useState(false)
@@ -145,16 +145,16 @@ export function useLexicalTextEntity<T extends TextNode>(
   }, [createNode, editor, getMatch, targetNode])
 }
 
-export type MenuTextMatch = {
+type MenuTextMatch = {
   leadOffset: number
   matchingString: string
   replaceableString: string
 }
-export type TriggerFn = (
+type TriggerFn = (
   text: string,
   editor: LexicalEditor,
 ) => MenuTextMatch | null
-export const PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;'
+const PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;'
 export function useBasicTypeaheadTriggerMatch(
   trigger: string,
   { minLength = 1, maxLength = 75 }: { minLength?: number, maxLength?: number },
diff --git a/web/app/components/base/prompt-editor/plugins/context-block/node.tsx b/web/app/components/base/prompt-editor/plugins/context-block/node.tsx
index 231a72ca14..958415d843 100644
--- a/web/app/components/base/prompt-editor/plugins/context-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/context-block/node.tsx
@@ -3,7 +3,7 @@ import type { Dataset } from './index'
 import { DecoratorNode } from 'lexical'
 import ContextBlockComponent from './component'
 
-export type SerializedNode = SerializedLexicalNode & { datasets: Dataset[], onAddContext: () => void, canNotAddContext: boolean }
+type SerializedNode = SerializedLexicalNode & { datasets: Dataset[], onAddContext: () => void, canNotAddContext: boolean }
 
 export class ContextBlockNode extends DecoratorNode<React.JSX.Element> {
   __datasets: Dataset[]
diff --git a/web/app/components/base/prompt-editor/plugins/current-block/node.tsx b/web/app/components/base/prompt-editor/plugins/current-block/node.tsx
index 554bf1a2e9..916e3b5169 100644
--- a/web/app/components/base/prompt-editor/plugins/current-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/current-block/node.tsx
@@ -3,7 +3,7 @@ import type { GeneratorType } from '@/app/components/app/configuration/config/au
 import { DecoratorNode } from 'lexical'
 import CurrentBlockComponent from './component'
 
-export type SerializedNode = SerializedLexicalNode & { generatorType: GeneratorType }
+type SerializedNode = SerializedLexicalNode & { generatorType: GeneratorType }
 
 export class CurrentBlockNode extends DecoratorNode<React.JSX.Element> {
   __generatorType: GeneratorType
diff --git a/web/app/components/base/prompt-editor/plugins/error-message-block/node.tsx b/web/app/components/base/prompt-editor/plugins/error-message-block/node.tsx
index b8042e5e54..d253cf7ff3 100644
--- a/web/app/components/base/prompt-editor/plugins/error-message-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/error-message-block/node.tsx
@@ -2,7 +2,7 @@ import type { LexicalNode, NodeKey, SerializedLexicalNode } from 'lexical'
 import { DecoratorNode } from 'lexical'
 import ErrorMessageBlockComponent from './component'
 
-export type SerializedNode = SerializedLexicalNode
+type SerializedNode = SerializedLexicalNode
 
 export class ErrorMessageBlockNode extends DecoratorNode<React.JSX.Element> {
   static getType(): string {
diff --git a/web/app/components/base/prompt-editor/plugins/history-block/index.tsx b/web/app/components/base/prompt-editor/plugins/history-block/index.tsx
index a1d788c8cd..f6fd01f0d9 100644
--- a/web/app/components/base/prompt-editor/plugins/history-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/history-block/index.tsx
@@ -24,13 +24,6 @@ export type RoleName = {
   assistant: string
 }
 
-export type HistoryBlockProps = {
-  roleName: RoleName
-  onEditRole: () => void
-  onInsert?: () => void
-  onDelete?: () => void
-}
-
 const HistoryBlock = memo(({
   history = { user: '', assistant: '' },
   onEditRole = noop,
diff --git a/web/app/components/base/prompt-editor/plugins/hitl-input-block/index.tsx b/web/app/components/base/prompt-editor/plugins/hitl-input-block/index.tsx
index 49b0e3d150..2c10fdbd5a 100644
--- a/web/app/components/base/prompt-editor/plugins/hitl-input-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/hitl-input-block/index.tsx
@@ -22,11 +22,6 @@ import {
 export const INSERT_HITL_INPUT_BLOCK_COMMAND = createCommand('INSERT_HITL_INPUT_BLOCK_COMMAND')
 export const DELETE_HITL_INPUT_BLOCK_COMMAND = createCommand('DELETE_HITL_INPUT_BLOCK_COMMAND')
 export const UPDATE_WORKFLOW_NODES_MAP = createCommand('UPDATE_WORKFLOW_NODES_MAP')
-
-export type HITLInputProps = {
-  onInsert?: () => void
-  onDelete?: () => void
-}
 const HITLInputBlock = memo(({
   onInsert,
   onDelete,
diff --git a/web/app/components/base/prompt-editor/plugins/hitl-input-block/node.tsx b/web/app/components/base/prompt-editor/plugins/hitl-input-block/node.tsx
index bf3c44acf3..9f2d25b446 100644
--- a/web/app/components/base/prompt-editor/plugins/hitl-input-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/hitl-input-block/node.tsx
@@ -21,7 +21,7 @@ export type HITLNodeProps = {
   readonly?: boolean
 }
 
-export type SerializedNode = SerializedLexicalNode & HITLNodeProps
+type SerializedNode = SerializedLexicalNode & HITLNodeProps
 
 export class HITLInputNode extends DecoratorNode<React.JSX.Element> {
   __variableName: string
diff --git a/web/app/components/base/prompt-editor/plugins/last-run-block/node.tsx b/web/app/components/base/prompt-editor/plugins/last-run-block/node.tsx
index 5f61c3138b..0606adbe2e 100644
--- a/web/app/components/base/prompt-editor/plugins/last-run-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/last-run-block/node.tsx
@@ -2,7 +2,7 @@ import type { LexicalNode, NodeKey, SerializedLexicalNode } from 'lexical'
 import { DecoratorNode } from 'lexical'
 import LastRunBlockComponent from './component'
 
-export type SerializedNode = SerializedLexicalNode
+type SerializedNode = SerializedLexicalNode
 
 export class LastRunBlockNode extends DecoratorNode<React.JSX.Element> {
   static getType(): string {
diff --git a/web/app/components/base/prompt-editor/plugins/query-block/index.tsx b/web/app/components/base/prompt-editor/plugins/query-block/index.tsx
index d5953d16c4..adabf0bc6e 100644
--- a/web/app/components/base/prompt-editor/plugins/query-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/query-block/index.tsx
@@ -17,11 +17,6 @@ import {
 
 export const INSERT_QUERY_BLOCK_COMMAND = createCommand('INSERT_QUERY_BLOCK_COMMAND')
 export const DELETE_QUERY_BLOCK_COMMAND = createCommand('DELETE_QUERY_BLOCK_COMMAND')
-
-export type QueryBlockProps = {
-  onInsert?: () => void
-  onDelete?: () => void
-}
 const QueryBlock = memo(({
   onInsert,
   onDelete,
diff --git a/web/app/components/base/prompt-editor/plugins/query-block/node.tsx b/web/app/components/base/prompt-editor/plugins/query-block/node.tsx
index fc560451dd..519d6bab92 100644
--- a/web/app/components/base/prompt-editor/plugins/query-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/query-block/node.tsx
@@ -2,7 +2,7 @@ import type { LexicalNode, SerializedLexicalNode } from 'lexical'
 import { DecoratorNode } from 'lexical'
 import QueryBlockComponent from './component'
 
-export type SerializedNode = SerializedLexicalNode
+type SerializedNode = SerializedLexicalNode
 
 export class QueryBlockNode extends DecoratorNode<React.JSX.Element> {
   static getType(): string {
diff --git a/web/app/components/base/prompt-editor/plugins/request-url-block/node.tsx b/web/app/components/base/prompt-editor/plugins/request-url-block/node.tsx
index b1e74aa3a6..b24e653bbc 100644
--- a/web/app/components/base/prompt-editor/plugins/request-url-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/request-url-block/node.tsx
@@ -2,7 +2,7 @@ import type { LexicalNode, SerializedLexicalNode } from 'lexical'
 import { DecoratorNode } from 'lexical'
 import RequestURLBlockComponent from './component'
 
-export type SerializedNode = SerializedLexicalNode
+type SerializedNode = SerializedLexicalNode
 
 export class RequestURLBlockNode extends DecoratorNode<React.JSX.Element> {
   static getType(): string {
diff --git a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/index.tsx b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/index.tsx
index c8cac64d19..dfbd238dbf 100644
--- a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/index.tsx
+++ b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/index.tsx
@@ -1,5 +1,4 @@
-import type { GetVarType, WorkflowVariableBlockType } from '../../types'
-import type { Node } from '@/app/components/workflow/types'
+import type { WorkflowVariableBlockType } from '../../types'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { mergeRegister } from '@lexical/utils'
 import {
@@ -19,13 +18,6 @@ import {
 export const INSERT_WORKFLOW_VARIABLE_BLOCK_COMMAND = createCommand('INSERT_WORKFLOW_VARIABLE_BLOCK_COMMAND')
 export const DELETE_WORKFLOW_VARIABLE_BLOCK_COMMAND = createCommand('DELETE_WORKFLOW_VARIABLE_BLOCK_COMMAND')
 export const UPDATE_WORKFLOW_NODES_MAP = createCommand('UPDATE_WORKFLOW_NODES_MAP')
-
-export type WorkflowVariableBlockProps = {
-  getWorkflowNode: (nodeId: string) => Node
-  onInsert?: () => void
-  onDelete?: () => void
-  getVarType: GetVarType
-}
 const WorkflowVariableBlock = memo(({
   workflowNodesMap,
   onInsert,
diff --git a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/node.tsx b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/node.tsx
index a241e75233..743937d8a6 100644
--- a/web/app/components/base/prompt-editor/plugins/workflow-variable-block/node.tsx
+++ b/web/app/components/base/prompt-editor/plugins/workflow-variable-block/node.tsx
@@ -6,7 +6,7 @@ import WorkflowVariableBlockComponent from './component'
 
 export type WorkflowNodesMap = WorkflowVariableBlockType['workflowNodesMap']
 
-export type SerializedNode = SerializedLexicalNode & {
+type SerializedNode = SerializedLexicalNode & {
   variables: string[]
   workflowNodesMap: WorkflowNodesMap
   getVarType?: GetVarType
diff --git a/web/app/components/base/radio/component/group/index.tsx b/web/app/components/base/radio/component/group/index.tsx
index 53ccd5e833..aff9e5e3c6 100644
--- a/web/app/components/base/radio/component/group/index.tsx
+++ b/web/app/components/base/radio/component/group/index.tsx
@@ -3,7 +3,7 @@ import { cn } from '@/utils/classnames'
 import RadioGroupContext from '../../context'
 import s from '../../style.module.css'
 
-export type TRadioGroupProps = {
+type TRadioGroupProps = {
   children?: ReactNode | ReactNode[]
   value?: string | number | boolean
   className?: string
diff --git a/web/app/components/base/radio/style.module.css b/web/app/components/base/radio/style.module.css
index 3ecf32f8d6..3e6bcdf418 100644
--- a/web/app/components/base/radio/style.module.css
+++ b/web/app/components/base/radio/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .container {
     padding: 4px;
     border-radius: 4px;
diff --git a/web/app/components/base/select/index.tsx b/web/app/components/base/select/index.tsx
index 2cfdcf74bc..70ed726c38 100644
--- a/web/app/components/base/select/index.tsx
+++ b/web/app/components/base/select/index.tsx
@@ -37,7 +37,7 @@ export type Item = {
   extra?: React.ReactNode
 } & Record<string, any>
 
-export type ISelectProps = {
+type ISelectProps = {
   className?: string
   wrapperClassName?: string
   renderTrigger?: (value: Item | null, isOpen: boolean) => React.JSX.Element | null
diff --git a/web/app/components/base/simple-pie-chart/index.module.css b/web/app/components/base/simple-pie-chart/index.module.css
index 8ee0bdecf8..827b18d5f1 100644
--- a/web/app/components/base/simple-pie-chart/index.module.css
+++ b/web/app/components/base/simple-pie-chart/index.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .simplePieChart {
   border-radius: 50%;
   box-shadow: 0 0 5px -3px rgb(from var(--simple-pie-chart-color) r g b / 0.1), 0.5px 0.5px 3px 0 rgb(from var(--simple-pie-chart-color) r g b / 0.3);
diff --git a/web/app/components/base/sort/index.tsx b/web/app/components/base/sort/index.tsx
index 69562e2f3e..901d353ec2 100644
--- a/web/app/components/base/sort/index.tsx
+++ b/web/app/components/base/sort/index.tsx
@@ -9,7 +9,7 @@ import {
 } from '@/app/components/base/portal-to-follow-elem'
 import { cn } from '@/utils/classnames'
 
-export type Item = {
+type Item = {
   value: number | string
   name: string
 } & Record<string, any>
diff --git a/web/app/components/base/svg/style.module.css b/web/app/components/base/svg/style.module.css
index 885a9f8c3a..9258fe8ed3 100644
--- a/web/app/components/base/svg/style.module.css
+++ b/web/app/components/base/svg/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .svgIcon {
   background-image: url(~@/app/components/develop/secret-key/assets/svg.svg);
   background-position: center;
diff --git a/web/app/components/base/tag/index.tsx b/web/app/components/base/tag/index.tsx
index 21e2a9c982..dee85c998c 100644
--- a/web/app/components/base/tag/index.tsx
+++ b/web/app/components/base/tag/index.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { cn } from '@/utils/classnames'
 
-export type ITagProps = {
+type ITagProps = {
   children: string | React.ReactNode
   color?: keyof typeof COLOR_MAP
   className?: string
diff --git a/web/app/components/base/text-generation/types.ts b/web/app/components/base/text-generation/types.ts
index d7c03ab3eb..62a401c3cb 100644
--- a/web/app/components/base/text-generation/types.ts
+++ b/web/app/components/base/text-generation/types.ts
@@ -2,41 +2,11 @@ import type { ExternalDataTool } from '@/models/common'
 import type {
   ModelConfig,
   VisionFile,
-  VisionSettings,
 } from '@/types/app'
 
 export type { VisionFile } from '@/types/app'
 export { TransferMethod } from '@/types/app'
 
-export type UserInputForm = {
-  default: string
-  label: string
-  required: boolean
-  variable: string
-}
-
-export type UserInputFormTextInput = {
-  'text-input': UserInputForm & {
-    max_length: number
-  }
-}
-
-export type UserInputFormSelect = {
-  select: UserInputForm & {
-    options: string[]
-  }
-}
-
-export type UserInputFormParagraph = {
-  paragraph: UserInputForm
-}
-
-export type VisionConfig = VisionSettings
-
-export type EnableType = {
-  enabled: boolean
-}
-
 export type TextGenerationConfig = Omit<ModelConfig, 'model'> & {
   external_data_tools: ExternalDataTool[]
 }
diff --git a/web/app/components/base/textarea/index.tsx b/web/app/components/base/textarea/index.tsx
index 73c6865903..d991acb28b 100644
--- a/web/app/components/base/textarea/index.tsx
+++ b/web/app/components/base/textarea/index.tsx
@@ -58,4 +58,4 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
 Textarea.displayName = 'Textarea'
 
 export default Textarea
-export { Textarea, textareaVariants }
+export { textareaVariants }
diff --git a/web/app/components/base/theme-switcher.tsx b/web/app/components/base/theme-switcher.tsx
index 91fb5ff2c9..a6b6972210 100644
--- a/web/app/components/base/theme-switcher.tsx
+++ b/web/app/components/base/theme-switcher.tsx
@@ -2,7 +2,7 @@
 import { useTheme } from 'next-themes'
 import { cn } from '@/utils/classnames'
 
-export type Theme = 'light' | 'dark' | 'system'
+type Theme = 'light' | 'dark' | 'system'
 
 export default function ThemeSwitcher() {
   const { theme, setTheme } = useTheme()
diff --git a/web/app/components/base/timezone-label/index.tsx b/web/app/components/base/timezone-label/index.tsx
index bb4355f338..385e4c782a 100644
--- a/web/app/components/base/timezone-label/index.tsx
+++ b/web/app/components/base/timezone-label/index.tsx
@@ -3,7 +3,7 @@ import { useMemo } from 'react'
 import { convertTimezoneToOffsetStr } from '@/app/components/base/date-and-time-picker/utils/dayjs'
 import { cn } from '@/utils/classnames'
 
-export type TimezoneLabelProps = {
+type TimezoneLabelProps = {
   /** IANA timezone identifier (e.g., 'Asia/Shanghai', 'America/New_York') */
   timezone: string
   /** Additional CSS classes to apply */
diff --git a/web/app/components/base/tooltip/content.tsx b/web/app/components/base/tooltip/content.tsx
index a5a31a2a5c..191ee933f1 100644
--- a/web/app/components/base/tooltip/content.tsx
+++ b/web/app/components/base/tooltip/content.tsx
@@ -1,6 +1,6 @@
 import type { FC, PropsWithChildren, ReactNode } from 'react'
 
-export type ToolTipContentProps = {
+type ToolTipContentProps = {
   title?: ReactNode
   action?: ReactNode
 } & PropsWithChildren
diff --git a/web/app/components/base/tooltip/index.tsx b/web/app/components/base/tooltip/index.tsx
index 1588c99812..da373dea83 100644
--- a/web/app/components/base/tooltip/index.tsx
+++ b/web/app/components/base/tooltip/index.tsx
@@ -14,7 +14,7 @@ import { PortalToFollowElem, PortalToFollowElemContent, PortalToFollowElemTrigge
 import { cn } from '@/utils/classnames'
 import { tooltipManager } from './TooltipManager'
 
-export type TooltipProps = {
+type TooltipProps = {
   position?: Placement
   triggerMethod?: 'hover' | 'click'
   triggerClassName?: string
diff --git a/web/app/components/base/ui/context-menu/index.tsx b/web/app/components/base/ui/context-menu/index.tsx
index 5a0f580ca4..4e164b08b9 100644
--- a/web/app/components/base/ui/context-menu/index.tsx
+++ b/web/app/components/base/ui/context-menu/index.tsx
@@ -17,8 +17,6 @@ import { cn } from '@/utils/classnames'
 
 export const ContextMenu = BaseContextMenu.Root
 export const ContextMenuTrigger = BaseContextMenu.Trigger
-export const ContextMenuPortal = BaseContextMenu.Portal
-export const ContextMenuBackdrop = BaseContextMenu.Backdrop
 export const ContextMenuSub = BaseContextMenu.SubmenuRoot
 export const ContextMenuGroup = BaseContextMenu.Group
 export const ContextMenuRadioGroup = BaseContextMenu.RadioGroup
@@ -175,26 +173,6 @@ export function ContextMenuCheckboxItem({
   )
 }
 
-type ContextMenuIndicatorProps = Omit<React.ComponentPropsWithoutRef<'span'>, 'children'> & {
-  children?: React.ReactNode
-}
-
-export function ContextMenuItemIndicator({
-  className,
-  children,
-  ...props
-}: ContextMenuIndicatorProps) {
-  return (
-    <span
-      aria-hidden
-      className={cn(menuIndicatorClassName, className)}
-      {...props}
-    >
-      {children ?? <span aria-hidden className="i-ri-check-line h-4 w-4" />}
-    </span>
-  )
-}
-
 export function ContextMenuCheckboxItemIndicator({
   className,
   ...props
@@ -239,7 +217,7 @@ export function ContextMenuSubTrigger({
       {...props}
     >
       {children}
-      <span aria-hidden className="i-ri-arrow-right-s-line ml-auto size-4 shrink-0 text-text-tertiary" />
+      <span aria-hidden className="ml-auto i-ri-arrow-right-s-line size-4 shrink-0 text-text-tertiary" />
     </BaseContextMenu.SubmenuTrigger>
   )
 }
diff --git a/web/app/components/base/ui/dropdown-menu/index.tsx b/web/app/components/base/ui/dropdown-menu/index.tsx
index 13c2dab626..5db5833fd7 100644
--- a/web/app/components/base/ui/dropdown-menu/index.tsx
+++ b/web/app/components/base/ui/dropdown-menu/index.tsx
@@ -15,7 +15,6 @@ import { parsePlacement } from '@/app/components/base/ui/placement'
 import { cn } from '@/utils/classnames'
 
 export const DropdownMenu = Menu.Root
-export const DropdownMenuPortal = Menu.Portal
 export const DropdownMenuTrigger = Menu.Trigger
 export const DropdownMenuSub = Menu.SubmenuRoot
 export const DropdownMenuGroup = Menu.Group
diff --git a/web/app/components/base/ui/number-field/index.tsx b/web/app/components/base/ui/number-field/index.tsx
index ac2ae0c7c6..924250ca22 100644
--- a/web/app/components/base/ui/number-field/index.tsx
+++ b/web/app/components/base/ui/number-field/index.tsx
@@ -113,7 +113,7 @@ export function NumberFieldUnit({
   )
 }
 
-export const numberFieldControlsVariants = cva(
+const numberFieldControlsVariants = cva(
   'flex shrink-0 flex-col items-stretch border-l border-divider-subtle bg-transparent text-text-tertiary',
 )
 
@@ -131,7 +131,7 @@ export function NumberFieldControls({
   )
 }
 
-export const numberFieldControlButtonVariants = cva(
+const numberFieldControlButtonVariants = cva(
   [
     'flex touch-manipulation select-none items-center justify-center px-1.5 text-text-tertiary outline-hidden transition-colors',
     'hover:bg-components-input-bg-hover focus-visible:bg-components-input-bg-hover',
diff --git a/web/app/components/base/ui/scroll-area/index.module.css b/web/app/components/base/ui/scroll-area/index.module.css
index 4b0cb17875..a81fd3d3c2 100644
--- a/web/app/components/base/ui/scroll-area/index.module.css
+++ b/web/app/components/base/ui/scroll-area/index.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .scrollbar::before,
 .scrollbar::after {
   content: '';
diff --git a/web/app/components/base/ui/scroll-area/index.tsx b/web/app/components/base/ui/scroll-area/index.tsx
index 195f9b4e81..053d9e684a 100644
--- a/web/app/components/base/ui/scroll-area/index.tsx
+++ b/web/app/components/base/ui/scroll-area/index.tsx
@@ -6,18 +6,17 @@ import { cn } from '@/utils/classnames'
 import styles from './index.module.css'
 
 export const ScrollAreaRoot = BaseScrollArea.Root
-export type ScrollAreaRootProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Root>
+type ScrollAreaRootProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Root>
 
 export const ScrollAreaContent = BaseScrollArea.Content
-export type ScrollAreaContentProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Content>
 
-export type ScrollAreaSlotClassNames = {
+type ScrollAreaSlotClassNames = {
   viewport?: string
   content?: string
   scrollbar?: string
 }
 
-export type ScrollAreaProps = Omit<ScrollAreaRootProps, 'children'> & {
+type ScrollAreaProps = Omit<ScrollAreaRootProps, 'children'> & {
   children: React.ReactNode
   orientation?: 'vertical' | 'horizontal'
   slotClassNames?: ScrollAreaSlotClassNames
@@ -25,7 +24,7 @@ export type ScrollAreaProps = Omit<ScrollAreaRootProps, 'children'> & {
   labelledBy?: string
 }
 
-export const scrollAreaScrollbarClassName = cn(
+const scrollAreaScrollbarClassName = cn(
   styles.scrollbar,
   'flex touch-none select-none overflow-clip p-1 opacity-100 transition-opacity motion-reduce:transition-none',
   'pointer-events-none data-hovering:pointer-events-auto',
@@ -34,20 +33,20 @@ export const scrollAreaScrollbarClassName = cn(
   'data-[orientation=horizontal]:absolute data-[orientation=horizontal]:inset-x-0 data-[orientation=horizontal]:h-3 data-[orientation=horizontal]:items-center',
 )
 
-export const scrollAreaThumbClassName = cn(
+const scrollAreaThumbClassName = cn(
   'shrink-0 radius-xs bg-state-base-handle transition-[background-color] motion-reduce:transition-none',
   'data-[orientation=vertical]:w-1',
   'data-[orientation=horizontal]:h-1',
 )
 
-export const scrollAreaViewportClassName = cn(
+const scrollAreaViewportClassName = cn(
   'size-full min-h-0 min-w-0 outline-hidden',
   'focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-components-input-border-hover',
 )
 
-export const scrollAreaCornerClassName = 'bg-transparent'
+const scrollAreaCornerClassName = 'bg-transparent'
 
-export type ScrollAreaViewportProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Viewport>
+type ScrollAreaViewportProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Viewport>
 
 export function ScrollAreaViewport({
   className,
@@ -61,7 +60,7 @@ export function ScrollAreaViewport({
   )
 }
 
-export type ScrollAreaScrollbarProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Scrollbar>
+type ScrollAreaScrollbarProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Scrollbar>
 
 export function ScrollAreaScrollbar({
   className,
@@ -75,7 +74,7 @@ export function ScrollAreaScrollbar({
   )
 }
 
-export type ScrollAreaThumbProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Thumb>
+type ScrollAreaThumbProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Thumb>
 
 export function ScrollAreaThumb({
   className,
@@ -89,7 +88,7 @@ export function ScrollAreaThumb({
   )
 }
 
-export type ScrollAreaCornerProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Corner>
+type ScrollAreaCornerProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Corner>
 
 export function ScrollAreaCorner({
   className,
diff --git a/web/app/components/base/ui/select/index.tsx b/web/app/components/base/ui/select/index.tsx
index 83dfe817dc..7cab541f06 100644
--- a/web/app/components/base/ui/select/index.tsx
+++ b/web/app/components/base/ui/select/index.tsx
@@ -10,11 +10,14 @@ import { cn } from '@/utils/classnames'
 
 export const Select = BaseSelect.Root
 export const SelectValue = BaseSelect.Value
+/** @public */
 export const SelectGroup = BaseSelect.Group
+/** @public */
 export const SelectGroupLabel = BaseSelect.GroupLabel
+/** @public */
 export const SelectSeparator = BaseSelect.Separator
 
-export const selectTriggerVariants = cva(
+const selectTriggerVariants = cva(
   '',
   {
     variants: {
diff --git a/web/app/components/base/ui/slider/index.tsx b/web/app/components/base/ui/slider/index.tsx
index d44f553254..b0a8c2f376 100644
--- a/web/app/components/base/ui/slider/index.tsx
+++ b/web/app/components/base/ui/slider/index.tsx
@@ -24,7 +24,7 @@ type UncontrolledSliderProps = SliderBaseProps & {
   defaultValue?: number
 }
 
-export type SliderProps = ControlledSliderProps | UncontrolledSliderProps
+type SliderProps = ControlledSliderProps | UncontrolledSliderProps
 
 const sliderRootClassName = 'group/slider relative inline-flex w-full data-disabled:opacity-30'
 const sliderControlClassName = cn(
diff --git a/web/app/components/base/ui/toast/index.tsx b/web/app/components/base/ui/toast/index.tsx
index 0307e14dbc..abb71d371e 100644
--- a/web/app/components/base/ui/toast/index.tsx
+++ b/web/app/components/base/ui/toast/index.tsx
@@ -35,28 +35,28 @@ const TOAST_TONE_STYLES = {
   },
 } satisfies Record<string, ToastToneStyle>
 
-export type ToastType = keyof typeof TOAST_TONE_STYLES
+type ToastType = keyof typeof TOAST_TONE_STYLES
 
-export type ToastAddOptions = Omit<ToastManagerAddOptions<ToastData>, 'data' | 'positionerProps' | 'type'> & {
+type ToastAddOptions = Omit<ToastManagerAddOptions<ToastData>, 'data' | 'positionerProps' | 'type'> & {
   type?: ToastType
 }
 
-export type ToastUpdateOptions = Omit<ToastManagerUpdateOptions<ToastData>, 'data' | 'positionerProps' | 'type'> & {
+type ToastUpdateOptions = Omit<ToastManagerUpdateOptions<ToastData>, 'data' | 'positionerProps' | 'type'> & {
   type?: ToastType
 }
 
-export type ToastOptions = Omit<ToastAddOptions, 'title'>
-export type TypedToastOptions = Omit<ToastOptions, 'type'>
+type ToastOptions = Omit<ToastAddOptions, 'title'>
+type TypedToastOptions = Omit<ToastOptions, 'type'>
 
 type ToastPromiseResultOption<Value> = string | ToastUpdateOptions | ((value: Value) => string | ToastUpdateOptions)
 
-export type ToastPromiseOptions<Value> = {
+type ToastPromiseOptions<Value> = {
   loading: string | ToastUpdateOptions
   success: ToastPromiseResultOption<Value>
   error: ToastPromiseResultOption<unknown>
 }
 
-export type ToastHostProps = {
+type ToastHostProps = {
   timeout?: number
   limit?: number
 }
@@ -65,7 +65,7 @@ type ToastDismiss = (toastId?: string) => void
 type ToastCall = (title: ReactNode, options?: ToastOptions) => string
 type TypedToastCall = (title: ReactNode, options?: TypedToastOptions) => string
 
-export type ToastApi = {
+type ToastApi = {
   (title: ReactNode, options?: ToastOptions): string
   success: TypedToastCall
   error: TypedToastCall
diff --git a/web/app/components/base/ui/tooltip/index.tsx b/web/app/components/base/ui/tooltip/index.tsx
index b100c594c6..693a61ca1f 100644
--- a/web/app/components/base/ui/tooltip/index.tsx
+++ b/web/app/components/base/ui/tooltip/index.tsx
@@ -8,7 +8,7 @@ import { cn } from '@/utils/classnames'
 
 type TooltipContentVariant = 'default' | 'plain'
 
-export type TooltipContentProps = {
+type TooltipContentProps = {
   children: React.ReactNode
   placement?: Placement
   sideOffset?: number
diff --git a/web/app/components/base/video-gallery/VideoPlayer.module.css b/web/app/components/base/video-gallery/VideoPlayer.module.css
index c31499184f..04c4a367d6 100644
--- a/web/app/components/base/video-gallery/VideoPlayer.module.css
+++ b/web/app/components/base/video-gallery/VideoPlayer.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .videoPlayer {
   position: relative;
   width: 100%;
diff --git a/web/app/components/base/voice-input/index.module.css b/web/app/components/base/voice-input/index.module.css
index 330d261af0..8286f9d9a9 100644
--- a/web/app/components/base/voice-input/index.module.css
+++ b/web/app/components/base/voice-input/index.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .wrapper {
   background: linear-gradient(131deg, #2250F2 0%, #0EBCF3 100%);
   box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
diff --git a/web/app/components/base/zendesk/utils.ts b/web/app/components/base/zendesk/utils.ts
index 961f4b96f6..35f3da7411 100644
--- a/web/app/components/base/zendesk/utils.ts
+++ b/web/app/components/base/zendesk/utils.ts
@@ -1,6 +1,6 @@
 import { IS_CE_EDITION } from '@/config'
 
-export type ConversationField = {
+type ConversationField = {
   id: string
   value: any
 }
diff --git a/web/app/components/billing/annotation-full/style.module.css b/web/app/components/billing/annotation-full/style.module.css
index 61a4406ae5..15bedd84ca 100644
--- a/web/app/components/billing/annotation-full/style.module.css
+++ b/web/app/components/billing/annotation-full/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #2250F2 -29.55%, #0EBCF3 75.22%);
   -webkit-background-clip: text;
diff --git a/web/app/components/billing/apps-full-in-dialog/style.module.css b/web/app/components/billing/apps-full-in-dialog/style.module.css
index 06c062be7d..1f68e665a6 100644
--- a/web/app/components/billing/apps-full-in-dialog/style.module.css
+++ b/web/app/components/billing/apps-full-in-dialog/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #0EBCF3 -29.55%, #2250F2 75.22%);
   -webkit-background-clip: text;
diff --git a/web/app/components/billing/plan-upgrade-modal/style.module.css b/web/app/components/billing/plan-upgrade-modal/style.module.css
index 3b6dbf27a5..50ad488388 100644
--- a/web/app/components/billing/plan-upgrade-modal/style.module.css
+++ b/web/app/components/billing/plan-upgrade-modal/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .surface {
   border: 0.5px solid var(--color-components-panel-border, rgba(16, 24, 40, 0.08));
   background:
diff --git a/web/app/components/billing/pricing/header.module.css b/web/app/components/billing/pricing/header.module.css
index 43deaea206..fc05646d86 100644
--- a/web/app/components/billing/pricing/header.module.css
+++ b/web/app/components/billing/pricing/header.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .instrumentSerif {
   font-family: "Instrument Serif", serif;
   font-style: italic;
diff --git a/web/app/components/billing/type.ts b/web/app/components/billing/type.ts
index e3eb8b6799..15eda0bbf6 100644
--- a/web/app/components/billing/type.ts
+++ b/web/app/components/billing/type.ts
@@ -37,22 +37,6 @@ export enum SelfHostedPlan {
   enterprise = 'enterprise',
 }
 
-export type SelfHostedPlanInfo = {
-  level: number
-  price: number
-  modelProviders: string
-  teamWorkspace: number
-  teamMembers: number
-  buildApps: number
-  documents: number
-  vectorSpace: string
-  documentsRequestQuota: number
-  documentProcessingPriority: Priority
-  logHistory: number
-  messageRequest: number
-  annotatedResponse: number
-}
-
 export type UsagePlanInfo = Pick<PlanInfo, 'buildApps' | 'teamMembers' | 'annotatedResponse' | 'documentsUploadQuota' | 'apiRateLimit' | 'triggerEvents'> & { vectorSpace: number }
 
 export type UsageResetInfo = {
@@ -121,11 +105,6 @@ export type CurrentPlanInfoBackend = {
   human_input_email_delivery_enabled: boolean
 }
 
-export type SubscriptionItem = {
-  plan: Plan
-  url: string
-}
-
 export type SubscriptionUrlsBackend = {
   url: string
 }
diff --git a/web/app/components/billing/upgrade-btn/style.module.css b/web/app/components/billing/upgrade-btn/style.module.css
deleted file mode 100644
index 6fbdb8b6c4..0000000000
--- a/web/app/components/billing/upgrade-btn/style.module.css
+++ /dev/null
@@ -1,11 +0,0 @@
-@reference "../../../styles/globals.css";
-
-.upgradeBtn {
-  background: linear-gradient(99deg, rgba(255, 255, 255, 0.12) 7.16%, rgba(255, 255, 255, 0.00) 85.47%), linear-gradient(280deg, #00B2FF 12.96%, #132BFF 90.95%);
-  box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(0, 162, 253, 0.12);
-
-}
-.upgradeBtn:hover {
-  background: linear-gradient(99deg, rgba(255, 255, 255, 0.12) 7.16%, rgba(255, 255, 255, 0.00) 85.47%), linear-gradient(280deg, #02C2FF 12.96%, #001AFF 90.95%);
-  box-shadow: 0px 4px 6px -2px rgba(16, 18, 40, 0.08), 0px 12px 16px -4px rgba(0, 209, 255, 0.08);
-}
diff --git a/web/app/components/billing/vector-space-full/style.module.css b/web/app/components/billing/vector-space-full/style.module.css
index 61a4406ae5..15bedd84ca 100644
--- a/web/app/components/billing/vector-space-full/style.module.css
+++ b/web/app/components/billing/vector-space-full/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #2250F2 -29.55%, #0EBCF3 75.22%);
   -webkit-background-clip: text;
diff --git a/web/app/components/custom/custom-web-app-brand/style.module.css b/web/app/components/custom/custom-web-app-brand/style.module.css
deleted file mode 100644
index e24f725c03..0000000000
--- a/web/app/components/custom/custom-web-app-brand/style.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-@reference "../../../styles/globals.css";
-
-.mask {
-  background: linear-gradient(273deg, rgba(255, 255, 255, 0.00) 51.75%, rgba(255, 255, 255, 0.80) 115.32%);
-}
diff --git a/web/app/components/custom/style.module.css b/web/app/components/custom/style.module.css
index df955bd293..0a839f6387 100644
--- a/web/app/components/custom/style.module.css
+++ b/web/app/components/custom/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(92deg, #2250F2 -29.55%, #0EBCF3 75.22%);
   -webkit-background-clip: text;
diff --git a/web/app/components/datasets/chunk.tsx b/web/app/components/datasets/chunk.tsx
index 74184c8d07..e0d820a4f3 100644
--- a/web/app/components/datasets/chunk.tsx
+++ b/web/app/components/datasets/chunk.tsx
@@ -2,7 +2,7 @@ import type { FC, PropsWithChildren } from 'react'
 import type { QA } from '@/models/datasets'
 import { SelectionMod } from '../base/icons/src/public/knowledge'
 
-export type ChunkLabelProps = {
+type ChunkLabelProps = {
   label: string
   characterCount: number
 }
@@ -27,7 +27,7 @@ export const ChunkLabel: FC<ChunkLabelProps> = (props) => {
   )
 }
 
-export type ChunkContainerProps = ChunkLabelProps & PropsWithChildren
+type ChunkContainerProps = ChunkLabelProps & PropsWithChildren
 
 export const ChunkContainer: FC<ChunkContainerProps> = (props) => {
   const { label, characterCount, children } = props
@@ -41,7 +41,7 @@ export const ChunkContainer: FC<ChunkContainerProps> = (props) => {
   )
 }
 
-export type QAPreviewProps = {
+type QAPreviewProps = {
   qa: QA
 }
 
diff --git a/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/index.tsx b/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/index.tsx
index 17ff348c64..ba2ede9f08 100644
--- a/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/index.tsx
+++ b/web/app/components/datasets/common/image-uploader/image-uploader-in-chunk/index.tsx
@@ -72,7 +72,7 @@ const ImageUploaderInChunk = ({
   )
 }
 
-export type ImageUploaderInChunkWrapperProps = {
+type ImageUploaderInChunkWrapperProps = {
   value?: FileEntity[]
   onChange: (files: FileEntity[]) => void
 } & ImageUploaderInChunkProps
diff --git a/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/index.tsx b/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/index.tsx
index 5f395f3e54..0c4da5a7e4 100644
--- a/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/index.tsx
+++ b/web/app/components/datasets/common/image-uploader/image-uploader-in-retrieval-testing/index.tsx
@@ -110,7 +110,7 @@ const ImageUploaderInRetrievalTesting = ({
   )
 }
 
-export type ImageUploaderInRetrievalTestingWrapperProps = {
+type ImageUploaderInRetrievalTestingWrapperProps = {
   value?: FileEntity[]
   onChange: (files: FileEntity[]) => void
 } & ImageUploaderInRetrievalTestingProps
diff --git a/web/app/components/datasets/common/image-uploader/store.tsx b/web/app/components/datasets/common/image-uploader/store.tsx
index 93470190a4..45c338d8bc 100644
--- a/web/app/components/datasets/common/image-uploader/store.tsx
+++ b/web/app/components/datasets/common/image-uploader/store.tsx
@@ -30,7 +30,7 @@ export const createFileStore = (
 }
 
 type FileStore = ReturnType<typeof createFileStore>
-export const FileContext = createContext<FileStore | null>(null)
+const FileContext = createContext<FileStore | null>(null)
 
 export function useFileStoreWithSelector<T>(selector: (state: Shape) => T): T {
   const store = useContext(FileContext)
diff --git a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/hooks/use-dsl-import.ts b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/hooks/use-dsl-import.ts
index 19023ccfe3..992d0526be 100644
--- a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/hooks/use-dsl-import.ts
+++ b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/hooks/use-dsl-import.ts
@@ -12,13 +12,13 @@ export enum CreateFromDSLModalTab {
   FROM_FILE = 'from-file',
   FROM_URL = 'from-url',
 }
-export type UseDSLImportOptions = {
+type UseDSLImportOptions = {
   activeTab?: CreateFromDSLModalTab
   dslUrl?: string
   onSuccess?: () => void
   onClose?: () => void
 }
-export type DSLVersions = {
+type DSLVersions = {
   importedVersion: string
   systemVersion: string
 }
diff --git a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/uploader.tsx b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/uploader.tsx
index 74a51d488a..7089c8293a 100644
--- a/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/uploader.tsx
+++ b/web/app/components/datasets/create-from-pipeline/create-options/create-from-dsl-modal/uploader.tsx
@@ -9,7 +9,7 @@ import { toast } from '@/app/components/base/ui/toast'
 import { cn } from '@/utils/classnames'
 import { formatFileSize } from '@/utils/format'
 
-export type Props = {
+type Props = {
   file: File | undefined
   updateFile: (file?: File) => void
   className?: string
diff --git a/web/app/components/datasets/create/embedding-process/index.module.css b/web/app/components/datasets/create/embedding-process/index.module.css
deleted file mode 100644
index 74251cacd2..0000000000
--- a/web/app/components/datasets/create/embedding-process/index.module.css
+++ /dev/null
@@ -1,91 +0,0 @@
-@reference "../../../../styles/globals.css";
-
-.progressContainer {
-  @apply relative pb-4 w-full;
-  border-bottom: 0.5px solid #EAECF0;
-}
-.sourceItem {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 4px;
-  padding: 0 4px;
-  height: 24px;
-  background: #EFF4FF;
-  border-radius: 6px;
-  overflow: hidden;
-}
-
-.sourceItem .info .name {
-  font-weight: 500;
-  font-size: 12px;
-  line-height: 18px;
-  color: #101828;
-}
-.sourceItem.success .info .name {
-  color: #05603A;
-}
-.sourceItem .percent {
-  font-weight: 500;
-  font-size: 12px;
-  line-height: 18px;
-  color: #344054;
-  z-index: 1;
-}
-.sourceItem .error {
-  color: #D92D20;
-}
-.sourceItem .success {
-  color: #05603A;
-}
-
-.commonIcon {
-  @apply w-3 h-3 mr-1 inline-block align-middle;
-}
-.highIcon {
-  mask-image: url(../assets/star.svg);
-  @apply bg-orange-500;
-}
-.economyIcon {
-  background-color: #444ce7;
-  mask-image: url(../assets/normal.svg);
-}
-.tokens {
-  @apply text-xs font-medium px-1;
-}
-.price {
-  color: #f79009;
-  @apply text-xs font-medium;
-}
-
-.unknownFileIcon {
-  background-image: url(../assets/unknown.svg);
-}
-.csv {
-  background-image: url(../assets/csv.svg);
-}
-.docx {
-  background-image: url(../assets/docx.svg);
-}
-.xlsx,
-.xls {
-  background-image: url(../assets/xlsx.svg);
-}
-.pdf {
-  background-image: url(../assets/pdf.svg);
-}
-.html,
-.htm {
-  background-image: url(../assets/html.svg);
-}
-.md,
-.markdown {
-  background-image: url(../assets/md.svg);
-}
-.txt {
-  background-image: url(../assets/txt.svg);
-}
-.json {
-  background-image: url(../assets/json.svg);
-}
diff --git a/web/app/components/datasets/create/file-uploader/hooks/use-file-upload.ts b/web/app/components/datasets/create/file-uploader/hooks/use-file-upload.ts
index a202d85b61..05827d0a9e 100644
--- a/web/app/components/datasets/create/file-uploader/hooks/use-file-upload.ts
+++ b/web/app/components/datasets/create/file-uploader/hooks/use-file-upload.ts
@@ -19,7 +19,7 @@ export type FileUploadConfig = {
   file_upload_limit: number
 }
 
-export type UseFileUploadOptions = {
+type UseFileUploadOptions = {
   fileList: FileItem[]
   prepareFileList: (files: FileItem[]) => void
   onFileUpdate: (fileItem: FileItem, progress: number, list: FileItem[]) => void
@@ -33,7 +33,7 @@ export type UseFileUploadOptions = {
   allowedExtensions?: string[]
 }
 
-export type UseFileUploadReturn = {
+type UseFileUploadReturn = {
   // Refs
   dropRef: RefObject<HTMLDivElement | null>
   dragRef: RefObject<HTMLDivElement | null>
diff --git a/web/app/components/datasets/create/file-uploader/index.module.css b/web/app/components/datasets/create/file-uploader/index.module.css
deleted file mode 100644
index a75274594d..0000000000
--- a/web/app/components/datasets/create/file-uploader/index.module.css
+++ /dev/null
@@ -1,133 +0,0 @@
-@reference "../../../../styles/globals.css";
-
-.file {
-  @apply box-border relative flex items-center justify-between;
-  padding: 8px 12px 8px 8px;
-  max-width: 640px;
-  height: 40px;
-  background: #ffffff;
-  border: 0.5px solid #EAECF0;
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
-  border-radius: 8px;
-  overflow: hidden;
-  cursor: pointer;
-}
-
-.progressbar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  background-color: #F2F4F7;
-}
-
-.file.uploading,
-.file.uploading:hover {
-  background: #FCFCFD;
-  border: 0.5px solid #EAECF0;
-}
-
-.file.active {
-  background: #F5F8FF;
-  border: 1px solid #D1E0FF;
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
-}
-
-.file:hover {
-  background: #F5F8FF;
-  border: 1px solid #D1E0FF;
-  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
-}
-
-.fileIcon {
-  @apply shrink-0 w-6 h-6 mr-2 bg-center bg-no-repeat;
-  background-image: url(../assets/unknown.svg);
-  background-size: 24px;
-}
-
-.fileIcon.csv {
-  background-image: url(../assets/csv.svg);
-}
-
-.fileIcon.doc {
-  background-image: url(../assets/doc.svg);
-}
-
-.fileIcon.docx {
-  background-image: url(../assets/docx.svg);
-}
-
-.fileIcon.xlsx,
-.fileIcon.xls {
-  background-image: url(../assets/xlsx.svg);
-}
-
-.fileIcon.pdf {
-  background-image: url(../assets/pdf.svg);
-}
-
-.fileIcon.html,
-.fileIcon.htm {
-  background-image: url(../assets/html.svg);
-}
-
-.fileIcon.md,
-.fileIcon.markdown {
-  background-image: url(../assets/md.svg);
-}
-
-.fileIcon.txt {
-  background-image: url(../assets/txt.svg);
-}
-
-.fileIcon.json {
-  background-image: url(../assets/json.svg);
-}
-
-.fileInfo {
-  @apply grow flex items-center;
-  z-index: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.filename {
-  font-weight: 500;
-  font-size: 13px;
-  line-height: 18px;
-  color: #1D2939;
-}
-
-.size {
-  @apply ml-3;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 18px;
-  color: #667085;
-}
-
-.actionWrapper {
-  @apply flex items-center shrink-0;
-  z-index: 1;
-}
-
-.actionWrapper .percent {
-  font-weight: 400;
-  font-size: 13px;
-  line-height: 18px;
-  color: #344054;
-}
-
-.actionWrapper .remove {
-  display: none;
-  width: 24px;
-  height: 24px;
-  background: center no-repeat url(../assets/trash.svg);
-  background-size: 16px;
-  cursor: pointer;
-}
-
-.file:hover .actionWrapper .remove {
-  display: block;
-}
diff --git a/web/app/components/datasets/create/index.module.css b/web/app/components/datasets/create/index.module.css
deleted file mode 100644
index 2e7e4f3a56..0000000000
--- a/web/app/components/datasets/create/index.module.css
+++ /dev/null
@@ -1,2 +0,0 @@
-@reference "../../../styles/globals.css";
-
diff --git a/web/app/components/datasets/create/step-one/hooks/index.ts b/web/app/components/datasets/create/step-one/hooks/index.ts
index bae5ce4fce..bccd40e542 100644
--- a/web/app/components/datasets/create/step-one/hooks/index.ts
+++ b/web/app/components/datasets/create/step-one/hooks/index.ts
@@ -1,2 +1 @@
 export { default as usePreviewState } from './use-preview-state'
-export type { PreviewActions, PreviewState, UsePreviewStateReturn } from './use-preview-state'
diff --git a/web/app/components/datasets/create/step-one/hooks/use-preview-state.ts b/web/app/components/datasets/create/step-one/hooks/use-preview-state.ts
index 3984947ab1..79249fd84d 100644
--- a/web/app/components/datasets/create/step-one/hooks/use-preview-state.ts
+++ b/web/app/components/datasets/create/step-one/hooks/use-preview-state.ts
@@ -4,13 +4,13 @@ import type { NotionPage } from '@/models/common'
 import type { CrawlResultItem } from '@/models/datasets'
 import { useCallback, useState } from 'react'
 
-export type PreviewState = {
+type PreviewState = {
   currentFile: File | undefined
   currentNotionPage: NotionPage | undefined
   currentWebsite: CrawlResultItem | undefined
 }
 
-export type PreviewActions = {
+type PreviewActions = {
   showFilePreview: (file: File) => void
   hideFilePreview: () => void
   showNotionPagePreview: (page: NotionPage) => void
@@ -19,7 +19,7 @@ export type PreviewActions = {
   hideWebsitePreview: () => void
 }
 
-export type UsePreviewStateReturn = PreviewState & PreviewActions
+type UsePreviewStateReturn = PreviewState & PreviewActions
 
 /**
  * Custom hook for managing preview state across different data source types.
diff --git a/web/app/components/datasets/create/step-three/index.module.css b/web/app/components/datasets/create/step-three/index.module.css
deleted file mode 100644
index 221c77bb05..0000000000
--- a/web/app/components/datasets/create/step-three/index.module.css
+++ /dev/null
@@ -1,77 +0,0 @@
-@reference "../../../../styles/globals.css";
-
-.creationInfo {
-  padding-top: 42px;
-}
-.creationInfo .title {
-  @apply mb-2;
-  font-weight: 500;
-  font-size: 20px;
-  line-height: 30px;
-  color: #101828;
-}
-.creationInfo .content {
-  margin-bottom: 44px;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 20px;
-  color: #667085;
-}
-.creationInfo .label {
-  @apply mb-2;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 20px;
-  color: #101828;
-}
-.datasetName {
-  padding: 8px 12px;
-  background: #F9FAFB;
-  border-radius: 8px;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 20px;
-  color: #101828;
-  word-break: break-all;
-}
-
-.dividerLine {
-  margin: 24px 0;
-  height: 1px;
-  background-color: #eaecf0;
-}
-
-.sideTip {
-  @apply flex flex-col items-center shrink-0 ;
-  padding-top: 108px;
-  width: 524px;
-  border-left: 0.5px solid #F2F4F7;
-}
-.tipCard {
-  @apply flex flex-col items-start p-6;
-  width: 320px;
-  background-color: #F9FAFB;
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
-  border-radius: 12px;
-}
-.tipCard .icon {
-  width: 32px;
-  height: 32px;
-  border: 1px solid #EAECF0;
-  border-radius: 6px;
-  background: center no-repeat url(../assets/book-open-01.svg);
-  background-size: 16px;
-}
-.tipCard .title {
-  margin: 12px 0;
-  font-weight: 500;
-  font-size: 16px;
-  line-height: 24px;
-  color: #344054;
-}
-.tipCard .content {
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 20px;
-  color: #344054;
-}
diff --git a/web/app/components/datasets/create/step-two/hooks/index.ts b/web/app/components/datasets/create/step-two/hooks/index.ts
index f16daaaea5..b216ead2e6 100644
--- a/web/app/components/datasets/create/step-two/hooks/index.ts
+++ b/web/app/components/datasets/create/step-two/hooks/index.ts
@@ -1,14 +1,10 @@
 export { useDocumentCreation } from './use-document-creation'
-export type { DocumentCreation, ValidationParams } from './use-document-creation'
 
 export { IndexingType, useIndexingConfig } from './use-indexing-config'
-export type { IndexingConfig } from './use-indexing-config'
 
 export { useIndexingEstimate } from './use-indexing-estimate'
-export type { IndexingEstimate } from './use-indexing-estimate'
 
 export { usePreviewState } from './use-preview-state'
-export type { PreviewState } from './use-preview-state'
 
 export { DEFAULT_MAXIMUM_CHUNK_LENGTH, DEFAULT_OVERLAP, DEFAULT_SEGMENT_IDENTIFIER, defaultParentChildConfig, MAXIMUM_CHUNK_TOKEN_LENGTH, useSegmentationState } from './use-segmentation-state'
-export type { ParentChildConfig, SegmentationState } from './use-segmentation-state'
+export type { ParentChildConfig } from './use-segmentation-state'
diff --git a/web/app/components/datasets/create/step-two/hooks/use-document-creation.ts b/web/app/components/datasets/create/step-two/hooks/use-document-creation.ts
index eb1994276c..1c80a188e5 100644
--- a/web/app/components/datasets/create/step-two/hooks/use-document-creation.ts
+++ b/web/app/components/datasets/create/step-two/hooks/use-document-creation.ts
@@ -14,7 +14,7 @@ import { useInvalidDatasetList } from '@/service/knowledge/use-dataset'
 import { IndexingType } from './use-indexing-config'
 import { MAXIMUM_CHUNK_TOKEN_LENGTH } from './use-segmentation-state'
 
-export type UseDocumentCreationOptions = {
+type UseDocumentCreationOptions = {
   datasetId?: string
   isSetting?: boolean
   documentDetail?: FullDocumentDetail
@@ -34,7 +34,7 @@ export type UseDocumentCreationOptions = {
   onSave?: () => void
   mutateDatasetRes?: () => void
 }
-export type ValidationParams = {
+type ValidationParams = {
   segmentationType: string
   maxChunkLength: number
   limitMaxChunkLength: number
@@ -197,4 +197,3 @@ export const useDocumentCreation = (options: UseDocumentCreationOptions) => {
     validatePreviewParams,
   }
 }
-export type DocumentCreation = ReturnType<typeof useDocumentCreation>
diff --git a/web/app/components/datasets/create/step-two/hooks/use-indexing-config.ts b/web/app/components/datasets/create/step-two/hooks/use-indexing-config.ts
index 97fc9c260f..a8dd5f2217 100644
--- a/web/app/components/datasets/create/step-two/hooks/use-indexing-config.ts
+++ b/web/app/components/datasets/create/step-two/hooks/use-indexing-config.ts
@@ -23,7 +23,7 @@ const DEFAULT_RETRIEVAL_CONFIG: RetrievalConfig = {
   score_threshold: 0.5,
 }
 
-export type UseIndexingConfigOptions = {
+type UseIndexingConfigOptions = {
   initialIndexType?: IndexingType
   initialEmbeddingModel?: DefaultModel
   initialRetrievalConfig?: RetrievalConfig
@@ -139,5 +139,3 @@ export const useIndexingConfig = (options: UseIndexingConfigOptions) => {
     showMultiModalTip,
   }
 }
-
-export type IndexingConfig = ReturnType<typeof useIndexingConfig>
diff --git a/web/app/components/datasets/create/step-two/hooks/use-indexing-estimate.ts b/web/app/components/datasets/create/step-two/hooks/use-indexing-estimate.ts
index cc5a2bcf33..ea14ef2c99 100644
--- a/web/app/components/datasets/create/step-two/hooks/use-indexing-estimate.ts
+++ b/web/app/components/datasets/create/step-two/hooks/use-indexing-estimate.ts
@@ -10,7 +10,7 @@ import {
   useFetchFileIndexingEstimateForWeb,
 } from '@/service/knowledge/use-create-dataset'
 
-export type UseIndexingEstimateOptions = {
+type UseIndexingEstimateOptions = {
   dataSourceType: DataSourceType
   datasetId?: string
   // Document settings
@@ -119,5 +119,3 @@ export const useIndexingEstimate = (options: UseIndexingEstimateOptions) => {
     reset: currentMutation.reset,
   }
 }
-
-export type IndexingEstimate = ReturnType<typeof useIndexingEstimate>
diff --git a/web/app/components/datasets/create/step-two/hooks/use-preview-state.ts b/web/app/components/datasets/create/step-two/hooks/use-preview-state.ts
index 94171c5947..8ac1b7904d 100644
--- a/web/app/components/datasets/create/step-two/hooks/use-preview-state.ts
+++ b/web/app/components/datasets/create/step-two/hooks/use-preview-state.ts
@@ -3,7 +3,7 @@ import type { CrawlResultItem, CustomFile, DocumentItem, FullDocumentDetail } fr
 import { useCallback, useState } from 'react'
 import { DataSourceType } from '@/models/datasets'
 
-export type UsePreviewStateOptions = {
+type UsePreviewStateOptions = {
   dataSourceType: DataSourceType
   files: CustomFile[]
   notionPages: NotionPage[]
@@ -123,5 +123,3 @@ export const usePreviewState = (options: UsePreviewStateOptions) => {
     handlePreviewChange,
   }
 }
-
-export type PreviewState = ReturnType<typeof usePreviewState>
diff --git a/web/app/components/datasets/create/step-two/hooks/use-segmentation-state.ts b/web/app/components/datasets/create/step-two/hooks/use-segmentation-state.ts
index abef8a98cb..cdd2f61c0c 100644
--- a/web/app/components/datasets/create/step-two/hooks/use-segmentation-state.ts
+++ b/web/app/components/datasets/create/step-two/hooks/use-segmentation-state.ts
@@ -35,7 +35,7 @@ export const defaultParentChildConfig: ParentChildConfig = {
   },
 }
 
-export type UseSegmentationStateOptions = {
+type UseSegmentationStateOptions = {
   initialSegmentationType?: ProcessMode
   initialSummaryIndexSetting?: SummaryIndexSettingType
 }
@@ -230,5 +230,3 @@ export const useSegmentationState = (options: UseSegmentationStateOptions = {})
     getProcessRule,
   }
 }
-
-export type SegmentationState = ReturnType<typeof useSegmentationState>
diff --git a/web/app/components/datasets/documents/components/document-list/components/index.ts b/web/app/components/datasets/documents/components/document-list/components/index.ts
index 377f64a27f..9a279e410f 100644
--- a/web/app/components/datasets/documents/components/document-list/components/index.ts
+++ b/web/app/components/datasets/documents/components/document-list/components/index.ts
@@ -1,4 +1,2 @@
-export { default as DocumentSourceIcon } from './document-source-icon'
 export { default as DocumentTableRow } from './document-table-row'
 export { default as SortHeader } from './sort-header'
-export { renderTdValue } from './utils'
diff --git a/web/app/components/datasets/documents/components/document-list/index.tsx b/web/app/components/datasets/documents/components/document-list/index.tsx
deleted file mode 100644
index 46fd7a02d5..0000000000
--- a/web/app/components/datasets/documents/components/document-list/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-// Re-export from parent for backwards compatibility
-export { default } from '../list'
-export { renderTdValue } from './components'
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/constants.ts b/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/constants.ts
index cda2dae868..5714f4d899 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/constants.ts
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/constants.ts
@@ -1,3 +1,2 @@
 export const PROGRESS_NOT_STARTED = -1
 export const PROGRESS_ERROR = -2
-export const PROGRESS_COMPLETE = 100
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/hooks/use-local-file-upload.ts b/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/hooks/use-local-file-upload.ts
index 1f7c9ecfed..667010f661 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/hooks/use-local-file-upload.ts
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/hooks/use-local-file-upload.ts
@@ -4,7 +4,7 @@ import { useCallback, useRef } from 'react'
 import { useFileUpload } from '@/app/components/datasets/create/file-uploader/hooks/use-file-upload'
 import { useDataSourceStore, useDataSourceStoreWithSelector } from '../../store'
 
-export type UseLocalFileUploadOptions = {
+type UseLocalFileUploadOptions = {
   allowedExtensions: string[]
   supportBatchUpload?: boolean
 }
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/index.tsx
index cb3632ba9d..93a48f6be7 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/local-file/index.tsx
@@ -3,7 +3,7 @@ import FileListItem from './components/file-list-item'
 import UploadDropzone from './components/upload-dropzone'
 import { useLocalFileUpload } from './hooks/use-local-file-upload'
 
-export type LocalFileProps = {
+type LocalFileProps = {
   allowedExtensions: string[]
   supportBatchUpload?: boolean
 }
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx
index 15b9ee7332..5051d343cb 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx
@@ -106,7 +106,7 @@ const OnlineDocuments = ({
     if (!currentCredentialId)
       return
     getOnlineDocuments()
-  }, [currentCredentialId])
+  }, [currentCredentialId, getOnlineDocuments])
 
   const handleSearchValueChange = useCallback((value: string) => {
     const { setSearchValue } = dataSourceStore.getState()
@@ -156,6 +156,7 @@ const OnlineDocuments = ({
           {documentsData?.length
             ? (
                 <PageSelector
+                  key={`${currentCredentialId}:${supportBatchUpload ? 'multiple' : 'single'}`}
                   checkedIds={selectedPagesId}
                   disabledValue={new Set()}
                   searchValue={searchValue}
@@ -165,7 +166,6 @@ const OnlineDocuments = ({
                   canPreview={!isInPipeline}
                   onPreview={handlePreviewPage}
                   isMultipleChoice={supportBatchUpload}
-                  currentCredentialId={currentCredentialId}
                 />
               )
             : (
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/__tests__/index.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/__tests__/index.spec.tsx
index bdfa809aed..a6d5738e2d 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/__tests__/index.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/__tests__/index.spec.tsx
@@ -1,26 +1,11 @@
-import type { NotionPageTreeItem, NotionPageTreeMap } from '../index'
+import type { NotionPageTreeItem, NotionPageTreeMap } from '@/app/components/base/notion-page-selector/page-selector/types'
 import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
 import { fireEvent, render, screen } from '@testing-library/react'
 import * as React from 'react'
+import { recursivePushInParentDescendants } from '@/app/components/base/notion-page-selector/page-selector/utils'
 import PageSelector from '../index'
-import { recursivePushInParentDescendants } from '../utils'
 
-// Mock react-window FixedSizeList - renders items directly for testing
-vi.mock('react-window', () => ({
-  FixedSizeList: ({ children: ItemComponent, itemCount, itemData, itemKey }: { children: React.ComponentType<{ index: number, style: React.CSSProperties, data: unknown }>, itemCount: number, itemData: unknown, itemKey?: (index: number, data: unknown) => string | number }) => (
-    <div data-testid="virtual-list">
-      {Array.from({ length: itemCount }).map((_, index) => (
-        <ItemComponent
-          key={itemKey?.(index, itemData) || index}
-          index={index}
-          style={{ top: index * 28, left: 0, right: 0, width: '100%', position: 'absolute' as const }}
-          data={itemData}
-        />
-      ))}
-    </div>
-  ),
-  areEqual: (prevProps: Record<string, unknown>, nextProps: Record<string, unknown>) => prevProps === nextProps,
-}))
+vi.mock('@tanstack/react-virtual')
 
 // Note: NotionIcon from @/app/components/base/ is NOT mocked - using real component per testing guidelines
 
@@ -70,7 +55,6 @@ const createDefaultProps = (overrides?: Partial<PageSelectorProps>): PageSelecto
     canPreview: true,
     onPreview: vi.fn(),
     isMultipleChoice: true,
-    currentCredentialId: 'cred-1',
     ...overrides,
   }
 }
@@ -114,7 +98,7 @@ describe('PageSelector', () => {
       expect(screen.queryByTestId('virtual-list')).not.toBeInTheDocument()
     })
 
-    it('should render items using FixedSizeList', () => {
+    it('should render items using VirtualList', () => {
       const pages = [
         createMockPage({ page_id: 'page-1', page_name: 'Page 1' }),
         createMockPage({ page_id: 'page-2', page_name: 'Page 2' }),
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/__tests__/utils.spec.ts b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/__tests__/utils.spec.ts
index 601dc2f5bf..2a081ef418 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/__tests__/utils.spec.ts
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/__tests__/utils.spec.ts
@@ -1,7 +1,7 @@
-import type { NotionPageTreeItem, NotionPageTreeMap } from '../index'
+import type { NotionPageTreeItem, NotionPageTreeMap } from '@/app/components/base/notion-page-selector/page-selector/types'
 import type { DataSourceNotionPageMap } from '@/models/common'
 import { describe, expect, it } from 'vitest'
-import { recursivePushInParentDescendants } from '../utils'
+import { recursivePushInParentDescendants } from '@/app/components/base/notion-page-selector/page-selector/utils'
 
 const makePageEntry = (overrides: Partial<NotionPageTreeItem>): NotionPageTreeItem => ({
   page_icon: null,
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.tsx
index 2ea0bd3112..5c6cb74bce 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.tsx
@@ -1,9 +1,7 @@
 import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
-import { useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { FixedSizeList as List } from 'react-window'
-import Item from './item'
-import { recursivePushInParentDescendants } from './utils'
+import { usePageSelectorModel } from '@/app/components/base/notion-page-selector/page-selector/use-page-selector-model'
+import VirtualPageList from '@/app/components/base/notion-page-selector/page-selector/virtual-page-list'
 
 type PageSelectorProps = {
   checkedIds: Set<string>
@@ -15,23 +13,9 @@ type PageSelectorProps = {
   canPreview?: boolean
   onPreview?: (selectedPageId: string) => void
   isMultipleChoice?: boolean
-  currentCredentialId: string
+  currentCredentialId?: string
 }
 
-export type NotionPageTreeItem = {
-  children: Set<string>
-  descendants: Set<string>
-  depth: number
-  ancestors: string[]
-} & DataSourceNotionPage
-
-export type NotionPageTreeMap = Record<string, NotionPageTreeItem>
-
-type NotionPageItem = {
-  expand: boolean
-  depth: number
-} & DataSourceNotionPage
-
 const PageSelector = ({
   checkedIds,
   disabledValue,
@@ -42,116 +26,28 @@ const PageSelector = ({
   canPreview = true,
   onPreview,
   isMultipleChoice = true,
-  currentCredentialId,
+  currentCredentialId: _currentCredentialId,
 }: PageSelectorProps) => {
   const { t } = useTranslation()
-  const [dataList, setDataList] = useState<NotionPageItem[]>([])
-  const [currentPreviewPageId, setCurrentPreviewPageId] = useState('')
-
-  useEffect(() => {
-    setDataList(list.filter(item => item.parent_id === 'root' || !pagesMap[item.parent_id]).map((item) => {
-      return {
-        ...item,
-        expand: false,
-        depth: 0,
-      }
-    }))
-  }, [currentCredentialId])
-
-  const searchDataList = list.filter((item) => {
-    return item.page_name.includes(searchValue)
-  }).map((item) => {
-    return {
-      ...item,
-      expand: false,
-      depth: 0,
-    }
+  const selectionMode = isMultipleChoice ? 'multiple' : 'single'
+  const {
+    currentPreviewPageId,
+    effectiveSearchValue,
+    rows,
+    handlePreview,
+    handleSelect,
+    handleToggle,
+  } = usePageSelectorModel({
+    checkedIds,
+    list,
+    onPreview,
+    onSelect,
+    pagesMap,
+    searchValue,
+    selectionMode,
   })
-  const currentDataList = searchValue ? searchDataList : dataList
 
-  const listMapWithChildrenAndDescendants = useMemo(() => {
-    return list.reduce((prev: NotionPageTreeMap, next: DataSourceNotionPage) => {
-      const pageId = next.page_id
-      if (!prev[pageId])
-        prev[pageId] = { ...next, children: new Set(), descendants: new Set(), depth: 0, ancestors: [] }
-
-      recursivePushInParentDescendants(pagesMap, prev, prev[pageId], prev[pageId])
-      return prev
-    }, {})
-  }, [list, pagesMap])
-
-  const handleToggle = useCallback((index: number) => {
-    const current = dataList[index]
-    const pageId = current.page_id
-    const currentWithChildrenAndDescendants = listMapWithChildrenAndDescendants[pageId]
-    const descendantsIds = Array.from(currentWithChildrenAndDescendants.descendants)
-    const childrenIds = Array.from(currentWithChildrenAndDescendants.children)
-    let newDataList = []
-
-    if (current.expand) {
-      current.expand = false
-
-      newDataList = dataList.filter(item => !descendantsIds.includes(item.page_id))
-    }
-    else {
-      current.expand = true
-
-      newDataList = [
-        ...dataList.slice(0, index + 1),
-        ...childrenIds.map(item => ({
-          ...pagesMap[item],
-          expand: false,
-          depth: listMapWithChildrenAndDescendants[item].depth,
-        })),
-        ...dataList.slice(index + 1),
-      ]
-    }
-    setDataList(newDataList)
-  }, [dataList, listMapWithChildrenAndDescendants, pagesMap])
-
-  const handleCheck = useCallback((index: number) => {
-    const copyValue = new Set(checkedIds)
-    const current = currentDataList[index]
-    const pageId = current.page_id
-    const currentWithChildrenAndDescendants = listMapWithChildrenAndDescendants[pageId]
-
-    if (copyValue.has(pageId)) {
-      if (!searchValue && isMultipleChoice) {
-        for (const item of currentWithChildrenAndDescendants.descendants)
-          copyValue.delete(item)
-      }
-
-      copyValue.delete(pageId)
-    }
-    else {
-      if (!searchValue && isMultipleChoice) {
-        for (const item of currentWithChildrenAndDescendants.descendants)
-          copyValue.add(item)
-      }
-      // Single choice mode, clear previous selection
-      if (!isMultipleChoice && copyValue.size > 0) {
-        copyValue.clear()
-        copyValue.add(pageId)
-      }
-      else {
-        copyValue.add(pageId)
-      }
-    }
-
-    onSelect(new Set(copyValue))
-  }, [currentDataList, isMultipleChoice, listMapWithChildrenAndDescendants, onSelect, searchValue, checkedIds])
-
-  const handlePreview = useCallback((index: number) => {
-    const current = currentDataList[index]
-    const pageId = current.page_id
-
-    setCurrentPreviewPageId(pageId)
-
-    if (onPreview)
-      onPreview(pageId)
-  }, [currentDataList, onPreview])
-
-  if (!currentDataList.length) {
+  if (!rows.length) {
     return (
       <div className="flex h-[296px] items-center justify-center text-[13px] text-text-tertiary">
         {t('dataSource.notion.selector.noSearchResult', { ns: 'common' })}
@@ -160,30 +56,18 @@ const PageSelector = ({
   }
 
   return (
-    <List
-      className="py-2"
-      height={296}
-      itemCount={currentDataList.length}
-      itemSize={28}
-      width="100%"
-      itemKey={(index, data) => data.dataList[index].page_id}
-      itemData={{
-        dataList: currentDataList,
-        handleToggle,
-        checkedIds,
-        disabledCheckedIds: disabledValue,
-        handleCheck,
-        canPreview,
-        handlePreview,
-        listMapWithChildrenAndDescendants,
-        searchValue,
-        previewPageId: currentPreviewPageId,
-        pagesMap,
-        isMultipleChoice,
-      }}
-    >
-      {Item}
-    </List>
+    <VirtualPageList
+      checkedIds={checkedIds}
+      disabledValue={disabledValue}
+      onPreview={handlePreview}
+      onSelect={handleSelect}
+      onToggle={handleToggle}
+      previewPageId={currentPreviewPageId}
+      rows={rows}
+      searchValue={effectiveSearchValue}
+      selectionMode={selectionMode}
+      showPreview={canPreview}
+    />
   )
 }
 
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/item.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/item.tsx
deleted file mode 100644
index 29e4143e0c..0000000000
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/item.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-import type { ListChildComponentProps } from 'react-window'
-import type { DataSourceNotionPage, DataSourceNotionPageMap } from '@/models/common'
-import { RiArrowDownSLine, RiArrowRightSLine } from '@remixicon/react'
-import * as React from 'react'
-import { useTranslation } from 'react-i18next'
-import { areEqual } from 'react-window'
-import Checkbox from '@/app/components/base/checkbox'
-import NotionIcon from '@/app/components/base/notion-icon'
-import Radio from '@/app/components/base/radio/ui'
-import { cn } from '@/utils/classnames'
-
-type NotionPageTreeItem = {
-  children: Set<string>
-  descendants: Set<string>
-  depth: number
-  ancestors: string[]
-} & DataSourceNotionPage
-
-type NotionPageTreeMap = Record<string, NotionPageTreeItem>
-
-type NotionPageItem = {
-  expand: boolean
-  depth: number
-} & DataSourceNotionPage
-
-const Item = ({ index, style, data }: ListChildComponentProps<{
-  dataList: NotionPageItem[]
-  handleToggle: (index: number) => void
-  checkedIds: Set<string>
-  disabledCheckedIds: Set<string>
-  handleCheck: (index: number) => void
-  canPreview?: boolean
-  handlePreview: (index: number) => void
-  listMapWithChildrenAndDescendants: NotionPageTreeMap
-  searchValue: string
-  previewPageId: string
-  pagesMap: DataSourceNotionPageMap
-  isMultipleChoice?: boolean
-}>) => {
-  const { t } = useTranslation()
-  const {
-    dataList,
-    handleToggle,
-    checkedIds,
-    disabledCheckedIds,
-    handleCheck,
-    canPreview,
-    handlePreview,
-    listMapWithChildrenAndDescendants,
-    searchValue,
-    previewPageId,
-    pagesMap,
-    isMultipleChoice,
-  } = data
-  const current = dataList[index]
-  const currentWithChildrenAndDescendants = listMapWithChildrenAndDescendants[current.page_id]
-  const hasChild = currentWithChildrenAndDescendants.descendants.size > 0
-  const ancestors = currentWithChildrenAndDescendants.ancestors
-  const breadCrumbs = ancestors.length ? [...ancestors, current.page_name] : [current.page_name]
-  const disabled = disabledCheckedIds.has(current.page_id)
-
-  const renderArrow = () => {
-    if (hasChild) {
-      return (
-        <div
-          className="mr-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-md hover:bg-components-button-ghost-bg-hover"
-          style={{ marginLeft: current.depth * 8 }}
-          onClick={() => handleToggle(index)}
-        >
-          {
-            current.expand
-              ? <RiArrowDownSLine className="h-4 w-4 text-text-tertiary" />
-              : <RiArrowRightSLine className="h-4 w-4 text-text-tertiary" />
-          }
-        </div>
-      )
-    }
-    if (current.parent_id === 'root' || !pagesMap[current.parent_id]) {
-      return (
-        <div></div>
-      )
-    }
-    return (
-      <div className="mr-1 h-5 w-5 shrink-0" style={{ marginLeft: current.depth * 8 }} />
-    )
-  }
-
-  return (
-    <div
-      className={cn('group flex cursor-pointer items-center rounded-md pl-2 pr-[2px] hover:bg-state-base-hover', previewPageId === current.page_id && 'bg-state-base-hover')}
-      style={{ ...style, top: style.top as number + 8, left: 8, right: 8, width: 'calc(100% - 16px)' }}
-    >
-      {isMultipleChoice
-        ? (
-            <Checkbox
-              className="mr-2 shrink-0"
-              checked={checkedIds.has(current.page_id)}
-              disabled={disabled}
-              onCheck={() => {
-                handleCheck(index)
-              }}
-            />
-          )
-        : (
-            <Radio
-              className="mr-2 shrink-0"
-              isChecked={checkedIds.has(current.page_id)}
-              disabled={disabled}
-              onCheck={() => {
-                handleCheck(index)
-              }}
-            />
-          )}
-      {!searchValue && renderArrow()}
-      <NotionIcon
-        className="mr-1 shrink-0"
-        type="page"
-        src={current.page_icon}
-      />
-      <div
-        className="grow truncate text-[13px] font-medium leading-4 text-text-secondary"
-        title={current.page_name}
-      >
-        {current.page_name}
-      </div>
-      {
-        canPreview && (
-          <div
-            className="ml-1 hidden h-6 shrink-0 cursor-pointer items-center rounded-md border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-2 text-xs
-            font-medium leading-4 text-components-button-secondary-text shadow-xs shadow-shadow-shadow-3 backdrop-blur-[10px]
-            hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover group-hover:flex"
-            onClick={() => handlePreview(index)}
-          >
-            {t('dataSource.notion.selector.preview', { ns: 'common' })}
-          </div>
-        )
-      }
-      {
-        searchValue && (
-          <div
-            className="ml-1 max-w-[120px] shrink-0 truncate text-xs text-text-quaternary"
-            title={breadCrumbs.join(' / ')}
-          >
-            {breadCrumbs.join(' / ')}
-          </div>
-        )
-      }
-    </div>
-  )
-}
-
-export default React.memo(Item, areEqual)
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/utils.ts b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/utils.ts
deleted file mode 100644
index 395ef49006..0000000000
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/utils.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import type { NotionPageTreeItem, NotionPageTreeMap } from './index'
-import type { DataSourceNotionPageMap } from '@/models/common'
-
-export const recursivePushInParentDescendants = (
-  pagesMap: DataSourceNotionPageMap,
-  listTreeMap: NotionPageTreeMap,
-  current: NotionPageTreeItem,
-  leafItem: NotionPageTreeItem,
-) => {
-  const parentId = current.parent_id
-  const pageId = current.page_id
-
-  if (!parentId || !pageId)
-    return
-
-  if (parentId !== 'root' && pagesMap[parentId]) {
-    if (!listTreeMap[parentId]) {
-      const children = new Set([pageId])
-      const descendants = new Set([pageId, leafItem.page_id])
-      listTreeMap[parentId] = {
-        ...pagesMap[parentId],
-        children,
-        descendants,
-        depth: 0,
-        ancestors: [],
-      }
-    }
-    else {
-      listTreeMap[parentId].children.add(pageId)
-      listTreeMap[parentId].descendants.add(pageId)
-      listTreeMap[parentId].descendants.add(leafItem.page_id)
-    }
-    leafItem.depth++
-    leafItem.ancestors.unshift(listTreeMap[parentId].page_name)
-
-    if (listTreeMap[parentId].parent_id !== 'root')
-      recursivePushInParentDescendants(pagesMap, listTreeMap, listTreeMap[parentId], leafItem)
-  }
-}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/store/__tests__/provider.spec.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/store/__tests__/provider.spec.tsx
index 7796c83e17..f12fa9fbfd 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/store/__tests__/provider.spec.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/store/__tests__/provider.spec.tsx
@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react'
-import { useContext } from 'react'
+import { use } from 'react'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import DataSourceProvider, { DataSourceContext } from '../provider'
 
@@ -11,7 +11,7 @@ vi.mock('../', () => ({
 
 // Test consumer component that reads from context
 function ContextConsumer() {
-  const store = useContext(DataSourceContext)
+  const store = use(DataSourceContext)
   return (
     <div data-testid="context-value" data-has-store={store !== null}>
       {store ? 'has-store' : 'no-store'}
@@ -65,7 +65,7 @@ describe('DataSourceProvider', () => {
       const storeValues: Array<typeof mockStore | null> = []
 
       function StoreCapture() {
-        const store = useContext(DataSourceContext)
+        const store = use(DataSourceContext)
         storeValues.push(store as typeof mockStore | null)
         return null
       }
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/store/index.ts b/web/app/components/datasets/documents/create-from-pipeline/data-source/store/index.ts
index 03fa2ed7e3..75b00b9f61 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/store/index.ts
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/store/index.ts
@@ -3,7 +3,7 @@ import type { LocalFileSliceShape } from './slices/local-file'
 import type { OnlineDocumentSliceShape } from './slices/online-document'
 import type { OnlineDriveSliceShape } from './slices/online-drive'
 import type { WebsiteCrawlSliceShape } from './slices/website-crawl'
-import { useContext } from 'react'
+import { use } from 'react'
 import { createStore, useStore } from 'zustand'
 import { DataSourceContext } from './provider'
 import { createCommonSlice } from './slices/common'
@@ -29,7 +29,7 @@ export const createDataSourceStore = () => {
 }
 
 export const useDataSourceStoreWithSelector = <T>(selector: (state: DataSourceShape) => T): T => {
-  const store = useContext(DataSourceContext)
+  const store = use(DataSourceContext)
   if (!store)
     throw new Error('Missing DataSourceContext.Provider in the tree')
 
@@ -37,7 +37,7 @@ export const useDataSourceStoreWithSelector = <T>(selector: (state: DataSourceSh
 }
 
 export const useDataSourceStore = () => {
-  const store = useContext(DataSourceContext)
+  const store = use(DataSourceContext)
   if (!store)
     throw new Error('Missing DataSourceContext.Provider in the tree')
 
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx
index b0f25d94b7..fc56e05b43 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx
@@ -31,7 +31,7 @@ import Options from './base/options'
 
 const I18N_PREFIX = 'stepOne.website'
 
-export type WebsiteCrawlProps = {
+type WebsiteCrawlProps = {
   nodeId: string
   nodeData: DataSourceNodeType
   onCredentialChange: (credentialId: string) => void
diff --git a/web/app/components/datasets/documents/detail/batch-modal/csv-uploader.tsx b/web/app/components/datasets/documents/detail/batch-modal/csv-uploader.tsx
index 2e85dad26a..7382d1abd1 100644
--- a/web/app/components/datasets/documents/detail/batch-modal/csv-uploader.tsx
+++ b/web/app/components/datasets/documents/detail/batch-modal/csv-uploader.tsx
@@ -16,7 +16,7 @@ import { useFileUploadConfig } from '@/service/use-common'
 import { Theme } from '@/types/app'
 import { cn } from '@/utils/classnames'
 
-export type Props = {
+type Props = {
   file: FileItem | undefined
   updateFile: (file?: FileItem) => void
 }
diff --git a/web/app/components/datasets/documents/detail/batch-modal/index.tsx b/web/app/components/datasets/documents/detail/batch-modal/index.tsx
index 1fc006831e..ff43f5f67d 100644
--- a/web/app/components/datasets/documents/detail/batch-modal/index.tsx
+++ b/web/app/components/datasets/documents/detail/batch-modal/index.tsx
@@ -11,7 +11,7 @@ import Modal from '@/app/components/base/modal'
 import CSVDownloader from './csv-downloader'
 import CSVUploader from './csv-uploader'
 
-export type IBatchModalProps = {
+type IBatchModalProps = {
   isShow: boolean
   docForm: ChunkingMode
   onCancel: () => void
diff --git a/web/app/components/datasets/documents/detail/completed/hooks/index.ts b/web/app/components/datasets/documents/detail/completed/hooks/index.ts
index 858b448563..1a6ed8bd0e 100644
--- a/web/app/components/datasets/documents/detail/completed/hooks/index.ts
+++ b/web/app/components/datasets/documents/detail/completed/hooks/index.ts
@@ -1,14 +1,9 @@
 export { useChildSegmentData } from './use-child-segment-data'
-export type { UseChildSegmentDataReturn } from './use-child-segment-data'
 
 export { useModalState } from './use-modal-state'
-export type { CurrChildChunkType, CurrSegmentType, UseModalStateReturn } from './use-modal-state'
 
 export { useSearchFilter } from './use-search-filter'
-export type { UseSearchFilterReturn } from './use-search-filter'
 
 export { useSegmentListData } from './use-segment-list-data'
-export type { UseSegmentListDataReturn } from './use-segment-list-data'
 
 export { useSegmentSelection } from './use-segment-selection'
-export type { UseSegmentSelectionReturn } from './use-segment-selection'
diff --git a/web/app/components/datasets/documents/detail/completed/hooks/use-child-segment-data.ts b/web/app/components/datasets/documents/detail/completed/hooks/use-child-segment-data.ts
index 50a22fc71f..fab8b16019 100644
--- a/web/app/components/datasets/documents/detail/completed/hooks/use-child-segment-data.ts
+++ b/web/app/components/datasets/documents/detail/completed/hooks/use-child-segment-data.ts
@@ -8,7 +8,7 @@ import { useChildSegmentList, useChildSegmentListKey, useDeleteChildSegment, use
 import { useInvalid } from '@/service/use-base'
 import { useDocumentContext } from '../../context'
 
-export type UseChildSegmentDataOptions = {
+type UseChildSegmentDataOptions = {
   searchValue: string
   currentPage: number
   limit: number
@@ -19,7 +19,7 @@ export type UseChildSegmentDataOptions = {
   refreshChunkListDataWithDetailChanged: () => void
   updateSegmentInCache: (segmentId: string, updater: (seg: SegmentDetailModel) => SegmentDetailModel) => void
 }
-export type UseChildSegmentDataReturn = {
+type UseChildSegmentDataReturn = {
   childSegments: ChildChunkDetail[]
   isLoadingChildSegmentList: boolean
   childChunkListData: ReturnType<typeof useChildSegmentList>['data']
diff --git a/web/app/components/datasets/documents/detail/completed/hooks/use-modal-state.ts b/web/app/components/datasets/documents/detail/completed/hooks/use-modal-state.ts
index ecb45ac1ee..fa314bec25 100644
--- a/web/app/components/datasets/documents/detail/completed/hooks/use-modal-state.ts
+++ b/web/app/components/datasets/documents/detail/completed/hooks/use-modal-state.ts
@@ -1,18 +1,18 @@
 import type { ChildChunkDetail, SegmentDetailModel } from '@/models/datasets'
 import { useCallback, useState } from 'react'
 
-export type CurrSegmentType = {
+type CurrSegmentType = {
   segInfo?: SegmentDetailModel
   showModal: boolean
   isEditMode?: boolean
 }
 
-export type CurrChildChunkType = {
+type CurrChildChunkType = {
   childChunkInfo?: ChildChunkDetail
   showModal: boolean
 }
 
-export type UseModalStateReturn = {
+type UseModalStateReturn = {
   // Segment detail modal
   currSegment: CurrSegmentType
   onClickCard: (detail: SegmentDetailModel, isEditMode?: boolean) => void
diff --git a/web/app/components/datasets/documents/detail/completed/hooks/use-search-filter.ts b/web/app/components/datasets/documents/detail/completed/hooks/use-search-filter.ts
index e7fafa692d..310e326fc1 100644
--- a/web/app/components/datasets/documents/detail/completed/hooks/use-search-filter.ts
+++ b/web/app/components/datasets/documents/detail/completed/hooks/use-search-filter.ts
@@ -3,13 +3,7 @@ import { useDebounceFn } from 'ahooks'
 import { useCallback, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 
-export type SearchFilterState = {
-  inputValue: string
-  searchValue: string
-  selectedStatus: boolean | 'all'
-}
-
-export type UseSearchFilterReturn = {
+type UseSearchFilterReturn = {
   inputValue: string
   searchValue: string
   selectedStatus: boolean | 'all'
diff --git a/web/app/components/datasets/documents/detail/completed/hooks/use-segment-list-data.ts b/web/app/components/datasets/documents/detail/completed/hooks/use-segment-list-data.ts
index fb5db4497e..3a3c486070 100644
--- a/web/app/components/datasets/documents/detail/completed/hooks/use-segment-list-data.ts
+++ b/web/app/components/datasets/documents/detail/completed/hooks/use-segment-list-data.ts
@@ -14,7 +14,7 @@ import { useDocumentContext } from '../../context'
 import { ProcessStatus } from '../../segment-add'
 
 const DEFAULT_LIMIT = 10
-export type UseSegmentListDataOptions = {
+type UseSegmentListDataOptions = {
   searchValue: string
   selectedStatus: boolean | 'all'
   selectedSegmentIds: string[]
@@ -24,7 +24,7 @@ export type UseSegmentListDataOptions = {
   onCloseSegmentDetail: () => void
   clearSelection: () => void
 }
-export type UseSegmentListDataReturn = {
+type UseSegmentListDataReturn = {
   segments: SegmentDetailModel[]
   isLoadingSegmentList: boolean
   segmentListData: ReturnType<typeof useSegmentList>['data']
diff --git a/web/app/components/datasets/documents/detail/completed/hooks/use-segment-selection.ts b/web/app/components/datasets/documents/detail/completed/hooks/use-segment-selection.ts
index b1adeedaf4..e0fb0b036f 100644
--- a/web/app/components/datasets/documents/detail/completed/hooks/use-segment-selection.ts
+++ b/web/app/components/datasets/documents/detail/completed/hooks/use-segment-selection.ts
@@ -1,7 +1,7 @@
 import type { SegmentDetailModel } from '@/models/datasets'
 import { useCallback, useMemo, useState } from 'react'
 
-export type UseSegmentSelectionReturn = {
+type UseSegmentSelectionReturn = {
   selectedSegmentIds: string[]
   isAllSelected: boolean
   isSomeSelected: boolean
diff --git a/web/app/components/datasets/documents/detail/completed/segment-card/__tests__/index.spec.tsx b/web/app/components/datasets/documents/detail/completed/segment-card/__tests__/index.spec.tsx
index 00cf9769df..fd431af95d 100644
--- a/web/app/components/datasets/documents/detail/completed/segment-card/__tests__/index.spec.tsx
+++ b/web/app/components/datasets/documents/detail/completed/segment-card/__tests__/index.spec.tsx
@@ -61,7 +61,7 @@ vi.mock('@/app/components/datasets/common/image-list', () => ({
   ),
 }))
 
-// Markdown uses next/dynamic and react-syntax-highlighter (ESM)
+// Markdown uses next/dynamic and shiki (ESM)
 vi.mock('@/app/components/base/markdown', () => ({
   Markdown: ({ content, className }: { content: string, className?: string }) => (
     <div data-testid="markdown" className={`markdown-body ${className || ''}`}>{content}</div>
diff --git a/web/app/components/datasets/documents/detail/embedding/hooks/index.ts b/web/app/components/datasets/documents/detail/embedding/hooks/index.ts
index 603c16dda5..2d0c4fa25e 100644
--- a/web/app/components/datasets/documents/detail/embedding/hooks/index.ts
+++ b/web/app/components/datasets/documents/detail/embedding/hooks/index.ts
@@ -1,10 +1,7 @@
 export {
-  calculatePercent,
-  isEmbeddingStatus,
-  isTerminalStatus,
+
   useEmbeddingStatus,
-  useInvalidateEmbeddingStatus,
+
   usePauseIndexing,
   useResumeIndexing,
 } from './use-embedding-status'
-export type { EmbeddingStatusType } from './use-embedding-status'
diff --git a/web/app/components/datasets/documents/detail/embedding/hooks/use-embedding-status.ts b/web/app/components/datasets/documents/detail/embedding/hooks/use-embedding-status.ts
index e55cd8f9aa..5f9314e695 100644
--- a/web/app/components/datasets/documents/detail/embedding/hooks/use-embedding-status.ts
+++ b/web/app/components/datasets/documents/detail/embedding/hooks/use-embedding-status.ts
@@ -10,8 +10,6 @@ import {
 
 const NAME_SPACE = 'embedding'
 
-export type EmbeddingStatusType = 'indexing' | 'splitting' | 'parsing' | 'cleaning' | 'completed' | 'paused' | 'error' | 'waiting' | ''
-
 const EMBEDDING_STATUSES = ['indexing', 'splitting', 'parsing', 'cleaning'] as const
 const TERMINAL_STATUSES = ['completed', 'error', 'paused'] as const
 
diff --git a/web/app/components/datasets/documents/detail/embedding/style.module.css b/web/app/components/datasets/documents/detail/embedding/style.module.css
deleted file mode 100644
index a60a583ebe..0000000000
--- a/web/app/components/datasets/documents/detail/embedding/style.module.css
+++ /dev/null
@@ -1,61 +0,0 @@
-@reference "../../../../../styles/globals.css";
-
-.progressBar {
-  @apply absolute top-0 h-4;
-}
-.barPaused {
-  background: linear-gradient(
-    270deg,
-    rgba(208, 213, 221, 0.8) -2.21%,
-    rgba(208, 213, 221, 0.5) 100%
-  );
-}
-.barProcessing {
-  background: linear-gradient(
-    90deg,
-    rgba(41, 112, 255, 0.9) 0%,
-    rgba(21, 94, 239, 0.9) 100%
-  );
-}
-.opBtn {
-  @apply !h-6 !w-fit !px-2 !py-1 !text-xs !text-gray-700 rounded-md;
-}
-.opIcon {
-  @apply mr-1 stroke-current text-gray-700 w-3 h-3;
-}
-.progressContainer {
-  @apply relative flex mb-2 h-4 rounded-md w-full;
-}
-.progressBgItem {
-  @apply flex-1 border-r border-r-white first:rounded-l-md;
-}
-.progressBgItem:nth-last-child(2) {
-  @apply rounded-r-md;
-}
-.progressData {
-  @apply w-full flex items-center text-xs text-gray-700;
-}
-.previewTip {
-  @apply pb-1 pt-12 text-gray-900 text-sm font-medium;
-}
-.embeddingStatus {
-  @apply flex items-center justify-between text-gray-900 font-medium text-base mb-3;
-}
-.commonIcon {
-  @apply w-3 h-3 mr-1 inline-block align-middle;
-}
-.highIcon {
-  mask-image: url(../../assets/star.svg);
-  @apply bg-orange-500;
-}
-.economyIcon {
-  background-color: #444ce7;
-  mask-image: url(../../assets/normal.svg);
-}
-.tokens {
-  @apply text-xs font-medium px-1;
-}
-.price {
-  color: #f79009;
-  @apply text-xs font-medium;
-}
diff --git a/web/app/components/datasets/documents/detail/segment-add/index.tsx b/web/app/components/datasets/documents/detail/segment-add/index.tsx
index 0abfda328b..dbd9f0b5e5 100644
--- a/web/app/components/datasets/documents/detail/segment-add/index.tsx
+++ b/web/app/components/datasets/documents/detail/segment-add/index.tsx
@@ -17,7 +17,7 @@ import { Plan } from '@/app/components/billing/type'
 import { useProviderContext } from '@/context/provider-context'
 import { cn } from '@/utils/classnames'
 
-export type ISegmentAddProps = {
+type ISegmentAddProps = {
   importStatus: ProcessStatus | string | undefined
   clearProcessStatus: () => void
   showNewSegmentModal: () => void
diff --git a/web/app/components/datasets/formatted-text/flavours/shared.tsx b/web/app/components/datasets/formatted-text/flavours/shared.tsx
index 77637f4bb2..4f68177ea3 100644
--- a/web/app/components/datasets/formatted-text/flavours/shared.tsx
+++ b/web/app/components/datasets/formatted-text/flavours/shared.tsx
@@ -3,7 +3,7 @@ import { cn } from '@/utils/classnames'
 
 const baseStyle = 'py-[3px]'
 
-export type SliceContainerProps = ComponentProps<'span'>
+type SliceContainerProps = ComponentProps<'span'>
 
 export const SliceContainer: FC<SliceContainerProps> = (
   {
@@ -22,7 +22,7 @@ export const SliceContainer: FC<SliceContainerProps> = (
 }
 SliceContainer.displayName = 'SliceContainer'
 
-export type SliceLabelProps = ComponentProps<'span'> & { labelInnerClassName?: string }
+type SliceLabelProps = ComponentProps<'span'> & { labelInnerClassName?: string }
 
 export const SliceLabel: FC<SliceLabelProps> = (
   {
@@ -45,7 +45,7 @@ export const SliceLabel: FC<SliceLabelProps> = (
 }
 SliceLabel.displayName = 'SliceLabel'
 
-export type SliceContentProps = ComponentProps<'span'>
+type SliceContentProps = ComponentProps<'span'>
 
 export const SliceContent: FC<SliceContentProps> = (
   {
@@ -66,7 +66,7 @@ export const SliceContent: FC<SliceContentProps> = (
 }
 SliceContent.displayName = 'SliceContent'
 
-export type SliceDividerProps = ComponentProps<'span'>
+type SliceDividerProps = ComponentProps<'span'>
 
 export const SliceDivider: FC<SliceDividerProps> = (
   {
diff --git a/web/app/components/datasets/formatted-text/formatted.tsx b/web/app/components/datasets/formatted-text/formatted.tsx
index 0c1aad6d21..21036ac6f3 100644
--- a/web/app/components/datasets/formatted-text/formatted.tsx
+++ b/web/app/components/datasets/formatted-text/formatted.tsx
@@ -1,7 +1,7 @@
 import type { ComponentProps, FC } from 'react'
 import { cn } from '@/utils/classnames'
 
-export type FormattedTextProps = ComponentProps<'p'>
+type FormattedTextProps = ComponentProps<'p'>
 
 export const FormattedText: FC<FormattedTextProps> = (props) => {
   const { className, ...rest } = props
diff --git a/web/app/components/datasets/hit-testing/components/mask.tsx b/web/app/components/datasets/hit-testing/components/mask.tsx
index 4568bce5a9..4510e38430 100644
--- a/web/app/components/datasets/hit-testing/components/mask.tsx
+++ b/web/app/components/datasets/hit-testing/components/mask.tsx
@@ -5,7 +5,7 @@ type MaskProps = {
   className?: string
 }
 
-export const Mask = ({
+const Mask = ({
   className,
 }: MaskProps) => {
   return (
diff --git a/web/app/components/datasets/preview/container.tsx b/web/app/components/datasets/preview/container.tsx
index 9bba6054a9..ed63bbc8c5 100644
--- a/web/app/components/datasets/preview/container.tsx
+++ b/web/app/components/datasets/preview/container.tsx
@@ -1,7 +1,7 @@
 import type { ComponentProps, FC, ReactNode } from 'react'
 import { cn } from '@/utils/classnames'
 
-export type PreviewContainerProps = ComponentProps<'div'> & {
+type PreviewContainerProps = ComponentProps<'div'> & {
   header: ReactNode
   mainClassName?: string
   ref?: React.Ref<HTMLDivElement>
diff --git a/web/app/components/datasets/preview/header.tsx b/web/app/components/datasets/preview/header.tsx
index 0124d03e88..2da4e497a4 100644
--- a/web/app/components/datasets/preview/header.tsx
+++ b/web/app/components/datasets/preview/header.tsx
@@ -1,7 +1,7 @@
 import type { ComponentProps, FC } from 'react'
 import { cn } from '@/utils/classnames'
 
-export type PreviewHeaderProps = Omit<ComponentProps<'div'>, 'title'> & {
+type PreviewHeaderProps = Omit<ComponentProps<'div'>, 'title'> & {
   title: string
 }
 
diff --git a/web/app/components/datasets/settings/permission-selector/index.tsx b/web/app/components/datasets/settings/permission-selector/index.tsx
index 5afb56f0a9..a83beffbb4 100644
--- a/web/app/components/datasets/settings/permission-selector/index.tsx
+++ b/web/app/components/datasets/settings/permission-selector/index.tsx
@@ -17,7 +17,7 @@ import { cn } from '@/utils/classnames'
 import MemberItem from './member-item'
 import Item from './permission-item'
 
-export type RoleSelectorProps = {
+type RoleSelectorProps = {
   disabled?: boolean
   permission?: DatasetPermission
   value: string[]
diff --git a/web/app/components/develop/secret-key/style.module.css b/web/app/components/develop/secret-key/style.module.css
index b62ba4cf27..f13161c888 100644
--- a/web/app/components/develop/secret-key/style.module.css
+++ b/web/app/components/develop/secret-key/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .customModal {
     max-width: 800px !important;
     max-height: calc(100vh - 80px);
diff --git a/web/app/components/devtools/react-grab/loader.tsx b/web/app/components/devtools/react-grab/loader.tsx
deleted file mode 100644
index 4ee9ad1236..0000000000
--- a/web/app/components/devtools/react-grab/loader.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { IS_DEV } from '@/config'
-import Script from '@/next/script'
-
-export function ReactGrabLoader() {
-  if (!IS_DEV)
-    return null
-
-  return (
-    <>
-      <Script
-        src="//unpkg.com/react-grab/dist/index.global.js"
-        crossOrigin="anonymous"
-        strategy="beforeInteractive"
-      />
-    </>
-  )
-}
diff --git a/web/app/components/explore/app-list/style.module.css b/web/app/components/explore/app-list/style.module.css
index ca83ab0fa2..241130a03d 100644
--- a/web/app/components/explore/app-list/style.module.css
+++ b/web/app/components/explore/app-list/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 .textGradient {
   background: linear-gradient(to right, rgba(16, 74, 225, 1) 0, rgba(0, 152, 238, 1) 100%);
   -webkit-background-clip: text;
diff --git a/web/app/components/explore/category.tsx b/web/app/components/explore/category.tsx
index 47c2a4e3a7..bcc1451253 100644
--- a/web/app/components/explore/category.tsx
+++ b/web/app/components/explore/category.tsx
@@ -7,7 +7,7 @@ import { ThumbsUp } from '@/app/components/base/icons/src/vender/line/alertsAndF
 import exploreI18n from '@/i18n/en-US/explore.json'
 import { cn } from '@/utils/classnames'
 
-export type ICategoryProps = {
+type ICategoryProps = {
   className?: string
   list: AppCategory[]
   value: string
diff --git a/web/app/components/explore/item-operation/index.tsx b/web/app/components/explore/item-operation/index.tsx
index ecf7661559..a0f59c269d 100644
--- a/web/app/components/explore/item-operation/index.tsx
+++ b/web/app/components/explore/item-operation/index.tsx
@@ -14,7 +14,7 @@ import { cn } from '@/utils/classnames'
 import { Pin02 } from '../../base/icons/src/vender/line/general'
 import s from './style.module.css'
 
-export type IItemOperationProps = {
+type IItemOperationProps = {
   className?: string
   isItemHovering?: boolean
   isPinned: boolean
diff --git a/web/app/components/explore/sidebar/app-nav-item/index.tsx b/web/app/components/explore/sidebar/app-nav-item/index.tsx
index 3f3d7a727e..338f47c88f 100644
--- a/web/app/components/explore/sidebar/app-nav-item/index.tsx
+++ b/web/app/components/explore/sidebar/app-nav-item/index.tsx
@@ -9,7 +9,7 @@ import ItemOperation from '@/app/components/explore/item-operation'
 import { useRouter } from '@/next/navigation'
 import { cn } from '@/utils/classnames'
 
-export type IAppNavItemProps = {
+type IAppNavItemProps = {
   isMobile: boolean
   name: string
   id: string
diff --git a/web/app/components/explore/sidebar/no-apps/style.module.css b/web/app/components/explore/sidebar/no-apps/style.module.css
index 556774eb75..ad3787ce2b 100644
--- a/web/app/components/explore/sidebar/no-apps/style.module.css
+++ b/web/app/components/explore/sidebar/no-apps/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .light {
   background-image: url('./no-web-apps-light.png');
 }
diff --git a/web/app/components/goto-anything/actions/commands/command-bus.ts b/web/app/components/goto-anything/actions/commands/command-bus.ts
index 001a5c9e3a..9252a6638f 100644
--- a/web/app/components/goto-anything/actions/commands/command-bus.ts
+++ b/web/app/components/goto-anything/actions/commands/command-bus.ts
@@ -1,4 +1,4 @@
-export type CommandHandler = (args?: Record<string, any>) => void | Promise<void>
+type CommandHandler = (args?: Record<string, any>) => void | Promise<void>
 
 const handlers = new Map<string, CommandHandler>()
 
diff --git a/web/app/components/goto-anything/actions/commands/index.ts b/web/app/components/goto-anything/actions/commands/index.ts
index 72388f6565..5c18e87acc 100644
--- a/web/app/components/goto-anything/actions/commands/index.ts
+++ b/web/app/components/goto-anything/actions/commands/index.ts
@@ -1,15 +1,7 @@
 // Command bus (for extending with custom commands)
-export {
-  type CommandHandler,
-  executeCommand,
-  registerCommands,
-  unregisterCommands,
-} from './command-bus'
+
 // Command registry system (for extending with custom commands)
-export { slashCommandRegistry, SlashCommandRegistry } from './registry'
 
 // Command system exports
 export { slashAction } from './slash'
-export { registerSlashCommands, SlashCommandProvider, unregisterSlashCommands } from './slash'
-
-export type { SlashCommandHandler } from './types'
+export { SlashCommandProvider } from './slash'
diff --git a/web/app/components/goto-anything/actions/commands/slash.tsx b/web/app/components/goto-anything/actions/commands/slash.tsx
index 25d1aa59c5..a5db24be41 100644
--- a/web/app/components/goto-anything/actions/commands/slash.tsx
+++ b/web/app/components/goto-anything/actions/commands/slash.tsx
@@ -39,7 +39,7 @@ export const slashAction: ActionItem = {
 }
 
 // Register/unregister default handlers for slash commands with external dependencies.
-export const registerSlashCommands = (deps: Record<string, any>) => {
+const registerSlashCommands = (deps: Record<string, any>) => {
   // Register command handlers to the registry system with their respective dependencies
   slashCommandRegistry.register(themeCommand, { setTheme: deps.setTheme })
   slashCommandRegistry.register(languageCommand, { setLocale: deps.setLocale })
@@ -50,7 +50,7 @@ export const registerSlashCommands = (deps: Record<string, any>) => {
   slashCommandRegistry.register(zenCommand, {})
 }
 
-export const unregisterSlashCommands = () => {
+const unregisterSlashCommands = () => {
   // Remove command handlers from registry system (automatically calls each command's unregister method)
   slashCommandRegistry.unregister('theme')
   slashCommandRegistry.unregister('language')
diff --git a/web/app/components/goto-anything/actions/index.ts b/web/app/components/goto-anything/actions/index.ts
index a038ef1a6c..88b29e5597 100644
--- a/web/app/components/goto-anything/actions/index.ts
+++ b/web/app/components/goto-anything/actions/index.ts
@@ -296,4 +296,3 @@ export const matchAction = (query: string, actions: Record<string, ActionItem>)
 
 export * from './commands'
 export * from './types'
-export { appAction, knowledgeAction, pluginAction, workflowNodesAction }
diff --git a/web/app/components/goto-anything/components/empty-state.tsx b/web/app/components/goto-anything/components/empty-state.tsx
index a07bc1d45a..1f18fec6d5 100644
--- a/web/app/components/goto-anything/components/empty-state.tsx
+++ b/web/app/components/goto-anything/components/empty-state.tsx
@@ -4,9 +4,9 @@ import type { FC } from 'react'
 import type { ActionItem } from '../actions/types'
 import { useTranslation } from 'react-i18next'
 
-export type EmptyStateVariant = 'no-results' | 'error' | 'default' | 'loading'
+type EmptyStateVariant = 'no-results' | 'error' | 'default' | 'loading'
 
-export type EmptyStateProps = {
+type EmptyStateProps = {
   variant: EmptyStateVariant
   searchMode?: string
   error?: Error | null
diff --git a/web/app/components/goto-anything/components/footer.tsx b/web/app/components/goto-anything/components/footer.tsx
index f74cb49747..b835d7d070 100644
--- a/web/app/components/goto-anything/components/footer.tsx
+++ b/web/app/components/goto-anything/components/footer.tsx
@@ -3,7 +3,7 @@
 import type { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 
-export type FooterProps = {
+type FooterProps = {
   resultCount: number
   searchMode: string
   isError: boolean
diff --git a/web/app/components/goto-anything/components/index.ts b/web/app/components/goto-anything/components/index.ts
index e26a69f25b..d430a15696 100644
--- a/web/app/components/goto-anything/components/index.ts
+++ b/web/app/components/goto-anything/components/index.ts
@@ -1,14 +1,7 @@
 export { default as EmptyState } from './empty-state'
-export type { EmptyStateProps, EmptyStateVariant } from './empty-state'
 
 export { default as Footer } from './footer'
-export type { FooterProps } from './footer'
-
-export { default as ResultItem } from './result-item'
-export type { ResultItemProps } from './result-item'
 
 export { default as ResultList } from './result-list'
-export type { ResultListProps } from './result-list'
 
 export { default as SearchInput } from './search-input'
-export type { SearchInputProps } from './search-input'
diff --git a/web/app/components/goto-anything/components/result-item.tsx b/web/app/components/goto-anything/components/result-item.tsx
index ea15d265fd..d6ec49ac22 100644
--- a/web/app/components/goto-anything/components/result-item.tsx
+++ b/web/app/components/goto-anything/components/result-item.tsx
@@ -4,7 +4,7 @@ import type { FC } from 'react'
 import type { SearchResult } from '../actions/types'
 import { Command } from 'cmdk'
 
-export type ResultItemProps = {
+type ResultItemProps = {
   result: SearchResult
   onSelect: () => void
 }
diff --git a/web/app/components/goto-anything/components/result-list.tsx b/web/app/components/goto-anything/components/result-list.tsx
index 6f1c5005b7..3a380dea5f 100644
--- a/web/app/components/goto-anything/components/result-list.tsx
+++ b/web/app/components/goto-anything/components/result-list.tsx
@@ -6,7 +6,7 @@ import { Command } from 'cmdk'
 import { useTranslation } from 'react-i18next'
 import ResultItem from './result-item'
 
-export type ResultListProps = {
+type ResultListProps = {
   groupedResults: Record<string, SearchResult[]>
   onSelect: (result: SearchResult) => void
 }
diff --git a/web/app/components/goto-anything/components/search-input.tsx b/web/app/components/goto-anything/components/search-input.tsx
index d01cdfda95..4cca85fea9 100644
--- a/web/app/components/goto-anything/components/search-input.tsx
+++ b/web/app/components/goto-anything/components/search-input.tsx
@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next'
 import Input from '@/app/components/base/input'
 import ShortcutsName from '@/app/components/workflow/shortcuts-name'
 
-export type SearchInputProps = {
+type SearchInputProps = {
   inputRef: RefObject<HTMLInputElement | null>
   value: string
   onChange: (value: string) => void
diff --git a/web/app/components/goto-anything/hooks/index.ts b/web/app/components/goto-anything/hooks/index.ts
index 2c5681dce5..c918a0c2bb 100644
--- a/web/app/components/goto-anything/hooks/index.ts
+++ b/web/app/components/goto-anything/hooks/index.ts
@@ -1,11 +1,7 @@
 export { useGotoAnythingModal } from './use-goto-anything-modal'
-export type { UseGotoAnythingModalReturn } from './use-goto-anything-modal'
 
 export { useGotoAnythingNavigation } from './use-goto-anything-navigation'
-export type { UseGotoAnythingNavigationOptions, UseGotoAnythingNavigationReturn } from './use-goto-anything-navigation'
 
 export { useGotoAnythingResults } from './use-goto-anything-results'
-export type { UseGotoAnythingResultsOptions, UseGotoAnythingResultsReturn } from './use-goto-anything-results'
 
 export { useGotoAnythingSearch } from './use-goto-anything-search'
-export type { UseGotoAnythingSearchReturn } from './use-goto-anything-search'
diff --git a/web/app/components/goto-anything/hooks/use-goto-anything-modal.ts b/web/app/components/goto-anything/hooks/use-goto-anything-modal.ts
index 8b0d653184..3e616cdd95 100644
--- a/web/app/components/goto-anything/hooks/use-goto-anything-modal.ts
+++ b/web/app/components/goto-anything/hooks/use-goto-anything-modal.ts
@@ -5,7 +5,7 @@ import { useKeyPress } from 'ahooks'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { getKeyboardKeyCodeBySystem, isEventTargetInputArea } from '@/app/components/workflow/utils/common'
 
-export type UseGotoAnythingModalReturn = {
+type UseGotoAnythingModalReturn = {
   show: boolean
   setShow: (show: boolean | ((prev: boolean) => boolean)) => void
   inputRef: RefObject<HTMLInputElement | null>
diff --git a/web/app/components/goto-anything/hooks/use-goto-anything-navigation.ts b/web/app/components/goto-anything/hooks/use-goto-anything-navigation.ts
index 9c9871fa1d..1c75adbf72 100644
--- a/web/app/components/goto-anything/hooks/use-goto-anything-navigation.ts
+++ b/web/app/components/goto-anything/hooks/use-goto-anything-navigation.ts
@@ -8,14 +8,14 @@ import { selectWorkflowNode } from '@/app/components/workflow/utils/node-navigat
 import { useRouter } from '@/next/navigation'
 import { slashCommandRegistry } from '../actions/commands/registry'
 
-export type UseGotoAnythingNavigationReturn = {
+type UseGotoAnythingNavigationReturn = {
   handleCommandSelect: (commandKey: string) => void
   handleNavigate: (result: SearchResult) => void
   activePlugin: Plugin | undefined
   setActivePlugin: (plugin: Plugin | undefined) => void
 }
 
-export type UseGotoAnythingNavigationOptions = {
+type UseGotoAnythingNavigationOptions = {
   Actions: Record<string, ActionItem>
   setSearchQuery: (query: string) => void
   clearSelection: () => void
diff --git a/web/app/components/goto-anything/hooks/use-goto-anything-results.ts b/web/app/components/goto-anything/hooks/use-goto-anything-results.ts
index dabbd8039c..8fac699fdc 100644
--- a/web/app/components/goto-anything/hooks/use-goto-anything-results.ts
+++ b/web/app/components/goto-anything/hooks/use-goto-anything-results.ts
@@ -6,7 +6,7 @@ import { useEffect, useMemo } from 'react'
 import { useGetLanguage } from '@/context/i18n'
 import { matchAction, searchAnything } from '../actions'
 
-export type UseGotoAnythingResultsReturn = {
+type UseGotoAnythingResultsReturn = {
   searchResults: SearchResult[]
   dedupedResults: SearchResult[]
   groupedResults: Record<string, SearchResult[]>
@@ -15,7 +15,7 @@ export type UseGotoAnythingResultsReturn = {
   error: Error | null
 }
 
-export type UseGotoAnythingResultsOptions = {
+type UseGotoAnythingResultsOptions = {
   searchQueryDebouncedValue: string
   searchMode: string
   isCommandsMode: boolean
@@ -48,7 +48,7 @@ export const useGotoAnythingResults = (
 
   const { data: searchResults = [], isLoading, isError, error } = useQuery(
     {
-      // eslint-disable-next-line @tanstack/query/exhaustive-deps -- Actions intentionally excluded: contains non-serializable functions; actionKeys provides stable representation
+
       queryKey: [
         'goto-anything',
         'search-result',
diff --git a/web/app/components/goto-anything/hooks/use-goto-anything-search.ts b/web/app/components/goto-anything/hooks/use-goto-anything-search.ts
index dd88fc315b..486da787eb 100644
--- a/web/app/components/goto-anything/hooks/use-goto-anything-search.ts
+++ b/web/app/components/goto-anything/hooks/use-goto-anything-search.ts
@@ -6,7 +6,7 @@ import { useCallback, useMemo, useState } from 'react'
 import { createActions, matchAction } from '../actions'
 import { useGotoAnythingContext } from '../context'
 
-export type UseGotoAnythingSearchReturn = {
+type UseGotoAnythingSearchReturn = {
   searchQuery: string
   setSearchQuery: (query: string) => void
   searchQueryDebouncedValue: string
diff --git a/web/app/components/header/account-dropdown/menu-item-content.tsx b/web/app/components/header/account-dropdown/menu-item-content.tsx
index 47f0042047..3a5e0211ed 100644
--- a/web/app/components/header/account-dropdown/menu-item-content.tsx
+++ b/web/app/components/header/account-dropdown/menu-item-content.tsx
@@ -4,7 +4,7 @@ import { cn } from '@/utils/classnames'
 const menuLabelClassName = 'min-w-0 grow truncate px-1 text-text-secondary system-md-regular'
 const menuLeadingIconClassName = 'size-4 shrink-0 text-text-tertiary'
 
-export const menuTrailingIconClassName = 'size-[14px] shrink-0 text-text-tertiary'
+const menuTrailingIconClassName = 'size-[14px] shrink-0 text-text-tertiary'
 
 type MenuItemContentProps = {
   iconClassName: string
diff --git a/web/app/components/header/account-dropdown/workplace-selector/index.module.css b/web/app/components/header/account-dropdown/workplace-selector/index.module.css
deleted file mode 100644
index 4b2257f427..0000000000
--- a/web/app/components/header/account-dropdown/workplace-selector/index.module.css
+++ /dev/null
@@ -1,7 +0,0 @@
-@reference "../../../../styles/globals.css";
-
-.popup {
-  left: 4px;
-  transform: translateX(-100%);
-  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
-}
diff --git a/web/app/components/header/account-setting/Integrations-page/index.module.css b/web/app/components/header/account-setting/Integrations-page/index.module.css
index e7c70e8e02..7c2a883639 100644
--- a/web/app/components/header/account-setting/Integrations-page/index.module.css
+++ b/web/app/components/header/account-setting/Integrations-page/index.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../styles/globals.css";
-
 .google-icon {
   background: url(../../assets/google.svg) center center no-repeat;
   background-size: 16px 16px;
diff --git a/web/app/components/header/account-setting/key-validator/declarations.ts b/web/app/components/header/account-setting/key-validator/declarations.ts
index 7e14fa1f5e..374256ff41 100644
--- a/web/app/components/header/account-setting/key-validator/declarations.ts
+++ b/web/app/components/header/account-setting/key-validator/declarations.ts
@@ -33,11 +33,3 @@ export type KeyFrom = {
   text: string
   link: string
 }
-
-export type KeyValidatorProps = {
-  type: string
-  title: React.ReactNode
-  status: Status
-  forms: Form[]
-  keyFrom: KeyFrom
-}
diff --git a/web/app/components/header/account-setting/key-validator/index.tsx b/web/app/components/header/account-setting/key-validator/index.tsx
index f97802feb0..0e65eb9a35 100644
--- a/web/app/components/header/account-setting/key-validator/index.tsx
+++ b/web/app/components/header/account-setting/key-validator/index.tsx
@@ -6,7 +6,7 @@ import { useValidate } from './hooks'
 import KeyInput from './KeyInput'
 import Operate from './Operate'
 
-export type KeyValidatorProps = {
+type KeyValidatorProps = {
   type: string
   title: React.ReactNode
   status: Status
diff --git a/web/app/components/header/account-setting/language-page/index.module.css b/web/app/components/header/account-setting/language-page/index.module.css
deleted file mode 100644
index e7c70e8e02..0000000000
--- a/web/app/components/header/account-setting/language-page/index.module.css
+++ /dev/null
@@ -1,26 +0,0 @@
-@reference "../../../../styles/globals.css";
-
-.google-icon {
-  background: url(../../assets/google.svg) center center no-repeat;
-  background-size: 16px 16px;
-}
-
-.github-icon {
-  background: url(../../assets/github.svg) center center no-repeat;
-  background-size: 16px 16px;
-}
-
-.twitter-icon {
-  background: url(../../assets/twitter.svg) center center no-repeat;
-  background-size: 16px 16px;
-}
-
-.bitbucket-icon {
-  background: url(../../assets/bitbucket.svg) center center no-repeat;
-  background-size: 16px 16px;
-}
-
-.salesforce-icon {
-  background: url(../../assets/salesforce.svg) center center no-repeat;
-  background-size: 24px auto;
-}
diff --git a/web/app/components/header/account-setting/members-page/invite-modal/role-selector.tsx b/web/app/components/header/account-setting/members-page/invite-modal/role-selector.tsx
index 6383b203d9..5d9b80bd1e 100644
--- a/web/app/components/header/account-setting/members-page/invite-modal/role-selector.tsx
+++ b/web/app/components/header/account-setting/members-page/invite-modal/role-selector.tsx
@@ -17,7 +17,7 @@ const roleI18nKeyMap = {
 
 export type RoleKey = keyof typeof roleI18nKeyMap
 
-export type RoleSelectorProps = {
+type RoleSelectorProps = {
   value: RoleKey
   onChange: (role: RoleKey) => void
 }
diff --git a/web/app/components/header/account-setting/members-page/invited-modal/index.module.css b/web/app/components/header/account-setting/members-page/invited-modal/index.module.css
index 37e23b1f79..96470439f0 100644
--- a/web/app/components/header/account-setting/members-page/invited-modal/index.module.css
+++ b/web/app/components/header/account-setting/members-page/invited-modal/index.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .modal {
   padding: 32px !important;
   width: 480px !important;
diff --git a/web/app/components/header/account-setting/members-page/invited-modal/index.tsx b/web/app/components/header/account-setting/members-page/invited-modal/index.tsx
index dbabb384a2..5a62346d40 100644
--- a/web/app/components/header/account-setting/members-page/invited-modal/index.tsx
+++ b/web/app/components/header/account-setting/members-page/invited-modal/index.tsx
@@ -8,7 +8,7 @@ import { IS_CE_EDITION } from '@/config'
 import InvitationLink from './invitation-link'
 
 export type SuccessInvitationResult = Extract<InvitationResult, { status: 'success' }>
-export type FailedInvitationResult = Extract<InvitationResult, { status: 'failed' }>
+type FailedInvitationResult = Extract<InvitationResult, { status: 'failed' }>
 
 type IInvitedModalProps = {
   invitationResults: InvitationResult[]
diff --git a/web/app/components/header/account-setting/model-provider-page/declarations.ts b/web/app/components/header/account-setting/model-provider-page/declarations.ts
index 6c961637cd..cc700fe5c6 100644
--- a/web/app/components/header/account-setting/model-provider-page/declarations.ts
+++ b/web/app/components/header/account-setting/model-provider-page/declarations.ts
@@ -72,9 +72,6 @@ export enum ModelFeatureEnum {
 }
 
 export enum ModelFeatureTextEnum {
-  toolCall = 'Tool Call',
-  multiToolCall = 'Multi Tool Call',
-  agentThought = 'Agent Thought',
   vision = 'Vision',
   video = 'Video',
   document = 'Document',
@@ -90,21 +87,6 @@ export enum ModelStatusEnum {
   credentialRemoved = 'credential-removed',
 }
 
-export const MODEL_STATUS_TEXT: { [k: string]: TypeWithI18N } = {
-  'no-configure': {
-    en_US: 'No Configure',
-    zh_Hans: '未配置凭据',
-  },
-  'quota-exceeded': {
-    en_US: 'Quota Exceeded',
-    zh_Hans: '额度不足',
-  },
-  'no-permission': {
-    en_US: 'No Permission',
-    zh_Hans: '无使用权限',
-  },
-}
-
 export enum CustomConfigurationStatusEnum {
   active = 'active',
   noConfigure = 'no-configure',
@@ -171,8 +153,6 @@ export enum CurrentSystemQuotaTypeEnum {
 
 export enum QuotaUnitEnum {
   times = 'times',
-  tokens = 'tokens',
-  credits = 'credits',
 }
 
 export type QuotaConfiguration = {
@@ -203,11 +183,6 @@ export type CustomModelCredential = CustomModel & {
   current_credential_name?: string
 }
 
-export type CredentialWithModel = Credential & {
-  model: string
-  model_type: ModelTypeEnum
-}
-
 export type ModelProvider = {
   provider: string
   label: TypeWithI18N
diff --git a/web/app/components/header/account-setting/model-provider-page/derive-model-status.ts b/web/app/components/header/account-setting/model-provider-page/derive-model-status.ts
index f9eb93536e..ce73d11548 100644
--- a/web/app/components/header/account-setting/model-provider-page/derive-model-status.ts
+++ b/web/app/components/header/account-setting/model-provider-page/derive-model-status.ts
@@ -2,7 +2,7 @@ import type { Model, ModelItem, ModelProvider } from './declarations'
 import type { CredentialPanelState } from './provider-added-card/use-credential-panel-state'
 import { ModelStatusEnum } from './declarations'
 
-export type DerivedModelStatus
+type DerivedModelStatus
   = | 'empty'
     | 'active'
     | 'configure-required'
diff --git a/web/app/components/header/account-setting/model-provider-page/model-auth/index.tsx b/web/app/components/header/account-setting/model-provider-page/model-auth/index.tsx
index a33cfcc36b..1967f591bb 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-auth/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-auth/index.tsx
@@ -2,7 +2,7 @@ export { default as AddCredentialInLoadBalancing } from './add-credential-in-loa
 export { default as AddCustomModel } from './add-custom-model'
 export { default as Authorized } from './authorized'
 export { default as ConfigModel } from './config-model'
-export { default as ConfigProvider } from './config-provider'
+
 export { default as CredentialSelector } from './credential-selector'
 export { default as ManageCustomModelCredentials } from './manage-custom-model-credentials'
 export { default as SwitchCredentialInLoadBalancing } from './switch-credential-in-load-balancing'
diff --git a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger.tsx b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger.tsx
index b8d8cd1a87..16d94958f8 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/agent-model-trigger.tsx
@@ -25,7 +25,7 @@ import ConfigurationButton from './configuration-button'
 import ModelDisplay from './model-display'
 import StatusIndicators from './status-indicators'
 
-export type AgentModelTriggerProps = {
+type AgentModelTriggerProps = {
   open?: boolean
   disabled?: boolean
   currentProvider?: ModelProvider
diff --git a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/derive-trigger-status.ts b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/derive-trigger-status.ts
index 8492107eab..08614604dd 100644
--- a/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/derive-trigger-status.ts
+++ b/web/app/components/header/account-setting/model-provider-page/model-parameter-modal/derive-trigger-status.ts
@@ -1,12 +1,9 @@
-import type { DerivedModelStatus } from '../derive-model-status'
 import {
   DERIVED_MODEL_STATUS_BADGE_I18N,
   DERIVED_MODEL_STATUS_TOOLTIP_I18N,
   deriveModelStatus,
 } from '../derive-model-status'
 
-export type TriggerStatus = DerivedModelStatus
-
 export const deriveTriggerStatus = deriveModelStatus
 export const TRIGGER_STATUS_BADGE_I18N = DERIVED_MODEL_STATUS_BADGE_I18N
 export const TRIGGER_STATUS_TOOLTIP_I18N = DERIVED_MODEL_STATUS_TOOLTIP_I18N
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/cooldown-timer.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/cooldown-timer.tsx
index 9ff705e4b8..47e3ccffaa 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/cooldown-timer.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/cooldown-timer.tsx
@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'
 import SimplePieChart from '@/app/components/base/simple-pie-chart'
 import Tooltip from '@/app/components/base/tooltip'
 
-export type CooldownTimerProps = {
+type CooldownTimerProps = {
   secondsRemaining?: number
   onFinish?: () => void
 }
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list-item.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list-item.tsx
index 595525d014..469557b92d 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list-item.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-list-item.tsx
@@ -19,7 +19,7 @@ import { ConfigModel } from '../model-auth'
 import ModelIcon from '../model-icon'
 import ModelName from '../model-name'
 
-export type ModelListItemProps = {
+type ModelListItemProps = {
   model: ModelItem
   provider: ModelProvider
   isConfigurable: boolean
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-configs.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-configs.tsx
index c0da1ee2fb..997ba402cd 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-configs.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/model-load-balancing-configs.tsx
@@ -24,7 +24,7 @@ import Indicator from '../../../indicator'
 import { ConfigurationMethodEnum } from '../declarations'
 import CooldownTimer from './cooldown-timer'
 
-export type ModelLoadBalancingConfigsProps = {
+type ModelLoadBalancingConfigsProps = {
   draftConfig?: ModelLoadBalancingConfig
   setDraftConfig: Dispatch<SetStateAction<ModelLoadBalancingConfig | undefined>>
   provider: ModelProvider
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.module.css b/web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.module.css
index 9c106968ca..47d2c4cead 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.module.css
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/quota-panel.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../styles/globals.css";
-
 .gridBg {
   background-size: 4px 4px;
   background-image:
diff --git a/web/app/components/header/account-setting/model-provider-page/provider-added-card/system-quota-card.tsx b/web/app/components/header/account-setting/model-provider-page/provider-added-card/system-quota-card.tsx
index 79f71d27c9..41b0acd8cf 100644
--- a/web/app/components/header/account-setting/model-provider-page/provider-added-card/system-quota-card.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/provider-added-card/system-quota-card.tsx
@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react'
-import { createContext, useContext } from 'react'
+import { createContext, use } from 'react'
 import { cn } from '@/utils/classnames'
 import styles from './quota-panel.module.css'
 
@@ -41,7 +41,7 @@ const SystemQuotaCard = ({
 }
 
 const Label = ({ children, className }: { children: ReactNode, className?: string }) => {
-  const variant = useContext(VariantContext)
+  const variant = use(VariantContext)
   return (
     <div className={cn(
       'relative z-1 flex items-center gap-1 truncate px-1.5 pt-1 system-xs-medium',
diff --git a/web/app/components/header/account-setting/model-provider-page/status-mapping.ts b/web/app/components/header/account-setting/model-provider-page/status-mapping.ts
deleted file mode 100644
index 2de2876e20..0000000000
--- a/web/app/components/header/account-setting/model-provider-page/status-mapping.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { ModelStatusEnum } from './declarations'
-
-export const MODEL_STATUS_I18N_KEY: Partial<Record<ModelStatusEnum, string>> = {
-  [ModelStatusEnum.quotaExceeded]: 'modelProvider.selector.creditsExhausted',
-  [ModelStatusEnum.noConfigure]: 'modelProvider.selector.configureRequired',
-  [ModelStatusEnum.noPermission]: 'modelProvider.selector.incompatible',
-  [ModelStatusEnum.disabled]: 'modelProvider.selector.disabled',
-  [ModelStatusEnum.credentialRemoved]: 'modelProvider.selector.apiKeyUnavailable',
-}
diff --git a/web/app/components/header/index.module.css b/web/app/components/header/index.module.css
index 755433a799..9e23bc10a6 100644
--- a/web/app/components/header/index.module.css
+++ b/web/app/components/header/index.module.css
@@ -1,5 +1,3 @@
-@reference "../../styles/globals.css";
-
 .header-DEVELOPMENT {
   background: linear-gradient(180deg, rgba(253, 176, 34, 0.08) 0%, rgba(253, 176, 34, 0) 100%);
   border-top: 4px solid #FDB022;
diff --git a/web/app/components/header/nav/index.module.css b/web/app/components/header/nav/index.module.css
deleted file mode 100644
index 2e7e4f3a56..0000000000
--- a/web/app/components/header/nav/index.module.css
+++ /dev/null
@@ -1,2 +0,0 @@
-@reference "../../../styles/globals.css";
-
diff --git a/web/app/components/header/plugins-nav/downloading-icon.module.css b/web/app/components/header/plugins-nav/downloading-icon.module.css
index 53b2cf5479..bbd6a35e4c 100644
--- a/web/app/components/header/plugins-nav/downloading-icon.module.css
+++ b/web/app/components/header/plugins-nav/downloading-icon.module.css
@@ -1,5 +1,3 @@
-@reference "../../../styles/globals.css";
-
 @keyframes realistic-blink {
   0% { fill: #37ff37; opacity: 0.4; }
   15% { fill: #37ff37; opacity: 0.9; }
diff --git a/web/app/components/plugins/card/index.tsx b/web/app/components/plugins/card/index.tsx
index d1af00182f..2d48985f92 100644
--- a/web/app/components/plugins/card/index.tsx
+++ b/web/app/components/plugins/card/index.tsx
@@ -22,7 +22,7 @@ import OrgInfo from './base/org-info'
 import Placeholder from './base/placeholder'
 import Title from './base/title'
 
-export type Props = {
+type Props = {
   className?: string
   payload: Plugin
   titleLeft?: React.ReactNode
diff --git a/web/app/components/plugins/marketplace/types.ts b/web/app/components/plugins/marketplace/types.ts
index e4e2dbd935..b17ab5d975 100644
--- a/web/app/components/plugins/marketplace/types.ts
+++ b/web/app/components/plugins/marketplace/types.ts
@@ -1,5 +1,3 @@
-import type { Plugin } from '../types'
-
 export type SearchParamsFromCollection = {
   query?: string
   sort_by?: string
@@ -17,16 +15,6 @@ export type MarketplaceCollection = {
   search_params?: SearchParamsFromCollection
 }
 
-export type MarketplaceCollectionsResponse = {
-  collections: MarketplaceCollection[]
-  total: number
-}
-
-export type MarketplaceCollectionPluginsResponse = {
-  plugins: Plugin[]
-  total: number
-}
-
 export type PluginsSearchParams = {
   query: string
   page?: number
@@ -50,10 +38,3 @@ export type CollectionsAndPluginsSearchParams = {
   exclude?: string[]
   type?: 'plugin' | 'bundle'
 }
-
-export type SearchParams = {
-  language?: string
-  q?: string
-  tags?: string
-  category?: string
-}
diff --git a/web/app/components/plugins/plugin-detail-panel/detail-header/hooks/index.ts b/web/app/components/plugins/plugin-detail-panel/detail-header/hooks/index.ts
index 47b4d9b9a5..4d4c4f182b 100644
--- a/web/app/components/plugins/plugin-detail-panel/detail-header/hooks/index.ts
+++ b/web/app/components/plugins/plugin-detail-panel/detail-header/hooks/index.ts
@@ -1,3 +1,3 @@
 export { useDetailHeaderState } from './use-detail-header-state'
-export type { ModalStates, UseDetailHeaderStateReturn, VersionPickerState, VersionTarget } from './use-detail-header-state'
+export type { ModalStates, VersionTarget } from './use-detail-header-state'
 export { usePluginOperations } from './use-plugin-operations'
diff --git a/web/app/components/plugins/plugin-detail-panel/detail-header/hooks/use-detail-header-state.ts b/web/app/components/plugins/plugin-detail-panel/detail-header/hooks/use-detail-header-state.ts
index 763ed9c992..3af7fc4173 100644
--- a/web/app/components/plugins/plugin-detail-panel/detail-header/hooks/use-detail-header-state.ts
+++ b/web/app/components/plugins/plugin-detail-panel/detail-header/hooks/use-detail-header-state.ts
@@ -29,7 +29,7 @@ export type ModalStates = {
   hideDeleting: () => void
 }
 
-export type VersionPickerState = {
+type VersionPickerState = {
   isShow: boolean
   setIsShow: (show: boolean) => void
   targetVersion: VersionTarget
@@ -38,7 +38,7 @@ export type VersionPickerState = {
   setIsDowngrade: (downgrade: boolean) => void
 }
 
-export type UseDetailHeaderStateReturn = {
+type UseDetailHeaderStateReturn = {
   modalStates: ModalStates
   versionPicker: VersionPickerState
   hasNewVersion: boolean
diff --git a/web/app/components/plugins/plugin-detail-panel/model-selector/index.tsx b/web/app/components/plugins/plugin-detail-panel/model-selector/index.tsx
index dc8f448753..33e9912f87 100644
--- a/web/app/components/plugins/plugin-detail-panel/model-selector/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/model-selector/index.tsx
@@ -29,7 +29,7 @@ import { fetchAndMergeValidCompletionParams } from '@/utils/completion-params'
 import LLMParamsPanel from './llm-params-panel'
 import TTSParamsPanel from './tts-params-panel'
 
-export type ModelParameterModalProps = {
+type ModelParameterModalProps = {
   popupClassName?: string
   isAdvancedMode: boolean
   value: any
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/create/components/modal-steps.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/create/components/modal-steps.tsx
index 7b037efbc8..e21e49040e 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/create/components/modal-steps.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/create/components/modal-steps.tsx
@@ -19,7 +19,7 @@ type StatusStepProps = {
   text: string
 }
 
-export const StatusStep = ({ isActive, text }: StatusStepProps) => {
+const StatusStep = ({ isActive, text }: StatusStepProps) => {
   return (
     <div className={`system-2xs-semibold-uppercase flex items-center gap-1 ${isActive
       ? 'text-state-accent-solid'
@@ -81,7 +81,7 @@ type SubscriptionFormProps = {
   endpoint?: string
 }
 
-export const SubscriptionForm = ({
+const SubscriptionForm = ({
   subscriptionFormRef,
   endpoint,
 }: SubscriptionFormProps) => {
@@ -143,7 +143,7 @@ type AutoParametersFormProps = {
   credentialId: string
 }
 
-export const AutoParametersForm = ({
+const AutoParametersForm = ({
   schemas,
   formRef,
   pluginId,
@@ -192,7 +192,7 @@ type ManualPropertiesSectionProps = {
   pluginName: string
 }
 
-export const ManualPropertiesSection = ({
+const ManualPropertiesSection = ({
   schemas,
   formRef,
   onChange,
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/create/hooks/use-common-modal-state.ts b/web/app/components/plugins/plugin-detail-panel/subscription-list/create/hooks/use-common-modal-state.ts
index 99c42f6fc5..339f782b45 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/create/hooks/use-common-modal-state.ts
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/create/hooks/use-common-modal-state.ts
@@ -31,7 +31,7 @@ export enum ApiKeyStep {
   Configuration = 'configuration',
 }
 
-export const CREDENTIAL_TYPE_MAP: Record<SupportedCreationMethods, TriggerCredentialTypeEnum> = {
+const CREDENTIAL_TYPE_MAP: Record<SupportedCreationMethods, TriggerCredentialTypeEnum> = {
   [SupportedCreationMethods.APIKEY]: TriggerCredentialTypeEnum.ApiKey,
   [SupportedCreationMethods.OAUTH]: TriggerCredentialTypeEnum.Oauth2,
   [SupportedCreationMethods.MANUAL]: TriggerCredentialTypeEnum.Unauthorized,
diff --git a/web/app/components/plugins/plugin-detail-panel/subscription-list/index.tsx b/web/app/components/plugins/plugin-detail-panel/subscription-list/index.tsx
index 96ce983f38..c152b8ffbf 100644
--- a/web/app/components/plugins/plugin-detail-panel/subscription-list/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/subscription-list/index.tsx
@@ -14,7 +14,6 @@ type SubscriptionListProps = {
   pluginDetail?: PluginDetail
 }
 
-export { SubscriptionSelectorEntry } from './selector-entry'
 export type { SimpleSubscription } from './types'
 
 export const SubscriptionList = withErrorBoundary(({
diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/components/index.ts b/web/app/components/plugins/plugin-detail-panel/tool-selector/components/index.ts
index a3cb4fe6d5..f6a1401d5c 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/components/index.ts
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/components/index.ts
@@ -1,4 +1,3 @@
-export { default as ReasoningConfigForm } from './reasoning-config-form'
 export { default as SchemaModal } from './schema-modal'
 export { default as ToolAuthorizationSection } from './tool-authorization-section'
 export { default as ToolBaseForm } from './tool-base-form'
diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/hooks/index.ts b/web/app/components/plugins/plugin-detail-panel/tool-selector/hooks/index.ts
index 06218b9799..fa874d0100 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/hooks/index.ts
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/hooks/index.ts
@@ -1,3 +1,2 @@
 export { usePluginInstalledCheck } from './use-plugin-installed-check'
 export { useToolSelectorState } from './use-tool-selector-state'
-export type { TabType, ToolSelectorState, UseToolSelectorStateProps } from './use-tool-selector-state'
diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/hooks/use-tool-selector-state.ts b/web/app/components/plugins/plugin-detail-panel/tool-selector/hooks/use-tool-selector-state.ts
index e5edea5679..45645df16e 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/hooks/use-tool-selector-state.ts
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/hooks/use-tool-selector-state.ts
@@ -18,7 +18,7 @@ import { usePluginInstalledCheck } from './use-plugin-installed-check'
 
 export type TabType = 'settings' | 'params'
 
-export type UseToolSelectorStateProps = {
+type UseToolSelectorStateProps = {
   value?: ToolValue
   onSelect: (tool: ToolValue) => void
   onSelectMultiple?: (tool: ToolValue[]) => void
@@ -247,5 +247,3 @@ export const useToolSelectorState = ({
     getSettingsValue,
   }
 }
-
-export type ToolSelectorState = ReturnType<typeof useToolSelectorState>
diff --git a/web/app/components/plugins/plugin-page/context.ts b/web/app/components/plugins/plugin-page/context.ts
index 04ab1eef19..fe3706f4f7 100644
--- a/web/app/components/plugins/plugin-page/context.ts
+++ b/web/app/components/plugins/plugin-page/context.ts
@@ -13,7 +13,7 @@ import { PLUGIN_PAGE_TABS_MAP } from '../hooks'
 export type PluginPageTab = typeof PLUGIN_PAGE_TABS_MAP[keyof typeof PLUGIN_PAGE_TABS_MAP]
   | (typeof PLUGIN_TYPE_SEARCH_MAP)[keyof typeof PLUGIN_TYPE_SEARCH_MAP]
 
-export type PluginPageContextValue = {
+type PluginPageContextValue = {
   containerRef: RefObject<HTMLDivElement | null>
   currentPluginID: string | undefined
   setCurrentPluginID: (pluginID?: string) => void
diff --git a/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-item.tsx b/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-item.tsx
index 2b88336522..ca9963e426 100644
--- a/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-item.tsx
+++ b/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-item.tsx
@@ -3,7 +3,7 @@ import type { PluginStatus } from '@/app/components/plugins/types'
 import type { Locale } from '@/i18n-config'
 import CardIcon from '@/app/components/plugins/card/base/card-icon'
 
-export type PluginItemProps = {
+type PluginItemProps = {
   plugin: PluginStatus
   getIconUrl: (icon: string) => string
   language: Locale
diff --git a/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-section.tsx b/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-section.tsx
index 5a6dfe0094..838d2c3119 100644
--- a/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-section.tsx
+++ b/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-section.tsx
@@ -3,7 +3,7 @@ import type { PluginStatus } from '@/app/components/plugins/types'
 import type { Locale } from '@/i18n-config'
 import PluginItem from './plugin-item'
 
-export type PluginSectionProps = {
+type PluginSectionProps = {
   title: string
   count: number
   plugins: PluginStatus[]
diff --git a/web/app/components/plugins/plugin-page/plugin-tasks/components/task-status-indicator.tsx b/web/app/components/plugins/plugin-page/plugin-tasks/components/task-status-indicator.tsx
index 084c8f90f9..5d5ef91478 100644
--- a/web/app/components/plugins/plugin-page/plugin-tasks/components/task-status-indicator.tsx
+++ b/web/app/components/plugins/plugin-page/plugin-tasks/components/task-status-indicator.tsx
@@ -9,7 +9,7 @@ import Tooltip from '@/app/components/base/tooltip'
 import DownloadingIcon from '@/app/components/header/plugins-nav/downloading-icon'
 import { cn } from '@/utils/classnames'
 
-export type TaskStatusIndicatorProps = {
+type TaskStatusIndicatorProps = {
   tip: string
   isInstalling: boolean
   isInstallingWithSuccess: boolean
diff --git a/web/app/components/plugins/reference-setting-modal/style.module.css b/web/app/components/plugins/reference-setting-modal/style.module.css
deleted file mode 100644
index 61a4406ae5..0000000000
--- a/web/app/components/plugins/reference-setting-modal/style.module.css
+++ /dev/null
@@ -1,9 +0,0 @@
-@reference "../../../styles/globals.css";
-
-.textGradient {
-  background: linear-gradient(92deg, #2250F2 -29.55%, #0EBCF3 75.22%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  text-fill-color: transparent;
-}
diff --git a/web/app/components/plugins/types.ts b/web/app/components/plugins/types.ts
index c5aa710be7..bcffad06e0 100644
--- a/web/app/components/plugins/types.ts
+++ b/web/app/components/plugins/types.ts
@@ -143,23 +143,6 @@ export type ParametersSchema = {
   description: Record<Locale, string>
 }
 
-export type PropertiesSchema = {
-  type: FormTypeEnum
-  name: string
-  scope: any
-  required: boolean
-  default: any
-  options: Array<{
-    value: string
-    label: Record<Locale, string>
-    icon?: string
-  }>
-  label: Record<Locale, string>
-  help: Record<Locale, string>
-  url: any
-  placeholder: any
-}
-
 export type TriggerEventParameter = {
   name: string
   label: TypeWithI18N
@@ -353,10 +336,6 @@ export type GitHubUrlInfo = {
 }
 
 // endpoint
-export type EndpointOperationResponse = {
-  result: 'success' | 'error'
-}
-
 export type EndpointsResponse = {
   endpoints: EndpointListItem[]
   has_more: boolean
@@ -364,12 +343,6 @@ export type EndpointsResponse = {
   total: number
   page: number
 }
-export type UpdateEndpointRequest = {
-  endpoint_id: string
-  settings: Record<string, any>
-  name: string
-}
-
 export enum InstallStep {
   uploading = 'uploading',
   uploadFailed = 'uploadFailed',
@@ -454,20 +427,12 @@ export type TaskStatusResponse = {
   task: PluginTask
 }
 
-export type PluginTasksResponse = {
-  tasks: PluginTask[]
-}
-
 export type MetaData = {
   repo: string
   version: string
   package: string
 }
 
-export type InstalledPluginListResponse = {
-  plugins: PluginDetail[]
-}
-
 export type InstalledPluginListWithTotalResponse = {
   plugins: PluginDetail[]
   total: number
diff --git a/web/app/components/rag-pipeline/store/index.ts b/web/app/components/rag-pipeline/store/index.ts
index 4840e1ddd1..732076d546 100644
--- a/web/app/components/rag-pipeline/store/index.ts
+++ b/web/app/components/rag-pipeline/store/index.ts
@@ -28,7 +28,6 @@ export type RagPipelineSliceShape = {
   setIsPreparingDataSource: (isPreparingDataSource: boolean) => void
 }
 
-export type CreateRagPipelineSliceSlice = StateCreator<RagPipelineSliceShape>
 export const createRagPipelineSliceSlice: StateCreator<RagPipelineSliceShape> = set => ({
   pipelineId: '',
   knowledgeName: '',
diff --git a/web/app/components/share/text-generation/index.tsx b/web/app/components/share/text-generation/index.tsx
index 16444748a1..a6b54137f1 100644
--- a/web/app/components/share/text-generation/index.tsx
+++ b/web/app/components/share/text-generation/index.tsx
@@ -16,7 +16,7 @@ import { useTextGenerationBatch } from './hooks/use-text-generation-batch'
 import TextGenerationResultPanel from './text-generation-result-panel'
 import TextGenerationSidebar from './text-generation-sidebar'
 
-export type IMainProps = {
+type IMainProps = {
   isInstalledApp?: boolean
   installedAppInfo?: InstalledApp
   isWorkflow?: boolean
diff --git a/web/app/components/share/text-generation/no-data/index.tsx b/web/app/components/share/text-generation/no-data/index.tsx
index 31a3a19b47..5885f60754 100644
--- a/web/app/components/share/text-generation/no-data/index.tsx
+++ b/web/app/components/share/text-generation/no-data/index.tsx
@@ -5,7 +5,7 @@ import {
 import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 
-export type INoDataProps = {}
+type INoDataProps = {}
 const NoData: FC<INoDataProps> = () => {
   const { t } = useTranslation()
   return (
diff --git a/web/app/components/share/text-generation/result/index.tsx b/web/app/components/share/text-generation/result/index.tsx
index b4a6119a53..09c87c61bb 100644
--- a/web/app/components/share/text-generation/result/index.tsx
+++ b/web/app/components/share/text-generation/result/index.tsx
@@ -15,7 +15,7 @@ import NoData from '@/app/components/share/text-generation/no-data'
 import { useResultRunState } from './hooks/use-result-run-state'
 import { useResultSender } from './hooks/use-result-sender'
 
-export type IResultProps = {
+type IResultProps = {
   isWorkflow: boolean
   isCallBatchAPI: boolean
   isPC: boolean
diff --git a/web/app/components/share/text-generation/run-batch/csv-download/index.tsx b/web/app/components/share/text-generation/run-batch/csv-download/index.tsx
index cd36627e2c..a179029cb7 100644
--- a/web/app/components/share/text-generation/run-batch/csv-download/index.tsx
+++ b/web/app/components/share/text-generation/run-batch/csv-download/index.tsx
@@ -7,7 +7,7 @@ import {
 } from 'react-papaparse'
 import { Download02 as DownloadIcon } from '@/app/components/base/icons/src/vender/solid/general'
 
-export type ICSVDownloadProps = {
+type ICSVDownloadProps = {
   vars: { name: string }[]
 }
 
diff --git a/web/app/components/share/text-generation/run-batch/csv-reader/index.tsx b/web/app/components/share/text-generation/run-batch/csv-reader/index.tsx
index 48b9ab0ea4..299e35bdaa 100644
--- a/web/app/components/share/text-generation/run-batch/csv-reader/index.tsx
+++ b/web/app/components/share/text-generation/run-batch/csv-reader/index.tsx
@@ -9,7 +9,7 @@ import {
 import { Csv as CSVIcon } from '@/app/components/base/icons/src/public/files'
 import { cn } from '@/utils/classnames'
 
-export type Props = {
+type Props = {
   onParsed: (data: string[][]) => void
 }
 
diff --git a/web/app/components/share/text-generation/run-batch/index.tsx b/web/app/components/share/text-generation/run-batch/index.tsx
index eabfb4e6db..bdb8b78ecf 100644
--- a/web/app/components/share/text-generation/run-batch/index.tsx
+++ b/web/app/components/share/text-generation/run-batch/index.tsx
@@ -12,7 +12,7 @@ import { cn } from '@/utils/classnames'
 import CSVDownload from './csv-download'
 import CSVReader from './csv-reader'
 
-export type IRunBatchProps = {
+type IRunBatchProps = {
   vars: { name: string }[]
   onSend: (data: string[][]) => void
   isAllFinished: boolean
diff --git a/web/app/components/share/text-generation/run-batch/res-download/index.tsx b/web/app/components/share/text-generation/run-batch/res-download/index.tsx
index 5d810aca20..012693003b 100644
--- a/web/app/components/share/text-generation/run-batch/res-download/index.tsx
+++ b/web/app/components/share/text-generation/run-batch/res-download/index.tsx
@@ -10,7 +10,7 @@ import ActionButton from '@/app/components/base/action-button'
 import Button from '@/app/components/base/button'
 import { cn } from '@/utils/classnames'
 
-export type IResDownloadProps = {
+type IResDownloadProps = {
   isMobile: boolean
   values: Record<string, string>[]
 }
diff --git a/web/app/components/share/text-generation/run-once/index.tsx b/web/app/components/share/text-generation/run-once/index.tsx
index e4385a894f..484291088c 100644
--- a/web/app/components/share/text-generation/run-once/index.tsx
+++ b/web/app/components/share/text-generation/run-once/index.tsx
@@ -24,7 +24,7 @@ import { CodeLanguage } from '@/app/components/workflow/nodes/code/types'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
 import { cn } from '@/utils/classnames'
 
-export type IRunOnceProps = {
+type IRunOnceProps = {
   siteInfo: SiteInfo
   promptConfig: PromptConfig
   inputs: Record<string, InputValueTypes>
diff --git a/web/app/components/tools/mcp/hooks/use-mcp-modal-form.ts b/web/app/components/tools/mcp/hooks/use-mcp-modal-form.ts
index 13d26a4738..6d88d52c4c 100644
--- a/web/app/components/tools/mcp/hooks/use-mcp-modal-form.ts
+++ b/web/app/components/tools/mcp/hooks/use-mcp-modal-form.ts
@@ -40,7 +40,7 @@ export const isValidUrl = (string: string) => {
 export const isValidServerID = (str: string) => {
   return /^[a-z0-9_-]{1,24}$/.test(str)
 }
-export type MCPModalFormState = {
+type MCPModalFormState = {
   url: string
   name: string
   appIcon: AppIconSelection
@@ -55,7 +55,7 @@ export type MCPModalFormState = {
   clientID: string
   credentials: string
 }
-export type MCPModalFormActions = {
+type MCPModalFormActions = {
   setUrl: (url: string) => void
   setName: (name: string) => void
   setAppIcon: (icon: AppIconSelection) => void
diff --git a/web/app/components/tools/mcp/mcp-server-modal.tsx b/web/app/components/tools/mcp/mcp-server-modal.tsx
index 85025809fb..7d85df7b55 100644
--- a/web/app/components/tools/mcp/mcp-server-modal.tsx
+++ b/web/app/components/tools/mcp/mcp-server-modal.tsx
@@ -17,7 +17,7 @@ import {
 } from '@/service/use-tools'
 import { cn } from '@/utils/classnames'
 
-export type ModalProps = {
+type ModalProps = {
   appID: string
   latestParams?: any[]
   data?: MCPServerDetail
diff --git a/web/app/components/tools/mcp/mcp-service-card.tsx b/web/app/components/tools/mcp/mcp-service-card.tsx
index f6d509c41c..5845ba0e34 100644
--- a/web/app/components/tools/mcp/mcp-service-card.tsx
+++ b/web/app/components/tools/mcp/mcp-service-card.tsx
@@ -149,7 +149,7 @@ function getTooltipContent({
 }
 
 // Main component
-export type IAppCardProps = {
+type IAppCardProps = {
   appInfo: AppDetailResponse & Partial<AppSSO>
   triggerModeDisabled?: boolean
   triggerModeMessage?: ReactNode
diff --git a/web/app/components/tools/mcp/modal.tsx b/web/app/components/tools/mcp/modal.tsx
index 2ca4ced868..2de71ba924 100644
--- a/web/app/components/tools/mcp/modal.tsx
+++ b/web/app/components/tools/mcp/modal.tsx
@@ -23,7 +23,7 @@ import AuthenticationSection from './sections/authentication-section'
 import ConfigurationsSection from './sections/configurations-section'
 import HeadersSection from './sections/headers-section'
 
-export type MCPModalConfirmPayload = {
+type MCPModalConfirmPayload = {
   name: string
   server_url: string
   icon_type: AppIconType
@@ -43,7 +43,7 @@ export type MCPModalConfirmPayload = {
   }
 }
 
-export type DuplicateAppModalProps = {
+type DuplicateAppModalProps = {
   data?: ToolWithProvider
   show: boolean
   onConfirm: (info: MCPModalConfirmPayload) => void
diff --git a/web/app/components/tools/types.ts b/web/app/components/tools/types.ts
index 59c36967b5..c7fb9eec2a 100644
--- a/web/app/components/tools/types.ts
+++ b/web/app/components/tools/types.ts
@@ -6,11 +6,6 @@ type LocalizedText<T = string> = {
   [key: string]: T
 }
 
-export enum LOC {
-  tools = 'tools',
-  app = 'app',
-}
-
 export enum AuthType {
   none = 'none',
   apiKey = 'api_key', // backward compatibility
diff --git a/web/app/components/workflow-app/hooks/use-workflow-run-utils.ts b/web/app/components/workflow-app/hooks/use-workflow-run-utils.ts
index c2e339d8d9..62b09cfe74 100644
--- a/web/app/components/workflow-app/hooks/use-workflow-run-utils.ts
+++ b/web/app/components/workflow-app/hooks/use-workflow-run-utils.ts
@@ -19,7 +19,7 @@ export type HandleRunOptions = {
   allNodeIds?: string[]
 }
 
-export type DebuggableTriggerType = Exclude<TriggerType, TriggerType.UserInput>
+type DebuggableTriggerType = Exclude<TriggerType, TriggerType.UserInput>
 
 type AppDetailLike = {
   id?: string
@@ -53,14 +53,14 @@ type TriggerDebugRunnerOptions = {
   setWorkflowRunningData: ListeningStateActions['setWorkflowRunningData']
 }
 
-export const controllerKeyMap: Record<DebuggableTriggerType, string> = {
+const controllerKeyMap: Record<DebuggableTriggerType, string> = {
   [TriggerType.Webhook]: '__webhookDebugAbortController',
   [TriggerType.Plugin]: '__pluginDebugAbortController',
   [TriggerType.All]: '__allTriggersDebugAbortController',
   [TriggerType.Schedule]: '__scheduleDebugAbortController',
 }
 
-export const debugLabelMap: Record<DebuggableTriggerType, string> = {
+const debugLabelMap: Record<DebuggableTriggerType, string> = {
   [TriggerType.Webhook]: 'Webhook',
   [TriggerType.Plugin]: 'Plugin',
   [TriggerType.All]: 'All',
@@ -306,7 +306,7 @@ export const normalizePublishedWorkflowNodes = (publishedWorkflow: VersionHistor
   }))
 }
 
-export const waitWithAbort = (signal: AbortSignal, delay: number) => new Promise<void>((resolve) => {
+const waitWithAbort = (signal: AbortSignal, delay: number) => new Promise<void>((resolve) => {
   const timer = window.setTimeout(resolve, delay)
   signal.addEventListener('abort', () => {
     clearTimeout(timer)
diff --git a/web/app/components/workflow-app/store/workflow/workflow-slice.ts b/web/app/components/workflow-app/store/workflow/workflow-slice.ts
index 72230629f0..bc28320843 100644
--- a/web/app/components/workflow-app/store/workflow/workflow-slice.ts
+++ b/web/app/components/workflow-app/store/workflow/workflow-slice.ts
@@ -17,7 +17,6 @@ export type WorkflowSliceShape = {
   setHasShownOnboarding: (hasShownOnboarding: boolean) => void
 }
 
-export type CreateWorkflowSlice = StateCreator<WorkflowSliceShape>
 export const createWorkflowSlice: StateCreator<WorkflowSliceShape> = set => ({
   appId: '',
   appName: '',
diff --git a/web/app/components/workflow/__tests__/fixtures.ts b/web/app/components/workflow/__tests__/fixtures.ts
index a340e38abb..b7884f2835 100644
--- a/web/app/components/workflow/__tests__/fixtures.ts
+++ b/web/app/components/workflow/__tests__/fixtures.ts
@@ -1,4 +1,4 @@
-import type { CommonEdgeType, CommonNodeType, Edge, Node, ToolWithProvider, WorkflowRunningData } from '../types'
+import type { CommonEdgeType, CommonNodeType, Edge, Node, WorkflowRunningData } from '../types'
 import type { NodeTracing } from '@/types/workflow'
 import { Position } from 'reactflow'
 import { CUSTOM_NODE } from '../constants'
@@ -88,34 +88,6 @@ export function createEdge(overrides: Omit<Partial<Edge>, 'data'> & { data?: Par
   } as Edge
 }
 
-export function createLinearGraph(nodeCount: number): { nodes: Node[], edges: Edge[] } {
-  const nodes: Node[] = []
-  const edges: Edge[] = []
-
-  for (let i = 0; i < nodeCount; i++) {
-    const type = i === 0 ? BlockEnum.Start : BlockEnum.Code
-    nodes.push(createNode({
-      id: `n${i}`,
-      position: { x: i * 300, y: 0 },
-      data: { type, title: `Node ${i}`, desc: '' },
-    }))
-    if (i > 0) {
-      edges.push(createEdge({
-        id: `e-n${i - 1}-n${i}`,
-        source: `n${i - 1}`,
-        target: `n${i}`,
-        sourceHandle: 'source',
-        targetHandle: 'target',
-        data: {
-          sourceType: i === 1 ? BlockEnum.Start : BlockEnum.Code,
-          targetType: BlockEnum.Code,
-        },
-      }))
-    }
-  }
-  return { nodes, edges }
-}
-
 // ---------------------------------------------------------------------------
 // Workflow-level factories
 // ---------------------------------------------------------------------------
@@ -162,28 +134,3 @@ export function createNodeTracing(
     ...overrides,
   }
 }
-
-export function createToolWithProvider(
-  overrides?: Partial<ToolWithProvider>,
-): ToolWithProvider {
-  return {
-    id: 'tool-provider-1',
-    name: 'test-tool',
-    author: 'test',
-    description: { en_US: 'Test tool', zh_Hans: '测试工具' },
-    icon: '/icon.svg',
-    icon_dark: '/icon-dark.svg',
-    label: { en_US: 'Test Tool', zh_Hans: '测试工具' },
-    type: 'builtin',
-    team_credentials: {},
-    is_team_authorization: false,
-    allow_delete: true,
-    labels: [],
-    tools: [],
-    meta: { version: '0.0.1' },
-    plugin_id: 'plugin-1',
-    ...overrides,
-  }
-}
-
-export { BlockEnum, NodeRunningStatus }
diff --git a/web/app/components/workflow/__tests__/workflow-test-env.tsx b/web/app/components/workflow/__tests__/workflow-test-env.tsx
index 1ee601317b..bbc5fe98dd 100644
--- a/web/app/components/workflow/__tests__/workflow-test-env.tsx
+++ b/web/app/components/workflow/__tests__/workflow-test-env.tsx
@@ -114,7 +114,7 @@ export function createTestWorkflowStore(initialState?: Partial<Shape>): Workflow
   return store
 }
 
-export function createTestHooksStore(props?: Partial<HooksStoreShape>): HooksStore {
+function createTestHooksStore(props?: Partial<HooksStoreShape>): HooksStore {
   const store = createHooksStore(props ?? {})
   if (props)
     store.setState(props)
diff --git a/web/app/components/workflow/block-selector/hooks.ts b/web/app/components/workflow/block-selector/hooks.ts
index ad21df1cb8..c47f2fa75a 100644
--- a/web/app/components/workflow/block-selector/hooks.ts
+++ b/web/app/components/workflow/block-selector/hooks.ts
@@ -5,7 +5,7 @@ import {
   useState,
 } from 'react'
 import { useTranslation } from 'react-i18next'
-import { BLOCKS, START_BLOCKS } from './constants'
+import { BLOCKS } from './constants'
 import {
   TabsEnum,
   ToolTypeEnum,
@@ -22,17 +22,6 @@ export const useBlocks = () => {
   })
 }
 
-export const useStartBlocks = () => {
-  const { t } = useTranslation()
-
-  return START_BLOCKS.map((block) => {
-    return {
-      ...block,
-      title: t(`blocks.${block.type}`, { ns: 'workflow' }),
-    }
-  })
-}
-
 export const useTabs = ({
   noBlocks,
   noSources,
diff --git a/web/app/components/workflow/block-selector/tabs.tsx b/web/app/components/workflow/block-selector/tabs.tsx
index 4f7df70c19..7038460c84 100644
--- a/web/app/components/workflow/block-selector/tabs.tsx
+++ b/web/app/components/workflow/block-selector/tabs.tsx
@@ -20,7 +20,7 @@ import Blocks from './blocks'
 import DataSources from './data-sources'
 import { TabsEnum } from './types'
 
-export type TabsProps = {
+type TabsProps = {
   activeTab: TabsEnum
   onActiveTabChange: (activeTab: TabsEnum) => void
   searchText: string
diff --git a/web/app/components/workflow/block-selector/types.ts b/web/app/components/workflow/block-selector/types.ts
index 39e7b033bd..dc6551c45c 100644
--- a/web/app/components/workflow/block-selector/types.ts
+++ b/web/app/components/workflow/block-selector/types.ts
@@ -124,35 +124,6 @@ export type DataSourceItem = {
   is_authorized: boolean
 }
 
-// Backend API types - exact match with Python definitions
-export type TriggerParameter = {
-  multiple: boolean
-  name: string
-  label: TypeWithI18N
-  description?: TypeWithI18N
-  type: 'string' | 'number' | 'boolean' | 'select' | 'file' | 'files'
-    | 'model-selector' | 'app-selector' | 'object' | 'array' | 'dynamic-select'
-  auto_generate?: {
-    type: string
-    value?: unknown
-  } | null
-  template?: {
-    type: string
-    value?: unknown
-  } | null
-  scope?: string | null
-  required?: boolean
-  default?: unknown
-  min?: number | null
-  max?: number | null
-  precision?: number | null
-  options?: Array<{
-    value: string
-    label: TypeWithI18N
-    icon?: string | null
-  }> | null
-}
-
 export type TriggerCredentialField = {
   type: 'secret-input' | 'text-input' | 'select' | 'boolean'
     | 'app-selector' | 'model-selector' | 'tools-selector'
@@ -170,31 +141,6 @@ export type TriggerCredentialField = {
   placeholder?: TypeWithI18N
 }
 
-export type TriggerSubscriptionSchema = {
-  parameters_schema: TriggerParameter[]
-  properties_schema: TriggerCredentialField[]
-}
-
-export type TriggerIdentity = {
-  author: string
-  name: string
-  label: TypeWithI18N
-  provider: string
-}
-
-export type TriggerDescription = {
-  human: TypeWithI18N
-  llm: TypeWithI18N
-}
-
-export type TriggerApiEntity = {
-  name: string
-  identity: TriggerIdentity
-  description: TypeWithI18N
-  parameters: TriggerParameter[]
-  output_schema?: Record<string, unknown>
-}
-
 export type TriggerProviderApiEntity = {
   author: string
   name: string
@@ -272,11 +218,6 @@ export type TriggerOAuthClientParams = {
   scope?: string
 }
 
-export type TriggerOAuthResponse = {
-  authorization_url: string
-  subscription_builder: TriggerSubscriptionBuilder
-}
-
 export type TriggerLogEntity = {
   id: string
   endpoint: string
diff --git a/web/app/components/workflow/context.tsx b/web/app/components/workflow/context.tsx
index ca3185b714..4680b49d1a 100644
--- a/web/app/components/workflow/context.tsx
+++ b/web/app/components/workflow/context.tsx
@@ -11,7 +11,7 @@ import {
 type WorkflowStore = ReturnType<typeof createWorkflowStore>
 export const WorkflowContext = createContext<WorkflowStore | null>(null)
 
-export type WorkflowProviderProps = {
+type WorkflowProviderProps = {
   children: React.ReactNode
   injectWorkflowStoreSliceFn?: StateCreator<SliceFromInjection>
 }
diff --git a/web/app/components/workflow/header/undo-redo.tsx b/web/app/components/workflow/header/undo-redo.tsx
index c6b91972c9..9cab254016 100644
--- a/web/app/components/workflow/header/undo-redo.tsx
+++ b/web/app/components/workflow/header/undo-redo.tsx
@@ -8,7 +8,7 @@ import Divider from '../../base/divider'
 import TipPopup from '../operator/tip-popup'
 import { useWorkflowHistoryStore } from '../workflow-history-store'
 
-export type UndoRedoProps = { handleUndo: () => void, handleRedo: () => void }
+type UndoRedoProps = { handleUndo: () => void, handleRedo: () => void }
 const UndoRedo: FC<UndoRedoProps> = ({ handleUndo, handleRedo }) => {
   const { t } = useTranslation()
   const { store } = useWorkflowHistoryStore()
diff --git a/web/app/components/workflow/hooks-store/__tests__/provider.spec.tsx b/web/app/components/workflow/hooks-store/__tests__/provider.spec.tsx
index bbd9636e5e..eb43c9ca41 100644
--- a/web/app/components/workflow/hooks-store/__tests__/provider.spec.tsx
+++ b/web/app/components/workflow/hooks-store/__tests__/provider.spec.tsx
@@ -1,5 +1,5 @@
 import { render, screen, waitFor } from '@testing-library/react'
-import { useContext } from 'react'
+import { use } from 'react'
 import { HooksStoreContext, HooksStoreContextProvider } from '../provider'
 
 const mockRefreshAll = vi.fn()
@@ -27,7 +27,7 @@ vi.mock('../store', async () => {
 })
 
 const Consumer = () => {
-  const store = useContext(HooksStoreContext)
+  const store = use(HooksStoreContext)
   return <div>{store ? 'has-hooks-store' : 'missing-hooks-store'}</div>
 }
 
diff --git a/web/app/components/workflow/hooks-store/store.ts b/web/app/components/workflow/hooks-store/store.ts
index 7530de6d2e..a9d5003fb3 100644
--- a/web/app/components/workflow/hooks-store/store.ts
+++ b/web/app/components/workflow/hooks-store/store.ts
@@ -163,7 +163,3 @@ export function useHooksStore<T>(selector: (state: Shape) => T): T {
 
   return useZustandStore(store, selector)
 }
-
-export const useHooksStoreApi = () => {
-  return useContext(HooksStoreContext)!
-}
diff --git a/web/app/components/workflow/hooks/index.ts b/web/app/components/workflow/hooks/index.ts
index 4b879738e7..2d4369568f 100644
--- a/web/app/components/workflow/hooks/index.ts
+++ b/web/app/components/workflow/hooks/index.ts
@@ -6,7 +6,6 @@ export * from './use-edges-interactions'
 export * from './use-inspect-vars-crud'
 export * from './use-node-data-update'
 export * from './use-nodes-interactions'
-export * from './use-nodes-layout'
 export * from './use-nodes-meta-data'
 export * from './use-nodes-sync-draft'
 export * from './use-panel-interactions'
diff --git a/web/app/components/workflow/hooks/use-node-plugin-installation.ts b/web/app/components/workflow/hooks/use-node-plugin-installation.ts
index 7c88685c98..55f8982efe 100644
--- a/web/app/components/workflow/hooks/use-node-plugin-installation.ts
+++ b/web/app/components/workflow/hooks/use-node-plugin-installation.ts
@@ -24,7 +24,7 @@ import {
   matchTriggerProvider,
 } from '../utils/plugin-install-check'
 
-export type InstallationState = {
+type InstallationState = {
   isChecking: boolean
   isMissing: boolean
   uniqueIdentifier?: string
diff --git a/web/app/components/workflow/hooks/use-nodes-layout.ts b/web/app/components/workflow/hooks/use-nodes-layout.ts
deleted file mode 100644
index 0738703791..0000000000
--- a/web/app/components/workflow/hooks/use-nodes-layout.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import type {
-  Edge,
-  Node,
-} from '../types'
-import ELK from 'elkjs/lib/elk.bundled.js'
-import { cloneDeep } from 'es-toolkit/object'
-import { useCallback } from 'react'
-import {
-  useReactFlow,
-  useStoreApi,
-} from 'reactflow'
-import { AUTO_LAYOUT_OFFSET } from '../constants'
-import { useWorkflowStore } from '../store'
-import { useNodesSyncDraft } from './use-nodes-sync-draft'
-
-const layoutOptions = {
-  'elk.algorithm': 'layered',
-  'elk.direction': 'RIGHT',
-  'elk.layered.spacing.nodeNodeBetweenLayers': '60',
-  'elk.spacing.nodeNode': '40',
-  'elk.layered.nodePlacement.strategy': 'SIMPLE',
-}
-
-const elk = new ELK()
-
-export const getLayoutedNodes = async (nodes: Node[], edges: Edge[]) => {
-  const graph = {
-    id: 'root',
-    layoutOptions,
-    children: nodes.map((n) => {
-      return {
-        ...n,
-        width: n.width ?? 150,
-        height: n.height ?? 50,
-        targetPosition: 'left',
-        sourcePosition: 'right',
-      }
-    }),
-    edges: cloneDeep(edges),
-  }
-
-  const layoutedGraph = await elk.layout(graph as any)
-  const layoutedNodes = nodes.map((node) => {
-    const layoutedNode = layoutedGraph.children?.find(
-      lgNode => lgNode.id === node.id,
-    )
-
-    return {
-      ...node,
-      position: {
-        x: (layoutedNode?.x ?? 0) + AUTO_LAYOUT_OFFSET.x,
-        y: (layoutedNode?.y ?? 0) + AUTO_LAYOUT_OFFSET.y,
-      },
-    }
-  })
-
-  return {
-    layoutedNodes,
-  }
-}
-
-export const useNodesLayout = () => {
-  const store = useStoreApi()
-  const reactflow = useReactFlow()
-  const workflowStore = useWorkflowStore()
-  const { handleSyncWorkflowDraft } = useNodesSyncDraft()
-
-  const handleNodesLayout = useCallback(async () => {
-    workflowStore.setState({ nodeAnimation: true })
-    const {
-      getNodes,
-      edges,
-      setNodes,
-    } = store.getState()
-    const { setViewport } = reactflow
-    const nodes = getNodes()
-    const {
-      layoutedNodes,
-    } = await getLayoutedNodes(nodes, edges)
-
-    setNodes(layoutedNodes)
-    const zoom = 0.7
-    setViewport({
-      x: 0,
-      y: 0,
-      zoom,
-    })
-    setTimeout(() => {
-      handleSyncWorkflowDraft()
-    })
-  }, [store, reactflow, handleSyncWorkflowDraft, workflowStore])
-
-  return {
-    handleNodesLayout,
-  }
-}
diff --git a/web/app/components/workflow/nodes/_base/components/add-variable-popup.tsx b/web/app/components/workflow/nodes/_base/components/add-variable-popup.tsx
index 1e3d233e1d..049c211a09 100644
--- a/web/app/components/workflow/nodes/_base/components/add-variable-popup.tsx
+++ b/web/app/components/workflow/nodes/_base/components/add-variable-popup.tsx
@@ -7,11 +7,11 @@ import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
 import VarReferenceVars from '@/app/components/workflow/nodes/_base/components/variable/var-reference-vars'
 
-export type AddVariablePopupProps = {
+type AddVariablePopupProps = {
   availableVars: NodeOutPutVar[]
   onSelect: (value: ValueSelector, item: Var) => void
 }
-export const AddVariablePopup = ({
+const AddVariablePopup = ({
   availableVars,
   onSelect,
 }: AddVariablePopupProps) => {
diff --git a/web/app/components/workflow/nodes/_base/components/agent-strategy-selector.tsx b/web/app/components/workflow/nodes/_base/components/agent-strategy-selector.tsx
index f872fefe19..b91bf52b4f 100644
--- a/web/app/components/workflow/nodes/_base/components/agent-strategy-selector.tsx
+++ b/web/app/components/workflow/nodes/_base/components/agent-strategy-selector.tsx
@@ -89,7 +89,7 @@ function formatStrategy(input: StrategyPluginDetail[], getIcon: (i: string) => s
   })
 }
 
-export type AgentStrategySelectorProps = {
+type AgentStrategySelectorProps = {
   value?: Strategy
   onChange: (value?: Strategy) => void
 }
diff --git a/web/app/components/workflow/nodes/_base/components/agent-strategy.tsx b/web/app/components/workflow/nodes/_base/components/agent-strategy.tsx
index b70bcd0173..039385fa24 100644
--- a/web/app/components/workflow/nodes/_base/components/agent-strategy.tsx
+++ b/web/app/components/workflow/nodes/_base/components/agent-strategy.tsx
@@ -41,7 +41,7 @@ export type Strategy = {
   meta?: PluginMeta
 }
 
-export type AgentStrategyProps = {
+type AgentStrategyProps = {
   strategy?: Strategy
   onStrategyChange: (strategy?: Strategy) => void
   formSchema: CredentialFormSchema[]
diff --git a/web/app/components/workflow/nodes/_base/components/before-run-form/panel-wrap.tsx b/web/app/components/workflow/nodes/_base/components/before-run-form/panel-wrap.tsx
index d130c1315a..c5ec7d72b8 100644
--- a/web/app/components/workflow/nodes/_base/components/before-run-form/panel-wrap.tsx
+++ b/web/app/components/workflow/nodes/_base/components/before-run-form/panel-wrap.tsx
@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next'
 
 const i18nPrefix = 'singleRun'
 
-export type Props = {
+type Props = {
   nodeName: string
   onHide: () => void
   children: React.ReactNode
diff --git a/web/app/components/workflow/nodes/_base/components/form-input-item.helpers.ts b/web/app/components/workflow/nodes/_base/components/form-input-item.helpers.ts
index c865ac0989..5c75e0f22a 100644
--- a/web/app/components/workflow/nodes/_base/components/form-input-item.helpers.ts
+++ b/web/app/components/workflow/nodes/_base/components/form-input-item.helpers.ts
@@ -41,7 +41,7 @@ export type SelectItem = {
   value: string
 }
 
-export type FormInputState = {
+type FormInputState = {
   defaultValue: unknown
   isAppSelector: boolean
   isArray: boolean
diff --git a/web/app/components/workflow/nodes/_base/components/group.tsx b/web/app/components/workflow/nodes/_base/components/group.tsx
index 366f86df05..3e14b96363 100644
--- a/web/app/components/workflow/nodes/_base/components/group.tsx
+++ b/web/app/components/workflow/nodes/_base/components/group.tsx
@@ -1,7 +1,7 @@
 import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react'
 import { cn } from '@/utils/classnames'
 
-export type GroupLabelProps = ComponentProps<'div'>
+type GroupLabelProps = ComponentProps<'div'>
 
 export const GroupLabel: FC<GroupLabelProps> = (props) => {
   const { children, className, ...rest } = props
@@ -12,7 +12,7 @@ export const GroupLabel: FC<GroupLabelProps> = (props) => {
   )
 }
 
-export type GroupProps = PropsWithChildren<{
+type GroupProps = PropsWithChildren<{
   label: ReactNode
 }>
 
diff --git a/web/app/components/workflow/nodes/_base/components/mcp-tool-availability.tsx b/web/app/components/workflow/nodes/_base/components/mcp-tool-availability.tsx
index d32899a945..c09c31032d 100644
--- a/web/app/components/workflow/nodes/_base/components/mcp-tool-availability.tsx
+++ b/web/app/components/workflow/nodes/_base/components/mcp-tool-availability.tsx
@@ -1,6 +1,6 @@
 'use client'
 import type { ReactNode } from 'react'
-import { createContext, useContext } from 'react'
+import { createContext, use } from 'react'
 
 type MCPToolAvailabilityContextValue = {
   versionSupported?: boolean
@@ -8,7 +8,7 @@ type MCPToolAvailabilityContextValue = {
 
 const MCPToolAvailabilityContext = createContext<MCPToolAvailabilityContextValue | undefined>(undefined)
 
-export type MCPToolAvailability = {
+type MCPToolAvailability = {
   allowed: boolean
   versionSupported?: boolean
 }
@@ -26,7 +26,7 @@ export const MCPToolAvailabilityProvider = ({
 )
 
 export const useMCPToolAvailability = (): MCPToolAvailability => {
-  const context = useContext(MCPToolAvailabilityContext)
+  const context = use(MCPToolAvailabilityContext)
   if (context === undefined)
     return { allowed: true }
 
diff --git a/web/app/components/workflow/nodes/_base/components/retry/hooks.ts b/web/app/components/workflow/nodes/_base/components/retry/hooks.ts
index 9f3e68c9e9..c3ebfbb560 100644
--- a/web/app/components/workflow/nodes/_base/components/retry/hooks.ts
+++ b/web/app/components/workflow/nodes/_base/components/retry/hooks.ts
@@ -1,8 +1,6 @@
 import type { WorkflowRetryConfig } from './types'
-import type { NodeTracing } from '@/types/workflow'
 import {
   useCallback,
-  useState,
 } from 'react'
 import {
   useNodeDataUpdate,
@@ -26,16 +24,3 @@ export const useRetryConfig = (
     handleRetryConfigChange,
   }
 }
-
-export const useRetryDetailShowInSingleRun = () => {
-  const [retryDetails, setRetryDetails] = useState<NodeTracing[] | undefined>()
-
-  const handleRetryDetailsChange = useCallback((details: NodeTracing[] | undefined) => {
-    setRetryDetails(details)
-  }, [])
-
-  return {
-    retryDetails,
-    handleRetryDetailsChange,
-  }
-}
diff --git a/web/app/components/workflow/nodes/_base/components/retry/style.module.css b/web/app/components/workflow/nodes/_base/components/retry/style.module.css
index 0e92485b68..2ce4e7b400 100644
--- a/web/app/components/workflow/nodes/_base/components/retry/style.module.css
+++ b/web/app/components/workflow/nodes/_base/components/retry/style.module.css
@@ -1,5 +1,3 @@
-@reference "../../../../../../styles/globals.css";
-
 .input::-webkit-inner-spin-button,
 .input::-webkit-outer-spin-button {
   -webkit-appearance: none;
diff --git a/web/app/components/workflow/nodes/_base/components/retry/utils.ts b/web/app/components/workflow/nodes/_base/components/retry/utils.ts
deleted file mode 100644
index 336ce12bb9..0000000000
--- a/web/app/components/workflow/nodes/_base/components/retry/utils.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {}
diff --git a/web/app/components/workflow/nodes/_base/components/setting-item.tsx b/web/app/components/workflow/nodes/_base/components/setting-item.tsx
index c629dba46b..92be07e2d3 100644
--- a/web/app/components/workflow/nodes/_base/components/setting-item.tsx
+++ b/web/app/components/workflow/nodes/_base/components/setting-item.tsx
@@ -4,7 +4,7 @@ import Tooltip from '@/app/components/base/tooltip'
 import Indicator from '@/app/components/header/indicator'
 import { cn } from '@/utils/classnames'
 
-export type SettingItemProps = PropsWithChildren<{
+type SettingItemProps = PropsWithChildren<{
   label: string
   status?: 'error' | 'warning'
   tooltip?: ReactNode
diff --git a/web/app/components/workflow/nodes/_base/components/switch-plugin-version.tsx b/web/app/components/workflow/nodes/_base/components/switch-plugin-version.tsx
index b3e398f86d..d73baf3271 100644
--- a/web/app/components/workflow/nodes/_base/components/switch-plugin-version.tsx
+++ b/web/app/components/workflow/nodes/_base/components/switch-plugin-version.tsx
@@ -17,7 +17,7 @@ import { useCheckInstalled, useUpdatePackageFromMarketPlace } from '@/service/us
 import { cn } from '@/utils/classnames'
 import { getMarketplaceUrl } from '@/utils/var'
 
-export type SwitchPluginVersionProps = {
+type SwitchPluginVersionProps = {
   uniqueIdentifier: string
   tooltip?: ReactNode
   onChange?: (version: string) => void
diff --git a/web/app/components/workflow/nodes/_base/components/variable/utils.ts b/web/app/components/workflow/nodes/_base/components/variable/utils.ts
index 867221ea31..d476a21568 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/utils.ts
+++ b/web/app/components/workflow/nodes/_base/components/variable/utils.ts
@@ -101,7 +101,7 @@ export const isSpecialVar = (prefix: string): boolean => {
   return ['sys', 'env', 'conversation', 'rag'].includes(prefix)
 }
 
-export const hasValidChildren = (children: any): boolean => {
+const hasValidChildren = (children: any): boolean => {
   return (
     children
     && ((Array.isArray(children) && children.length > 0)
diff --git a/web/app/components/workflow/nodes/_base/hooks/use-resize-panel.ts b/web/app/components/workflow/nodes/_base/hooks/use-resize-panel.ts
index cbda7daa09..3baf6d05a0 100644
--- a/web/app/components/workflow/nodes/_base/hooks/use-resize-panel.ts
+++ b/web/app/components/workflow/nodes/_base/hooks/use-resize-panel.ts
@@ -5,7 +5,7 @@ import {
   useState,
 } from 'react'
 
-export type UseResizePanelParams = {
+type UseResizePanelParams = {
   direction?: 'horizontal' | 'vertical' | 'both'
   triggerDirection?: 'top' | 'right' | 'bottom' | 'left' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'
   minWidth?: number
diff --git a/web/app/components/workflow/nodes/_base/types.ts b/web/app/components/workflow/nodes/_base/types.ts
index 18ad9c4e71..77d5d91186 100644
--- a/web/app/components/workflow/nodes/_base/types.ts
+++ b/web/app/components/workflow/nodes/_base/types.ts
@@ -12,16 +12,3 @@ export type ResourceVarInputs = Record<string, {
   type: VarKindType
   value?: string | ValueSelector | any
 }>
-
-// Base resource interface
-export type BaseResource = {
-  name: string
-  [key: string]: any
-}
-
-// Base resource provider interface
-export type BaseResourceProvider = {
-  plugin_id?: string
-  name: string
-  [key: string]: any
-}
diff --git a/web/app/components/workflow/nodes/agent/components/model-bar.tsx b/web/app/components/workflow/nodes/agent/components/model-bar.tsx
index cff0b71a08..88e6915088 100644
--- a/web/app/components/workflow/nodes/agent/components/model-bar.tsx
+++ b/web/app/components/workflow/nodes/agent/components/model-bar.tsx
@@ -7,7 +7,7 @@ import { useModelList } from '@/app/components/header/account-setting/model-prov
 import ModelSelector from '@/app/components/header/account-setting/model-provider-page/model-selector'
 import Indicator from '@/app/components/header/indicator'
 
-export type ModelBarProps = {
+type ModelBarProps = {
   provider: string
   model: string
 } | {}
diff --git a/web/app/components/workflow/nodes/agent/panel.tsx b/web/app/components/workflow/nodes/agent/panel.tsx
index 14232bc639..03e3aafa49 100644
--- a/web/app/components/workflow/nodes/agent/panel.tsx
+++ b/web/app/components/workflow/nodes/agent/panel.tsx
@@ -19,7 +19,7 @@ import useConfig from './use-config'
 
 const i18nPrefix = 'nodes.agent'
 
-export function strategyParamToCredientialForm(param: StrategyParamItem): CredentialFormSchema {
+function strategyParamToCredientialForm(param: StrategyParamItem): CredentialFormSchema {
   return {
     ...param as any,
     variable: param.name,
diff --git a/web/app/components/workflow/nodes/agent/use-config.ts b/web/app/components/workflow/nodes/agent/use-config.ts
index ce8765d833..0231f673c9 100644
--- a/web/app/components/workflow/nodes/agent/use-config.ts
+++ b/web/app/components/workflow/nodes/agent/use-config.ts
@@ -17,7 +17,7 @@ import useNodeCrud from '../_base/hooks/use-node-crud'
 import useVarList from '../_base/hooks/use-var-list'
 import { VarType } from '../tool/types'
 
-export type StrategyStatus = {
+type StrategyStatus = {
   plugin: {
     source: 'external' | 'marketplace'
     installed: boolean
diff --git a/web/app/components/workflow/nodes/answer/utils.ts b/web/app/components/workflow/nodes/answer/utils.ts
deleted file mode 100644
index a77faa5c79..0000000000
--- a/web/app/components/workflow/nodes/answer/utils.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { AnswerNodeType } from './types'
-
-export const checkNodeValid = (_payload: AnswerNodeType) => {
-  return true
-}
diff --git a/web/app/components/workflow/nodes/assigner/components/var-list/use-var-list.ts b/web/app/components/workflow/nodes/assigner/components/var-list/use-var-list.ts
deleted file mode 100644
index 51f938d9b4..0000000000
--- a/web/app/components/workflow/nodes/assigner/components/var-list/use-var-list.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import type { AssignerNodeOperation, AssignerNodeType } from '../../types'
-import { produce } from 'immer'
-import { useCallback } from 'react'
-import { AssignerNodeInputType, WriteMode } from '../../types'
-
-type Params = {
-  id: string
-  inputs: AssignerNodeType
-  setInputs: (newInputs: AssignerNodeType) => void
-}
-function useVarList({
-  inputs,
-  setInputs,
-}: Params) {
-  const handleVarListChange = useCallback((newList: AssignerNodeOperation[]) => {
-    const newInputs = produce(inputs, (draft) => {
-      draft.items = newList
-    })
-    setInputs(newInputs)
-  }, [inputs, setInputs])
-
-  const handleAddVariable = useCallback(() => {
-    const newInputs = produce(inputs, (draft) => {
-      draft.items.push({
-        variable_selector: [],
-        input_type: AssignerNodeInputType.constant,
-        operation: WriteMode.overwrite,
-        value: '',
-      })
-    })
-    setInputs(newInputs)
-  }, [inputs, setInputs])
-  return {
-    handleVarListChange,
-    handleAddVariable,
-  }
-}
-
-export default useVarList
diff --git a/web/app/components/workflow/nodes/assigner/utils.ts b/web/app/components/workflow/nodes/assigner/utils.ts
index 8e27626834..0702a15409 100644
--- a/web/app/components/workflow/nodes/assigner/utils.ts
+++ b/web/app/components/workflow/nodes/assigner/utils.ts
@@ -2,16 +2,6 @@ import type { AssignerNodeType } from './types'
 import type { I18nKeysByPrefix } from '@/types/i18n'
 import { AssignerNodeInputType, WriteMode } from './types'
 
-export const checkNodeValid = (_payload: AssignerNodeType) => {
-  return true
-}
-
-export const formatOperationName = (type: string) => {
-  if (type === 'over-write')
-    return 'Overwrite'
-  return type.charAt(0).toUpperCase() + type.slice(1)
-}
-
 export type OperationName = I18nKeysByPrefix<'workflow', 'nodes.assigner.operations.'>
 
 export type Item
diff --git a/web/app/components/workflow/nodes/code/utils.ts b/web/app/components/workflow/nodes/code/utils.ts
deleted file mode 100644
index da9c1153c6..0000000000
--- a/web/app/components/workflow/nodes/code/utils.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const checkNodeValid = () => {
-  return true
-}
diff --git a/web/app/components/workflow/nodes/constants.ts b/web/app/components/workflow/nodes/constants.ts
index 36e48d7c62..f712034f62 100644
--- a/web/app/components/workflow/nodes/constants.ts
+++ b/web/app/components/workflow/nodes/constants.ts
@@ -1,8 +1,6 @@
 import type { I18nKeysByPrefix } from '@/types/i18n'
 import { TransferMethod } from '@/types/app'
 
-export const CUSTOM_NODE_TYPE = 'custom'
-
 type OptionItem = {
   value: string
   i18nKey: I18nKeysByPrefix<'workflow', 'nodes.ifElse.optionName.'>
diff --git a/web/app/components/workflow/nodes/data-source/types.ts b/web/app/components/workflow/nodes/data-source/types.ts
index 19b4bada3f..a33df0b4a1 100644
--- a/web/app/components/workflow/nodes/data-source/types.ts
+++ b/web/app/components/workflow/nodes/data-source/types.ts
@@ -8,9 +8,6 @@ export { VarKindType as VarType } from '../_base/types'
 
 export enum DataSourceClassification {
   localFile = 'local_file',
-  websiteCrawl = 'website_crawl',
-  onlineDocument = 'online_document',
-  onlineDrive = 'online_drive',
 }
 
 export type ToolVarInputs = ResourceVarInputs
diff --git a/web/app/components/workflow/nodes/end/utils.ts b/web/app/components/workflow/nodes/end/utils.ts
deleted file mode 100644
index 6ca87aa235..0000000000
--- a/web/app/components/workflow/nodes/end/utils.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { EndNodeType } from './types'
-
-export const checkNodeValid = (_payload: EndNodeType) => {
-  return true
-}
diff --git a/web/app/components/workflow/nodes/if-else/utils.ts b/web/app/components/workflow/nodes/if-else/utils.ts
index 72b0f9d42e..e68a355b3c 100644
--- a/web/app/components/workflow/nodes/if-else/utils.ts
+++ b/web/app/components/workflow/nodes/if-else/utils.ts
@@ -1,5 +1,4 @@
 import type { Branch } from '@/app/components/workflow/types'
-import type { I18nKeysByPrefix } from '@/types/i18n'
 import { VarType } from '@/app/components/workflow/types'
 import { ComparisonOperator } from './types'
 
@@ -17,8 +16,7 @@ const notTranslateKey = [
 ] as const
 
 type NotTranslateOperator = typeof notTranslateKey[number]
-export type TranslatableComparisonOperator = Exclude<ComparisonOperator, NotTranslateOperator>
-export type IfElseOptionName = I18nKeysByPrefix<'workflow', 'nodes.ifElse.optionName.'>
+type TranslatableComparisonOperator = Exclude<ComparisonOperator, NotTranslateOperator>
 
 export function isComparisonOperatorNeedTranslate(operator: ComparisonOperator): operator is TranslatableComparisonOperator
 export function isComparisonOperatorNeedTranslate(operator?: ComparisonOperator): operator is TranslatableComparisonOperator
diff --git a/web/app/components/workflow/nodes/index.tsx b/web/app/components/workflow/nodes/index.tsx
index 809c4af284..1a5c729fe5 100644
--- a/web/app/components/workflow/nodes/index.tsx
+++ b/web/app/components/workflow/nodes/index.tsx
@@ -29,7 +29,7 @@ const CustomNode = (props: NodeProps) => {
 }
 CustomNode.displayName = 'CustomNode'
 
-export type PanelProps = {
+type PanelProps = {
   type: Node['type']
   id: Node['id']
   data: Node['data']
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/utils.ts b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/utils.ts
index ff46c8ade1..d34303014b 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/utils.ts
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/components/metadata/condition-list/utils.ts
@@ -3,10 +3,6 @@ import {
   MetadataFilteringVariableType,
 } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 
-export const isEmptyRelatedOperator = (operator: ComparisonOperator) => {
-  return [ComparisonOperator.empty, ComparisonOperator.notEmpty, ComparisonOperator.isNull, ComparisonOperator.isNotNull, ComparisonOperator.exists, ComparisonOperator.notExists].includes(operator)
-}
-
 const notTranslateKey = [
   ComparisonOperator.equal,
   ComparisonOperator.notEqual,
@@ -17,7 +13,7 @@ const notTranslateKey = [
 ] as const
 
 type NotTranslateOperator = typeof notTranslateKey[number]
-export type TranslatableComparisonOperator = Exclude<ComparisonOperator, NotTranslateOperator>
+type TranslatableComparisonOperator = Exclude<ComparisonOperator, NotTranslateOperator>
 
 export function isComparisonOperatorNeedTranslate(operator: ComparisonOperator): operator is TranslatableComparisonOperator
 export function isComparisonOperatorNeedTranslate(operator?: ComparisonOperator): operator is TranslatableComparisonOperator
diff --git a/web/app/components/workflow/nodes/knowledge-retrieval/utils.ts b/web/app/components/workflow/nodes/knowledge-retrieval/utils.ts
index 2ce57bc270..65a2b6f010 100644
--- a/web/app/components/workflow/nodes/knowledge-retrieval/utils.ts
+++ b/web/app/components/workflow/nodes/knowledge-retrieval/utils.ts
@@ -13,10 +13,6 @@ import {
 } from '@/models/datasets'
 import { RETRIEVE_METHOD } from '@/types/app'
 
-export const checkNodeValid = () => {
-  return true
-}
-
 export const getSelectedDatasetsMode = (datasets: DataSet[] = []) => {
   if (datasets === null)
     datasets = []
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/prompt-editor.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/prompt-editor.tsx
index f84f6ef634..8c7eb854dd 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/prompt-editor.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-generator/prompt-editor.tsx
@@ -10,7 +10,7 @@ import Textarea from '@/app/components/base/textarea'
 import Tooltip from '@/app/components/base/tooltip'
 import ModelParameterModal from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
 
-export type ModelInfo = {
+type ModelInfo = {
   modelId: string
   provider: string
   mode?: string
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/context.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/context.tsx
index 82a3c27a98..db2c8032bb 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/context.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/context.tsx
@@ -30,7 +30,7 @@ export const VisualEditorContextProvider = ({ children }: VisualEditorProviderPr
   )
 }
 
-export const MittContext = createContext<ReturnType<typeof useMitt>>({
+const MittContext = createContext<ReturnType<typeof useMitt>>({
   emit: noop,
   useSubscribe: noop,
 })
diff --git a/web/app/components/workflow/nodes/llm/utils.ts b/web/app/components/workflow/nodes/llm/utils.ts
index 662a1cae26..dbfd315874 100644
--- a/web/app/components/workflow/nodes/llm/utils.ts
+++ b/web/app/components/workflow/nodes/llm/utils.ts
@@ -1,14 +1,10 @@
 import type { ValidationError } from 'jsonschema'
-import type { ArrayItems, Field, LLMNodeType } from './types'
+import type { ArrayItems, Field } from './types'
 import * as z from 'zod'
 import { draft07Validator, forbidBooleanProperties } from '@/utils/validators'
 import { extractPluginId } from '../../utils/plugin'
 import { ArrayType, Type } from './types'
 
-export const checkNodeValid = (_payload: LLMNodeType) => {
-  return true
-}
-
 export enum LLMModelIssueCode {
   providerRequired = 'provider-required',
   providerPluginUnavailable = 'provider-plugin-unavailable',
@@ -59,7 +55,7 @@ export const getHasChildren = (schema: Field) => {
     return schema.items && schema.items.type === Type.object && schema.items.properties && Object.keys(schema.items.properties).length > 0
 }
 
-export const getTypeOf = (target: any) => {
+const getTypeOf = (target: any) => {
   if (target === null)
     return 'null'
   if (typeof target !== 'object') {
@@ -73,7 +69,7 @@ export const getTypeOf = (target: any) => {
   }
 }
 
-export const inferType = (value: any): Type => {
+const inferType = (value: any): Type => {
   const type = getTypeOf(value)
   if (type === 'array')
     return Type.array
@@ -172,27 +168,6 @@ export const getValidationErrorMessage = (errors: Array<ValidationError | string
   return message
 }
 
-// Previous Not support boolean type, so transform boolean to string when paste it into schema editor
-export const convertBooleanToString = (schema: any) => {
-  if (schema.type === Type.boolean)
-    schema.type = Type.string
-  if (schema.type === Type.array && schema.items && schema.items.type === Type.boolean)
-    schema.items.type = Type.string
-  if (schema.type === Type.object) {
-    schema.properties = Object.entries(schema.properties).reduce((acc, [key, value]) => {
-      acc[key] = convertBooleanToString(value)
-      return acc
-    }, {} as any)
-  }
-  if (schema.type === Type.array && schema.items && schema.items.type === Type.object) {
-    schema.items.properties = Object.entries(schema.items.properties).reduce((acc, [key, value]) => {
-      acc[key] = convertBooleanToString(value)
-      return acc
-    }, {} as any)
-  }
-  return schema
-}
-
 const schemaRootObject = z.object({
   type: z.literal('object'),
   properties: z.record(z.string(), z.any()),
diff --git a/web/app/components/workflow/nodes/loop/types.ts b/web/app/components/workflow/nodes/loop/types.ts
index fe23b1f8ce..3e91506c47 100644
--- a/web/app/components/workflow/nodes/loop/types.ts
+++ b/web/app/components/workflow/nodes/loop/types.ts
@@ -57,7 +57,6 @@ export type CaseItem = {
 export type HandleAddCondition = (valueSelector: ValueSelector, varItem: Var) => void
 export type HandleRemoveCondition = (conditionId: string) => void
 export type HandleUpdateCondition = (conditionId: string, newCondition: Condition) => void
-export type HandleUpdateConditionLogicalOperator = (value: LogicalOperator) => void
 
 export type HandleToggleConditionLogicalOperator = () => void
 
diff --git a/web/app/components/workflow/nodes/loop/utils.ts b/web/app/components/workflow/nodes/loop/utils.ts
index 8ec9cd241f..108b240b18 100644
--- a/web/app/components/workflow/nodes/loop/utils.ts
+++ b/web/app/components/workflow/nodes/loop/utils.ts
@@ -1,4 +1,3 @@
-import type { Branch } from '@/app/components/workflow/types'
 import { VarType } from '@/app/components/workflow/types'
 import { ComparisonOperator } from './types'
 
@@ -16,7 +15,7 @@ const notTranslateKey = [
 ] as const
 
 type NotTranslateOperator = typeof notTranslateKey[number]
-export type TranslatableComparisonOperator = Exclude<ComparisonOperator, NotTranslateOperator>
+type TranslatableComparisonOperator = Exclude<ComparisonOperator, NotTranslateOperator>
 
 export function isComparisonOperatorNeedTranslate(operator: ComparisonOperator): operator is TranslatableComparisonOperator
 export function isComparisonOperatorNeedTranslate(operator?: ComparisonOperator): operator is TranslatableComparisonOperator
@@ -170,25 +169,3 @@ export const comparisonOperatorNotRequireValue = (operator?: ComparisonOperator)
 
   return [ComparisonOperator.empty, ComparisonOperator.notEmpty, ComparisonOperator.isNull, ComparisonOperator.isNotNull, ComparisonOperator.exists, ComparisonOperator.notExists].includes(operator)
 }
-
-export const branchNameCorrect = (branches: Branch[]) => {
-  const branchLength = branches.length
-  if (branchLength < 2)
-    throw new Error('if-else node branch number must than 2')
-
-  if (branchLength === 2) {
-    return branches.map((branch) => {
-      return {
-        ...branch,
-        name: branch.id === 'false' ? 'ELSE' : 'IF',
-      }
-    })
-  }
-
-  return branches.map((branch, index) => {
-    return {
-      ...branch,
-      name: branch.id === 'false' ? 'ELSE' : `CASE ${index + 1}`,
-    }
-  })
-}
diff --git a/web/app/components/workflow/nodes/question-classifier/utils.ts b/web/app/components/workflow/nodes/question-classifier/utils.ts
deleted file mode 100644
index da9c1153c6..0000000000
--- a/web/app/components/workflow/nodes/question-classifier/utils.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const checkNodeValid = () => {
-  return true
-}
diff --git a/web/app/components/workflow/nodes/start/utils.ts b/web/app/components/workflow/nodes/start/utils.ts
deleted file mode 100644
index 16743d6178..0000000000
--- a/web/app/components/workflow/nodes/start/utils.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { StartNodeType } from './types'
-
-export const checkNodeValid = (_payload: StartNodeType) => {
-  return true
-}
diff --git a/web/app/components/workflow/nodes/template-transform/utils.ts b/web/app/components/workflow/nodes/template-transform/utils.ts
deleted file mode 100644
index 874ee2c1a1..0000000000
--- a/web/app/components/workflow/nodes/template-transform/utils.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { TemplateTransformNodeType } from './types'
-
-export const checkNodeValid = (_payload: TemplateTransformNodeType) => {
-  return true
-}
diff --git a/web/app/components/workflow/nodes/tool/utils.ts b/web/app/components/workflow/nodes/tool/utils.ts
deleted file mode 100644
index c55d2f3807..0000000000
--- a/web/app/components/workflow/nodes/tool/utils.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { ToolNodeType } from './types'
-
-export const checkNodeValid = (_payload: ToolNodeType) => {
-  return true
-}
diff --git a/web/app/components/workflow/nodes/trigger-plugin/hooks/use-trigger-auth-flow.ts b/web/app/components/workflow/nodes/trigger-plugin/hooks/use-trigger-auth-flow.ts
deleted file mode 100644
index f551f2f420..0000000000
--- a/web/app/components/workflow/nodes/trigger-plugin/hooks/use-trigger-auth-flow.ts
+++ /dev/null
@@ -1,174 +0,0 @@
-import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
-import { useCallback, useState } from 'react'
-import {
-  useBuildTriggerSubscription,
-  useCreateTriggerSubscriptionBuilder,
-  useUpdateTriggerSubscriptionBuilder,
-  useVerifyAndUpdateTriggerSubscriptionBuilder,
-} from '@/service/use-triggers'
-
-// Helper function to serialize complex values to strings for backend encryption
-const serializeFormValues = (values: Record<string, unknown>): Record<string, string> => {
-  const result: Record<string, string> = {}
-
-  for (const [key, value] of Object.entries(values)) {
-    if (value === null || value === undefined)
-      result[key] = ''
-    else if (typeof value === 'object')
-      result[key] = JSON.stringify(value)
-    else
-      result[key] = String(value)
-  }
-
-  return result
-}
-
-const getErrorMessage = (error: unknown, fallback: string) => {
-  if (error instanceof Error && error.message)
-    return error.message
-  if (typeof error === 'object' && error && 'message' in error) {
-    const message = (error as { message?: string }).message
-    if (typeof message === 'string' && message)
-      return message
-  }
-  return fallback
-}
-
-export type AuthFlowStep = 'auth' | 'params' | 'complete'
-
-export type AuthFlowState = {
-  step: AuthFlowStep
-  builderId: string
-  isLoading: boolean
-  error: string | null
-}
-
-export type AuthFlowActions = {
-  startAuth: () => Promise<void>
-  verifyAuth: (credentials: Record<string, unknown>) => Promise<void>
-  completeConfig: (parameters: Record<string, unknown>, properties?: Record<string, unknown>, name?: string) => Promise<void>
-  reset: () => void
-}
-
-export const useTriggerAuthFlow = (provider: TriggerWithProvider): AuthFlowState & AuthFlowActions => {
-  const [step, setStep] = useState<AuthFlowStep>('auth')
-  const [builderId, setBuilderId] = useState<string>('')
-  const [isLoading, setIsLoading] = useState(false)
-  const [error, setError] = useState<string | null>(null)
-
-  const createBuilder = useCreateTriggerSubscriptionBuilder()
-  const updateBuilder = useUpdateTriggerSubscriptionBuilder()
-  const verifyBuilder = useVerifyAndUpdateTriggerSubscriptionBuilder()
-  const buildSubscription = useBuildTriggerSubscription()
-
-  const startAuth = useCallback(async () => {
-    if (builderId)
-      return // Prevent multiple calls if already started
-
-    setIsLoading(true)
-    setError(null)
-
-    try {
-      const response = await createBuilder.mutateAsync({
-        provider: provider.name,
-      })
-      setBuilderId(response.subscription_builder.id)
-      setStep('auth')
-    }
-    catch (err: unknown) {
-      setError(getErrorMessage(err, 'Failed to start authentication flow'))
-      throw err
-    }
-    finally {
-      setIsLoading(false)
-    }
-  }, [provider.name, createBuilder, builderId])
-
-  const verifyAuth = useCallback(async (credentials: Record<string, unknown>) => {
-    if (!builderId) {
-      setError('No builder ID available')
-      return
-    }
-
-    setIsLoading(true)
-    setError(null)
-
-    try {
-      await updateBuilder.mutateAsync({
-        provider: provider.name,
-        subscriptionBuilderId: builderId,
-        credentials: serializeFormValues(credentials),
-      })
-
-      await verifyBuilder.mutateAsync({
-        provider: provider.name,
-        subscriptionBuilderId: builderId,
-      })
-
-      setStep('params')
-    }
-    catch (err: unknown) {
-      setError(getErrorMessage(err, 'Authentication verification failed'))
-      throw err
-    }
-    finally {
-      setIsLoading(false)
-    }
-  }, [provider.name, builderId, updateBuilder, verifyBuilder])
-
-  const completeConfig = useCallback(async (
-    parameters: Record<string, unknown>,
-    properties: Record<string, unknown> = {},
-    name?: string,
-  ) => {
-    if (!builderId) {
-      setError('No builder ID available')
-      return
-    }
-
-    setIsLoading(true)
-    setError(null)
-
-    try {
-      await updateBuilder.mutateAsync({
-        provider: provider.name,
-        subscriptionBuilderId: builderId,
-        parameters: serializeFormValues(parameters),
-        properties: serializeFormValues(properties),
-        name,
-      })
-
-      await buildSubscription.mutateAsync({
-        provider: provider.name,
-        subscriptionBuilderId: builderId,
-      })
-
-      setStep('complete')
-    }
-    catch (err: unknown) {
-      setError(getErrorMessage(err, 'Configuration failed'))
-      throw err
-    }
-    finally {
-      setIsLoading(false)
-    }
-  }, [provider.name, builderId, updateBuilder, buildSubscription])
-
-  const reset = useCallback(() => {
-    setStep('auth')
-    setBuilderId('')
-    setIsLoading(false)
-    setError(null)
-  }, [])
-
-  return {
-    step,
-    builderId,
-    isLoading,
-    error,
-    startAuth,
-    verifyAuth,
-    completeConfig,
-    reset,
-  }
-}
diff --git a/web/app/components/workflow/nodes/trigger-plugin/types.ts b/web/app/components/workflow/nodes/trigger-plugin/types.ts
index 8dd6aa9657..2ec1521749 100644
--- a/web/app/components/workflow/nodes/trigger-plugin/types.ts
+++ b/web/app/components/workflow/nodes/trigger-plugin/types.ts
@@ -20,5 +20,5 @@ export type PluginTriggerNodeType = CommonNodeType & {
 }
 
 // Use base types directly
-export { VarKindType as PluginTriggerVarType } from '../_base/types'
+
 export type PluginTriggerVarInputs = ResourceVarInputs
diff --git a/web/app/components/workflow/nodes/trigger-schedule/utils/execution-time-calculator.ts b/web/app/components/workflow/nodes/trigger-schedule/utils/execution-time-calculator.ts
index 6bd6bc41dc..c7aaa13f49 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/utils/execution-time-calculator.ts
+++ b/web/app/components/workflow/nodes/trigger-schedule/utils/execution-time-calculator.ts
@@ -58,12 +58,6 @@ const formatUserTimezoneDate = (date: Date, timezone: string, includeWeekday: bo
   return `${dateStr}, ${timeStr}`
 }
 
-// Helper function to get default datetime - consistent with base DatePicker
-export const getDefaultDateTime = (): Date => {
-  const defaultDate = new Date(2024, 0, 2, 11, 30, 0, 0)
-  return defaultDate
-}
-
 export const getNextExecutionTimes = (data: ScheduleTriggerNodeType, count: number = 5): Date[] => {
   const timezone = resolveTimezone(data.timezone)
 
@@ -266,7 +260,7 @@ export const getNextExecutionTimes = (data: ScheduleTriggerNodeType, count: numb
   return times
 }
 
-export const formatExecutionTime = (date: Date, timezone: string | undefined, includeWeekday: boolean = true, includeTimezone: boolean = true): string => {
+const formatExecutionTime = (date: Date, timezone: string | undefined, includeWeekday: boolean = true, includeTimezone: boolean = true): string => {
   const resolvedTimezone = resolveTimezone(timezone)
   return formatUserTimezoneDate(date, resolvedTimezone, includeWeekday, includeTimezone)
 }
diff --git a/web/app/components/workflow/nodes/trigger-webhook/types.ts b/web/app/components/workflow/nodes/trigger-webhook/types.ts
index f5938ed00b..5d2794c806 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/types.ts
+++ b/web/app/components/workflow/nodes/trigger-webhook/types.ts
@@ -2,14 +2,6 @@ import type { CommonNodeType, Variable, VarType } from '@/app/components/workflo
 
 export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD'
 
-export type ArrayElementType = 'string' | 'number' | 'boolean' | 'object'
-
-export const getArrayElementType = (arrayType: `array[${ArrayElementType}]`): ArrayElementType => {
-  const arrayRegex = /^array\[(.+)\]$/
-  const match = arrayRegex.exec(arrayType)
-  return (match?.[1] as ArrayElementType) || 'string'
-}
-
 export type WebhookParameter = {
   name: string
   type: VarType
diff --git a/web/app/components/workflow/nodes/trigger-webhook/use-config.helpers.ts b/web/app/components/workflow/nodes/trigger-webhook/use-config.helpers.ts
index 20ea7fdbf8..dbbdc161b2 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/use-config.helpers.ts
+++ b/web/app/components/workflow/nodes/trigger-webhook/use-config.helpers.ts
@@ -5,7 +5,7 @@ import { VarType } from '@/app/components/workflow/types'
 import { checkKeys, hasDuplicateStr } from '@/utils/var'
 import { WEBHOOK_RAW_VARIABLE_NAME } from './utils/raw-variable'
 
-export type VariableSyncSource = 'param' | 'header' | 'body'
+type VariableSyncSource = 'param' | 'header' | 'body'
 
 type SanitizedEntry = {
   item: WebhookParameter | WebhookHeader
diff --git a/web/app/components/workflow/nodes/trigger-webhook/utils/parameter-type-utils.ts b/web/app/components/workflow/nodes/trigger-webhook/utils/parameter-type-utils.ts
index 10f61a5e22..89707cb24f 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/utils/parameter-type-utils.ts
+++ b/web/app/components/workflow/nodes/trigger-webhook/utils/parameter-type-utils.ts
@@ -91,7 +91,7 @@ export const normalizeParameterType = (input: string | undefined | null): VarTyp
 /**
  * Gets display name for parameter types in UI components
  */
-export const getParameterTypeDisplayName = (type: VarType): string => {
+const getParameterTypeDisplayName = (type: VarType): string => {
   return TYPE_DISPLAY_NAMES[type]
 }
 
@@ -99,7 +99,7 @@ export const getParameterTypeDisplayName = (type: VarType): string => {
  * Gets available parameter types based on content type
  * Provides context-aware type filtering for different webhook content types
  */
-export const getAvailableParameterTypes = (contentType?: string): VarType[] => {
+const getAvailableParameterTypes = (contentType?: string): VarType[] => {
   if (!contentType)
     return [VarType.string, VarType.number, VarType.boolean]
 
diff --git a/web/app/components/workflow/nodes/trigger-webhook/utils/raw-variable.ts b/web/app/components/workflow/nodes/trigger-webhook/utils/raw-variable.ts
index d4975cc597..506c3ee690 100644
--- a/web/app/components/workflow/nodes/trigger-webhook/utils/raw-variable.ts
+++ b/web/app/components/workflow/nodes/trigger-webhook/utils/raw-variable.ts
@@ -2,7 +2,7 @@ import type { Variable } from '@/app/components/workflow/types'
 import { VarType } from '@/app/components/workflow/types'
 
 export const WEBHOOK_RAW_VARIABLE_NAME = '_webhook_raw'
-export const WEBHOOK_RAW_VARIABLE_LABEL = 'raw'
+const WEBHOOK_RAW_VARIABLE_LABEL = 'raw'
 
 export const createWebhookRawVariable = (): Variable => ({
   variable: WEBHOOK_RAW_VARIABLE_NAME,
diff --git a/web/app/components/workflow/nodes/variable-assigner/components/add-variable/index.tsx b/web/app/components/workflow/nodes/variable-assigner/components/add-variable/index.tsx
index 105adbe981..b49344c562 100644
--- a/web/app/components/workflow/nodes/variable-assigner/components/add-variable/index.tsx
+++ b/web/app/components/workflow/nodes/variable-assigner/components/add-variable/index.tsx
@@ -19,7 +19,7 @@ import AddVariablePopup from '@/app/components/workflow/nodes/_base/components/a
 import { cn } from '@/utils/classnames'
 import { useVariableAssigner } from '../../hooks'
 
-export type AddVariableProps = {
+type AddVariableProps = {
   variableAssignerNodeId: string
   variableAssignerNodeData: VariableAssignerNodeType
   availableVars: NodeOutPutVar[]
diff --git a/web/app/components/workflow/nodes/variable-assigner/components/var-list/use-var-list.ts b/web/app/components/workflow/nodes/variable-assigner/components/var-list/use-var-list.ts
deleted file mode 100644
index 71d0fb72ea..0000000000
--- a/web/app/components/workflow/nodes/variable-assigner/components/var-list/use-var-list.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { VariableAssignerNodeType } from '../../types'
-import type { ValueSelector } from '@/app/components/workflow/types'
-import { produce } from 'immer'
-import { useCallback } from 'react'
-
-type Params = {
-  id: string
-  inputs: VariableAssignerNodeType
-  setInputs: (newInputs: VariableAssignerNodeType) => void
-}
-function useVarList({
-  inputs,
-  setInputs,
-}: Params) {
-  const handleVarListChange = useCallback((newList: ValueSelector[]) => {
-    const newInputs = produce(inputs, (draft) => {
-      draft.variables = newList
-    })
-    setInputs(newInputs)
-  }, [inputs, setInputs])
-
-  const handleAddVariable = useCallback(() => {
-    const newInputs = produce(inputs, (draft) => {
-      draft.variables.push([])
-    })
-    setInputs(newInputs)
-  }, [inputs, setInputs])
-  return {
-    handleVarListChange,
-    handleAddVariable,
-  }
-}
-
-export default useVarList
diff --git a/web/app/components/workflow/nodes/variable-assigner/utils.ts b/web/app/components/workflow/nodes/variable-assigner/utils.ts
index a41acf93f5..a7abe4206a 100644
--- a/web/app/components/workflow/nodes/variable-assigner/utils.ts
+++ b/web/app/components/workflow/nodes/variable-assigner/utils.ts
@@ -1,10 +1,6 @@
 import type { Var } from '../../types'
 import { VarType } from '../../types'
 
-export const checkNodeValid = () => {
-  return true
-}
-
 export const filterVar = (varType: VarType) => {
   return (v: Var) => {
     if (varType === VarType.any)
diff --git a/web/app/components/workflow/operator/index.tsx b/web/app/components/workflow/operator/index.tsx
index dd75ce3aee..89330b8a8c 100644
--- a/web/app/components/workflow/operator/index.tsx
+++ b/web/app/components/workflow/operator/index.tsx
@@ -7,7 +7,7 @@ import VariableInspectPanel from '../variable-inspect'
 import VariableTrigger from '../variable-inspect/trigger'
 import ZoomInOut from './zoom-in-out'
 
-export type OperatorProps = {
+type OperatorProps = {
   handleUndo: () => void
   handleRedo: () => void
 }
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.sections.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.sections.tsx
index 9300351863..41a90ce8ce 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.sections.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.sections.tsx
@@ -16,7 +16,7 @@ type SectionTitleProps = {
   children: ReactNode
 }
 
-export const SectionTitle = ({ children }: SectionTitleProps) => (
+const SectionTitle = ({ children }: SectionTitleProps) => (
   <div className="mb-1 flex h-6 items-center text-text-secondary system-sm-semibold">{children}</div>
 )
 
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx
index a5fcdb0595..4fe1a707cb 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx
@@ -22,7 +22,7 @@ import {
   ValueSection,
 } from './variable-modal.sections'
 
-export type ModalPropsType = {
+type ModalPropsType = {
   chatVar?: ConversationVariable
   onClose: () => void
   onSave: (chatVar: ConversationVariable) => void
diff --git a/web/app/components/workflow/panel/debug-and-preview/conversation-variable-modal.tsx b/web/app/components/workflow/panel/debug-and-preview/conversation-variable-modal.tsx
index 34cc369531..028543d481 100644
--- a/web/app/components/workflow/panel/debug-and-preview/conversation-variable-modal.tsx
+++ b/web/app/components/workflow/panel/debug-and-preview/conversation-variable-modal.tsx
@@ -24,7 +24,7 @@ import useTimestamp from '@/hooks/use-timestamp'
 import { fetchCurrentValueOfConversationVariable } from '@/service/workflow'
 import { cn } from '@/utils/classnames'
 
-export type Props = {
+type Props = {
   conversationID: string
   onHide: () => void
 }
diff --git a/web/app/components/workflow/panel/env-panel/variable-modal.tsx b/web/app/components/workflow/panel/env-panel/variable-modal.tsx
index 6569c32b3e..523ea5a870 100644
--- a/web/app/components/workflow/panel/env-panel/variable-modal.tsx
+++ b/web/app/components/workflow/panel/env-panel/variable-modal.tsx
@@ -12,7 +12,7 @@ import { useWorkflowStore } from '@/app/components/workflow/store'
 import { cn } from '@/utils/classnames'
 import { checkKeys, replaceSpaceWithUnderscoreInVarNameInput } from '@/utils/var'
 
-export type ModalPropsType = {
+type ModalPropsType = {
   env?: EnvironmentVariable
   onClose: () => void
   onSave: (env: EnvironmentVariable) => void
diff --git a/web/app/components/workflow/run/index.tsx b/web/app/components/workflow/run/index.tsx
index f648863e2d..d39e6d43c3 100644
--- a/web/app/components/workflow/run/index.tsx
+++ b/web/app/components/workflow/run/index.tsx
@@ -15,7 +15,7 @@ import ResultPanel from './result-panel'
 import StatusPanel from './status'
 import TracingPanel from './tracing-panel'
 
-export type RunProps = {
+type RunProps = {
   hideResult?: boolean
   activeTab?: 'RESULT' | 'DETAIL' | 'TRACING'
   getResultCallback?: (result: WorkflowRunDetailResponse) => void
diff --git a/web/app/components/workflow/types.ts b/web/app/components/workflow/types.ts
index b66f7d77cc..a770616d5d 100644
--- a/web/app/components/workflow/types.ts
+++ b/web/app/components/workflow/types.ts
@@ -132,7 +132,6 @@ export type CommonEdgeType = {
 }
 
 export type Node<T = {}> = ReactFlowNode<CommonNodeType<T>>
-export type SelectedNode = Pick<Node, 'id' | 'data'>
 export type NodeProps<T = unknown> = { id: string, data: CommonNodeType<T> }
 export type NodePanelProps<T> = {
   id: string
@@ -187,11 +186,6 @@ export type GlobalVariable = {
   description: string
 }
 
-export type VariableWithValue = {
-  key: string
-  value: string
-}
-
 export enum InputVarType {
   textInput = 'text-input',
   paragraph = 'paragraph',
@@ -392,11 +386,6 @@ export type OnNodeAdd = (
   },
 ) => void
 
-export type CheckValidRes = {
-  isValid: boolean
-  errorMessage?: string
-}
-
 export type RunFile = {
   type: string
   transfer_method: TransferMethod[]
diff --git a/web/app/components/workflow/utils/gen-node-meta-data.ts b/web/app/components/workflow/utils/gen-node-meta-data.ts
index e625e3a8af..958a870a5f 100644
--- a/web/app/components/workflow/utils/gen-node-meta-data.ts
+++ b/web/app/components/workflow/utils/gen-node-meta-data.ts
@@ -2,7 +2,7 @@ import type { BlockEnum } from '@/app/components/workflow/types'
 import type { UseDifyNodesPath } from '@/types/doc-paths'
 import { BlockClassificationEnum } from '@/app/components/workflow/block-selector/types'
 
-export type GenNodeMetaDataParams = {
+type GenNodeMetaDataParams = {
   classification?: BlockClassificationEnum
   sort: number
   type: BlockEnum
diff --git a/web/app/components/workflow/utils/node-navigation.ts b/web/app/components/workflow/utils/node-navigation.ts
index 4294a113ab..3bded573c2 100644
--- a/web/app/components/workflow/utils/node-navigation.ts
+++ b/web/app/components/workflow/utils/node-navigation.ts
@@ -6,7 +6,7 @@
 /**
  * Interface for node selection event detail
  */
-export type NodeSelectionDetail = {
+type NodeSelectionDetail = {
   nodeId: string
   focus?: boolean
 }
diff --git a/web/app/components/workflow/utils/plugin-install-check.ts b/web/app/components/workflow/utils/plugin-install-check.ts
index b4d3640619..72a254856b 100644
--- a/web/app/components/workflow/utils/plugin-install-check.ts
+++ b/web/app/components/workflow/utils/plugin-install-check.ts
@@ -7,7 +7,7 @@ import { CollectionType } from '@/app/components/tools/types'
 import { canFindTool } from '@/utils'
 import { BlockEnum } from '../types'
 
-export const PLUGIN_DEPENDENT_TYPES: BlockEnum[] = [
+const PLUGIN_DEPENDENT_TYPES: BlockEnum[] = [
   BlockEnum.Tool,
   BlockEnum.DataSource,
   BlockEnum.TriggerPlugin,
@@ -50,7 +50,7 @@ export function matchDataSource(
   )
 }
 
-export type PluginInstallCheckContext = {
+type PluginInstallCheckContext = {
   builtInTools?: ToolWithProvider[]
   customTools?: ToolWithProvider[]
   workflowTools?: ToolWithProvider[]
diff --git a/web/app/components/workflow/utils/trigger.ts b/web/app/components/workflow/utils/trigger.ts
index f6d197c69c..569bf81894 100644
--- a/web/app/components/workflow/utils/trigger.ts
+++ b/web/app/components/workflow/utils/trigger.ts
@@ -1,7 +1,7 @@
 import type { TriggerWithProvider } from '@/app/components/workflow/block-selector/types'
 import type { PluginTriggerNodeType } from '@/app/components/workflow/nodes/trigger-plugin/types'
 
-export type TriggerCheckParams = {
+type TriggerCheckParams = {
   triggerInputsSchema: Array<{
     variable: string
     label: string
diff --git a/web/app/components/workflow/variable-inspect/listening.tsx b/web/app/components/workflow/variable-inspect/listening.tsx
index dbe90d2270..b183976ea4 100644
--- a/web/app/components/workflow/variable-inspect/listening.tsx
+++ b/web/app/components/workflow/variable-inspect/listening.tsx
@@ -70,7 +70,7 @@ const resolveMultipleListeningDescription = (
   return t('debug.variableInspect.listening.tipFallback', { ns: 'workflow' })
 }
 
-export type ListeningProps = {
+type ListeningProps = {
   onStop: () => void
   message?: string
 }
diff --git a/web/app/components/workflow/workflow-history-store.tsx b/web/app/components/workflow/workflow-history-store.tsx
index 5d10f81b27..efab0dd067 100644
--- a/web/app/components/workflow/workflow-history-store.tsx
+++ b/web/app/components/workflow/workflow-history-store.tsx
@@ -10,7 +10,7 @@ import { temporal } from 'zundo'
 import { create } from 'zustand'
 
 export const WorkflowHistoryStoreContext = createContext<WorkflowHistoryStoreContextType>({ store: null, shortcutsEnabled: true, setShortcutsEnabled: noop })
-export const Provider = WorkflowHistoryStoreContext.Provider
+const Provider = WorkflowHistoryStoreContext.Provider
 
 export function WorkflowHistoryProvider({
   nodes,
@@ -120,7 +120,7 @@ type WorkflowHistoryStoreContextType = {
 
 export type WorkflowHistoryStoreApi = StoreApi<WorkflowHistoryState> & { temporal: StoreApi<TemporalState<WorkflowHistoryState>> }
 
-export type WorkflowWithHistoryProviderProps = {
+type WorkflowWithHistoryProviderProps = {
   nodes: Node[]
   edges: Edge[]
   children: ReactNode
diff --git a/web/app/education-apply/verify-state-modal.tsx b/web/app/education-apply/verify-state-modal.tsx
index afbaeeaeff..6f1f529e76 100644
--- a/web/app/education-apply/verify-state-modal.tsx
+++ b/web/app/education-apply/verify-state-modal.tsx
@@ -8,7 +8,7 @@ import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { useDocLink } from '@/context/i18n'
 
-export type IConfirm = {
+type IConfirm = {
   className?: string
   isShow: boolean
   title: string
diff --git a/web/app/signin/page.module.css b/web/app/signin/page.module.css
index ba89077ec0..e9759b23a8 100644
--- a/web/app/signin/page.module.css
+++ b/web/app/signin/page.module.css
@@ -1,5 +1,3 @@
-@reference "../styles/globals.css";
-
 .githubIcon {
   background: center/contain url('./assets/github.svg') no-repeat;
 }
diff --git a/web/app/styles/globals.css b/web/app/styles/globals.css
index 0d9c950dec..a1a0130b87 100644
--- a/web/app/styles/globals.css
+++ b/web/app/styles/globals.css
@@ -909,4 +909,19 @@
   [data-theme='light'] [data-hide-on-theme='light'] {
     display: none;
   }
+
+  /* Shiki code block line numbers */
+  .shiki-line-numbers code {
+    counter-reset: line;
+  }
+  .shiki-line-numbers .line::before {
+    counter-increment: line;
+    content: counter(line);
+    display: inline-block;
+    width: 1rem;
+    margin-right: 0.75rem;
+    text-align: right;
+    color: var(--color-text-quaternary);
+    user-select: none;
+  }
 }
diff --git a/web/app/styles/markdown.css b/web/app/styles/markdown.css
index 1ada6e49bd..bd4d413b27 100644
--- a/web/app/styles/markdown.css
+++ b/web/app/styles/markdown.css
@@ -1,6 +1,5 @@
 @import '../../themes/markdown-light.css';
 @import '../../themes/markdown-dark.css';
-@reference "./globals.css";
 
 .markdown-body {
   -ms-text-size-adjust: 100%;
@@ -73,7 +72,6 @@
 }
 
 .markdown-body abbr[title]:hover::after {
-  @apply shadow-xl shadow-shadow-shadow-5 rounded-md;
   position: absolute;
   bottom: 100%;
   left: 0;
@@ -84,8 +82,12 @@
   font-size: 12px;
   line-height: 1;
   color: var(--color-text-secondary);
+  border-radius: 0.375rem;
   border: 0.5px solid var(--color-components-panel-border);
   background-color: var(--color-components-tooltip-bg);
+  box-shadow:
+    0px 8px 8px -4px var(--color-shadow-shadow-5),
+    0px 20px 24px -4px var(--color-shadow-shadow-5);
 }
 
 .markdown-body b,
@@ -1068,9 +1070,6 @@
   filter: invert(50%);
 }
 
-.markdown-body .react-syntax-highlighter-line-number {
-  color: var(--color-text-quaternary);
-}
 .markdown-body .abcjs-inline-audio .abcjs-btn {
   display: flex !important;
 }
diff --git a/web/context/app-context-provider.tsx b/web/context/app-context-provider.tsx
index 9b5e6dd939..78a8f99e7f 100644
--- a/web/context/app-context-provider.tsx
+++ b/web/context/app-context-provider.tsx
@@ -23,7 +23,7 @@ import {
 } from '@/service/use-common'
 import { useGlobalPublicStore } from './global-public-context'
 
-export type AppContextProviderProps = {
+type AppContextProviderProps = {
   children: ReactNode
 }
 
diff --git a/web/context/datasets-context.ts b/web/context/datasets-context.ts
deleted file mode 100644
index d309a8ef3f..0000000000
--- a/web/context/datasets-context.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-'use client'
-
-import type { DataSet } from '@/models/datasets'
-import { noop } from 'es-toolkit/function'
-import { createContext, useContext } from 'use-context-selector'
-
-export type DatasetsContextValue = {
-  datasets: DataSet[]
-  mutateDatasets: () => void
-  currentDataset?: DataSet
-}
-
-const DatasetsContext = createContext<DatasetsContextValue>({
-  datasets: [],
-  mutateDatasets: noop,
-  currentDataset: undefined,
-})
-
-export const useDatasetsContext = () => useContext(DatasetsContext)
-
-export default DatasetsContext
diff --git a/web/context/event-emitter.ts b/web/context/event-emitter.ts
index eb7794dfe1..781bac1f61 100644
--- a/web/context/event-emitter.ts
+++ b/web/context/event-emitter.ts
@@ -20,5 +20,3 @@ export const EventEmitterContext = createContext<{ eventEmitter: EventEmitter<Ev
 })
 
 export const useEventEmitterContextContext = () => useContext(EventEmitterContext)
-
-export default EventEmitterContext
diff --git a/web/context/external-knowledge-api-context.tsx b/web/context/external-knowledge-api-context.tsx
index b137e8ca5e..265171d208 100644
--- a/web/context/external-knowledge-api-context.tsx
+++ b/web/context/external-knowledge-api-context.tsx
@@ -13,7 +13,7 @@ type ExternalKnowledgeApiContextType = {
 
 const ExternalKnowledgeApiContext = createContext<ExternalKnowledgeApiContextType | undefined>(undefined)
 
-export type ExternalKnowledgeApiProviderProps = {
+type ExternalKnowledgeApiProviderProps = {
   children: ReactNode
 }
 
diff --git a/web/context/global-public-context.tsx b/web/context/global-public-context.tsx
index 3a570fc7ef..190033bbf7 100644
--- a/web/context/global-public-context.tsx
+++ b/web/context/global-public-context.tsx
@@ -40,7 +40,7 @@ export function useIsSystemFeaturesPending() {
   return isPending
 }
 
-export function useSetupStatusQuery() {
+function useSetupStatusQuery() {
   return useQuery({
     queryKey: setupStatusQueryKey,
     queryFn: fetchSetupStatusWithCache,
diff --git a/web/context/mitt-context.ts b/web/context/mitt-context.ts
index 5c4a0771c5..66616d7091 100644
--- a/web/context/mitt-context.ts
+++ b/web/context/mitt-context.ts
@@ -2,7 +2,7 @@
 
 import type { useMitt } from '@/hooks/use-mitt'
 import { noop } from 'es-toolkit/function'
-import { createContext, useContext, useContextSelector } from 'use-context-selector'
+import { createContext, useContextSelector } from 'use-context-selector'
 
 type ContextValueType = ReturnType<typeof useMitt>
 export const MittContext = createContext<ContextValueType>({
@@ -10,10 +10,6 @@ export const MittContext = createContext<ContextValueType>({
   useSubscribe: noop,
 })
 
-export const useMittContext = () => {
-  return useContext(MittContext)
-}
-
 export function useMittContextSelector<T>(selector: (value: ContextValueType) => T): T {
   return useContextSelector(MittContext, selector)
 }
diff --git a/web/context/modal-context-provider.tsx b/web/context/modal-context-provider.tsx
index 5f14729e74..5facc9a202 100644
--- a/web/context/modal-context-provider.tsx
+++ b/web/context/modal-context-provider.tsx
@@ -405,5 +405,3 @@ export const ModalContextProvider = ({
     </ModalContext.Provider>
   )
 }
-
-export default ModalContext
diff --git a/web/context/modal-context.ts b/web/context/modal-context.ts
index cc0ca28a42..d019093955 100644
--- a/web/context/modal-context.ts
+++ b/web/context/modal-context.ts
@@ -88,5 +88,3 @@ export const useModalContext = () => useContext(ModalContext)
 // https://github.com/microsoft/TypeScript/issues/15713
 export const useModalContextSelector = <T>(selector: (state: ModalContextState) => T): T =>
   useContextSelector(ModalContext, selector)
-
-export default ModalContext
diff --git a/web/context/provider-context.ts b/web/context/provider-context.ts
index 27c43e7c91..5d6c49c6b2 100644
--- a/web/context/provider-context.ts
+++ b/web/context/provider-context.ts
@@ -86,5 +86,3 @@ export const useProviderContext = () => useContext(ProviderContext)
 // https://github.com/microsoft/TypeScript/issues/15713
 export const useProviderContextSelector = <T>(selector: (state: ProviderContextState) => T): T =>
   useContextSelector(ProviderContext, selector)
-
-export default ProviderContext
diff --git a/web/context/workspace-context.ts b/web/context/workspace-context.ts
index e088d12f4e..b8edfc8236 100644
--- a/web/context/workspace-context.ts
+++ b/web/context/workspace-context.ts
@@ -3,7 +3,7 @@
 import type { IWorkspace } from '@/models/common'
 import { createContext, useContext } from 'use-context-selector'
 
-export type WorkspacesContextValue = {
+type WorkspacesContextValue = {
   workspaces: IWorkspace[]
 }
 
@@ -12,5 +12,3 @@ export const WorkspacesContext = createContext<WorkspacesContextValue>({
 })
 
 export const useWorkspacesContext = () => useContext(WorkspacesContext)
-
-export default WorkspacesContext
diff --git a/web/contract/console/explore.ts b/web/contract/console/explore.ts
index 36749277fc..e931b35c53 100644
--- a/web/contract/console/explore.ts
+++ b/web/contract/console/explore.ts
@@ -7,7 +7,7 @@ import type { AppModeEnum } from '@/types/app'
 import { type } from '@orpc/contract'
 import { base } from '../base'
 
-export type ExploreAppsResponse = {
+type ExploreAppsResponse = {
   categories: AppCategory[]
   recommended_apps: App[]
 }
@@ -22,16 +22,16 @@ export type ExploreAppDetailResponse = {
   can_trial?: boolean
 }
 
-export type InstalledAppsResponse = {
+type InstalledAppsResponse = {
   installed_apps: InstalledApp[]
 }
 
-export type InstalledAppMutationResponse = {
+type InstalledAppMutationResponse = {
   result: string
   message: string
 }
 
-export type AppAccessModeResponse = {
+type AppAccessModeResponse = {
   accessMode: AccessMode
 }
 
diff --git a/web/contract/console/notification.ts b/web/contract/console/notification.ts
index f82d45efa5..8a167e0f9f 100644
--- a/web/contract/console/notification.ts
+++ b/web/contract/console/notification.ts
@@ -1,7 +1,7 @@
 import { type } from '@orpc/contract'
 import { base } from '../base'
 
-export type ConsoleNotification = {
+type ConsoleNotification = {
   body: string
   frequency: 'once' | 'always'
   lang: string
@@ -11,7 +11,7 @@ export type ConsoleNotification = {
   title_pic_url?: string
 }
 
-export type ConsoleNotificationResponse = {
+type ConsoleNotificationResponse = {
   notifications: ConsoleNotification[]
   should_show: boolean
 }
diff --git a/web/contract/router.ts b/web/contract/router.ts
index d325cac660..eec3966ad1 100644
--- a/web/contract/router.ts
+++ b/web/contract/router.ts
@@ -98,5 +98,3 @@ export const consoleRouterContract = {
     oauthInitiate: triggerOAuthInitiateContract,
   },
 }
-
-export type ConsoleInputs = InferContractRouterInputs<typeof consoleRouterContract>
diff --git a/web/eslint-suppressions.json b/web/eslint-suppressions.json
index 95d6a4660e..94dcc599c5 100644
--- a/web/eslint-suppressions.json
+++ b/web/eslint-suppressions.json
@@ -422,11 +422,6 @@
       "count": 4
     }
   },
-  "app/components/app/annotation/batch-add-annotation-modal/csv-downloader.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 2
-    }
-  },
   "app/components/app/annotation/batch-add-annotation-modal/csv-downloader.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 7
@@ -476,11 +471,6 @@
       "count": 5
     }
   },
-  "app/components/app/annotation/edit-annotation-modal/index.spec.tsx": {
-    "test/prefer-hooks-in-order": {
-      "count": 1
-    }
-  },
   "app/components/app/annotation/edit-annotation-modal/index.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -494,11 +484,6 @@
       "count": 2
     }
   },
-  "app/components/app/annotation/header-opts/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 1
-    }
-  },
   "app/components/app/annotation/header-opts/index.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -516,11 +501,6 @@
       "count": 1
     }
   },
-  "app/components/app/annotation/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 7
-    }
-  },
   "app/components/app/annotation/index.tsx": {
     "react/set-state-in-effect": {
       "count": 1
@@ -569,11 +549,6 @@
       "count": 3
     }
   },
-  "app/components/app/app-access-control/access-control.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 7
-    }
-  },
   "app/components/app/app-access-control/add-member-or-group-pop.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -605,10 +580,10 @@
   },
   "app/components/app/app-publisher/index.tsx": {
     "no-restricted-imports": {
-      "count": 2
+      "count": 1
     },
     "tailwindcss/enforce-consistent-class-order": {
-      "count": 11
+      "count": 1
     },
     "ts/no-explicit-any": {
       "count": 5
@@ -692,11 +667,6 @@
       "count": 1
     }
   },
-  "app/components/app/configuration/config-prompt/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 1
-    }
-  },
   "app/components/app/configuration/config-prompt/message-type-selector.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 2
@@ -720,10 +690,10 @@
   },
   "app/components/app/configuration/config-var/config-modal/index.tsx": {
     "no-restricted-imports": {
-      "count": 2
+      "count": 1
     },
     "ts/no-explicit-any": {
-      "count": 6
+      "count": 4
     }
   },
   "app/components/app/configuration/config-var/config-modal/type-select.tsx": {
@@ -743,9 +713,6 @@
     "no-restricted-imports": {
       "count": 2
     },
-    "react-refresh/only-export-components": {
-      "count": 1
-    },
     "tailwindcss/enforce-consistent-class-order": {
       "count": 1
     }
@@ -779,11 +746,6 @@
       "count": 1
     }
   },
-  "app/components/app/configuration/config-vision/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 1
-    }
-  },
   "app/components/app/configuration/config-vision/index.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -811,11 +773,6 @@
       "count": 1
     }
   },
-  "app/components/app/configuration/config/agent-setting-button.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 2
-    }
-  },
   "app/components/app/configuration/config/agent/agent-setting/index.tsx": {
     "react/set-state-in-effect": {
       "count": 1
@@ -835,11 +792,6 @@
       "count": 1
     }
   },
-  "app/components/app/configuration/config/agent/agent-tools/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 5
-    }
-  },
   "app/components/app/configuration/config/agent/agent-tools/index.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -854,11 +806,6 @@
       "count": 9
     }
   },
-  "app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 5
-    }
-  },
   "app/components/app/configuration/config/agent/agent-tools/setting-built-in-tool.tsx": {
     "react-hooks/exhaustive-deps": {
       "count": 1
@@ -876,11 +823,6 @@
       "count": 4
     }
   },
-  "app/components/app/configuration/config/agent/prompt-editor.tsx": {
-    "tailwindcss/enforce-consistent-class-order": {
-      "count": 2
-    }
-  },
   "app/components/app/configuration/config/assistant-type-picker/index.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -980,11 +922,6 @@
       "count": 2
     }
   },
-  "app/components/app/configuration/config/config-audio.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 1
-    }
-  },
   "app/components/app/configuration/config/config-audio.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -993,11 +930,6 @@
       "count": 3
     }
   },
-  "app/components/app/configuration/config/config-document.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 1
-    }
-  },
   "app/components/app/configuration/config/config-document.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -1006,11 +938,6 @@
       "count": 3
     }
   },
-  "app/components/app/configuration/config/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 6
-    }
-  },
   "app/components/app/configuration/ctrl-btn-group/index.tsx": {
     "tailwindcss/no-unnecessary-whitespace": {
       "count": 1
@@ -1040,11 +967,6 @@
       "count": 4
     }
   },
-  "app/components/app/configuration/dataset-config/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 37
-    }
-  },
   "app/components/app/configuration/dataset-config/index.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 1
@@ -1074,11 +996,6 @@
       "count": 3
     }
   },
-  "app/components/app/configuration/dataset-config/select-dataset/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 2
-    }
-  },
   "app/components/app/configuration/dataset-config/select-dataset/index.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -1127,11 +1044,6 @@
       "count": 1
     }
   },
-  "app/components/app/configuration/debug/debug-with-multiple-model/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 5
-    }
-  },
   "app/components/app/configuration/debug/debug-with-multiple-model/index.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 1
@@ -1150,14 +1062,6 @@
       "count": 8
     }
   },
-  "app/components/app/configuration/debug/debug-with-single-model/index.spec.tsx": {
-    "react/no-create-ref": {
-      "count": 2
-    },
-    "ts/no-explicit-any": {
-      "count": 3
-    }
-  },
   "app/components/app/configuration/debug/debug-with-single-model/index.tsx": {
     "ts/no-explicit-any": {
       "count": 5
@@ -1184,28 +1088,6 @@
       "count": 1
     }
   },
-  "app/components/app/configuration/index.tsx": {
-    "no-restricted-imports": {
-      "count": 1
-    },
-    "react/set-state-in-effect": {
-      "count": 1
-    },
-    "style/multiline-ternary": {
-      "count": 2
-    },
-    "tailwindcss/enforce-consistent-class-order": {
-      "count": 4
-    },
-    "ts/no-explicit-any": {
-      "count": 24
-    }
-  },
-  "app/components/app/configuration/prompt-value-panel/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 2
-    }
-  },
   "app/components/app/configuration/prompt-value-panel/index.tsx": {
     "no-restricted-imports": {
       "count": 2
@@ -1222,19 +1104,6 @@
   "app/components/app/configuration/tools/external-data-tool-modal.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 3
-    },
-    "ts/no-explicit-any": {
-      "count": 2
-    }
-  },
-  "app/components/app/configuration/tools/index.tsx": {
-    "tailwindcss/enforce-consistent-class-order": {
-      "count": 5
-    }
-  },
-  "app/components/app/create-app-dialog/app-card/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 1
     }
   },
   "app/components/app/create-app-dialog/app-card/index.tsx": {
@@ -1245,11 +1114,6 @@
       "count": 1
     }
   },
-  "app/components/app/create-app-dialog/app-list/index.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 1
-    }
-  },
   "app/components/app/create-app-dialog/app-list/index.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 2
@@ -1352,7 +1216,7 @@
       "count": 18
     },
     "ts/no-explicit-any": {
-      "count": 14
+      "count": 5
     }
   },
   "app/components/app/log/model-info.tsx": {
@@ -1371,11 +1235,6 @@
       "count": 5
     }
   },
-  "app/components/app/overview/__tests__/toggle-logic.test.ts": {
-    "ts/no-explicit-any": {
-      "count": 1
-    }
-  },
   "app/components/app/overview/apikey-info-panel/index.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 1
@@ -1386,24 +1245,10 @@
   },
   "app/components/app/overview/app-card.tsx": {
     "no-restricted-imports": {
-      "count": 2
-    },
-    "react/set-state-in-effect": {
-      "count": 3
+      "count": 1
     },
     "tailwindcss/enforce-consistent-class-order": {
-      "count": 9
-    },
-    "tailwindcss/no-unnecessary-whitespace": {
-      "count": 1
-    },
-    "ts/no-explicit-any": {
-      "count": 1
-    }
-  },
-  "app/components/app/overview/app-chart.tsx": {
-    "ts/no-explicit-any": {
-      "count": 13
+      "count": 3
     }
   },
   "app/components/app/overview/customize/index.tsx": {
@@ -1462,17 +1307,11 @@
     }
   },
   "app/components/app/text-generate/item/index.tsx": {
-    "react-refresh/only-export-components": {
-      "count": 1
-    },
-    "react/set-state-in-effect": {
-      "count": 3
-    },
     "tailwindcss/enforce-consistent-class-order": {
-      "count": 7
+      "count": 4
     },
     "ts/no-explicit-any": {
-      "count": 4
+      "count": 3
     }
   },
   "app/components/app/text-generate/item/result-tab.tsx": {
@@ -1517,11 +1356,6 @@
       "count": 1
     }
   },
-  "app/components/app/workflow-log/list.spec.tsx": {
-    "ts/no-explicit-any": {
-      "count": 1
-    }
-  },
   "app/components/app/workflow-log/list.tsx": {
     "react/set-state-in-effect": {
       "count": 2
@@ -2128,7 +1962,7 @@
   },
   "app/components/base/chat/types.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 3
+      "count": 2
     }
   },
   "app/components/base/chat/utils.ts": {
@@ -2575,7 +2409,7 @@
   },
   "app/components/base/file-uploader/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 7
+      "count": 5
     }
   },
   "app/components/base/file-uploader/pdf-highlighter-adapter.tsx": {
@@ -2741,7 +2575,7 @@
       "count": 2
     },
     "ts/no-explicit-any": {
-      "count": 16
+      "count": 15
     }
   },
   "app/components/base/form/utils/secret-input/index.ts": {
@@ -2759,7 +2593,7 @@
       "count": 1
     },
     "react-refresh/only-export-components": {
-      "count": 4
+      "count": 1
     }
   },
   "app/components/base/grid-mask/index.stories.tsx": {
@@ -2772,11 +2606,6 @@
       "count": 1
     }
   },
-  "app/components/base/icons/src/image/llm/index.ts": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 9
-    }
-  },
   "app/components/base/icons/src/public/avatar/index.ts": {
     "no-barrel-files/no-barrel-files": {
       "count": 2
@@ -2784,12 +2613,12 @@
   },
   "app/components/base/icons/src/public/billing/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 12
+      "count": 4
     }
   },
   "app/components/base/icons/src/public/common/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 16
+      "count": 6
     }
   },
   "app/components/base/icons/src/public/education/index.ts": {
@@ -2804,12 +2633,12 @@
   },
   "app/components/base/icons/src/public/knowledge/dataset-card/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 5
+      "count": 4
     }
   },
   "app/components/base/icons/src/public/knowledge/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 8
+      "count": 6
     }
   },
   "app/components/base/icons/src/public/knowledge/online-drive/index.ts": {
@@ -2819,27 +2648,17 @@
   },
   "app/components/base/icons/src/public/llm/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 50
-    }
-  },
-  "app/components/base/icons/src/public/model/index.ts": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 1
+      "count": 9
     }
   },
   "app/components/base/icons/src/public/other/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 6
-    }
-  },
-  "app/components/base/icons/src/public/plugins/index.ts": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 7
+      "count": 5
     }
   },
   "app/components/base/icons/src/public/thought/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 5
+      "count": 1
     }
   },
   "app/components/base/icons/src/public/tracing/index.ts": {
@@ -2854,32 +2673,32 @@
   },
   "app/components/base/icons/src/vender/knowledge/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 16
+      "count": 15
     }
   },
   "app/components/base/icons/src/vender/line/alertsAndFeedback/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 4
+      "count": 2
     }
   },
   "app/components/base/icons/src/vender/line/arrows/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 9
+      "count": 6
     }
   },
   "app/components/base/icons/src/vender/line/communication/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 6
+      "count": 3
     }
   },
   "app/components/base/icons/src/vender/line/development/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 14
+      "count": 2
     }
   },
   "app/components/base/icons/src/vender/line/editor/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 8
+      "count": 1
     }
   },
   "app/components/base/icons/src/vender/line/education/index.ts": {
@@ -2889,17 +2708,17 @@
   },
   "app/components/base/icons/src/vender/line/files/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 11
+      "count": 7
     }
   },
   "app/components/base/icons/src/vender/line/financeAndECommerce/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 7
+      "count": 4
     }
   },
   "app/components/base/icons/src/vender/line/general/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 30
+      "count": 12
     }
   },
   "app/components/base/icons/src/vender/line/images/index.ts": {
@@ -2909,42 +2728,27 @@
   },
   "app/components/base/icons/src/vender/line/layout/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 4
+      "count": 1
     }
   },
   "app/components/base/icons/src/vender/line/mediaAndDevices/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 6
+      "count": 2
     }
   },
   "app/components/base/icons/src/vender/line/others/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 10
-    }
-  },
-  "app/components/base/icons/src/vender/line/shapes/index.ts": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 1
+      "count": 7
     }
   },
   "app/components/base/icons/src/vender/line/time/index.ts": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 4
-    }
-  },
-  "app/components/base/icons/src/vender/line/users/index.ts": {
     "no-barrel-files/no-barrel-files": {
       "count": 2
     }
   },
-  "app/components/base/icons/src/vender/line/weather/index.ts": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 1
-    }
-  },
   "app/components/base/icons/src/vender/other/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 9
+      "count": 8
     }
   },
   "app/components/base/icons/src/vender/pipeline/index.ts": {
@@ -2959,7 +2763,7 @@
   },
   "app/components/base/icons/src/vender/solid/FinanceAndECommerce/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 2
+      "count": 1
     }
   },
   "app/components/base/icons/src/vender/solid/alertsAndFeedback/index.ts": {
@@ -2969,47 +2773,42 @@
   },
   "app/components/base/icons/src/vender/solid/arrows/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 5
+      "count": 3
     }
   },
   "app/components/base/icons/src/vender/solid/communication/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 12
+      "count": 6
     }
   },
   "app/components/base/icons/src/vender/solid/development/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 13
+      "count": 4
     }
   },
   "app/components/base/icons/src/vender/solid/editor/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 5
+      "count": 1
     }
   },
   "app/components/base/icons/src/vender/solid/education/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 4
+      "count": 3
     }
   },
   "app/components/base/icons/src/vender/solid/files/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 4
+      "count": 3
     }
   },
   "app/components/base/icons/src/vender/solid/general/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 18
-    }
-  },
-  "app/components/base/icons/src/vender/solid/layout/index.ts": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 1
+      "count": 11
     }
   },
   "app/components/base/icons/src/vender/solid/mediaAndDevices/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 12
+      "count": 2
     }
   },
   "app/components/base/icons/src/vender/solid/security/index.ts": {
@@ -3019,12 +2818,12 @@
   },
   "app/components/base/icons/src/vender/solid/shapes/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 3
+      "count": 1
     }
   },
   "app/components/base/icons/src/vender/solid/users/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 4
+      "count": 1
     }
   },
   "app/components/base/icons/src/vender/system/index.ts": {
@@ -3034,7 +2833,7 @@
   },
   "app/components/base/icons/src/vender/workflow/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 31
+      "count": 30
     }
   },
   "app/components/base/icons/utils.ts": {
@@ -3193,9 +2992,6 @@
     "react/set-state-in-effect": {
       "count": 7
     },
-    "tailwindcss/enforce-consistent-class-order": {
-      "count": 1
-    },
     "ts/no-explicit-any": {
       "count": 9
     }
@@ -3210,7 +3006,7 @@
   },
   "app/components/base/markdown-blocks/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 11
+      "count": 10
     }
   },
   "app/components/base/markdown-blocks/link.tsx": {
@@ -3382,11 +3178,6 @@
       "count": 2
     }
   },
-  "app/components/base/notion-page-selector/base.tsx": {
-    "react/set-state-in-effect": {
-      "count": 2
-    }
-  },
   "app/components/base/notion-page-selector/credential-selector/index.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 2
@@ -3402,14 +3193,6 @@
       "count": 1
     }
   },
-  "app/components/base/notion-page-selector/page-selector/index.tsx": {
-    "react/set-state-in-effect": {
-      "count": 1
-    },
-    "tailwindcss/enforce-consistent-class-order": {
-      "count": 3
-    }
-  },
   "app/components/base/notion-page-selector/search-input/index.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 1
@@ -3457,9 +3240,6 @@
     }
   },
   "app/components/base/portal-to-follow-elem/index.tsx": {
-    "react-refresh/only-export-components": {
-      "count": 2
-    },
     "ts/no-explicit-any": {
       "count": 1
     }
@@ -3681,17 +3461,11 @@
     }
   },
   "app/components/base/prompt-editor/plugins/shortcuts-popup-plugin/index.tsx": {
-    "react-refresh/only-export-components": {
-      "count": 1
-    },
     "ts/no-explicit-any": {
       "count": 2
     }
   },
   "app/components/base/prompt-editor/plugins/update-block.tsx": {
-    "react-refresh/only-export-components": {
-      "count": 2
-    },
     "ts/no-explicit-any": {
       "count": 2
     }
@@ -4044,11 +3818,6 @@
       "count": 1
     }
   },
-  "app/components/base/ui/context-menu/index.tsx": {
-    "tailwindcss/enforce-consistent-class-order": {
-      "count": 1
-    }
-  },
   "app/components/base/ui/dialog/index.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 4
@@ -4390,7 +4159,7 @@
   },
   "app/components/datasets/common/image-uploader/store.tsx": {
     "react-refresh/only-export-components": {
-      "count": 4
+      "count": 3
     }
   },
   "app/components/datasets/common/retrieval-method-info/index.tsx": {
@@ -4574,7 +4343,7 @@
   },
   "app/components/datasets/create/step-one/hooks/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 2
+      "count": 1
     }
   },
   "app/components/datasets/create/step-one/upgrade-card.tsx": {
@@ -4631,7 +4400,7 @@
   },
   "app/components/datasets/create/step-two/hooks/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 10
+      "count": 6
     }
   },
   "app/components/datasets/create/step-two/hooks/use-indexing-config.ts": {
@@ -4807,7 +4576,7 @@
   },
   "app/components/datasets/documents/components/document-list/components/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 4
+      "count": 2
     }
   },
   "app/components/datasets/documents/components/document-list/components/sort-header.tsx": {
@@ -4820,11 +4589,6 @@
       "count": 4
     }
   },
-  "app/components/datasets/documents/components/document-list/index.tsx": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 2
-    }
-  },
   "app/components/datasets/documents/components/documents-header.tsx": {
     "no-restricted-imports": {
       "count": 1
@@ -4904,16 +4668,6 @@
       "count": 1
     }
   },
-  "app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/index.tsx": {
-    "react/set-state-in-effect": {
-      "count": 1
-    }
-  },
-  "app/components/datasets/documents/create-from-pipeline/data-source/online-documents/page-selector/item.tsx": {
-    "tailwindcss/enforce-consistent-class-order": {
-      "count": 3
-    }
-  },
   "app/components/datasets/documents/create-from-pipeline/data-source/online-documents/title.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 1
@@ -5189,7 +4943,7 @@
   },
   "app/components/datasets/documents/detail/completed/hooks/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 10
+      "count": 5
     }
   },
   "app/components/datasets/documents/detail/completed/hooks/use-search-filter.ts": {
@@ -5273,7 +5027,7 @@
   },
   "app/components/datasets/documents/detail/embedding/hooks/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 2
+      "count": 1
     }
   },
   "app/components/datasets/documents/detail/embedding/skeleton/index.tsx": {
@@ -6012,7 +5766,7 @@
   },
   "app/components/goto-anything/actions/commands/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 5
+      "count": 2
     }
   },
   "app/components/goto-anything/actions/commands/registry.ts": {
@@ -6022,7 +5776,7 @@
   },
   "app/components/goto-anything/actions/commands/slash.tsx": {
     "react-refresh/only-export-components": {
-      "count": 3
+      "count": 1
     },
     "ts/no-explicit-any": {
       "count": 1
@@ -6035,7 +5789,7 @@
   },
   "app/components/goto-anything/actions/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 6
+      "count": 2
     }
   },
   "app/components/goto-anything/actions/types.ts": {
@@ -6055,7 +5809,7 @@
   },
   "app/components/goto-anything/components/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 10
+      "count": 4
     }
   },
   "app/components/goto-anything/components/result-item.tsx": {
@@ -6078,7 +5832,7 @@
   },
   "app/components/goto-anything/hooks/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 8
+      "count": 4
     }
   },
   "app/components/goto-anything/hooks/use-goto-anything-results.ts": {
@@ -6112,11 +5866,6 @@
       "count": 6
     }
   },
-  "app/components/header/account-dropdown/menu-item-content.tsx": {
-    "react-refresh/only-export-components": {
-      "count": 1
-    }
-  },
   "app/components/header/account-dropdown/workplace-selector/index.tsx": {
     "tailwindcss/enforce-consistent-class-order": {
       "count": 7
@@ -6428,7 +6177,7 @@
   },
   "app/components/header/account-setting/model-provider-page/model-auth/index.tsx": {
     "no-barrel-files/no-barrel-files": {
-      "count": 8
+      "count": 7
     }
   },
   "app/components/header/account-setting/model-provider-page/model-auth/switch-credential-in-load-balancing.tsx": {
@@ -7294,10 +7043,7 @@
   },
   "app/components/plugins/plugin-detail-panel/subscription-list/index.tsx": {
     "no-barrel-files/no-barrel-files": {
-      "count": 3
-    },
-    "react-refresh/only-export-components": {
-      "count": 1
+      "count": 2
     }
   },
   "app/components/plugins/plugin-detail-panel/subscription-list/list-view.tsx": {
@@ -7347,7 +7093,7 @@
   },
   "app/components/plugins/plugin-detail-panel/tool-selector/components/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 8
+      "count": 7
     }
   },
   "app/components/plugins/plugin-detail-panel/tool-selector/components/reasoning-config-form.tsx": {
@@ -7386,7 +7132,7 @@
   },
   "app/components/plugins/plugin-detail-panel/tool-selector/hooks/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 3
+      "count": 2
     }
   },
   "app/components/plugins/plugin-detail-panel/tool-selector/index.tsx": {
@@ -7615,7 +7361,7 @@
       "count": 7
     },
     "ts/no-explicit-any": {
-      "count": 30
+      "count": 25
     }
   },
   "app/components/plugins/update-plugin/downgrade-warning.tsx": {
@@ -7986,9 +7732,6 @@
     }
   },
   "app/components/signin/countdown.tsx": {
-    "react-refresh/only-export-components": {
-      "count": 2
-    },
     "tailwindcss/enforce-consistent-class-order": {
       "count": 1
     }
@@ -8213,7 +7956,7 @@
   },
   "app/components/tools/types.ts": {
     "erasable-syntax-only/enums": {
-      "count": 5
+      "count": 4
     },
     "ts/no-explicit-any": {
       "count": 4
@@ -8319,11 +8062,6 @@
       "count": 2
     }
   },
-  "app/components/workflow/__tests__/fixtures.ts": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 2
-    }
-  },
   "app/components/workflow/block-selector/all-start-blocks.tsx": {
     "react/set-state-in-effect": {
       "count": 1
@@ -8391,7 +8129,7 @@
   },
   "app/components/workflow/block-selector/index-bar.tsx": {
     "react-refresh/only-export-components": {
-      "count": 5
+      "count": 1
     },
     "tailwindcss/enforce-consistent-class-order": {
       "count": 1
@@ -8681,7 +8419,7 @@
   },
   "app/components/workflow/hooks/index.ts": {
     "no-barrel-files/no-barrel-files": {
-      "count": 26
+      "count": 25
     }
   },
   "app/components/workflow/hooks/use-checklist.ts": {
@@ -8717,11 +8455,6 @@
       "count": 8
     }
   },
-  "app/components/workflow/hooks/use-nodes-layout.ts": {
-    "ts/no-explicit-any": {
-      "count": 1
-    }
-  },
   "app/components/workflow/hooks/use-serial-async-callback.ts": {
     "ts/no-explicit-any": {
       "count": 1
@@ -9392,7 +9125,7 @@
       "count": 1
     },
     "ts/no-explicit-any": {
-      "count": 3
+      "count": 1
     }
   },
   "app/components/workflow/nodes/agent/components/model-bar.tsx": {
@@ -9428,9 +9161,6 @@
     }
   },
   "app/components/workflow/nodes/agent/panel.tsx": {
-    "react-refresh/only-export-components": {
-      "count": 1
-    },
     "ts/no-explicit-any": {
       "count": 1
     }
@@ -10380,7 +10110,7 @@
   },
   "app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/context.tsx": {
     "react-refresh/only-export-components": {
-      "count": 3
+      "count": 2
     }
   },
   "app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/edit-card/actions.tsx": {
@@ -10473,7 +10203,7 @@
       "count": 1
     },
     "ts/no-explicit-any": {
-      "count": 10
+      "count": 7
     }
   },
   "app/components/workflow/nodes/loop-start/index.tsx": {
@@ -10860,9 +10590,6 @@
     }
   },
   "app/components/workflow/nodes/trigger-plugin/types.ts": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 1
-    },
     "ts/no-explicit-any": {
       "count": 4
     }
@@ -11748,7 +11475,7 @@
   },
   "app/components/workflow/workflow-history-store.tsx": {
     "react-refresh/only-export-components": {
-      "count": 3
+      "count": 2
     }
   },
   "app/components/workflow/workflow-preview/components/error-handle-on-node.tsx": {
@@ -11994,7 +11721,7 @@
   },
   "context/global-public-context.tsx": {
     "react-refresh/only-export-components": {
-      "count": 4
+      "count": 3
     }
   },
   "context/hooks/use-trigger-events-limit-modal.ts": {
@@ -12003,9 +11730,6 @@
     }
   },
   "context/modal-context-provider.tsx": {
-    "no-barrel-files/no-barrel-files": {
-      "count": 1
-    },
     "ts/no-explicit-any": {
       "count": 3
     }
@@ -12056,11 +11780,6 @@
       "count": 2
     }
   },
-  "hooks/use-moderate.ts": {
-    "react/set-state-in-effect": {
-      "count": 1
-    }
-  },
   "hooks/use-oauth.ts": {
     "ts/no-explicit-any": {
       "count": 1
@@ -12070,9 +11789,6 @@
     "no-restricted-imports": {
       "count": 2
     },
-    "react-refresh/only-export-components": {
-      "count": 3
-    },
     "react/set-state-in-effect": {
       "count": 4
     }
@@ -12149,7 +11865,7 @@
   },
   "models/common.ts": {
     "erasable-syntax-only/enums": {
-      "count": 3
+      "count": 2
     },
     "ts/no-explicit-any": {
       "count": 3
@@ -12188,18 +11904,10 @@
     }
   },
   "models/share.ts": {
-    "ts/no-empty-object-type": {
-      "count": 1
-    },
     "ts/no-explicit-any": {
       "count": 1
     }
   },
-  "scripts/analyze-component.js": {
-    "unused-imports/no-unused-vars": {
-      "count": 1
-    }
-  },
   "scripts/component-analyzer.js": {
     "regexp/no-unused-capturing-group": {
       "count": 6
@@ -12217,7 +11925,7 @@
   },
   "service/apps.ts": {
     "ts/no-explicit-any": {
-      "count": 17
+      "count": 7
     }
   },
   "service/base.ts": {
@@ -12232,7 +11940,7 @@
   },
   "service/datasets.ts": {
     "ts/no-explicit-any": {
-      "count": 8
+      "count": 6
     }
   },
   "service/debug.ts": {
@@ -12291,9 +11999,6 @@
   },
   "service/use-pipeline.ts": {
     "@tanstack/query/exhaustive-deps": {
-      "count": 2
-    },
-    "ts/no-explicit-any": {
       "count": 1
     }
   },
@@ -12315,7 +12020,7 @@
   },
   "service/use-tools.ts": {
     "ts/no-explicit-any": {
-      "count": 2
+      "count": 1
     }
   },
   "service/use-workflow.ts": {
@@ -12331,14 +12036,9 @@
       "count": 2
     }
   },
-  "service/workflow-payload.ts": {
-    "ts/no-explicit-any": {
-      "count": 10
-    }
-  },
   "types/app.ts": {
     "erasable-syntax-only/enums": {
-      "count": 11
+      "count": 9
     },
     "ts/no-explicit-any": {
       "count": 1
diff --git a/web/eslint.config.mjs b/web/eslint.config.mjs
index 8be71d26cc..cbae7af77f 100644
--- a/web/eslint.config.mjs
+++ b/web/eslint.config.mjs
@@ -1,14 +1,12 @@
 // @ts-check
 
 import antfu, { GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_TESTS, GLOB_TS, GLOB_TSX, isInEditorEnv, isInGitHooksOrLintStaged } from '@antfu/eslint-config'
-import pluginReact from '@eslint-react/eslint-plugin'
 import pluginQuery from '@tanstack/eslint-plugin-query'
 import md from 'eslint-markdown'
 import tailwindcss from 'eslint-plugin-better-tailwindcss'
 import hyoban from 'eslint-plugin-hyoban'
 import markdownPreferences from 'eslint-plugin-markdown-preferences'
 import noBarrelFiles from 'eslint-plugin-no-barrel-files'
-import { reactRefresh } from 'eslint-plugin-react-refresh'
 import sonar from 'eslint-plugin-sonarjs'
 import storybook from 'eslint-plugin-storybook'
 import {
@@ -26,11 +24,14 @@ process.env.TAILWIND_MODE ??= 'ESLINT'
 
 const disableRuleAutoFix = !(isInEditorEnv() || isInGitHooksOrLintStaged())
 
-const plugins = pluginReact.configs.all.plugins
-
 export default antfu(
   {
-    react: false,
+    react: {
+      overrides: {
+        'react/set-state-in-effect': 'error',
+        'react/no-unnecessary-use-prefix': 'error',
+      },
+    },
     nextjs: {
       overrides: {
         'next/no-img-element': 'off',
@@ -58,24 +59,6 @@ export default antfu(
     e18e: false,
     pnpm: false,
   },
-  {
-    plugins: {
-      'react': plugins?.['@eslint-react'],
-      'react-dom': plugins?.['@eslint-react/dom'],
-      'react-naming-convention': plugins?.['@eslint-react/naming-convention'],
-      'react-rsc': plugins?.['@eslint-react/rsc'],
-      'react-web-api': plugins?.['@eslint-react/web-api'],
-    },
-  },
-  {
-    files: [GLOB_TS, GLOB_TSX],
-    rules: {
-      ...pluginReact.configs['recommended-typescript'].rules,
-      'react/prefer-namespace-import': 'error',
-      'react/set-state-in-effect': 'error',
-      'react/no-unnecessary-use-prefix': 'error',
-    },
-  },
   {
     files: [...GLOB_TESTS, GLOB_MARKDOWN_CODE, 'vitest.setup.ts', 'test/i18n-mock.ts'],
     rules: {
@@ -92,7 +75,6 @@ export default antfu(
       'no-barrel-files/no-barrel-files': 'error',
     },
   },
-  reactRefresh.configs.next(),
   markdownPreferences.configs.standard,
   {
     files: [GLOB_MARKDOWN],
@@ -231,10 +213,3 @@ export default antfu(
         'tailwindcss/no-unnecessary-whitespace',
       ]
     : [])
-  .renamePlugins({
-    '@eslint-react': 'react',
-    '@eslint-react/dom': 'react-dom',
-    '@eslint-react/naming-convention': 'react-naming-convention',
-    '@eslint-react/rsc': 'react-rsc',
-    '@eslint-react/web-api': 'react-web-api',
-  })
diff --git a/web/hooks/use-mitt.ts b/web/hooks/use-mitt.ts
index e29396aefb..af07dd7d20 100644
--- a/web/hooks/use-mitt.ts
+++ b/web/hooks/use-mitt.ts
@@ -8,9 +8,9 @@ const merge = <T extends Record<string, any>>(
   return Object.assign({}, ...args)
 }
 
-export type _Events = Record<EventType, unknown>
+type _Events = Record<EventType, unknown>
 
-export type UseSubscribeOption = {
+type UseSubscribeOption = {
   /**
    * Whether the subscription is enabled.
    * @default true
@@ -18,7 +18,7 @@ export type UseSubscribeOption = {
   enabled: boolean
 }
 
-export type ExtendedOn<Events extends _Events> = {
+type ExtendedOn<Events extends _Events> = {
   <Key extends keyof Events>(
     type: Key,
     handler: Handler<Events[Key]>,
@@ -31,7 +31,7 @@ export type ExtendedOn<Events extends _Events> = {
   ): void
 }
 
-export type UseMittReturn<Events extends _Events> = {
+type UseMittReturn<Events extends _Events> = {
   useSubscribe: ExtendedOn<Events>
   emit: Emitter<Events>['emit']
 }
diff --git a/web/hooks/use-moderate.ts b/web/hooks/use-moderate.ts
deleted file mode 100644
index e42441e58e..0000000000
--- a/web/hooks/use-moderate.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import type { ModerationService } from '@/models/common'
-import { useEffect, useRef, useState } from 'react'
-
-function splitStringByLength(inputString: string, chunkLength: number) {
-  const resultArray = []
-  for (let i = 0; i < inputString.length; i += chunkLength)
-    resultArray.push(inputString.substring(i, i + chunkLength))
-
-  return resultArray
-}
-
-export const useModerate = (
-  content: string,
-  stop: boolean,
-  moderationService: (text: string) => ReturnType<ModerationService>,
-  separateLength = 50,
-) => {
-  const moderatedContentMap = useRef<Map<number, string>>(new Map())
-  const moderatingIndex = useRef<number[]>([])
-  const [contentArr, setContentArr] = useState<string[]>([])
-
-  const handleModerate = () => {
-    const stringArr = splitStringByLength(content, separateLength)
-
-    const lastIndex = stringArr.length - 1
-    stringArr.forEach((item, index) => {
-      if (!(index in moderatingIndex.current) && !moderatedContentMap.current.get(index)) {
-        if (index === lastIndex && !stop)
-          return
-
-        moderatingIndex.current.push(index)
-        moderationService(item).then((res) => {
-          if (res.flagged) {
-            moderatedContentMap.current.set(index, res.text)
-            setContentArr([...stringArr.slice(0, index), res.text, ...stringArr.slice(index + 1)])
-          }
-        })
-      }
-    })
-
-    setContentArr(stringArr)
-  }
-  useEffect(() => {
-    if (content)
-      handleModerate()
-  }, [content, stop])
-
-  return contentArr.map((item, index) => moderatedContentMap.current.get(index) || item).join('')
-}
diff --git a/web/hooks/use-pay.tsx b/web/hooks/use-pay.tsx
index 5ce50fdb0f..3a90a79805 100644
--- a/web/hooks/use-pay.tsx
+++ b/web/hooks/use-pay.tsx
@@ -7,9 +7,9 @@ import Confirm from '@/app/components/base/confirm'
 import { useRouter, useSearchParams } from '@/next/navigation'
 import { useNotionBinding } from '@/service/use-common'
 
-export type ConfirmType = Pick<IConfirm, 'type' | 'title' | 'content'>
+type ConfirmType = Pick<IConfirm, 'type' | 'title' | 'content'>
 
-export const useAnthropicCheckPay = () => {
+const useAnthropicCheckPay = () => {
   const { t } = useTranslation()
   const [confirm, setConfirm] = useState<ConfirmType | null>(null)
   const searchParams = useSearchParams()
@@ -28,7 +28,7 @@ export const useAnthropicCheckPay = () => {
   return confirm
 }
 
-export const useBillingPay = () => {
+const useBillingPay = () => {
   const { t } = useTranslation()
   const [confirm, setConfirm] = useState<ConfirmType | null>(null)
   const searchParams = useSearchParams()
@@ -47,7 +47,7 @@ export const useBillingPay = () => {
   return confirm
 }
 
-export const useCheckNotion = () => {
+const useCheckNotion = () => {
   const router = useRouter()
   const [confirm, setConfirm] = useState<ConfirmType | null>(null)
   const [canBinding, setCanBinding] = useState(false)
diff --git a/web/i18n-config/language.ts b/web/i18n-config/language.ts
index cdfd285442..397c361cda 100644
--- a/web/i18n-config/language.ts
+++ b/web/i18n-config/language.ts
@@ -1,12 +1,6 @@
 import type { DocLanguage } from '@/types/doc-paths'
 import data from './languages'
 
-export type Item = {
-  value: number | string
-  name: string
-  example: string
-}
-
 export type I18nText = Record<typeof LanguagesSupported[number], string>
 
 export const languages = data.languages
diff --git a/web/i18n-config/settings.ts b/web/i18n-config/settings.ts
index 1adfb77ff9..accbc1600d 100644
--- a/web/i18n-config/settings.ts
+++ b/web/i18n-config/settings.ts
@@ -6,7 +6,6 @@ export function getInitOptions(): InitOptions {
     // We do not have en for fallback
     load: 'currentOnly',
     fallbackLng: 'en-US',
-    showSupportNotice: false,
     partialBundledLanguages: true,
     keySeparator: false,
     ns: namespaces,
diff --git a/web/i18n/en-US/common.json b/web/i18n/en-US/common.json
index c21aa25eae..dc8e02e66d 100644
--- a/web/i18n/en-US/common.json
+++ b/web/i18n/en-US/common.json
@@ -135,6 +135,9 @@
   "dataSource.notion.pagesAuthorized": "Pages authorized",
   "dataSource.notion.remove": "Remove",
   "dataSource.notion.selector.addPages": "Add pages",
+  "dataSource.notion.selector.configure": "Configure Notion",
+  "dataSource.notion.selector.docs": "Notion docs",
+  "dataSource.notion.selector.headerTitle": "Choose Notion pages",
   "dataSource.notion.selector.noSearchResult": "No search results",
   "dataSource.notion.selector.pageSelected": "Pages Selected",
   "dataSource.notion.selector.preview": "PREVIEW",
diff --git a/web/knip.config.ts b/web/knip.config.ts
index c1f4a49615..2700e00717 100644
--- a/web/knip.config.ts
+++ b/web/knip.config.ts
@@ -7,7 +7,6 @@ const config: KnipConfig = {
   entry: [
     'scripts/**/*.{js,ts,mjs}',
     'bin/**/*.{js,ts,mjs}',
-    'taze.config.js',
     'tsslint.config.ts',
   ],
   ignore: [
@@ -22,19 +21,23 @@ const config: KnipConfig = {
     '@storybook/addon-onboarding',
 
   ],
+  /// keep-sorted
   rules: {
-    files: 'warn',
+    binaries: 'error',
+    catalog: 'error',
     dependencies: 'error',
     devDependencies: 'error',
+    duplicates: 'error',
+    enumMembers: 'error',
+    exports: 'error',
+    files: 'error',
+    namespaceMembers: 'error',
+    nsExports: 'error',
+    nsTypes: 'error',
     optionalPeerDependencies: 'error',
-    unlisted: 'warn',
-    unresolved: 'warn',
-    exports: 'warn',
-    nsExports: 'warn',
-    types: 'warn',
-    nsTypes: 'warn',
-    enumMembers: 'warn',
-    duplicates: 'warn',
+    types: 'error',
+    unlisted: 'error',
+    unresolved: 'error',
   },
 }
 
diff --git a/web/models/app.ts b/web/models/app.ts
index 056f5cb173..1a04565035 100644
--- a/web/models/app.ts
+++ b/web/models/app.ts
@@ -12,7 +12,7 @@ import type {
   WeaveConfig,
 } from '@/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/type'
 import type { Dependency } from '@/app/components/plugins/types'
-import type { App, AppModeEnum, AppTemplate, SiteConfig } from '@/types/app'
+import type { App, AppModeEnum, SiteConfig } from '@/types/app'
 
 export enum DSLImportMode {
   YAML_CONTENT = 'yaml-content',
@@ -47,12 +47,6 @@ export type DSLImportResponse = {
   leaked_dependencies: Dependency[]
 }
 
-export type AppTemplatesResponse = {
-  data: AppTemplate[]
-}
-
-export type CreateAppResponse = App
-
 export type UpdateAppSiteCodeResponse = { app_id: string } & SiteConfig
 
 export type AppDailyMessagesResponse = {
@@ -105,10 +99,6 @@ export type ValidateOpenAIKeyResponse = {
 
 export type UpdateOpenAIKeyResponse = ValidateOpenAIKeyResponse
 
-export type GenerationIntroductionResponse = {
-  introduction: string
-}
-
 export type AppVoicesListResponse = [{
   name: string
   value: string
diff --git a/web/models/common.ts b/web/models/common.ts
index 9c8866b25b..0e44b10e62 100644
--- a/web/models/common.ts
+++ b/web/models/common.ts
@@ -5,18 +5,6 @@ export type CommonResponse = {
   result: 'success' | 'fail'
 }
 
-export type FileDownloadResponse = {
-  id: string
-  name: string
-  size: number
-  extension: string
-  url: string
-  download_url: string
-  mime_type: string
-  created_by: string
-  created_at: number
-}
-
 export type OauthResponse = {
   redirect_url: string
 }
@@ -62,20 +50,6 @@ export type LangGeniusVersionResponse = {
   current_env: string
 }
 
-export type TenantInfoResponse = {
-  name: string
-  created_at: string
-  providers: Array<{
-    provider: string
-    provider_name: string
-    token_is_set: boolean
-    is_valid: boolean
-    token_is_valid: boolean
-  }>
-  in_trail: boolean
-  trial_end_reason: null | 'trial_exceeded' | 'using_custom'
-}
-
 export type Member = Pick<UserProfileResponse, 'id' | 'name' | 'email' | 'last_login_at' | 'last_active_at' | 'created_at' | 'avatar_url'> & {
   avatar: string
   status: 'pending' | 'active' | 'banned' | 'closed'
@@ -100,11 +74,6 @@ export type ProviderAzureToken = {
 export type ProviderAnthropicToken = {
   anthropic_api_key?: string
 }
-export type ProviderTokenType = {
-  [ProviderName.OPENAI]: string
-  [ProviderName.AZURE_OPENAI]: ProviderAzureToken
-  [ProviderName.ANTHROPIC]: ProviderAnthropicToken
-}
 export type Provider = {
   [Name in ProviderName]: {
     provider_name: Name
@@ -117,12 +86,6 @@ export type Provider = {
   }
 }[ProviderName]
 
-export type ProviderHosted = Provider & {
-  quota_type: string
-  quota_limit: number
-  quota_used: number
-}
-
 export type AccountIntegrate = {
   provider: 'google' | 'github'
   created_at: number
@@ -179,8 +142,6 @@ export type DataSourceNotionWorkspace = {
   pages: DataSourceNotionPage[]
 }
 
-export type DataSourceNotionWorkspaceMap = Record<string, DataSourceNotionWorkspace>
-
 export type DataSourceNotion = {
   id: string
   provider: string
@@ -188,38 +149,12 @@ export type DataSourceNotion = {
   source_info: DataSourceNotionWorkspace
 }
 
-export enum DataSourceCategory {
-  website = 'website',
-}
 export enum DataSourceProvider {
   fireCrawl = 'firecrawl',
   jinaReader = 'jinareader',
   waterCrawl = 'watercrawl',
 }
 
-export type FirecrawlConfig = {
-  api_key: string
-  base_url: string
-}
-
-export type WatercrawlConfig = {
-  api_key: string
-  base_url: string
-}
-
-export type DataSourceItem = {
-  id: string
-  category: DataSourceCategory
-  provider: DataSourceProvider
-  disabled: boolean
-  created_at: number
-  updated_at: number
-}
-
-export type DataSources = {
-  sources: DataSourceItem[]
-}
-
 export type PluginProvider = {
   tool_name: string
   is_enabled: boolean
@@ -300,14 +235,6 @@ export type ModerateResponse = {
   text: string
 }
 
-export type ModerationService = (
-  url: string,
-  body: {
-    app_id: string
-    text: string
-  },
-) => Promise<ModerateResponse>
-
 export type StructuredOutputRulesRequestBody = {
   instruction: string
   model_config: Model
diff --git a/web/models/datasets.ts b/web/models/datasets.ts
index e4793357f4..08595069b3 100644
--- a/web/models/datasets.ts
+++ b/web/models/datasets.ts
@@ -7,7 +7,6 @@ import type { MetadataFilteringVariableType } from '@/app/components/workflow/no
 import type { AppIconType, AppModeEnum, RetrievalConfig, TransferMethod } from '@/types/app'
 import type { I18nKeysByPrefix } from '@/types/i18n'
 import { ExternalKnowledgeBase, General, ParentChild, Qa } from '@/app/components/base/icons/src/public/knowledge/dataset-card'
-import { GeneralChunk, ParentChildChunk, QuestionAndAnswer } from '@/app/components/base/icons/src/vender/knowledge'
 
 export enum DataSourceType {
   FILE = 'upload_file',
@@ -474,10 +473,6 @@ export type NotionInfo = {
   pages: DataSourceNotionPage[]
   credential_id: string
 }
-export type NotionPage = {
-  page_id: string
-  type: string
-}
 
 export type ProcessRule = {
   mode: ProcessMode
@@ -550,15 +545,6 @@ export type DocumentDetailResponse = FullDocumentDetail
 export const SEGMENT_STATUS_LIST = ['waiting', 'completed', 'error', 'indexing']
 export type SegmentStatus = typeof SEGMENT_STATUS_LIST[number]
 
-export type SegmentsQuery = {
-  page?: string
-  limit: number
-  // status?: SegmentStatus
-  hit_count_gte?: number
-  keyword?: string
-  enabled?: boolean | 'all'
-}
-
 export type Attachment = {
   id: string
   name: string
@@ -785,11 +771,6 @@ export type ChildSegmentsResponse = {
   limit: number
 }
 
-export type UpdateDocumentParams = {
-  datasetId: string
-  documentId: string
-}
-
 // Used in api url
 export enum DocumentActionType {
   enable = 'enable',
@@ -819,12 +800,6 @@ export const DOC_FORM_ICON_WITH_BG: Record<ChunkingMode | 'external', React.Comp
   external: ExternalKnowledgeBase,
 }
 
-export const DOC_FORM_ICON: Record<ChunkingMode.text | ChunkingMode.qa | ChunkingMode.parentChild, React.ComponentType<{ className: string }>> = {
-  [ChunkingMode.text]: GeneralChunk,
-  [ChunkingMode.qa]: QuestionAndAnswer,
-  [ChunkingMode.parentChild]: ParentChildChunk,
-}
-
 type ChunkingModeText = I18nKeysByPrefix<'dataset', 'chunkingMode.'>
 
 export const DOC_FORM_TEXT: Record<ChunkingMode, ChunkingModeText> = {
@@ -857,12 +832,6 @@ export type IndexingStatusBatchRequest = {
   batchId: string
 }
 
-export type HitTestingRecordsRequest = {
-  datasetId: string
-  page: number
-  limit: number
-}
-
 export type HitTestingRequest = {
   query: string
   attachment_ids: string[]
diff --git a/web/models/debug.ts b/web/models/debug.ts
index fb75ae7946..9aab3334cb 100644
--- a/web/models/debug.ts
+++ b/web/models/debug.ts
@@ -65,17 +65,6 @@ export type PromptVariable = {
   json_schema?: string | Record<string, any>
 }
 
-export type CompletionParams = {
-  max_tokens: number
-  temperature: number
-  top_p: number
-  presence_penalty: number
-  frequency_penalty: number
-  stop?: string[]
-}
-
-export type ModelId = 'gpt-3.5-turbo' | 'text-davinci-003'
-
 export type PromptConfig = {
   prompt_template: string
   prompt_variables: PromptVariable[]
@@ -159,11 +148,6 @@ export type ModelConfig = {
   dataSets: any[]
   agentConfig: AgentConfig
 }
-export type DatasetConfigItem = {
-  enable: boolean
-  value: number
-}
-
 export type DatasetConfigs = {
   retrieval_model: RETRIEVE_TYPE
   reranking_model: {
@@ -197,74 +181,6 @@ export type DatasetConfigs = {
   metadata_model_config?: NodeModelConfig
 }
 
-export type DebugRequestBody = {
-  inputs: Inputs
-  query: string
-  completion_params: CompletionParams
-  model_config: ModelConfig
-}
-
-export type DebugResponse = {
-  id: string
-  answer: string
-  created_at: string
-}
-
-export type DebugResponseStream = {
-  id: string
-  data: string
-  created_at: string
-}
-
-export type FeedBackRequestBody = {
-  message_id: string
-  rating: 'like' | 'dislike'
-  content?: string
-  from_source: 'api' | 'log'
-}
-
-export type FeedBackResponse = {
-  message_id: string
-  rating: 'like' | 'dislike'
-}
-
-// Log session list
-export type LogSessionListQuery = {
-  keyword?: string
-  start?: string // format datetime(YYYY-mm-dd HH:ii)
-  end?: string // format datetime(YYYY-mm-dd HH:ii)
-  page: number
-  limit: number // default 20. 1-100
-}
-
-export type LogSessionListResponse = {
-  data: {
-    id: string
-    conversation_id: string
-    query: string // user's query question
-    message: string // prompt send to LLM
-    answer: string
-    created_at: string
-  }[]
-  total: number
-  page: number
-}
-
-// log session detail and debug
-export type LogSessionDetailResponse = {
-  id: string
-  conversation_id: string
-  model_provider: string
-  query: string
-  inputs: Record<string, string | number | object>[]
-  message: string
-  message_tokens: number // number of tokens in message
-  answer: string
-  answer_tokens: number // number of tokens in answer
-  provider_response_latency: number // used time in ms
-  from_source: 'api' | 'log'
-}
-
 export type SavedMessage = {
   id: string
   answer: string
diff --git a/web/models/log.ts b/web/models/log.ts
index ab1282b8af..f9cb13ab8e 100644
--- a/web/models/log.ts
+++ b/web/models/log.ts
@@ -6,10 +6,6 @@ import type {
 } from '@/app/components/workflow/types'
 import type { VisionFile } from '@/types/app'
 
-export const CompletionParams = ['temperature', 'top_p', 'presence_penalty', 'max_token', 'stop', 'frequency_penalty'] as const
-
-export type CompletionParamType = typeof CompletionParams[number]
-
 export type CompletionParamsType = {
   max_tokens: number
   temperature: number
@@ -279,13 +275,6 @@ export type WorkflowLogsResponse = {
   total: number
   page: number
 }
-export type WorkflowLogsRequest = {
-  keyword: string
-  status: string
-  page: number
-  limit: number // The default value is 20 and the range is 1-100
-}
-
 export type WorkflowRunDetailResponse = {
   id: string
   version: string
diff --git a/web/models/pipeline.ts b/web/models/pipeline.ts
index 143bc61180..e75ee7569a 100644
--- a/web/models/pipeline.ts
+++ b/web/models/pipeline.ts
@@ -1,7 +1,6 @@
 import type { Viewport } from 'reactflow'
 import type { DSLImportMode, DSLImportStatus } from './app'
-import type { ChunkingMode, DatasetPermission, DocumentIndexingStatus, FileIndexingEstimateResponse, IconInfo } from './datasets'
-import type { AppIconSelection } from '@/app/components/base/app-icon-picker'
+import type { ChunkingMode, DocumentIndexingStatus, FileIndexingEstimateResponse, IconInfo } from './datasets'
 import type { Dependency } from '@/app/components/plugins/types'
 import type { Edge, EnvironmentVariable, Node, SupportUploadFileTypes } from '@/app/components/workflow/types'
 import type { TransferMethod } from '@/types/app'
@@ -53,14 +52,6 @@ export type PipelineTemplateByIdResponse = {
   created_by: string
 }
 
-export type CreateFormData = {
-  name: string
-  appIcon: AppIconSelection
-  description: string
-  permission: DatasetPermission
-  selectedMemberIDs: string[]
-}
-
 export type UpdateTemplateInfoRequest = {
   template_id: string
   name: string
diff --git a/web/models/share.ts b/web/models/share.ts
index 6bf96db3a1..50e0b9c9c4 100644
--- a/web/models/share.ts
+++ b/web/models/share.ts
@@ -1,8 +1,6 @@
 import type { Locale } from '@/i18n-config'
 import type { AppIconType } from '@/types/app'
 
-export type ResponseHolder = {}
-
 export type ConversationItem = {
   id: string
   name: string
diff --git a/web/package.json b/web/package.json
index b6d3ee6bc0..d2a9e88f4a 100644
--- a/web/package.json
+++ b/web/package.json
@@ -31,7 +31,7 @@
     "dev:proxy": "tsx ./scripts/dev-hono-proxy.ts",
     "dev:vinext": "vinext dev",
     "gen-doc-paths": "tsx ./scripts/gen-doc-paths.ts",
-    "gen-icons": "node ./scripts/gen-icons.mjs && eslint --fix app/components/base/icons/src/",
+    "gen-icons": "pnpm --filter @dify/iconify-collections generate && node ./scripts/gen-icons.mjs && eslint --fix app/components/base/icons/src/",
     "i18n:check": "tsx ./scripts/check-i18n.js",
     "knip": "knip",
     "lint": "eslint --cache --concurrency=auto",
@@ -81,6 +81,7 @@
     "@tailwindcss/typography": "catalog:",
     "@tanstack/react-form": "catalog:",
     "@tanstack/react-query": "catalog:",
+    "@tanstack/react-virtual": "catalog:",
     "abcjs": "catalog:",
     "ahooks": "catalog:",
     "class-variance-authority": "catalog:",
@@ -100,6 +101,7 @@
     "es-toolkit": "catalog:",
     "fast-deep-equal": "catalog:",
     "foxact": "catalog:",
+    "hast-util-to-jsx-runtime": "catalog:",
     "html-entities": "catalog:",
     "html-to-image": "catalog:",
     "i18next": "catalog:",
@@ -134,14 +136,13 @@
     "react-papaparse": "catalog:",
     "react-pdf-highlighter": "catalog:",
     "react-sortablejs": "catalog:",
-    "react-syntax-highlighter": "catalog:",
     "react-textarea-autosize": "catalog:",
-    "react-window": "catalog:",
     "reactflow": "catalog:",
     "remark-breaks": "catalog:",
     "remark-directive": "catalog:",
     "scheduler": "catalog:",
     "sharp": "catalog:",
+    "shiki": "catalog:",
     "sortablejs": "catalog:",
     "std-semver": "catalog:",
     "streamdown": "catalog:",
@@ -158,6 +159,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "catalog:",
     "@chromatic-com/storybook": "catalog:",
+    "@dify/iconify-collections": "workspace:*",
     "@egoist/tailwindcss-icons": "catalog:",
     "@eslint-react/eslint-plugin": "catalog:",
     "@hono/node-server": "catalog:",
@@ -195,8 +197,6 @@
     "@types/qs": "catalog:",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
-    "@types/react-syntax-highlighter": "catalog:",
-    "@types/react-window": "catalog:",
     "@types/sortablejs": "catalog:",
     "@typescript-eslint/parser": "catalog:",
     "@typescript/native-preview": "catalog:",
@@ -211,17 +211,14 @@
     "eslint-plugin-hyoban": "catalog:",
     "eslint-plugin-markdown-preferences": "catalog:",
     "eslint-plugin-no-barrel-files": "catalog:",
-    "eslint-plugin-react-hooks": "catalog:",
     "eslint-plugin-react-refresh": "catalog:",
     "eslint-plugin-sonarjs": "catalog:",
     "eslint-plugin-storybook": "catalog:",
     "happy-dom": "catalog:",
     "hono": "catalog:",
-    "iconify-import-svg": "catalog:",
     "knip": "catalog:",
     "postcss": "catalog:",
     "react-server-dom-webpack": "catalog:",
-    "sass": "catalog:",
     "storybook": "catalog:",
     "tailwindcss": "catalog:",
     "tsx": "catalog:",
diff --git a/web/plugins/dev-proxy/server.ts b/web/plugins/dev-proxy/server.ts
index 3708dd746f..a3752784fa 100644
--- a/web/plugins/dev-proxy/server.ts
+++ b/web/plugins/dev-proxy/server.ts
@@ -8,7 +8,7 @@ type DevProxyEnv = Partial<Record<
   string
 >>
 
-export type DevProxyTargets = {
+type DevProxyTargets = {
   consoleApiTarget: string
   publicApiTarget: string
 }
@@ -55,7 +55,7 @@ export const isAllowedDevOrigin = (origin?: string | null) => {
   }
 }
 
-export const applyCorsHeaders = (headers: Headers, origin?: string | null) => {
+const applyCorsHeaders = (headers: Headers, origin?: string | null) => {
   if (!isAllowedDevOrigin(origin))
     return
 
diff --git a/web/plugins/eslint/namespaces.js b/web/plugins/eslint/namespaces.js
index 77cae65756..68d41d5a4f 100644
--- a/web/plugins/eslint/namespaces.js
+++ b/web/plugins/eslint/namespaces.js
@@ -2,7 +2,7 @@
 // Keep in sync with the namespaces object
 
 // @keep-sorted
-export const NAMESPACES = [
+const NAMESPACES = [
   'app',
   'appAnnotation',
   'appApi',
@@ -37,7 +37,7 @@ export const NAMESPACES = [
 
 // Sort by length descending to match longer prefixes first
 // e.g., 'datasetDocuments' before 'dataset'
-export const NAMESPACES_BY_LENGTH = [...NAMESPACES].sort((a, b) => b.length - a.length)
+const NAMESPACES_BY_LENGTH = [...NAMESPACES].sort((a, b) => b.length - a.length)
 
 /**
  * Extract namespace from a translation key
diff --git a/web/plugins/vite/inject-target.ts b/web/plugins/vite/inject-target.ts
index 845f949174..685da6616a 100644
--- a/web/plugins/vite/inject-target.ts
+++ b/web/plugins/vite/inject-target.ts
@@ -1,6 +1,6 @@
 import path from 'node:path'
 
-export const rootClientInjectTargetRelativePath = 'instrumentation-client.ts'
+const rootClientInjectTargetRelativePath = 'instrumentation-client.ts'
 
 export const getRootClientInjectTarget = (projectRoot: string): string => {
   return path.resolve(projectRoot, rootClientInjectTargetRelativePath)
diff --git a/web/plugins/vite/react-grab-open-file.ts b/web/plugins/vite/react-grab-open-file.ts
deleted file mode 100644
index 42e0ace3af..0000000000
--- a/web/plugins/vite/react-grab-open-file.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import type { Plugin } from 'vite'
-import { injectClientSnippet, normalizeViteModuleId } from './utils'
-
-type ReactGrabOpenFilePluginOptions = {
-  injectTarget: string
-  projectRoot: string
-}
-
-export const reactGrabOpenFilePlugin = ({
-  injectTarget,
-  projectRoot,
-}: ReactGrabOpenFilePluginOptions): Plugin => {
-  const reactGrabOpenFileClientMarker = 'react-grab-open-file-client'
-  const reactGrabOpenFileClientSnippet = `/* ${reactGrabOpenFileClientMarker} */
-if (typeof window !== 'undefined') {
-  const projectRoot = ${JSON.stringify(projectRoot)};
-  const pluginName = 'dify-vite-open-file';
-  const rootRelativeSourcePathPattern = /^\\/(?!@|node_modules)(?:.+)\\.(?:[cm]?[jt]sx?|mdx?)$/;
-
-  const normalizeProjectRoot = (input) => {
-    return input.endsWith('/') ? input.slice(0, -1) : input;
-  };
-
-  const resolveFilePath = (filePath) => {
-    if (filePath.startsWith('/@fs/')) {
-      return filePath.slice('/@fs'.length);
-    }
-
-    if (!rootRelativeSourcePathPattern.test(filePath)) {
-      return filePath;
-    }
-
-    const normalizedProjectRoot = normalizeProjectRoot(projectRoot);
-    if (filePath.startsWith(normalizedProjectRoot)) {
-      return filePath;
-    }
-
-    return \`\${normalizedProjectRoot}\${filePath}\`;
-  };
-
-  const registerPlugin = () => {
-    if (window.__DIFY_REACT_GRAB_OPEN_FILE_PLUGIN_REGISTERED__) {
-      return;
-    }
-
-    const reactGrab = window.__REACT_GRAB__;
-    if (!reactGrab) {
-      return;
-    }
-
-    reactGrab.registerPlugin({
-      name: pluginName,
-      hooks: {
-        onOpenFile(filePath, lineNumber) {
-          const params = new URLSearchParams({
-            file: resolveFilePath(filePath),
-            column: '1',
-          });
-
-          if (lineNumber) {
-            params.set('line', String(lineNumber));
-          }
-
-          void fetch(\`/__open-in-editor?\${params.toString()}\`);
-          return true;
-        },
-      },
-    });
-
-    window.__DIFY_REACT_GRAB_OPEN_FILE_PLUGIN_REGISTERED__ = true;
-  };
-
-  registerPlugin();
-  window.addEventListener('react-grab:init', registerPlugin);
-}
-`
-
-  return {
-    name: 'react-grab-open-file',
-    apply: 'serve',
-    transform(code, id) {
-      const cleanId = normalizeViteModuleId(id)
-      if (cleanId !== injectTarget)
-        return null
-
-      const nextCode = injectClientSnippet(code, reactGrabOpenFileClientMarker, reactGrabOpenFileClientSnippet)
-      if (nextCode === code)
-        return null
-      return { code: nextCode, map: null }
-    },
-  }
-}
diff --git a/web/scripts/analyze-component.js b/web/scripts/analyze-component.js
index 2fdff2f3d0..04bf0d8f71 100755
--- a/web/scripts/analyze-component.js
+++ b/web/scripts/analyze-component.js
@@ -304,7 +304,7 @@ Create the test file at: ${testPath}
 }
 
 class TestReviewPromptBuilder {
-  build({ analysis, testPath, testCode, originalPromptSection }) {
+  build({ analysis, testPath, originalPromptSection }) {
     const formattedOriginalPrompt = originalPromptSection
       ? originalPromptSection
           .split('\n')
diff --git a/web/scripts/gen-icons.mjs b/web/scripts/gen-icons.mjs
index f681d65759..183cef6960 100644
--- a/web/scripts/gen-icons.mjs
+++ b/web/scripts/gen-icons.mjs
@@ -6,6 +6,7 @@ import { camelCase, template } from 'es-toolkit/compat'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
 const iconsDir = path.resolve(__dirname, '../app/components/base/icons')
+const svgAssetsDir = path.resolve(__dirname, '../../packages/iconify-collections/assets')
 
 const generateDir = async (currentPath) => {
   try {
@@ -32,8 +33,8 @@ const processSvgStructure = (svgStructure, replaceFillOrStrokeColor) => {
     })
   }
 }
-const generateSvgComponent = async (fileHandle, entry, pathList, replaceFillOrStrokeColor) => {
-  const currentPath = path.resolve(iconsDir, 'src', ...pathList.slice(2))
+const generateSvgComponent = async (fileHandle, entry, relativeSegments, replaceFillOrStrokeColor) => {
+  const currentPath = path.resolve(iconsDir, 'src', ...relativeSegments)
 
   try {
     await access(currentPath)
@@ -86,8 +87,8 @@ export { default as <%= svgName %> } from './<%= svgName %>'
   await appendFile(path.resolve(currentPath, 'index.ts'), `${indexingRender({ svgName: fileName })}\n`)
 }
 
-const generateImageComponent = async (entry, pathList) => {
-  const currentPath = path.resolve(iconsDir, 'src', ...pathList.slice(2))
+const generateImageComponent = async (entry, relativeSegments) => {
+  const currentPath = path.resolve(iconsDir, 'src', ...relativeSegments)
 
   try {
     await access(currentPath)
@@ -107,7 +108,7 @@ const generateImageComponent = async (entry, pathList) => {
 }
 `.trim())
 
-  await writeFile(path.resolve(currentPath, `${fileName}.module.css`), `${componentCSSRender({ assetPath: path.posix.join('~@/app/components/base/icons/assets', ...pathList.slice(2), entry) })}\n`)
+  await writeFile(path.resolve(currentPath, `${fileName}.module.css`), `${componentCSSRender({ assetPath: path.posix.join('~@/app/components/base/icons/assets', ...relativeSegments, entry) })}\n`)
 
   const componentRender = template(`
 // GENERATE BY script
@@ -141,8 +142,8 @@ export { default as <%= fileName %> } from './<%= fileName %>'
   await appendFile(path.resolve(currentPath, 'index.ts'), `${indexingRender({ fileName })}\n`)
 }
 
-const walk = async (entry, pathList, replaceFillOrStrokeColor) => {
-  const currentPath = path.resolve(...pathList, entry)
+const walk = async (basePath, entry, relativeSegments, replaceFillOrStrokeColor) => {
+  const currentPath = path.resolve(basePath, ...relativeSegments, entry)
   let fileHandle
 
   try {
@@ -153,14 +154,14 @@ const walk = async (entry, pathList, replaceFillOrStrokeColor) => {
       const files = await readdir(currentPath)
 
       for (const file of files)
-        await walk(file, [...pathList, entry], replaceFillOrStrokeColor)
+        await walk(basePath, file, [...relativeSegments, entry], replaceFillOrStrokeColor)
     }
 
     if (stat.isFile() && /.+\.svg$/.test(entry))
-      await generateSvgComponent(fileHandle, entry, pathList, replaceFillOrStrokeColor)
+      await generateSvgComponent(fileHandle, entry, relativeSegments, replaceFillOrStrokeColor)
 
     if (stat.isFile() && /.+\.png$/.test(entry))
-      await generateImageComponent(entry, pathList)
+      await generateImageComponent(entry, relativeSegments)
   }
   finally {
     fileHandle?.close()
@@ -169,7 +170,7 @@ const walk = async (entry, pathList, replaceFillOrStrokeColor) => {
 
 (async () => {
   await rm(path.resolve(iconsDir, 'src'), { recursive: true, force: true })
-  await walk('public', [iconsDir, 'assets'])
-  await walk('vender', [iconsDir, 'assets'], true)
-  await walk('image', [iconsDir, 'assets'])
+  await walk(svgAssetsDir, 'public', [], false)
+  await walk(svgAssetsDir, 'vender', [], true)
+  await walk(path.resolve(iconsDir, 'assets'), 'image', [], false)
 })()
diff --git a/web/service/apps.ts b/web/service/apps.ts
index db79141ec6..5698d11e9d 100644
--- a/web/service/apps.ts
+++ b/web/service/apps.ts
@@ -1,5 +1,5 @@
 import type { TracingProvider } from '@/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/tracing/type'
-import type { ApiKeysListResponse, AppDailyConversationsResponse, AppDailyEndUsersResponse, AppDailyMessagesResponse, AppDetailResponse, AppListResponse, AppStatisticsResponse, AppTemplatesResponse, AppTokenCostsResponse, AppVoicesListResponse, CreateApiKeyResponse, DSLImportMode, DSLImportResponse, GenerationIntroductionResponse, TracingConfig, TracingStatus, UpdateAppModelConfigResponse, UpdateAppSiteCodeResponse, UpdateOpenAIKeyResponse, ValidateOpenAIKeyResponse, WebhookTriggerResponse, WorkflowDailyConversationsResponse } from '@/models/app'
+import type { AppDetailResponse, AppListResponse, CreateApiKeyResponse, DSLImportMode, DSLImportResponse, TracingConfig, TracingStatus, UpdateAppModelConfigResponse, UpdateAppSiteCodeResponse, WebhookTriggerResponse } from '@/models/app'
 import type { CommonResponse } from '@/models/common'
 import type { AppIconType, AppModeEnum, ModelConfig } from '@/types/app'
 import { del, get, patch, post, put } from './base'
@@ -16,10 +16,6 @@ export const fetchAppDetailDirect = async ({ url, id }: { url: string, id: strin
   return get<AppDetailResponse>(`${url}/${id}`)
 }
 
-export const fetchAppTemplates = ({ url }: { url: string }): Promise<AppTemplatesResponse> => {
-  return get<AppTemplatesResponse>(url)
-}
-
 export const createApp = ({
   name,
   icon_type,
@@ -112,15 +108,6 @@ export const updateAppSiteStatus = ({ url, body }: { url: string, body: Record<s
   return post<AppDetailResponse>(url, { body })
 }
 
-export const updateAppApiStatus = ({ url, body }: { url: string, body: Record<string, any> }): Promise<AppDetailResponse> => {
-  return post<AppDetailResponse>(url, { body })
-}
-
-// path: /apps/{appId}/rate-limit
-export const updateAppRateLimit = ({ url, body }: { url: string, body: Record<string, any> }): Promise<AppDetailResponse> => {
-  return post<AppDetailResponse>(url, { body })
-}
-
 export const updateAppSiteAccessToken = ({ url }: { url: string }): Promise<UpdateAppSiteCodeResponse> => {
   return post<UpdateAppSiteCodeResponse>(url)
 }
@@ -129,43 +116,10 @@ export const updateAppSiteConfig = ({ url, body }: { url: string, body: Record<s
   return post<AppDetailResponse>(url, { body })
 }
 
-export const getAppDailyMessages = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppDailyMessagesResponse> => {
-  return get<AppDailyMessagesResponse>(url, { params })
-}
-
-export const getAppDailyConversations = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppDailyConversationsResponse> => {
-  return get<AppDailyConversationsResponse>(url, { params })
-}
-
-export const getWorkflowDailyConversations = ({ url, params }: { url: string, params: Record<string, any> }): Promise<WorkflowDailyConversationsResponse> => {
-  return get<WorkflowDailyConversationsResponse>(url, { params })
-}
-
-export const getAppStatistics = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppStatisticsResponse> => {
-  return get<AppStatisticsResponse>(url, { params })
-}
-
-export const getAppDailyEndUsers = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppDailyEndUsersResponse> => {
-  return get<AppDailyEndUsersResponse>(url, { params })
-}
-
-export const getAppTokenCosts = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppTokenCostsResponse> => {
-  return get<AppTokenCostsResponse>(url, { params })
-}
-
 export const updateAppModelConfig = ({ url, body }: { url: string, body: Record<string, any> }): Promise<UpdateAppModelConfigResponse> => {
   return post<UpdateAppModelConfigResponse>(url, { body })
 }
 
-// For temp testing
-export const fetchAppListNoMock = ({ url, params }: { url: string, params: Record<string, any> }): Promise<AppListResponse> => {
-  return get<AppListResponse>(url, params)
-}
-
-export const fetchApiKeysList = ({ url, params }: { url: string, params: Record<string, any> }): Promise<ApiKeysListResponse> => {
-  return get<ApiKeysListResponse>(url, params)
-}
-
 export const delApikey = ({ url, params }: { url: string, params: Record<string, any> }): Promise<CommonResponse> => {
   return del<CommonResponse>(url, params)
 }
@@ -174,23 +128,6 @@ export const createApikey = ({ url, body }: { url: string, body: Record<string,
   return post<CreateApiKeyResponse>(url, body)
 }
 
-export const validateOpenAIKey = ({ url, body }: { url: string, body: { token: string } }): Promise<ValidateOpenAIKeyResponse> => {
-  return post<ValidateOpenAIKeyResponse>(url, { body })
-}
-
-export const updateOpenAIKey = ({ url, body }: { url: string, body: { token: string } }): Promise<UpdateOpenAIKeyResponse> => {
-  return post<UpdateOpenAIKeyResponse>(url, { body })
-}
-
-export const generationIntroduction = ({ url, body }: { url: string, body: { prompt_template: string } }): Promise<GenerationIntroductionResponse> => {
-  return post<GenerationIntroductionResponse>(url, { body })
-}
-
-export const fetchAppVoices = ({ appId, language }: { appId: string, language?: string }): Promise<AppVoicesListResponse> => {
-  language = language || 'en-US'
-  return get<AppVoicesListResponse>(`apps/${appId}/text-to-audio/voices?language=${language}`)
-}
-
 // Tracing
 export const fetchTracingStatus = ({ appId }: { appId: string }): Promise<TracingStatus> => {
   return get<TracingStatus>(`/apps/${appId}/trace`)
diff --git a/web/service/base.ts b/web/service/base.ts
index e44a607fb8..ad4f8cef44 100644
--- a/web/service/base.ts
+++ b/web/service/base.ts
@@ -1,5 +1,5 @@
 import type { FetchOptionType, ResponseError } from './fetch'
-import type { AnnotationReply, MessageEnd, MessageReplace, ThoughtItem } from '@/app/components/base/chat/chat/type'
+import type { MessageEnd, MessageReplace, ThoughtItem } from '@/app/components/base/chat/chat/type'
 import type { VisionFile } from '@/types/app'
 import type {
   DataSourceNodeCompletedResponse,
@@ -51,7 +51,6 @@ export type IOnThought = (though: ThoughtItem) => void
 export type IOnFile = (file: VisionFile) => void
 export type IOnMessageEnd = (messageEnd: MessageEnd) => void
 export type IOnMessageReplace = (messageReplace: MessageReplace) => void
-export type IOnAnnotationReply = (messageReplace: AnnotationReply) => void
 export type IOnCompleted = (hasError?: boolean, errorMessage?: string) => void
 export type IOnError = (msg: string, code?: string) => void
 
@@ -173,14 +172,6 @@ function formatURL(url: string, isPublicAPI: boolean) {
   return `${urlPrefix}${urlWithoutProtocol}`
 }
 
-export function format(text: string) {
-  let res = text.trim()
-  if (res.startsWith('\n'))
-    res = res.replace('\n', '')
-
-  return res.replaceAll('\n', '<br/>').replaceAll('```', '')
-}
-
 export const handleStream = (
   response: Response,
   onData: IOnData,
@@ -856,10 +847,6 @@ export const put = <T>(url: string, options = {}, otherOptions?: IOtherOptions)
   return request<T>(url, Object.assign({}, options, { method: 'PUT' }), otherOptions)
 }
 
-export const putPublic = <T>(url: string, options = {}, otherOptions?: IOtherOptions) => {
-  return put<T>(url, options, { ...otherOptions, isPublicAPI: true })
-}
-
 export const del = <T>(url: string, options = {}, otherOptions?: IOtherOptions) => {
   return request<T>(url, Object.assign({}, options, { method: 'DELETE' }), otherOptions)
 }
diff --git a/web/service/datasets.ts b/web/service/datasets.ts
index 4465886c20..3d84a89401 100644
--- a/web/service/datasets.ts
+++ b/web/service/datasets.ts
@@ -1,34 +1,25 @@
 import type { CreateExternalAPIReq } from '@/app/components/datasets/external-api/declarations'
 import type { CreateKnowledgeBaseReq } from '@/app/components/datasets/external-knowledge-base/create/declarations'
 import type {
-  ApiKeysListResponse,
   CreateApiKeyResponse,
 } from '@/models/app'
-import type { CommonResponse, DataSourceNotionWorkspace } from '@/models/common'
+import type { CommonResponse } from '@/models/common'
 import type {
   CreateDocumentReq,
   createDocumentResponse,
   DataSet,
   DataSetListResponse,
-  ErrorDocsResponse,
   ExternalAPIDeleteResponse,
   ExternalAPIItem,
-  ExternalAPIListResponse,
   ExternalAPIUsage,
-  ExternalKnowledgeBaseHitTestingResponse,
   ExternalKnowledgeItem,
   FetchDatasetsParams,
   FileIndexingEstimateResponse,
-  HitTestingRecordsResponse,
-  HitTestingResponse,
   IndexingEstimateParams,
-  IndexingEstimateResponse,
   IndexingStatusBatchResponse,
   IndexingStatusResponse,
   ProcessRuleResponse,
-  RelatedAppResponse,
 } from '@/models/datasets'
-import type { RetrievalConfig } from '@/types/app'
 import qs from 'qs'
 import { DataSourceProvider } from '@/models/common'
 import { del, get, patch, post, put } from './base'
@@ -58,10 +49,6 @@ export type SortType = 'created_at' | 'hit_count' | '-created_at' | '-hit_count'
 
 export type MetadataType = 'all' | 'only' | 'without'
 
-export const fetchDatasetDetail = (datasetId: string): Promise<DataSet> => {
-  return get<DataSet>(`/datasets/${datasetId}`)
-}
-
 export const updateDatasetSetting = ({
   datasetId,
   body,
@@ -72,10 +59,6 @@ export const updateDatasetSetting = ({
   return patch<DataSet>(`/datasets/${datasetId}`, { body })
 }
 
-export const fetchDatasetRelatedApps = (datasetId: string): Promise<RelatedAppResponse> => {
-  return get<RelatedAppResponse>(`/datasets/${datasetId}/related-apps`)
-}
-
 export const fetchDatasets = ({ url, params }: FetchDatasetsParams): Promise<DataSetListResponse> => {
   const urlParams = qs.stringify(params, { indices: false })
   return get<DataSetListResponse>(`${url}?${urlParams}`)
@@ -95,10 +78,6 @@ export const deleteDataset = (datasetID: string): Promise<DataSet> => {
   return del<DataSet>(`/datasets/${datasetID}`)
 }
 
-export const fetchExternalAPIList = ({ url }: { url: string }): Promise<ExternalAPIListResponse> => {
-  return get<ExternalAPIListResponse>(url)
-}
-
 export const fetchExternalAPI = ({ apiTemplateId }: { apiTemplateId: string }): Promise<ExternalAPIItem> => {
   return get<ExternalAPIItem>(`/datasets/external-knowledge-api/${apiTemplateId}`)
 }
@@ -126,9 +105,6 @@ export const createExternalKnowledgeBase = ({ body }: { body: CreateKnowledgeBas
 export const fetchDefaultProcessRule = ({ url }: { url: string }): Promise<ProcessRuleResponse> => {
   return get<ProcessRuleResponse>(url)
 }
-export const fetchProcessRule = ({ params: { documentId } }: { params: { documentId: string } }): Promise<ProcessRuleResponse> => {
-  return get<ProcessRuleResponse>('/datasets/process-rule', { params: { document_id: documentId } })
-}
 
 export const createFirstDocument = ({ body }: { body: CreateDocumentReq }): Promise<createDocumentResponse> => {
   return post<createDocumentResponse>('/datasets/init', { body })
@@ -138,13 +114,6 @@ export const createDocument = ({ datasetId, body }: { datasetId: string, body: C
   return post<createDocumentResponse>(`/datasets/${datasetId}/documents`, { body })
 }
 
-export const fetchIndexingEstimate = ({ datasetId, documentId }: CommonDocReq): Promise<IndexingEstimateResponse> => {
-  return get<IndexingEstimateResponse>(`/datasets/${datasetId}/documents/${documentId}/indexing-estimate`, {})
-}
-export const fetchIndexingEstimateBatch = ({ datasetId, batchId }: BatchReq): Promise<IndexingEstimateResponse> => {
-  return get<IndexingEstimateResponse>(`/datasets/${datasetId}/batch/${batchId}/indexing-estimate`, {})
-}
-
 export const fetchIndexingStatus = ({ datasetId, documentId }: CommonDocReq): Promise<IndexingStatusResponse> => {
   return get<IndexingStatusResponse>(`/datasets/${datasetId}/documents/${documentId}/indexing-status`, {})
 }
@@ -179,27 +148,11 @@ export const downloadDocumentsZip = ({ datasetId, documentIds }: DocumentDownloa
   })
 }
 
-export const preImportNotionPages = ({ url, datasetId }: { url: string, datasetId?: string }): Promise<{ notion_info: DataSourceNotionWorkspace[] }> => {
-  return get<{ notion_info: DataSourceNotionWorkspace[] }>(url, { params: { dataset_id: datasetId } })
-}
-
 export const modifyDocMetadata = ({ datasetId, documentId, body }: CommonDocReq & { body: { doc_type: string, doc_metadata: Record<string, any> } }): Promise<CommonResponse> => {
   return put<CommonResponse>(`/datasets/${datasetId}/documents/${documentId}/metadata`, { body })
 }
 
 // hit testing
-export const hitTesting = ({ datasetId, queryText, retrieval_model }: { datasetId: string, queryText: string, retrieval_model: RetrievalConfig }): Promise<HitTestingResponse> => {
-  return post<HitTestingResponse>(`/datasets/${datasetId}/hit-testing`, { body: { query: queryText, retrieval_model } })
-}
-
-export const externalKnowledgeBaseHitTesting = ({ datasetId, query, external_retrieval_model }: { datasetId: string, query: string, external_retrieval_model: { top_k: number, score_threshold: number, score_threshold_enabled: boolean } }): Promise<ExternalKnowledgeBaseHitTestingResponse> => {
-  return post<ExternalKnowledgeBaseHitTestingResponse>(`/datasets/${datasetId}/external-hit-testing`, { body: { query, external_retrieval_model } })
-}
-
-export const fetchTestingRecords = ({ datasetId, params }: { datasetId: string, params: { page: number, limit: number } }): Promise<HitTestingRecordsResponse> => {
-  return get<HitTestingRecordsResponse>(`/datasets/${datasetId}/queries`, { params })
-}
-
 export const fetchFileIndexingEstimate = (body: IndexingEstimateParams): Promise<FileIndexingEstimateResponse> => {
   return post<FileIndexingEstimateResponse>('/datasets/indexing-estimate', { body })
 }
@@ -212,10 +165,6 @@ export const fetchNotionPagePreview = ({ pageID, pageType, credentialID }: { pag
   })
 }
 
-export const fetchApiKeysList = ({ url, params }: { url: string, params: Record<string, any> }): Promise<ApiKeysListResponse> => {
-  return get<ApiKeysListResponse>(url, params)
-}
-
 export const delApikey = ({ url, params }: { url: string, params: Record<string, any> }): Promise<CommonResponse> => {
   return del<CommonResponse>(url, params)
 }
@@ -224,18 +173,6 @@ export const createApikey = ({ url, body }: { url: string, body: Record<string,
   return post<CreateApiKeyResponse>(url, body)
 }
 
-export const fetchDataSources = (): Promise<CommonResponse> => {
-  return get<CommonResponse>('api-key-auth/data-source')
-}
-
-export const createDataSourceApiKeyBinding = (body: Record<string, any>): Promise<CommonResponse> => {
-  return post<CommonResponse>('api-key-auth/data-source/binding', { body })
-}
-
-export const removeDataSourceApiKeyBinding = (id: string): Promise<CommonResponse> => {
-  return del<CommonResponse>(`api-key-auth/data-source/${id}`)
-}
-
 export const createFirecrawlTask = (body: Record<string, any>): Promise<CommonResponse> => {
   return post<CommonResponse>('website/crawl', {
     body: {
@@ -297,14 +234,6 @@ export type FileTypesRes = {
   allowed_extensions: string[]
 }
 
-export const fetchSupportFileTypes = ({ url }: { url: string }): Promise<FileTypesRes> => {
-  return get<FileTypesRes>(url)
-}
-
-export const getErrorDocs = ({ datasetId }: { datasetId: string }): Promise<ErrorDocsResponse> => {
-  return get<ErrorDocsResponse>(`/datasets/${datasetId}/error-docs`)
-}
-
 export const retryErrorDocs = ({ datasetId, document_ids }: { datasetId: string, document_ids: string[] }): Promise<CommonResponse> => {
   return post<CommonResponse>(`/datasets/${datasetId}/retry`, { body: { document_ids } })
 }
diff --git a/web/service/debug.ts b/web/service/debug.ts
index 9f11643e7f..257a1cf159 100644
--- a/web/service/debug.ts
+++ b/web/service/debug.ts
@@ -1,10 +1,9 @@
 import type { IOnCompleted, IOnData, IOnError, IOnMessageReplace } from './base'
-import type { ModelParameterRule } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { ChatPromptConfig, CompletionPromptConfig } from '@/models/debug'
 import type { AppModeEnum, ModelModeType } from '@/types/app'
 import { get, post, ssePost } from './base'
 
-export type BasicAppFirstRes = {
+type BasicAppFirstRes = {
   prompt: string
   variables: string[]
   opening_statement: string
@@ -19,12 +18,6 @@ export type GenRes = {
   error?: string
 }
 
-export type CodeGenRes = {
-  code: string
-  language: string[]
-  error?: string
-}
-
 export const stopChatMessageResponding = async (appId: string, taskId: string) => {
   return post(`apps/${appId}/chat-messages/${taskId}/stop`)
 }
@@ -75,14 +68,6 @@ export const generateRule = (body: Record<string, any>) => {
   })
 }
 
-export const fetchModelParams = (providerName: string, modelId: string) => {
-  return get(`workspaces/current/model-providers/${providerName}/models/parameter-rules`, {
-    params: {
-      model: modelId,
-    },
-  }) as Promise<{ data: ModelParameterRule[] }>
-}
-
 export const fetchPromptTemplate = ({
   appMode,
   mode,
diff --git a/web/service/knowledge/use-dataset.ts b/web/service/knowledge/use-dataset.ts
index 87fc1f2aec..1be3df18dd 100644
--- a/web/service/knowledge/use-dataset.ts
+++ b/web/service/knowledge/use-dataset.ts
@@ -188,15 +188,6 @@ export const useExternalKnowledgeApiList = (options?: { enabled?: boolean }) =>
   })
 }
 
-export const useInvalidateExternalKnowledgeApiList = () => {
-  const queryClient = useQueryClient()
-  return () => {
-    queryClient.invalidateQueries({
-      queryKey: [NAME_SPACE, 'external-knowledge-api'],
-    })
-  }
-}
-
 export const useDatasetTestingRecords = (
   datasetId?: string,
   params?: { page: number, limit: number },
diff --git a/web/service/knowledge/use-document.ts b/web/service/knowledge/use-document.ts
index 6e48d7b6f4..811ed1aa49 100644
--- a/web/service/knowledge/use-document.ts
+++ b/web/service/knowledge/use-document.ts
@@ -72,7 +72,7 @@ const toBatchDocumentsIdParams = (documentIds: string[] | string) => {
   return ids.map(id => `document_id=${id}`).join('&')
 }
 
-export const useDocumentBatchAction = (action: DocumentActionType) => {
+const useDocumentBatchAction = (action: DocumentActionType) => {
   return useMutation({
     mutationFn: ({ datasetId, documentIds, documentId }: UpdateDocumentBatchParams) => {
       return patch<CommonResponse>(`/datasets/${datasetId}/documents/status/${action}/batch?${toBatchDocumentsIdParams(documentId || documentIds!)}`)
diff --git a/web/service/knowledge/use-hit-testing.ts b/web/service/knowledge/use-hit-testing.ts
index 75c111483e..97442e50e5 100644
--- a/web/service/knowledge/use-hit-testing.ts
+++ b/web/service/knowledge/use-hit-testing.ts
@@ -1,31 +1,14 @@
 import type {
   ExternalKnowledgeBaseHitTestingRequest,
   ExternalKnowledgeBaseHitTestingResponse,
-  HitTestingRecordsRequest,
-  HitTestingRecordsResponse,
   HitTestingRequest,
   HitTestingResponse,
 } from '@/models/datasets'
-import { useMutation, useQuery } from '@tanstack/react-query'
-import { get, post } from '../base'
-import { useInvalid } from '../use-base'
+import { useMutation } from '@tanstack/react-query'
+import { post } from '../base'
 
 const NAME_SPACE = 'hit-testing'
 
-const HitTestingRecordsKey = [NAME_SPACE, 'records']
-
-export const useHitTestingRecords = (params: HitTestingRecordsRequest) => {
-  const { datasetId, page, limit } = params
-  return useQuery({
-    queryKey: [...HitTestingRecordsKey, datasetId, page, limit],
-    queryFn: () => get<HitTestingRecordsResponse>(`/datasets/${datasetId}/queries`, { params: { page, limit } }),
-  })
-}
-
-export const useInvalidateHitTestingRecords = (datasetId: string) => {
-  return useInvalid([...HitTestingRecordsKey, datasetId])
-}
-
 export const useHitTesting = (datasetId: string) => {
   return useMutation({
     mutationKey: [NAME_SPACE, 'hit-testing', datasetId],
diff --git a/web/service/knowledge/use-metadata.ts b/web/service/knowledge/use-metadata.ts
index 50b2c47ae3..5f802c2e53 100644
--- a/web/service/knowledge/use-metadata.ts
+++ b/web/service/knowledge/use-metadata.ts
@@ -16,7 +16,7 @@ export const useDatasetMetaData = (datasetId: string) => {
   })
 }
 
-export const useInvalidDatasetMetaData = (datasetId: string) => {
+const useInvalidDatasetMetaData = (datasetId: string) => {
   return useInvalid([NAME_SPACE, 'dataset', datasetId])
 }
 
@@ -32,7 +32,7 @@ export const useCreateMetaData = (datasetId: string) => {
     },
   })
 }
-export const useInvalidAllDocumentMetaData = (datasetId: string) => {
+const useInvalidAllDocumentMetaData = (datasetId: string) => {
   const queryClient = useQueryClient()
   return () => {
     queryClient.invalidateQueries({
diff --git a/web/service/plugins.ts b/web/service/plugins.ts
index cf05d8c20d..9062d3b5ec 100644
--- a/web/service/plugins.ts
+++ b/web/service/plugins.ts
@@ -1,15 +1,8 @@
-import type {
-  MarketplaceCollectionPluginsResponse,
-  MarketplaceCollectionsResponse,
-} from '@/app/components/plugins/marketplace/types'
 import type {
   Dependency,
   InstallPackageResponse,
-  Permissions,
-  PluginDeclaration,
   PluginInfoFromMarketPlace,
   PluginManifestInMarket,
-  PluginTasksResponse,
   TaskStatusResponse,
   UninstallPluginResponse,
   updatePackageResponse,
@@ -54,14 +47,6 @@ export const uploadGitHub = async (repoUrl: string, selectedVersion: string, sel
   })
 }
 
-export const fetchIcon = (tenantId: string, fileName: string) => {
-  return get(`workspaces/current/plugin/icon?tenant_id=${tenantId}&filename=${fileName}`)
-}
-
-export const fetchManifest = async (uniqueIdentifier: string) => {
-  return get<PluginDeclaration>(`/workspaces/current/plugin/fetch-manifest?plugin_unique_identifier=${uniqueIdentifier}`)
-}
-
 export const fetchManifestFromMarketPlace = async (uniqueIdentifier: string) => {
   return getMarketplace<{ data: { plugin: PluginManifestInMarket, version: { version: string } } }>(`/plugins/identifier?unique_identifier=${uniqueIdentifier}`)
 }
@@ -81,26 +66,10 @@ export const fetchPluginInfoFromMarketPlace = async ({
   return getMarketplace<{ data: { plugin: PluginInfoFromMarketPlace, version: { version: string } } }>(`/plugins/${org}/${name}`)
 }
 
-export const fetchMarketplaceCollections = ({ url }: { url: string }): Promise<MarketplaceCollectionsResponse> => {
-  return get<MarketplaceCollectionsResponse>(url)
-}
-
-export const fetchMarketplaceCollectionPlugins = ({ url }: { url: string }): Promise<MarketplaceCollectionPluginsResponse> => {
-  return get<MarketplaceCollectionPluginsResponse>(url)
-}
-
-export const fetchPluginTasks = async () => {
-  return get<PluginTasksResponse>('/workspaces/current/plugin/tasks?page=1&page_size=255')
-}
-
 export const checkTaskStatus = async (taskId: string) => {
   return get<TaskStatusResponse>(`/workspaces/current/plugin/tasks/${taskId}`)
 }
 
-export const updatePermission = async (permissions: Permissions) => {
-  return post('/workspaces/current/plugin/permission/change', { body: permissions })
-}
-
 export const uninstallPlugin = async (pluginId: string) => {
   return post<UninstallPluginResponse>('/workspaces/current/plugin/uninstall', { body: { plugin_installation_id: pluginId } })
 }
diff --git a/web/service/share.ts b/web/service/share.ts
index 4726ded7d1..de0adb2be2 100644
--- a/web/service/share.ts
+++ b/web/service/share.ts
@@ -246,10 +246,6 @@ export const textToAudioStream = (url: string, appSourceType: AppSourceType, hea
   return (getAction('post', appSourceType))(url, { body, header }, { needAllResponseContent: true })
 }
 
-export const textToAudio = (url: string, appSourceType: AppSourceType, body: FormData) => {
-  return (getAction('post', appSourceType))(url, { body }, { bodyStringify: false, deleteContentType: true }) as Promise<{ data: string }>
-}
-
 export const fetchAccessToken = async ({ userId, appCode }: { userId?: string, appCode: string }) => {
   const headers = new Headers()
   headers.append(WEB_APP_SHARE_CODE_HEADER_NAME, appCode)
diff --git a/web/service/tools.ts b/web/service/tools.ts
index 7ffe8ef65a..ae9655d520 100644
--- a/web/service/tools.ts
+++ b/web/service/tools.ts
@@ -15,10 +15,6 @@ export const fetchCollectionList = () => {
   return get<Collection[]>('/workspaces/current/tool-providers')
 }
 
-export const fetchCollectionDetail = (collectionName: string) => {
-  return get<Collection>(`/workspaces/current/tool-provider/${collectionName}/info`)
-}
-
 export const fetchBuiltInToolList = (collectionName: string) => {
   return get<Tool[]>(`/workspaces/current/tool-provider/builtin/${collectionName}/tools`)
 }
@@ -133,10 +129,6 @@ export const saveWorkflowToolProvider = (payload: WorkflowToolProviderRequest &
   })
 }
 
-export const fetchWorkflowToolDetailByAppID = (appID: string) => {
-  return get<WorkflowToolProviderResponse>(`/workspaces/current/tool-provider/workflow/get?workflow_app_id=${appID}`)
-}
-
 export const fetchWorkflowToolDetail = (toolID: string) => {
   return get<WorkflowToolProviderResponse>(`/workspaces/current/tool-provider/workflow/get?workflow_tool_id=${toolID}`)
 }
diff --git a/web/service/use-apps.ts b/web/service/use-apps.ts
index f9f63205e4..f28df7bd4b 100644
--- a/web/service/use-apps.ts
+++ b/web/service/use-apps.ts
@@ -21,7 +21,6 @@ import {
 import { consoleClient, consoleQuery } from '@/service/client'
 import { AppModeEnum } from '@/types/app'
 import { get, post } from './base'
-import { useInvalid } from './use-base'
 
 const NAME_SPACE = 'apps'
 
@@ -105,17 +104,6 @@ export const useAppList = (params: AppListParams, options?: { enabled?: boolean
   })
 }
 
-export const useAppFullList = () => {
-  return useQuery<AppListResponse>({
-    queryKey: useAppFullListKey,
-    queryFn: () => get<AppListResponse>('/apps', { params: { page: 1, limit: 100, name: '' } }),
-  })
-}
-
-export const useInvalidateAppFullList = () => {
-  return useInvalid(useAppFullListKey)
-}
-
 export const useInfiniteAppList = (params: AppListParams, options?: { enabled?: boolean }) => {
   const normalizedParams = normalizeAppListParams(params)
   return useInfiniteQuery<AppListResponse>({
diff --git a/web/service/use-common.ts b/web/service/use-common.ts
index fbd83845ba..238f4f6ecf 100644
--- a/web/service/use-common.ts
+++ b/web/service/use-common.ts
@@ -10,7 +10,6 @@ import type {
   ApiBasedExtension,
   CodeBasedExtension,
   CommonResponse,
-  DataSourceNotion,
   FileUploadConfigResponse,
   ICurrentWorkspace,
   IWorkspace,
@@ -25,7 +24,6 @@ import type { RETRIEVE_METHOD } from '@/types/app'
 import { useMutation, useQuery } from '@tanstack/react-query'
 import { IS_DEV } from '@/config'
 import { get, post } from './base'
-import { useInvalid } from './use-base'
 
 const NAME_SPACE = 'common'
 
@@ -277,14 +275,6 @@ export const useModelListByType = (type: ModelTypeEnum, enabled = true) => {
   })
 }
 
-export const useDefaultModelByType = (type: ModelTypeEnum, enabled = true) => {
-  return useQuery({
-    queryKey: commonQueryKeys.defaultModel(type),
-    queryFn: () => get(`/workspaces/current/default-model?model_type=${type}`),
-    enabled,
-  })
-}
-
 export const useSupportRetrievalMethods = () => {
   return useQuery<{ retrieval_method: RETRIEVE_METHOD[] }>({
     queryKey: commonQueryKeys.retrievalMethods,
@@ -299,25 +289,6 @@ export const useAccountIntegrates = () => {
   })
 }
 
-type DataSourceIntegratesOptions = {
-  enabled?: boolean
-  initialData?: { data: DataSourceNotion[] }
-}
-
-export const useDataSourceIntegrates = (options: DataSourceIntegratesOptions = {}) => {
-  const { enabled = true, initialData } = options
-  return useQuery<{ data: DataSourceNotion[] }>({
-    queryKey: commonQueryKeys.dataSourceIntegrates,
-    queryFn: () => get<{ data: DataSourceNotion[] }>('/data-source/integrates'),
-    enabled,
-    initialData,
-  })
-}
-
-export const useInvalidDataSourceIntegrates = () => {
-  return useInvalid(commonQueryKeys.dataSourceIntegrates)
-}
-
 export const usePluginProviders = () => {
   return useQuery<PluginProvider[] | null>({
     queryKey: commonQueryKeys.pluginProviders,
@@ -332,14 +303,6 @@ export const useCodeBasedExtensions = (module: string) => {
   })
 }
 
-export const useNotionConnection = (enabled: boolean) => {
-  return useQuery<{ data: string }>({
-    queryKey: commonQueryKeys.notionConnection,
-    queryFn: () => get<{ data: string }>('/oauth/data-source/notion'),
-    enabled,
-  })
-}
-
 export const useApiBasedExtensions = () => {
   return useQuery<ApiBasedExtension[]>({
     queryKey: commonQueryKeys.apiBasedExtensions,
diff --git a/web/service/use-oauth.ts b/web/service/use-oauth.ts
index b55704e164..68e157c15c 100644
--- a/web/service/use-oauth.ts
+++ b/web/service/use-oauth.ts
@@ -3,13 +3,13 @@ import { post } from './base'
 
 const NAME_SPACE = 'oauth-provider'
 
-export type OAuthAppInfo = {
+type OAuthAppInfo = {
   app_icon: string
   app_label: Record<string, string>
   scope: string
 }
 
-export type OAuthAuthorizeResponse = {
+type OAuthAuthorizeResponse = {
   code: string
 }
 
diff --git a/web/service/use-pipeline.ts b/web/service/use-pipeline.ts
index 34c7332f4c..6efb5bb8c6 100644
--- a/web/service/use-pipeline.ts
+++ b/web/service/use-pipeline.ts
@@ -1,5 +1,4 @@
 import type { MutationOptions } from '@tanstack/react-query'
-import type { ToolCredential } from '@/app/components/tools/types'
 import type { DataSourceItem } from '@/app/components/workflow/block-selector/types'
 import type { IconInfo } from '@/models/datasets'
 import type {
@@ -31,14 +30,14 @@ import type {
   UpdateTemplateInfoRequest,
   UpdateTemplateInfoResponse,
 } from '@/models/pipeline'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { useMutation, useQuery } from '@tanstack/react-query'
 import { DatasourceType } from '@/models/pipeline'
 import { del, get, patch, post } from './base'
 import { useInvalid } from './use-base'
 
 const NAME_SPACE = 'pipeline'
 
-export const PipelineTemplateListQueryKeyPrefix = [NAME_SPACE, 'template-list']
+const PipelineTemplateListQueryKeyPrefix = [NAME_SPACE, 'template-list']
 export const usePipelineTemplateList = (params: PipelineTemplateListParams, enabled = true) => {
   return useQuery<PipelineTemplateListResponse>({
     queryKey: [...PipelineTemplateListQueryKeyPrefix, params],
@@ -224,46 +223,6 @@ export const useRunPublishedPipeline = (
   })
 }
 
-export const useDataSourceCredentials = (provider: string, pluginId: string, onSuccess: (value: ToolCredential[]) => void) => {
-  return useQuery({
-    queryKey: [NAME_SPACE, 'datasource-credentials', provider, pluginId],
-    queryFn: async () => {
-      const result = await get<{ result: ToolCredential[] }>(`/auth/plugin/datasource?provider=${provider}&plugin_id=${pluginId}`)
-      onSuccess(result.result)
-      return result.result
-    },
-    enabled: !!provider && !!pluginId,
-    retry: 2,
-  })
-}
-
-export const useUpdateDataSourceCredentials = (
-) => {
-  const queryClient = useQueryClient()
-  return useMutation({
-    mutationKey: [NAME_SPACE, 'update-datasource-credentials'],
-    mutationFn: ({
-      provider,
-      pluginId,
-      credentials,
-      name,
-    }: { provider: string, pluginId: string, credentials: Record<string, any>, name: string }) => {
-      return post('/auth/plugin/datasource', {
-        body: {
-          provider,
-          plugin_id: pluginId,
-          credentials,
-          name,
-        },
-      }).then(() => {
-        queryClient.invalidateQueries({
-          queryKey: [NAME_SPACE, 'datasource'],
-        })
-      })
-    },
-  })
-}
-
 export const useDraftPipelinePreProcessingParams = (params: PipelinePreProcessingParamsRequest, enabled = true) => {
   const { pipeline_id, node_id } = params
   return useQuery<PipelinePreProcessingParamsResponse>({
diff --git a/web/service/use-plugins-auth.ts b/web/service/use-plugins-auth.ts
index 3427fc7a6a..9952f39f04 100644
--- a/web/service/use-plugins-auth.ts
+++ b/web/service/use-plugins-auth.ts
@@ -44,15 +44,6 @@ export const useSetPluginDefaultCredential = (
   })
 }
 
-export const useGetPluginCredentialList = (
-  url: string,
-) => {
-  return useQuery({
-    queryKey: [NAME_SPACE, 'credential-list', url],
-    queryFn: () => get(url),
-  })
-}
-
 export const useAddPluginCredential = (
   url: string,
 ) => {
diff --git a/web/service/use-plugins.ts b/web/service/use-plugins.ts
index 17e8eb5903..a4296628f2 100644
--- a/web/service/use-plugins.ts
+++ b/web/service/use-plugins.ts
@@ -4,7 +4,6 @@ import type {
   ModelProvider,
 } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type {
-  PluginsSearchParams,
 } from '@/app/components/plugins/marketplace/types'
 import type {
   DebugInfo as DebugInfoTypes,
@@ -70,7 +69,7 @@ export const useInvalidateCheckInstalled = () => {
 }
 
 const useRecommendedMarketplacePluginsKey = [NAME_SPACE, 'recommendedMarketplacePlugins']
-export const useRecommendedMarketplacePlugins = ({
+const useRecommendedMarketplacePlugins = ({
   collection = '__recommended-plugins-tools',
   enabled = true,
   limit = 15,
@@ -231,12 +230,6 @@ export const useVersionListOfPlugin = (pluginID: string) => {
     queryFn: () => getMarketplace<{ data: VersionListResponse }>(`/plugins/${pluginID}/versions`, { params: { page: 1, page_size: 100 } }),
   })
 }
-export const useInvalidateVersionListOfPlugin = () => {
-  const queryClient = useQueryClient()
-  return (pluginID: string) => {
-    queryClient.invalidateQueries({ queryKey: [NAME_SPACE, 'versions', pluginID] })
-  }
-}
 
 export const useInstallPackageFromLocal = () => {
   return useMutation({
@@ -473,38 +466,6 @@ export const useRemoveAutoUpgrade = () => {
   })
 }
 
-export const useMutationPluginsFromMarketplace = () => {
-  return useMutation({
-    mutationFn: (pluginsSearchParams: PluginsSearchParams) => {
-      const {
-        query,
-        sort_by,
-        sort_order,
-        category,
-        tags,
-        exclude,
-        type,
-        page = 1,
-        page_size = 40,
-      } = pluginsSearchParams
-      const pluginOrBundle = type === 'bundle' ? 'bundles' : 'plugins'
-      return postMarketplace<{ data: PluginsFromMarketplaceResponse }>(`/${pluginOrBundle}/search/advanced`, {
-        body: {
-          page,
-          page_size,
-          query,
-          sort_by,
-          sort_order,
-          category: category !== 'all' ? category : '',
-          tags,
-          exclude,
-          type,
-        },
-      })
-    },
-  })
-}
-
 export const useFetchPluginsInMarketPlaceByIds = (unique_identifiers: string[], options?: QueryOptions<{ data: PluginsFromMarketplaceResponse }>) => {
   return useQuery({
     ...options,
@@ -519,39 +480,6 @@ export const useFetchPluginsInMarketPlaceByIds = (unique_identifiers: string[],
   })
 }
 
-export const useFetchPluginListOrBundleList = (pluginsSearchParams: PluginsSearchParams) => {
-  return useQuery({
-    queryKey: [NAME_SPACE, 'fetchPluginListOrBundleList', pluginsSearchParams],
-    queryFn: () => {
-      const {
-        query,
-        sort_by,
-        sort_order,
-        category,
-        tags,
-        exclude,
-        type,
-        page = 1,
-        page_size = 40,
-      } = pluginsSearchParams
-      const pluginOrBundle = type === 'bundle' ? 'bundles' : 'plugins'
-      return postMarketplace<{ data: PluginsFromMarketplaceResponse }>(`/${pluginOrBundle}/search/advanced`, {
-        body: {
-          page,
-          page_size,
-          query,
-          sort_by,
-          sort_order,
-          category: category !== 'all' ? category : '',
-          tags,
-          exclude,
-          type,
-        },
-      })
-    },
-  })
-}
-
 export const useFetchPluginsInMarketPlaceByInfo = (infos: Record<string, any>[]) => {
   return useQuery({
     queryKey: [NAME_SPACE, 'fetchPluginsInMarketPlaceByInfo', infos],
@@ -632,14 +560,6 @@ export const useMutationClearTaskPlugin = () => {
   })
 }
 
-export const useMutationClearAllTaskPlugin = () => {
-  return useMutation({
-    mutationFn: () => {
-      return post<{ success: boolean }>('/workspaces/current/plugin/tasks/delete_all')
-    },
-  })
-}
-
 export const usePluginManifestInfo = (pluginUID: string) => {
   return useQuery({
     enabled: !!pluginUID,
diff --git a/web/service/use-share.ts b/web/service/use-share.ts
index 68e9229c1b..e164276699 100644
--- a/web/service/use-share.ts
+++ b/web/service/use-share.ts
@@ -194,7 +194,7 @@ export const useGetHumanInputForm = (token: string, options: ShareQueryOptions =
   })
 }
 
-export type SubmitHumanInputFormParams = {
+type SubmitHumanInputFormParams = {
   token: string
   data: {
     inputs: Record<string, string>
diff --git a/web/service/use-strategy.ts b/web/service/use-strategy.ts
index b66a1e8b46..ece4084a64 100644
--- a/web/service/use-strategy.ts
+++ b/web/service/use-strategy.ts
@@ -30,7 +30,3 @@ export const useStrategyProviderDetail = (agentProvider: string, options?: Query
     enabled: !!agentProvider,
   })
 }
-
-export const useInvalidateStrategyProviderDetail = (agentProvider: string) => {
-  return useInvalid([NAME_SPACE, 'detail', agentProvider])
-}
diff --git a/web/service/use-tools.ts b/web/service/use-tools.ts
index 2feedacf69..9ce3290ae6 100644
--- a/web/service/use-tools.ts
+++ b/web/service/use-tools.ts
@@ -173,19 +173,6 @@ export const useAuthorizeMCP = () => {
   })
 }
 
-export const useUpdateMCPAuthorizationToken = () => {
-  return useMutation({
-    mutationKey: [NAME_SPACE, 'refresh-mcp-server-code'],
-    mutationFn: (payload: { provider_id: string, authorization_code: string }) => {
-      return get<MCPServerDetail>('/workspaces/current/tool-provider/mcp/token', {
-        params: {
-          ...payload,
-        },
-      })
-    },
-  })
-}
-
 export const useMCPTools = (providerID: string) => {
   return useQuery({
     enabled: !!providerID,
@@ -275,24 +262,6 @@ export const useRefreshMCPServerCode = () => {
   })
 }
 
-export const useBuiltinProviderInfo = (providerName: string) => {
-  return useQuery({
-    queryKey: [NAME_SPACE, 'builtin-provider-info', providerName],
-    queryFn: () => get<Collection>(`/workspaces/current/tool-provider/builtin/${providerName}/info`),
-  })
-}
-
-export const useInvalidateBuiltinProviderInfo = () => {
-  const queryClient = useQueryClient()
-  return (providerName: string) => {
-    queryClient.invalidateQueries(
-      {
-        queryKey: [NAME_SPACE, 'builtin-provider-info', providerName],
-      },
-    )
-  }
-}
-
 export const useBuiltinTools = (providerName: string) => {
   return useQuery({
     enabled: !!providerName,
@@ -301,41 +270,6 @@ export const useBuiltinTools = (providerName: string) => {
   })
 }
 
-export const useUpdateProviderCredentials = ({
-  onSuccess,
-}: {
-  onSuccess?: () => void
-}) => {
-  return useMutation({
-    mutationKey: [NAME_SPACE, 'update-provider-credentials'],
-    mutationFn: (payload: { providerName: string, credentials: Record<string, any> }) => {
-      const { providerName, credentials } = payload
-      return post(`/workspaces/current/tool-provider/builtin/${providerName}/update`, {
-        body: {
-          credentials,
-        },
-      })
-    },
-    onSuccess,
-  })
-}
-
-export const useRemoveProviderCredentials = ({
-  onSuccess,
-}: {
-  onSuccess?: () => void
-}) => {
-  return useMutation({
-    mutationKey: [NAME_SPACE, 'remove-provider-credentials'],
-    mutationFn: (providerName: string) => {
-      return post(`/workspaces/current/tool-provider/builtin/${providerName}/delete`, {
-        body: {},
-      })
-    },
-    onSuccess,
-  })
-}
-
 const useRAGRecommendedPluginListKey = [NAME_SPACE, 'rag-recommended-plugins']
 
 export const useRAGRecommendedPlugins = (type: 'tool' | 'datasource' | 'all' = 'all') => {
diff --git a/web/service/use-triggers.ts b/web/service/use-triggers.ts
index df5700d0e7..1b4b161d85 100644
--- a/web/service/use-triggers.ts
+++ b/web/service/use-triggers.ts
@@ -8,7 +8,7 @@ import type {
   TriggerSubscriptionBuilder,
   TriggerWithProvider,
 } from '@/app/components/workflow/block-selector/types'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { useMutation, useQuery } from '@tanstack/react-query'
 import { CollectionType } from '@/app/components/tools/types'
 import { consoleClient, consoleQuery } from '@/service/client'
 import { get, post } from './base'
@@ -75,17 +75,6 @@ export const useAllTriggerPlugins = (enabled = true) => {
   })
 }
 
-export const useTriggerPluginsByType = (triggerType: string, enabled = true) => {
-  return useQuery<TriggerWithProvider[]>({
-    queryKey: consoleQuery.triggers.list.queryKey({ input: { query: { type: triggerType } } }),
-    queryFn: async () => {
-      const response = await consoleClient.triggers.list({ query: { type: triggerType } })
-      return response.map(convertToTriggerWithProvider)
-    },
-    enabled: enabled && !!triggerType,
-  })
-}
-
 export const useInvalidateAllTriggerPlugins = () => {
   return useInvalid(consoleQuery.triggers.list.queryKey({ input: {} }))
 }
@@ -108,15 +97,6 @@ export const useTriggerSubscriptions = (provider: string, enabled = true) => {
   })
 }
 
-export const useInvalidateTriggerSubscriptions = () => {
-  const queryClient = useQueryClient()
-  return (provider: string) => {
-    queryClient.invalidateQueries({
-      queryKey: consoleQuery.triggers.subscriptions.queryKey({ input: { params: { provider } } }),
-    })
-  }
-}
-
 export const useCreateTriggerSubscriptionBuilder = () => {
   return useMutation({
     mutationKey: consoleQuery.triggers.subscriptionBuilderCreate.mutationKey(),
@@ -220,7 +200,7 @@ export const useDeleteTriggerSubscription = () => {
   })
 }
 
-export type UpdateTriggerSubscriptionPayload = {
+type UpdateTriggerSubscriptionPayload = {
   subscriptionId: string
   name?: string
   properties?: Record<string, unknown>
@@ -362,12 +342,3 @@ export const useTriggerPluginDynamicOptions = (payload: {
 }
 
 // ===== Cache Invalidation Helpers =====
-
-export const useInvalidateTriggerOAuthConfig = () => {
-  const queryClient = useQueryClient()
-  return (provider: string) => {
-    queryClient.invalidateQueries({
-      queryKey: consoleQuery.triggers.oauthConfig.queryKey({ input: { params: { provider } } }),
-    })
-  }
-}
diff --git a/web/service/use-workflow.ts b/web/service/use-workflow.ts
index fdbfffdf36..e1fc4241a2 100644
--- a/web/service/use-workflow.ts
+++ b/web/service/use-workflow.ts
@@ -200,7 +200,6 @@ export const useResetToLastRunValue = (flowType: FlowType, flowId: string) => {
   })
 }
 
-export const useSysVarValuesKey = [NAME_SPACE, 'sys-variable']
 export const useSysVarValues = (flowType?: FlowType, flowId?: string) => {
   return useQuery({
     enabled: !!flowId,
diff --git a/web/service/webapp-auth.ts b/web/service/webapp-auth.ts
index 7a9abd9599..8f144571db 100644
--- a/web/service/webapp-auth.ts
+++ b/web/service/webapp-auth.ts
@@ -17,11 +17,11 @@ export function getWebAppPassport(shareCode: string) {
   return localStorage.getItem(PASSPORT_LOCAL_STORAGE_NAME(shareCode)) || ''
 }
 
-export function clearWebAppAccessToken() {
+function clearWebAppAccessToken() {
   localStorage.removeItem(ACCESS_TOKEN_LOCAL_STORAGE_NAME)
 }
 
-export function clearWebAppPassport(shareCode: string) {
+function clearWebAppPassport(shareCode: string) {
   localStorage.removeItem(PASSPORT_LOCAL_STORAGE_NAME(shareCode))
 }
 
diff --git a/web/service/workflow-payload.ts b/web/service/workflow-payload.ts
deleted file mode 100644
index 5e2cdebdb3..0000000000
--- a/web/service/workflow-payload.ts
+++ /dev/null
@@ -1,193 +0,0 @@
-import type { PluginTriggerNodeType } from '@/app/components/workflow/nodes/trigger-plugin/types'
-import type { Edge, Node } from '@/app/components/workflow/types'
-import type { FetchWorkflowDraftResponse } from '@/types/workflow'
-import { produce } from 'immer'
-import { BlockEnum } from '@/app/components/workflow/types'
-
-export type TriggerPluginNodePayload = {
-  title: string
-  desc: string
-  plugin_id: string
-  provider_id: string
-  event_name: string
-  subscription_id: string
-  plugin_unique_identifier: string
-  event_parameters: Record<string, unknown>
-}
-
-export type WorkflowDraftSyncParams = Pick<
-  FetchWorkflowDraftResponse,
-  'graph' | 'features' | 'environment_variables' | 'conversation_variables'
->
-
-const removeTempProperties = (data: Record<string, unknown>): void => {
-  Object.keys(data).forEach((key) => {
-    if (key.startsWith('_'))
-      delete data[key]
-  })
-}
-
-type TriggerParameterSchema = Record<string, unknown>
-
-type TriggerPluginHydratePayload = (PluginTriggerNodeType & {
-  paramSchemas?: TriggerParameterSchema[]
-  parameters_schema?: TriggerParameterSchema[]
-})
-
-const sanitizeTriggerPluginNode = (node: Node<TriggerPluginNodePayload>): Node<TriggerPluginNodePayload> => {
-  const data = node.data
-
-  if (!data || data.type !== BlockEnum.TriggerPlugin)
-    return node
-
-  const sanitizedData: TriggerPluginNodePayload & { type: BlockEnum.TriggerPlugin } = {
-    type: BlockEnum.TriggerPlugin,
-    title: data.title ?? '',
-    desc: data.desc ?? '',
-    plugin_id: data.plugin_id ?? '',
-    provider_id: data.provider_id ?? '',
-    event_name: data.event_name ?? '',
-    subscription_id: data.subscription_id ?? '',
-    plugin_unique_identifier: data.plugin_unique_identifier ?? '',
-    event_parameters: (typeof data.event_parameters === 'object' && data.event_parameters !== null)
-      ? data.event_parameters as Record<string, unknown>
-      : {},
-  }
-
-  return {
-    ...node,
-    data: sanitizedData,
-  }
-}
-
-export const sanitizeWorkflowDraftPayload = (params: WorkflowDraftSyncParams): WorkflowDraftSyncParams => {
-  const { graph } = params
-
-  if (!graph?.nodes?.length)
-    return params
-
-  const sanitizedNodes = graph.nodes.map((node) => {
-    // First sanitize known node types (TriggerPlugin)
-    const n = sanitizeTriggerPluginNode(node as Node<TriggerPluginNodePayload>) as Node<any>
-
-    // Normalize Start node variable json_schema: ensure dict, not string
-    if ((n.data as any)?.type === BlockEnum.Start && Array.isArray((n.data as any).variables)) {
-      const next = { ...n, data: { ...n.data } }
-      next.data.variables = (n.data as any).variables.map((v: any) => {
-        if (v && v.type === 'json_object' && typeof v.json_schema === 'string') {
-          try {
-            const obj = JSON.parse(v.json_schema)
-            return { ...v, json_schema: obj }
-          }
-          catch {
-            return v
-          }
-        }
-        return v
-      })
-      return next
-    }
-
-    return n
-  })
-
-  return {
-    ...params,
-    graph: {
-      ...graph,
-      nodes: sanitizedNodes,
-    },
-  }
-}
-
-const isTriggerPluginNode = (node: Node): node is Node<TriggerPluginHydratePayload> => {
-  const data = node.data as unknown
-
-  if (!data || typeof data !== 'object')
-    return false
-
-  const payload = data as Partial<TriggerPluginHydratePayload> & { type?: BlockEnum }
-
-  if (payload.type !== BlockEnum.TriggerPlugin)
-    return false
-
-  return 'event_parameters' in payload
-}
-
-const hydrateTriggerPluginNode = (node: Node): Node => {
-  if (!isTriggerPluginNode(node))
-    return node
-
-  const typedNode = node as Node<TriggerPluginHydratePayload>
-  const data = typedNode.data
-  const eventParameters = data.event_parameters ?? {}
-  const parametersSchema = data.parameters_schema ?? data.paramSchemas ?? []
-  const config = data.config ?? eventParameters ?? {}
-
-  const nextData: typeof data = {
-    ...data,
-    config,
-    paramSchemas: data.paramSchemas ?? parametersSchema,
-    parameters_schema: parametersSchema,
-  }
-
-  return {
-    ...typedNode,
-    data: nextData,
-  }
-}
-
-export const hydrateWorkflowDraftResponse = (draft: FetchWorkflowDraftResponse): FetchWorkflowDraftResponse => {
-  return produce(draft, (mutableDraft) => {
-    if (!mutableDraft?.graph)
-      return
-
-    if (mutableDraft.graph.nodes) {
-      mutableDraft.graph.nodes = mutableDraft.graph.nodes
-        .filter((node: Node) => !node.data?._isTempNode)
-        .map((node: Node) => {
-          if (node.data)
-            removeTempProperties(node.data as Record<string, unknown>)
-
-          let n = hydrateTriggerPluginNode(node)
-          // Normalize Start node variable json_schema to object when loading
-          if ((n.data as any)?.type === BlockEnum.Start && Array.isArray((n.data as any).variables)) {
-            const next = { ...n, data: { ...n.data } } as Node<any>
-            next.data.variables = (n.data as any).variables.map((v: any) => {
-              if (v && v.type === 'json_object' && typeof v.json_schema === 'string') {
-                try {
-                  const obj = JSON.parse(v.json_schema)
-                  return { ...v, json_schema: obj }
-                }
-                catch {
-                  return v
-                }
-              }
-              return v
-            })
-            n = next
-          }
-          return n
-        })
-    }
-
-    if (mutableDraft.graph.edges) {
-      mutableDraft.graph.edges = mutableDraft.graph.edges
-        .filter((edge: Edge) => !edge.data?._isTemp)
-        .map((edge: Edge) => {
-          if (edge.data)
-            removeTempProperties(edge.data as Record<string, unknown>)
-
-          return edge
-        })
-    }
-
-    if (mutableDraft.environment_variables) {
-      mutableDraft.environment_variables = mutableDraft.environment_variables.map(env =>
-        env.value_type === 'secret'
-          ? { ...env, value: '[__HIDDEN__]' }
-          : env,
-      )
-    }
-  })
-}
diff --git a/web/tailwind-common-config.ts b/web/tailwind-common-config.ts
index 0fb3524dbc..db50f2457b 100644
--- a/web/tailwind-common-config.ts
+++ b/web/tailwind-common-config.ts
@@ -1,28 +1,10 @@
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
+import { icons as customPublicIcons } from '@dify/iconify-collections/custom-public'
+import { icons as customVenderIcons } from '@dify/iconify-collections/custom-vender'
 import { getIconCollections, iconsPlugin } from '@egoist/tailwindcss-icons'
 import tailwindTypography from '@tailwindcss/typography'
-import { importSvgCollections } from 'iconify-import-svg'
 import tailwindThemeVarDefine from './themes/tailwind-theme-var-define'
 import typography from './typography.js'
 
-const _dirname = typeof __dirname !== 'undefined'
-  ? __dirname
-  : path.dirname(fileURLToPath(import.meta.url))
-
-const disableSVGOptimize = process.env.TAILWIND_MODE === 'ESLINT'
-const parseColorOptions = {
-  fallback: () => 'currentColor',
-}
-const svgOptimizeConfig = {
-  cleanupSVG: !disableSVGOptimize,
-  deOptimisePaths: !disableSVGOptimize,
-  runSVGO: !disableSVGOptimize,
-  parseColors: !disableSVGOptimize
-    ? parseColorOptions
-    : false,
-}
-
 const config = {
   theme: {
     typography,
@@ -170,18 +152,8 @@ const config = {
     iconsPlugin({
       collections: {
         ...getIconCollections(['heroicons', 'ri']),
-        ...importSvgCollections({
-          source: path.resolve(_dirname, 'app/components/base/icons/assets/public'),
-          prefix: 'custom-public',
-          ignoreImportErrors: true,
-          ...svgOptimizeConfig,
-        }),
-        ...importSvgCollections({
-          source: path.resolve(_dirname, 'app/components/base/icons/assets/vender'),
-          prefix: 'custom-vender',
-          ignoreImportErrors: true,
-          ...svgOptimizeConfig,
-        }),
+        'custom-public': customPublicIcons,
+        'custom-vender': customVenderIcons,
       },
       extraProperties: {
         width: '1rem',
diff --git a/web/test/i18n-mock.ts b/web/test/i18n-mock.ts
index 39f97db543..9fd9a29cfb 100644
--- a/web/test/i18n-mock.ts
+++ b/web/test/i18n-mock.ts
@@ -7,7 +7,7 @@ type TranslationMap = Record<string, string | string[]>
  * Create a t function with optional custom translations
  * Checks translations[key] first, then translations[ns.key], then returns ns.key as fallback
  */
-export function createTFunction(translations: TranslationMap, defaultNs?: string) {
+function createTFunction(translations: TranslationMap, defaultNs?: string) {
   return (key: string, options?: Record<string, unknown>) => {
     // Check custom translations first (without namespace)
     if (translations[key] !== undefined)
@@ -40,7 +40,7 @@ export function createTFunction(translations: TranslationMap, defaultNs?: string
  *   'operation.confirm': 'Confirm',
  * }))
  */
-export function createUseTranslationMock(translations: TranslationMap = {}) {
+function createUseTranslationMock(translations: TranslationMap = {}) {
   const tCache = new Map<string, ReturnType<typeof createTFunction>>()
   const i18n = {
     language: 'en',
@@ -62,7 +62,7 @@ export function createUseTranslationMock(translations: TranslationMap = {}) {
 /**
  * Create Trans component mock with optional custom translations
  */
-export function createTransMock(translations: TranslationMap = {}) {
+function createTransMock(translations: TranslationMap = {}) {
   return {
     Trans: ({ i18nKey, children }: {
       i18nKey: string
diff --git a/web/types/app.ts b/web/types/app.ts
index c8c409a22c..b782a78730 100644
--- a/web/types/app.ts
+++ b/web/types/app.ts
@@ -16,22 +16,6 @@ export enum Theme {
   system = 'system',
 }
 
-export enum ProviderType {
-  openai = 'openai',
-  anthropic = 'anthropic',
-  azure_openai = 'azure_openai',
-  replicate = 'replicate',
-  huggingface_hub = 'huggingface_hub',
-  minimax = 'minimax',
-  tongyi = 'tongyi',
-  spark = 'spark',
-}
-
-export enum AppType {
-  chat = 'chat',
-  completion = 'completion',
-}
-
 export enum ModelModeType {
   chat = 'chat',
   completion = 'completion',
@@ -51,12 +35,6 @@ export enum RETRIEVE_METHOD {
   keywordSearch = 'keyword_search',
 }
 
-export type VariableInput = {
-  key: string
-  name: string
-  value: string
-}
-
 /**
  * App modes
  */
@@ -388,20 +366,6 @@ export type AppSSO = {
   enable_sso: boolean
 }
 
-/**
- * App Template
- */
-export type AppTemplate = {
-  /** Name */
-  name: string
-  /** Description */
-  description: string
-  /** Mode */
-  mode: AppModeEnum
-  /** Model */
-  model_config: ModelConfig
-}
-
 export enum Resolution {
   low = 'low',
   high = 'high',
diff --git a/web/types/doc-paths.ts b/web/types/doc-paths.ts
index 9cbad79a2e..a0f2d12097 100644
--- a/web/types/doc-paths.ts
+++ b/web/types/doc-paths.ts
@@ -273,7 +273,7 @@ export type DocPathWithoutLang =
   | `${DocPathWithoutLangBase}#${string}`
 
 // Full documentation path with language prefix
-export type DifyDocPath = `${DocLanguage}/${DocPathWithoutLang}`
+type DifyDocPath = `${DocLanguage}/${DocPathWithoutLang}`
 
 // API Reference path translations (English -> other languages)
 export const apiReferencePathTranslations: Record<string, { zh?: string; ja?: string }> = {
diff --git a/web/types/pipeline.tsx b/web/types/pipeline.tsx
index 9caa762ac5..f101853c6c 100644
--- a/web/types/pipeline.tsx
+++ b/web/types/pipeline.tsx
@@ -6,12 +6,6 @@ export type DataSourceNodeProcessingResponse = {
   completed: number
 }
 
-export type DataSourceNodeError = {
-  event: 'datasource_error'
-  message: string
-  code?: string
-}
-
 export type OnlineDriveFile = {
   id: string
   name: string
diff --git a/web/types/workflow.ts b/web/types/workflow.ts
index 23a624f80a..52f8ced699 100644
--- a/web/types/workflow.ts
+++ b/web/types/workflow.ts
@@ -1,9 +1,7 @@
 import type { RefObject } from 'react'
 import type { Viewport } from 'reactflow'
-import type { BeforeRunFormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form'
 import type { ErrorHandleTypeEnum } from '@/app/components/workflow/nodes/_base/components/error-handle/types'
 import type { FormInputItem, UserAction } from '@/app/components/workflow/nodes/human-input/types'
-import type { SpecialResultPanelProps } from '@/app/components/workflow/run/special-result-panel'
 import type {
   BlockEnum,
   CommonNodeType,
@@ -437,10 +435,6 @@ export type UpdateWorkflowParams = {
   releaseNotes: string
 }
 
-export type PanelExposedType = {
-  singleRunParams: Pick<BeforeRunFormProps, 'forms'> & Partial<SpecialResultPanelProps>
-}
-
 export type PanelProps = {
   getInputVars: (textList: string[]) => InputVar[]
   toVarInputs: (variables: Variable[]) => InputVar[]
diff --git a/web/utils/download.ts b/web/utils/download.ts
index 8278366aea..80b563bf93 100644
--- a/web/utils/download.ts
+++ b/web/utils/download.ts
@@ -1,4 +1,4 @@
-export type DownloadUrlOptions = {
+type DownloadUrlOptions = {
   url: string
   fileName?: string
   rel?: string
diff --git a/web/utils/encryption.ts b/web/utils/encryption.ts
index 2c9e985f12..622132fb93 100644
--- a/web/utils/encryption.ts
+++ b/web/utils/encryption.ts
@@ -12,7 +12,7 @@
  * @param plaintext - The plain text to encode
  * @returns Base64 encoded text
  */
-export function encryptField(plaintext: string): string {
+function encryptField(plaintext: string): string {
   try {
     // Base64 encode the plaintext
     // btoa works with ASCII, so we need to handle UTF-8 properly
diff --git a/web/utils/var.ts b/web/utils/var.ts
index efad8794eb..1c02440800 100644
--- a/web/utils/var.ts
+++ b/web/utils/var.ts
@@ -51,7 +51,7 @@ export const getNewVarInWorkflow = (key: string, type = InputVarType.textInput):
   }
 }
 
-export type VarKeyErrorMessageKey = I18nKeysByPrefix<'appDebug', 'varKeyError.'>
+type VarKeyErrorMessageKey = I18nKeysByPrefix<'appDebug', 'varKeyError.'>
 
 export const checkKey = (key: string, canBeEmpty?: boolean, _keys?: string[]): true | VarKeyErrorMessageKey => {
   if (key.length === 0 && !canBeEmpty)