fix(web): resolve esbuild security advisory (GHSA-67mh-4wv8-2f99)

.github/workflows/autofix.yml

@@ -13,28 +13,12 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-
-      - name: Check Docker Compose inputs
-        id: docker-compose-changes
-        uses: tj-actions/changed-files@v46
-        with:
-          files: |
-            docker/generate_docker_compose
-            docker/.env.example
-            docker/docker-compose-template.yaml
-            docker/docker-compose.yaml
       - uses: actions/setup-python@v5
         with:
           python-version: "3.11"
 
       - uses: astral-sh/setup-uv@v6
 
-      - name: Generate Docker Compose
-        if: steps.docker-compose-changes.outputs.any_changed == 'true'
-        run: |
-          cd docker
-          ./generate_docker_compose
-
       - run: |
           cd api
           uv sync --dev

.github/workflows/style.yml

@@ -108,6 +108,36 @@ jobs:
         working-directory: ./web
         run: pnpm run type-check:tsgo
 
+  docker-compose-template:
+    name: Docker Compose Template
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      - name: Check changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v46
+        with:
+          files: |
+            docker/generate_docker_compose
+            docker/.env.example
+            docker/docker-compose-template.yaml
+            docker/docker-compose.yaml
+
+      - name: Generate Docker Compose
+        if: steps.changed-files.outputs.any_changed == 'true'
+        run: |
+          cd docker
+          ./generate_docker_compose
+
+      - name: Check for changes
+        if: steps.changed-files.outputs.any_changed == 'true'
+        run: git diff --exit-code
+
   superlinter:
     name: SuperLinter
     runs-on: ubuntu-latest

api/controllers/common/file_response.py

@@ -1,57 +0,0 @@
-import os
-from email.message import Message
-from urllib.parse import quote
-
-from flask import Response
-
-HTML_MIME_TYPES = frozenset({"text/html", "application/xhtml+xml"})
-HTML_EXTENSIONS = frozenset({"html", "htm"})
-
-
-def _normalize_mime_type(mime_type: str | None) -> str:
-    if not mime_type:
-        return ""
-    message = Message()
-    message["Content-Type"] = mime_type
-    return message.get_content_type().strip().lower()
-
-
-def _is_html_extension(extension: str | None) -> bool:
-    if not extension:
-        return False
-    return extension.lstrip(".").lower() in HTML_EXTENSIONS
-
-
-def is_html_content(mime_type: str | None, filename: str | None, extension: str | None = None) -> bool:
-    normalized_mime_type = _normalize_mime_type(mime_type)
-    if normalized_mime_type in HTML_MIME_TYPES:
-        return True
-
-    if _is_html_extension(extension):
-        return True
-
-    if filename:
-        return _is_html_extension(os.path.splitext(filename)[1])
-
-    return False
-
-
-def enforce_download_for_html(
-    response: Response,
-    *,
-    mime_type: str | None,
-    filename: str | None,
-    extension: str | None = None,
-) -> bool:
-    if not is_html_content(mime_type, filename, extension):
-        return False
-
-    if filename:
-        encoded_filename = quote(filename)
-        response.headers["Content-Disposition"] = f"attachment; filename*=UTF-8''{encoded_filename}"
-    else:
-        response.headers["Content-Disposition"] = "attachment"
-
-    response.headers["Content-Type"] = "application/octet-stream"
-    response.headers["X-Content-Type-Options"] = "nosniff"
-    return True

api/controllers/files/image_preview.py

@@ -7,7 +7,6 @@ from werkzeug.exceptions import NotFound
 
 import services
 from controllers.common.errors import UnsupportedFileTypeError
-from controllers.common.file_response import enforce_download_for_html
 from controllers.files import files_ns
 from extensions.ext_database import db
 from services.account_service import TenantService
@@ -139,13 +138,6 @@ class FilePreviewApi(Resource):
             response.headers["Content-Disposition"] = f"attachment; filename*=UTF-8''{encoded_filename}"
             response.headers["Content-Type"] = "application/octet-stream"
 
-        enforce_download_for_html(
-            response,
-            mime_type=upload_file.mime_type,
-            filename=upload_file.name,
-            extension=upload_file.extension,
-        )
-
         return response
 
 

api/controllers/files/tool_files.py

@@ -6,7 +6,6 @@ from pydantic import BaseModel, Field
 from werkzeug.exceptions import Forbidden, NotFound
 
 from controllers.common.errors import UnsupportedFileTypeError
-from controllers.common.file_response import enforce_download_for_html
 from controllers.files import files_ns
 from core.tools.signature import verify_tool_file_signature
 from core.tools.tool_file_manager import ToolFileManager
@@ -79,11 +78,4 @@ class ToolFileApi(Resource):
             encoded_filename = quote(tool_file.name)
             response.headers["Content-Disposition"] = f"attachment; filename*=UTF-8''{encoded_filename}"
 
-        enforce_download_for_html(
-            response,
-            mime_type=tool_file.mimetype,
-            filename=tool_file.name,
-            extension=extension,
-        )
-
         return response

api/controllers/service_api/app/file_preview.py

@@ -5,7 +5,6 @@ from flask import Response, request
 from flask_restx import Resource
 from pydantic import BaseModel, Field
 
-from controllers.common.file_response import enforce_download_for_html
 from controllers.common.schema import register_schema_model
 from controllers.service_api import service_api_ns
 from controllers.service_api.app.error import (
@@ -184,13 +183,6 @@ class FilePreviewApi(Resource):
             # Override content-type for downloads to force download
             response.headers["Content-Type"] = "application/octet-stream"
 
-        enforce_download_for_html(
-            response,
-            mime_type=upload_file.mime_type,
-            filename=upload_file.name,
-            extension=upload_file.extension,
-        )
-
         # Add caching headers for performance
         response.headers["Cache-Control"] = "public, max-age=3600"  # Cache for 1 hour
 

api/core/rag/datasource/retrieval_service.py

@@ -381,9 +381,10 @@ class RetrievalService:
             records = []
             include_segment_ids = set()
             segment_child_map = {}
+            segment_file_map = {}
 
             valid_dataset_documents = {}
-            image_doc_ids: list[Any] = []
+            image_doc_ids = []
             child_index_node_ids = []
             index_node_ids = []
             doc_to_document_map = {}
@@ -420,7 +421,7 @@ class RetrievalService:
             index_node_segments: list[DocumentSegment] = []
             segments: list[DocumentSegment] = []
             attachment_map = {}
-            child_chunk_map: dict[Any, Any] = {}
+            child_chunk_map = {}
             doc_segment_map = {}
 
             with session_factory.create_session() as session:
@@ -428,27 +429,16 @@ class RetrievalService:
 
                 for attachment in attachments:
                     segment_ids.append(attachment["segment_id"])
-                    if attachment["segment_id"] in attachment_map:
-                        attachment_map[attachment["segment_id"]].append(attachment["attachment_info"])
-                    else:
-                        attachment_map[attachment["segment_id"]] = [attachment["attachment_info"]]
-                    if attachment["attachment_id"] in doc_segment_map:
-                        doc_segment_map[attachment["segment_id"]].append(attachment["attachment_id"])
-                    else:
-                        doc_segment_map[attachment["segment_id"]] = [attachment["attachment_id"]]
+                    attachment_map[attachment["segment_id"]] = attachment
+                    doc_segment_map[attachment["segment_id"]] = attachment["attachment_id"]
+
                 child_chunk_stmt = select(ChildChunk).where(ChildChunk.index_node_id.in_(child_index_node_ids))
                 child_index_nodes = session.execute(child_chunk_stmt).scalars().all()
 
                 for i in child_index_nodes:
                     segment_ids.append(i.segment_id)
-                    if i.segment_id in child_chunk_map:
-                        child_chunk_map[i.segment_id].append(i)
-                    else:
-                        child_chunk_map[i.segment_id] = [i]
-                    if i.segment_id in doc_segment_map:
-                        doc_segment_map[i.segment_id].append(i.index_node_id)
-                    else:
-                        doc_segment_map[i.segment_id] = [i.index_node_id]
+                    child_chunk_map[i.segment_id] = i
+                    doc_segment_map[i.segment_id] = i.index_node_id
 
                 if index_node_ids:
                     document_segment_stmt = select(DocumentSegment).where(
@@ -458,7 +448,7 @@ class RetrievalService:
                     )
                     index_node_segments = session.execute(document_segment_stmt).scalars().all()  # type: ignore
                     for index_node_segment in index_node_segments:
-                        doc_segment_map[index_node_segment.id] = [index_node_segment.index_node_id]
+                        doc_segment_map[index_node_segment.id] = index_node_segment.index_node_id
                 if segment_ids:
                     document_segment_stmt = select(DocumentSegment).where(
                         DocumentSegment.enabled == True,
@@ -471,65 +461,85 @@ class RetrievalService:
                     segments.extend(index_node_segments)
 
             for segment in segments:
-                child_chunks: list[ChildChunk] = child_chunk_map.get(segment.id, [])
-                attachment_infos: list[dict[str, Any]] = attachment_map.get(segment.id, [])
-                ds_dataset_document: DatasetDocument | None = valid_dataset_documents.get(segment.document_id)
+                doc_id = doc_segment_map.get(segment.id)
+                child_chunk = child_chunk_map.get(segment.id)
+                attachment_info = attachment_map.get(segment.id)
 
-                if ds_dataset_document and ds_dataset_document.doc_form == IndexStructureType.PARENT_CHILD_INDEX:
-                    if segment.id not in include_segment_ids:
-                        include_segment_ids.add(segment.id)
-                        if child_chunks or attachment_infos:
-                            child_chunk_details = []
-                            max_score = 0.0
-                            for child_chunk in child_chunks:
-                                document = doc_to_document_map[child_chunk.index_node_id]
+                if doc_id:
+                    document = doc_to_document_map[doc_id]
+                    ds_dataset_document: DatasetDocument | None = valid_dataset_documents.get(
+                        document.metadata.get("document_id")
+                    )
+
+                    if ds_dataset_document and ds_dataset_document.doc_form == IndexStructureType.PARENT_CHILD_INDEX:
+                        if segment.id not in include_segment_ids:
+                            include_segment_ids.add(segment.id)
+                            if child_chunk:
                                 child_chunk_detail = {
                                     "id": child_chunk.id,
                                     "content": child_chunk.content,
                                     "position": child_chunk.position,
                                     "score": document.metadata.get("score", 0.0) if document else 0.0,
                                 }
-                                child_chunk_details.append(child_chunk_detail)
-                                max_score = max(max_score, document.metadata.get("score", 0.0) if document else 0.0)
-                            for attachment_info in attachment_infos:
-                                file_document = doc_to_document_map[attachment_info["id"]]
-                                max_score = max(
-                                    max_score, file_document.metadata.get("score", 0.0) if file_document else 0.0
-                                )
-
-                            map_detail = {
-                                "max_score": max_score,
-                                "child_chunks": child_chunk_details,
+                                map_detail = {
+                                    "max_score": document.metadata.get("score", 0.0) if document else 0.0,
+                                    "child_chunks": [child_chunk_detail],
+                                }
+                                segment_child_map[segment.id] = map_detail
+                            record = {
+                                "segment": segment,
                             }
-                            segment_child_map[segment.id] = map_detail
-                        record = {
-                            "segment": segment,
-                        }
-                        records.append(record)
-                else:
-                    if segment.id not in include_segment_ids:
-                        include_segment_ids.add(segment.id)
-                        max_score = 0.0
-                        document = doc_to_document_map.get(segment.index_node_id)
-                        if document:
-                            max_score = max(max_score, document.metadata.get("score", 0.0))
-                        for attachment_info in attachment_infos:
-                            file_document = doc_to_document_map.get(attachment_info["id"])
-                            if file_document:
-                                max_score = max(max_score, file_document.metadata.get("score", 0.0))
-                        record = {
-                            "segment": segment,
-                            "score": max_score,
-                        }
-                        records.append(record)
+                            if attachment_info:
+                                segment_file_map[segment.id] = [attachment_info]
+                            records.append(record)
+                        else:
+                            if child_chunk:
+                                child_chunk_detail = {
+                                    "id": child_chunk.id,
+                                    "content": child_chunk.content,
+                                    "position": child_chunk.position,
+                                    "score": document.metadata.get("score", 0.0),
+                                }
+                                if segment.id in segment_child_map:
+                                    segment_child_map[segment.id]["child_chunks"].append(child_chunk_detail)  # type: ignore
+                                    segment_child_map[segment.id]["max_score"] = max(
+                                        segment_child_map[segment.id]["max_score"],
+                                        document.metadata.get("score", 0.0) if document else 0.0,
+                                    )
+                                else:
+                                    segment_child_map[segment.id] = {
+                                        "max_score": document.metadata.get("score", 0.0) if document else 0.0,
+                                        "child_chunks": [child_chunk_detail],
+                                    }
+                            if attachment_info:
+                                if segment.id in segment_file_map:
+                                    segment_file_map[segment.id].append(attachment_info)
+                                else:
+                                    segment_file_map[segment.id] = [attachment_info]
+                    else:
+                        if segment.id not in include_segment_ids:
+                            include_segment_ids.add(segment.id)
+                            record = {
+                                "segment": segment,
+                                "score": document.metadata.get("score", 0.0),  # type: ignore
+                            }
+                            if attachment_info:
+                                segment_file_map[segment.id] = [attachment_info]
+                            records.append(record)
+                        else:
+                            if attachment_info:
+                                attachment_infos = segment_file_map.get(segment.id, [])
+                                if attachment_info not in attachment_infos:
+                                    attachment_infos.append(attachment_info)
+                                segment_file_map[segment.id] = attachment_infos
 
             # Add child chunks information to records
             for record in records:
                 if record["segment"].id in segment_child_map:
                     record["child_chunks"] = segment_child_map[record["segment"].id].get("child_chunks")  # type: ignore
                     record["score"] = segment_child_map[record["segment"].id]["max_score"]  # type: ignore
-                if record["segment"].id in attachment_map:
-                    record["files"] = attachment_map[record["segment"].id]  # type: ignore[assignment]
+                if record["segment"].id in segment_file_map:
+                    record["files"] = segment_file_map[record["segment"].id]  # type: ignore[assignment]
 
             result = []
             for record in records:
@@ -541,9 +551,6 @@ class RetrievalService:
                 if not isinstance(child_chunks, list):
                     child_chunks = None
 
-                if child_chunks:
-                    child_chunks = sorted(child_chunks, key=lambda x: x.get("score", 0.0), reverse=True)
-
                 # Extract files, ensuring it's a list or None
                 files = record.get("files")
                 if not isinstance(files, list):
@@ -563,7 +570,7 @@ class RetrievalService:
                 )
                 result.append(retrieval_segment)
 
-            return sorted(result, key=lambda x: x.score, reverse=True)
+            return result
         except Exception as e:
             db.session.rollback()
             raise e

api/core/tools/entities/tool_entities.py

@@ -153,11 +153,11 @@ class ToolInvokeMessage(BaseModel):
         @classmethod
         def transform_variable_value(cls, values):
             """
-            Only basic types, lists, and None are allowed.
+            Only basic types and lists are allowed.
             """
             value = values.get("variable_value")
-            if value is not None and not isinstance(value, dict | list | str | int | float | bool):
-                raise ValueError("Only basic types, lists, and None are allowed.")
+            if not isinstance(value, dict | list | str | int | float | bool):
+                raise ValueError("Only basic types and lists are allowed.")
 
             # if stream is true, the value must be a string
             if values.get("stream"):

api/core/workflow/nodes/parameter_extractor/parameter_extractor_node.py

@@ -281,7 +281,7 @@ class ParameterExtractorNode(Node[ParameterExtractorNodeData]):
 
         # handle invoke result
 
-        text = invoke_result.message.get_text_content()
+        text = invoke_result.message.content or ""
         if not isinstance(text, str):
             raise InvalidTextContentTypeError(f"Invalid text content type: {type(text)}. Expected str.")
 

api/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "dify-api"
-version = "1.11.2"
+version = "1.11.1"
 requires-python = ">=3.11,<3.13"
 
 dependencies = [

api/services/dataset_service.py

@@ -3458,7 +3458,7 @@ class SegmentService:
         if keyword:
             query = query.where(DocumentSegment.content.ilike(f"%{keyword}%"))
 
-        query = query.order_by(DocumentSegment.position.asc(), DocumentSegment.id.asc())
+        query = query.order_by(DocumentSegment.position.asc())
         paginated_segments = db.paginate(select=query, page=page, per_page=limit, max_per_page=100, error_out=False)
 
         return paginated_segments.items, paginated_segments.total

api/services/tools/builtin_tools_manage_service.py

@@ -286,12 +286,12 @@ class BuiltinToolManageService:
 
                     session.add(db_provider)
                     session.commit()
+
+                    # Invalidate tool providers cache
+                    ToolProviderListCache.invalidate_cache(tenant_id)
             except Exception as e:
                 session.rollback()
                 raise ValueError(str(e))
-
-        # Invalidate tool providers cache
-        ToolProviderListCache.invalidate_cache(tenant_id, "builtin")
         return {"result": "success"}
 
     @staticmethod

api/services/trigger/trigger_provider_service.py

@@ -359,6 +359,10 @@ class TriggerProviderService:
             raise ValueError(f"Trigger provider subscription {subscription_id} not found")
 
         credential_type: CredentialType = CredentialType.of(subscription.credential_type)
+        is_auto_created: bool = credential_type in [CredentialType.OAUTH2, CredentialType.API_KEY]
+        if not is_auto_created:
+            return None
+
         provider_id = TriggerProviderID(subscription.provider_id)
         provider_controller: PluginTriggerProviderController = TriggerManager.get_trigger_provider(
             tenant_id=tenant_id, provider_id=provider_id
@@ -368,20 +372,17 @@ class TriggerProviderService:
             controller=provider_controller,
             subscription=subscription,
         )
-
-        is_auto_created: bool = credential_type in [CredentialType.OAUTH2, CredentialType.API_KEY]
-        if is_auto_created:
-            try:
-                TriggerManager.unsubscribe_trigger(
-                    tenant_id=tenant_id,
-                    user_id=subscription.user_id,
-                    provider_id=provider_id,
-                    subscription=subscription.to_entity(),
-                    credentials=encrypter.decrypt(subscription.credentials),
-                    credential_type=credential_type,
-                )
-            except Exception as e:
-                logger.exception("Error unsubscribing trigger", exc_info=e)
+        try:
+            TriggerManager.unsubscribe_trigger(
+                tenant_id=tenant_id,
+                user_id=subscription.user_id,
+                provider_id=provider_id,
+                subscription=subscription.to_entity(),
+                credentials=encrypter.decrypt(subscription.credentials),
+                credential_type=credential_type,
+            )
+        except Exception as e:
+            logger.exception("Error unsubscribing trigger", exc_info=e)
 
         session.delete(subscription)
         # Clear cache

api/tests/unit_tests/controllers/common/test_file_response.py

@@ -1,46 +0,0 @@
-from flask import Response
-
-from controllers.common.file_response import enforce_download_for_html, is_html_content
-
-
-class TestFileResponseHelpers:
-    def test_is_html_content_detects_mime_type(self):
-        mime_type = "text/html; charset=UTF-8"
-
-        result = is_html_content(mime_type, filename="file.txt", extension="txt")
-
-        assert result is True
-
-    def test_is_html_content_detects_extension(self):
-        result = is_html_content("text/plain", filename="report.html", extension=None)
-
-        assert result is True
-
-    def test_enforce_download_for_html_sets_headers(self):
-        response = Response("payload", mimetype="text/html")
-
-        updated = enforce_download_for_html(
-            response,
-            mime_type="text/html",
-            filename="unsafe.html",
-            extension="html",
-        )
-
-        assert updated is True
-        assert "attachment" in response.headers["Content-Disposition"]
-        assert response.headers["Content-Type"] == "application/octet-stream"
-        assert response.headers["X-Content-Type-Options"] == "nosniff"
-
-    def test_enforce_download_for_html_no_change_for_non_html(self):
-        response = Response("payload", mimetype="text/plain")
-
-        updated = enforce_download_for_html(
-            response,
-            mime_type="text/plain",
-            filename="notes.txt",
-            extension="txt",
-        )
-
-        assert updated is False
-        assert "Content-Disposition" not in response.headers
-        assert "X-Content-Type-Options" not in response.headers

api/tests/unit_tests/controllers/service_api/app/test_file_preview.py

@@ -41,7 +41,6 @@ class TestFilePreviewApi:
         upload_file = Mock(spec=UploadFile)
         upload_file.id = str(uuid.uuid4())
         upload_file.name = "test_file.jpg"
-        upload_file.extension = "jpg"
         upload_file.mime_type = "image/jpeg"
         upload_file.size = 1024
         upload_file.key = "storage/key/test_file.jpg"
@@ -211,19 +210,6 @@ class TestFilePreviewApi:
         assert mock_upload_file.name in response.headers["Content-Disposition"]
         assert response.headers["Content-Type"] == "application/octet-stream"
 
-    def test_build_file_response_html_forces_attachment(self, file_preview_api, mock_upload_file):
-        """Test HTML files are forced to download"""
-        mock_generator = Mock()
-        mock_upload_file.mime_type = "text/html"
-        mock_upload_file.name = "unsafe.html"
-        mock_upload_file.extension = "html"
-
-        response = file_preview_api._build_file_response(mock_generator, mock_upload_file, False)
-
-        assert "attachment" in response.headers["Content-Disposition"]
-        assert response.headers["Content-Type"] == "application/octet-stream"
-        assert response.headers["X-Content-Type-Options"] == "nosniff"
-
     def test_build_file_response_audio_video(self, file_preview_api, mock_upload_file):
         """Test file response building for audio/video files"""
         mock_generator = Mock()

api/tests/unit_tests/services/test_dataset_service_get_segments.py

@@ -1,472 +0,0 @@
-"""
-Unit tests for SegmentService.get_segments method.
-
-Tests the retrieval of document segments with pagination and filtering:
-- Basic pagination (page, limit)
-- Status filtering
-- Keyword search
-- Ordering by position and id (to avoid duplicate data)
-"""
-
-from unittest.mock import Mock, create_autospec, patch
-
-import pytest
-
-from models.dataset import DocumentSegment
-
-
-class SegmentServiceTestDataFactory:
-    """
-    Factory class for creating test data and mock objects for segment tests.
-    """
-
-    @staticmethod
-    def create_segment_mock(
-        segment_id: str = "segment-123",
-        document_id: str = "doc-123",
-        tenant_id: str = "tenant-123",
-        dataset_id: str = "dataset-123",
-        position: int = 1,
-        content: str = "Test content",
-        status: str = "completed",
-        **kwargs,
-    ) -> Mock:
-        """
-        Create a mock document segment.
-
-        Args:
-            segment_id: Unique identifier for the segment
-            document_id: Parent document ID
-            tenant_id: Tenant ID the segment belongs to
-            dataset_id: Parent dataset ID
-            position: Position within the document
-            content: Segment text content
-            status: Indexing status
-            **kwargs: Additional attributes
-
-        Returns:
-            Mock: DocumentSegment mock object
-        """
-        segment = create_autospec(DocumentSegment, instance=True)
-        segment.id = segment_id
-        segment.document_id = document_id
-        segment.tenant_id = tenant_id
-        segment.dataset_id = dataset_id
-        segment.position = position
-        segment.content = content
-        segment.status = status
-        for key, value in kwargs.items():
-            setattr(segment, key, value)
-        return segment
-
-
-class TestSegmentServiceGetSegments:
-    """
-    Comprehensive unit tests for SegmentService.get_segments method.
-
-    Tests cover:
-    - Basic pagination functionality
-    - Status list filtering
-    - Keyword search filtering
-    - Ordering (position + id for uniqueness)
-    - Empty results
-    - Combined filters
-    """
-
-    @pytest.fixture
-    def mock_segment_service_dependencies(self):
-        """
-        Common mock setup for segment service dependencies.
-
-        Patches:
-        - db: Database operations and pagination
-        - select: SQLAlchemy query builder
-        """
-        with (
-            patch("services.dataset_service.db") as mock_db,
-            patch("services.dataset_service.select") as mock_select,
-        ):
-            yield {
-                "db": mock_db,
-                "select": mock_select,
-            }
-
-    def test_get_segments_basic_pagination(self, mock_segment_service_dependencies):
-        """
-        Test basic pagination functionality.
-
-        Verifies:
-        - Query is built with document_id and tenant_id filters
-        - Pagination uses correct page and limit parameters
-        - Returns segments and total count
-        """
-        # Arrange
-        document_id = "doc-123"
-        tenant_id = "tenant-123"
-        page = 1
-        limit = 20
-
-        # Create mock segments
-        segment1 = SegmentServiceTestDataFactory.create_segment_mock(
-            segment_id="seg-1", position=1, content="First segment"
-        )
-        segment2 = SegmentServiceTestDataFactory.create_segment_mock(
-            segment_id="seg-2", position=2, content="Second segment"
-        )
-
-        # Mock pagination result
-        mock_paginated = Mock()
-        mock_paginated.items = [segment1, segment2]
-        mock_paginated.total = 2
-
-        mock_segment_service_dependencies["db"].paginate.return_value = mock_paginated
-
-        # Mock select builder
-        mock_query = Mock()
-        mock_segment_service_dependencies["select"].return_value = mock_query
-        mock_query.where.return_value = mock_query
-        mock_query.order_by.return_value = mock_query
-
-        # Act
-        from services.dataset_service import SegmentService
-
-        items, total = SegmentService.get_segments(document_id=document_id, tenant_id=tenant_id, page=page, limit=limit)
-
-        # Assert
-        assert len(items) == 2
-        assert total == 2
-        assert items[0].id == "seg-1"
-        assert items[1].id == "seg-2"
-        mock_segment_service_dependencies["db"].paginate.assert_called_once()
-        call_kwargs = mock_segment_service_dependencies["db"].paginate.call_args[1]
-        assert call_kwargs["page"] == page
-        assert call_kwargs["per_page"] == limit
-        assert call_kwargs["max_per_page"] == 100
-        assert call_kwargs["error_out"] is False
-
-    def test_get_segments_with_status_filter(self, mock_segment_service_dependencies):
-        """
-        Test filtering by status list.
-
-        Verifies:
-        - Status list filter is applied to query
-        - Only segments with matching status are returned
-        """
-        # Arrange
-        document_id = "doc-123"
-        tenant_id = "tenant-123"
-        status_list = ["completed", "indexing"]
-
-        segment1 = SegmentServiceTestDataFactory.create_segment_mock(segment_id="seg-1", status="completed")
-        segment2 = SegmentServiceTestDataFactory.create_segment_mock(segment_id="seg-2", status="indexing")
-
-        mock_paginated = Mock()
-        mock_paginated.items = [segment1, segment2]
-        mock_paginated.total = 2
-
-        mock_segment_service_dependencies["db"].paginate.return_value = mock_paginated
-
-        mock_query = Mock()
-        mock_segment_service_dependencies["select"].return_value = mock_query
-        mock_query.where.return_value = mock_query
-        mock_query.order_by.return_value = mock_query
-
-        # Act
-        from services.dataset_service import SegmentService
-
-        items, total = SegmentService.get_segments(
-            document_id=document_id, tenant_id=tenant_id, status_list=status_list
-        )
-
-        # Assert
-        assert len(items) == 2
-        assert total == 2
-        # Verify where was called multiple times (base filters + status filter)
-        assert mock_query.where.call_count >= 2
-
-    def test_get_segments_with_empty_status_list(self, mock_segment_service_dependencies):
-        """
-        Test with empty status list.
-
-        Verifies:
-        - Empty status list is handled correctly
-        - No status filter is applied to avoid WHERE false condition
-        """
-        # Arrange
-        document_id = "doc-123"
-        tenant_id = "tenant-123"
-        status_list = []
-
-        segment = SegmentServiceTestDataFactory.create_segment_mock(segment_id="seg-1")
-
-        mock_paginated = Mock()
-        mock_paginated.items = [segment]
-        mock_paginated.total = 1
-
-        mock_segment_service_dependencies["db"].paginate.return_value = mock_paginated
-
-        mock_query = Mock()
-        mock_segment_service_dependencies["select"].return_value = mock_query
-        mock_query.where.return_value = mock_query
-        mock_query.order_by.return_value = mock_query
-
-        # Act
-        from services.dataset_service import SegmentService
-
-        items, total = SegmentService.get_segments(
-            document_id=document_id, tenant_id=tenant_id, status_list=status_list
-        )
-
-        # Assert
-        assert len(items) == 1
-        assert total == 1
-        # Should only be called once (base filters, no status filter)
-        assert mock_query.where.call_count == 1
-
-    def test_get_segments_with_keyword_search(self, mock_segment_service_dependencies):
-        """
-        Test keyword search functionality.
-
-        Verifies:
-        - Keyword filter uses ilike for case-insensitive search
-        - Search pattern includes wildcards (%keyword%)
-        """
-        # Arrange
-        document_id = "doc-123"
-        tenant_id = "tenant-123"
-        keyword = "search term"
-
-        segment = SegmentServiceTestDataFactory.create_segment_mock(
-            segment_id="seg-1", content="This contains search term"
-        )
-
-        mock_paginated = Mock()
-        mock_paginated.items = [segment]
-        mock_paginated.total = 1
-
-        mock_segment_service_dependencies["db"].paginate.return_value = mock_paginated
-
-        mock_query = Mock()
-        mock_segment_service_dependencies["select"].return_value = mock_query
-        mock_query.where.return_value = mock_query
-        mock_query.order_by.return_value = mock_query
-
-        # Act
-        from services.dataset_service import SegmentService
-
-        items, total = SegmentService.get_segments(document_id=document_id, tenant_id=tenant_id, keyword=keyword)
-
-        # Assert
-        assert len(items) == 1
-        assert total == 1
-        # Verify where was called for base filters + keyword filter
-        assert mock_query.where.call_count == 2
-
-    def test_get_segments_ordering_by_position_and_id(self, mock_segment_service_dependencies):
-        """
-        Test ordering by position and id.
-
-        Verifies:
-        - Results are ordered by position ASC
-        - Results are secondarily ordered by id ASC to ensure uniqueness
-        - This prevents duplicate data across pages when positions are not unique
-        """
-        # Arrange
-        document_id = "doc-123"
-        tenant_id = "tenant-123"
-
-        # Create segments with same position but different ids
-        segment1 = SegmentServiceTestDataFactory.create_segment_mock(
-            segment_id="seg-1", position=1, content="Content 1"
-        )
-        segment2 = SegmentServiceTestDataFactory.create_segment_mock(
-            segment_id="seg-2", position=1, content="Content 2"
-        )
-        segment3 = SegmentServiceTestDataFactory.create_segment_mock(
-            segment_id="seg-3", position=2, content="Content 3"
-        )
-
-        mock_paginated = Mock()
-        mock_paginated.items = [segment1, segment2, segment3]
-        mock_paginated.total = 3
-
-        mock_segment_service_dependencies["db"].paginate.return_value = mock_paginated
-
-        mock_query = Mock()
-        mock_segment_service_dependencies["select"].return_value = mock_query
-        mock_query.where.return_value = mock_query
-        mock_query.order_by.return_value = mock_query
-
-        # Act
-        from services.dataset_service import SegmentService
-
-        items, total = SegmentService.get_segments(document_id=document_id, tenant_id=tenant_id)
-
-        # Assert
-        assert len(items) == 3
-        assert total == 3
-        mock_query.order_by.assert_called_once()
-
-    def test_get_segments_empty_results(self, mock_segment_service_dependencies):
-        """
-        Test when no segments match the criteria.
-
-        Verifies:
-        - Empty list is returned for items
-        - Total count is 0
-        """
-        # Arrange
-        document_id = "non-existent-doc"
-        tenant_id = "tenant-123"
-
-        mock_paginated = Mock()
-        mock_paginated.items = []
-        mock_paginated.total = 0
-
-        mock_segment_service_dependencies["db"].paginate.return_value = mock_paginated
-
-        mock_query = Mock()
-        mock_segment_service_dependencies["select"].return_value = mock_query
-        mock_query.where.return_value = mock_query
-        mock_query.order_by.return_value = mock_query
-
-        # Act
-        from services.dataset_service import SegmentService
-
-        items, total = SegmentService.get_segments(document_id=document_id, tenant_id=tenant_id)
-
-        # Assert
-        assert items == []
-        assert total == 0
-
-    def test_get_segments_combined_filters(self, mock_segment_service_dependencies):
-        """
-        Test with multiple filters combined.
-
-        Verifies:
-        - All filters work together correctly
-        - Status list and keyword search both applied
-        """
-        # Arrange
-        document_id = "doc-123"
-        tenant_id = "tenant-123"
-        status_list = ["completed"]
-        keyword = "important"
-        page = 2
-        limit = 10
-
-        segment = SegmentServiceTestDataFactory.create_segment_mock(
-            segment_id="seg-1",
-            status="completed",
-            content="This is important information",
-        )
-
-        mock_paginated = Mock()
-        mock_paginated.items = [segment]
-        mock_paginated.total = 1
-
-        mock_segment_service_dependencies["db"].paginate.return_value = mock_paginated
-
-        mock_query = Mock()
-        mock_segment_service_dependencies["select"].return_value = mock_query
-        mock_query.where.return_value = mock_query
-        mock_query.order_by.return_value = mock_query
-
-        # Act
-        from services.dataset_service import SegmentService
-
-        items, total = SegmentService.get_segments(
-            document_id=document_id,
-            tenant_id=tenant_id,
-            status_list=status_list,
-            keyword=keyword,
-            page=page,
-            limit=limit,
-        )
-
-        # Assert
-        assert len(items) == 1
-        assert total == 1
-        # Verify filters: base + status + keyword
-        assert mock_query.where.call_count == 3
-        # Verify pagination parameters
-        call_kwargs = mock_segment_service_dependencies["db"].paginate.call_args[1]
-        assert call_kwargs["page"] == page
-        assert call_kwargs["per_page"] == limit
-
-    def test_get_segments_with_none_status_list(self, mock_segment_service_dependencies):
-        """
-        Test with None status list.
-
-        Verifies:
-        - None status list is handled correctly
-        - No status filter is applied
-        """
-        # Arrange
-        document_id = "doc-123"
-        tenant_id = "tenant-123"
-
-        segment = SegmentServiceTestDataFactory.create_segment_mock(segment_id="seg-1")
-
-        mock_paginated = Mock()
-        mock_paginated.items = [segment]
-        mock_paginated.total = 1
-
-        mock_segment_service_dependencies["db"].paginate.return_value = mock_paginated
-
-        mock_query = Mock()
-        mock_segment_service_dependencies["select"].return_value = mock_query
-        mock_query.where.return_value = mock_query
-        mock_query.order_by.return_value = mock_query
-
-        # Act
-        from services.dataset_service import SegmentService
-
-        items, total = SegmentService.get_segments(
-            document_id=document_id,
-            tenant_id=tenant_id,
-            status_list=None,
-        )
-
-        # Assert
-        assert len(items) == 1
-        assert total == 1
-        # Should only be called once (base filters only, no status filter)
-        assert mock_query.where.call_count == 1
-
-    def test_get_segments_pagination_max_per_page_limit(self, mock_segment_service_dependencies):
-        """
-        Test that max_per_page is correctly set to 100.
-
-        Verifies:
-        - max_per_page parameter is set to 100
-        - This prevents excessive page sizes
-        """
-        # Arrange
-        document_id = "doc-123"
-        tenant_id = "tenant-123"
-        limit = 200  # Request more than max_per_page
-
-        mock_paginated = Mock()
-        mock_paginated.items = []
-        mock_paginated.total = 0
-
-        mock_segment_service_dependencies["db"].paginate.return_value = mock_paginated
-
-        mock_query = Mock()
-        mock_segment_service_dependencies["select"].return_value = mock_query
-        mock_query.where.return_value = mock_query
-        mock_query.order_by.return_value = mock_query
-
-        # Act
-        from services.dataset_service import SegmentService
-
-        SegmentService.get_segments(
-            document_id=document_id,
-            tenant_id=tenant_id,
-            limit=limit,
-        )
-
-        # Assert
-        call_kwargs = mock_segment_service_dependencies["db"].paginate.call_args[1]
-        assert call_kwargs["max_per_page"] == 100

api/uv.lock

@@ -1368,7 +1368,7 @@ wheels = [
 
 [[package]]
 name = "dify-api"
-version = "1.11.2"
+version = "1.11.1"
 source = { virtual = "." }
 dependencies = [
     { name = "aliyun-log-python-sdk" },

docker/docker-compose-template.yaml

@@ -21,7 +21,7 @@ services:
 
   # API service
   api:
-    image: langgenius/dify-api:1.11.2
+    image: langgenius/dify-api:1.11.1
     restart: always
     environment:
       # Use the shared environment variables.
@@ -63,7 +63,7 @@ services:
   # worker service
   # The Celery worker for processing all queues (dataset, workflow, mail, etc.)
   worker:
-    image: langgenius/dify-api:1.11.2
+    image: langgenius/dify-api:1.11.1
     restart: always
     environment:
       # Use the shared environment variables.
@@ -102,7 +102,7 @@ services:
   # worker_beat service
   # Celery beat for scheduling periodic tasks.
   worker_beat:
-    image: langgenius/dify-api:1.11.2
+    image: langgenius/dify-api:1.11.1
     restart: always
     environment:
       # Use the shared environment variables.
@@ -132,7 +132,7 @@ services:
 
   # Frontend web application.
   web:
-    image: langgenius/dify-web:1.11.2
+    image: langgenius/dify-web:1.11.1
     restart: always
     environment:
       CONSOLE_API_URL: ${CONSOLE_API_URL:-}

docker/docker-compose.yaml

@@ -692,7 +692,7 @@ services:
 
   # API service
   api:
-    image: langgenius/dify-api:1.11.2
+    image: langgenius/dify-api:1.11.1
     restart: always
     environment:
       # Use the shared environment variables.
@@ -734,7 +734,7 @@ services:
   # worker service
   # The Celery worker for processing all queues (dataset, workflow, mail, etc.)
   worker:
-    image: langgenius/dify-api:1.11.2
+    image: langgenius/dify-api:1.11.1
     restart: always
     environment:
       # Use the shared environment variables.
@@ -773,7 +773,7 @@ services:
   # worker_beat service
   # Celery beat for scheduling periodic tasks.
   worker_beat:
-    image: langgenius/dify-api:1.11.2
+    image: langgenius/dify-api:1.11.1
     restart: always
     environment:
       # Use the shared environment variables.
@@ -803,7 +803,7 @@ services:
 
   # Frontend web application.
   web:
-    image: langgenius/dify-web:1.11.2
+    image: langgenius/dify-web:1.11.1
     restart: always
     environment:
       CONSOLE_API_URL: ${CONSOLE_API_URL:-}

web/__mocks__/provider-context.ts

@@ -1,6 +1,6 @@
 import type { Plan, UsagePlanInfo } from '@/app/components/billing/type'
 import type { ProviderContextState } from '@/context/provider-context'
-import { merge, noop } from 'es-toolkit/compat'
+import { merge, noop } from 'lodash-es'
 import { defaultPlan } from '@/app/components/billing/config'
 
 // Avoid being mocked in tests

web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/time-range-picker/date-picker.tsx

@@ -4,7 +4,7 @@ import type { FC } from 'react'
 import type { TriggerProps } from '@/app/components/base/date-and-time-picker/types'
 import { RiCalendarLine } from '@remixicon/react'
 import dayjs from 'dayjs'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useCallback } from 'react'
 import Picker from '@/app/components/base/date-and-time-picker/date-picker'

web/app/(shareLayout)/webapp-reset-password/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import { RiArrowLeftLine, RiLockPasswordLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { useState } from 'react'

web/app/(shareLayout)/webapp-signin/components/mail-and-code-auth.tsx

@@ -1,4 +1,4 @@
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/(shareLayout)/webapp-signin/components/mail-and-password-auth.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { useCallback, useState } from 'react'

web/app/account/(commonLayout)/account-page/email-change-modal.tsx

@@ -1,6 +1,6 @@
 import type { ResponseError } from '@/service/fetch'
 import { RiCloseLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { useRouter } from 'next/navigation'
 import * as React from 'react'
 import { useState } from 'react'

web/app/components/app/annotation/batch-add-annotation-modal/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import { RiCloseLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/app/configuration/base/operation-btn/index.tsx

@@ -4,7 +4,7 @@ import {
   RiAddLine,
   RiEditLine,
 } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'

web/app/components/app/configuration/config-prompt/simple-prompt-input.tsx

@@ -4,8 +4,8 @@ import type { ExternalDataTool } from '@/models/common'
 import type { PromptVariable } from '@/models/debug'
 import type { GenRes } from '@/service/debug'
 import { useBoolean } from 'ahooks'
-import { noop } from 'es-toolkit/compat'
 import { produce } from 'immer'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/app/configuration/config/agent/prompt-editor.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import type { ExternalDataTool } from '@/models/common'
 import copy from 'copy-to-clipboard'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'

web/app/components/app/configuration/dataset-config/index.spec.tsx

@@ -52,7 +52,7 @@ vi.mock('../debug/hooks', () => ({
   useFormattingChangedDispatcher: vi.fn(() => vi.fn()),
 }))
 
-vi.mock('es-toolkit/compat', () => ({
+vi.mock('lodash-es', () => ({
   intersectionBy: vi.fn((...arrays) => {
     // Mock realistic intersection behavior based on metadata name
     const validArrays = arrays.filter(Array.isArray)

web/app/components/app/configuration/dataset-config/index.tsx

@@ -8,8 +8,8 @@ import type {
   MetadataFilteringModeEnum,
 } from '@/app/components/workflow/nodes/knowledge-retrieval/types'
 import type { DataSet } from '@/models/datasets'
-import { intersectionBy } from 'es-toolkit/compat'
 import { produce } from 'immer'
+import { intersectionBy } from 'lodash-es'
 import * as React from 'react'
 import { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/app/configuration/dataset-config/params-config/config-content.tsx

@@ -1,7 +1,6 @@
 'use client'
 
 import type { FC } from 'react'
-import type { ModelParameterModalProps } from '@/app/components/header/account-setting/model-provider-page/model-parameter-modal'
 import type { ModelConfig } from '@/app/components/workflow/types'
 import type {
   DataSet,
@@ -9,6 +8,7 @@ import type {
 import type {
   DatasetConfigs,
 } from '@/models/debug'
+import { noop } from 'lodash-es'
 import { memo, useCallback, useEffect, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import Divider from '@/app/components/base/divider'
@@ -33,20 +33,17 @@ type Props = {
   selectedDatasets?: DataSet[]
   isInWorkflow?: boolean
   singleRetrievalModelConfig?: ModelConfig
-  onSingleRetrievalModelChange?: ModelParameterModalProps['setModel']
-  onSingleRetrievalModelParamsChange?: ModelParameterModalProps['onCompletionParamsChange']
+  onSingleRetrievalModelChange?: (config: ModelConfig) => void
+  onSingleRetrievalModelParamsChange?: (config: ModelConfig) => void
 }
 
-const noopModelChange: ModelParameterModalProps['setModel'] = () => {}
-const noopParamsChange: ModelParameterModalProps['onCompletionParamsChange'] = () => {}
-
 const ConfigContent: FC<Props> = ({
   datasetConfigs,
   onChange,
   isInWorkflow,
   singleRetrievalModelConfig: singleRetrievalConfig = {} as ModelConfig,
-  onSingleRetrievalModelChange = noopModelChange,
-  onSingleRetrievalModelParamsChange = noopParamsChange,
+  onSingleRetrievalModelChange = noop,
+  onSingleRetrievalModelParamsChange = noop,
   selectedDatasets = [],
 }) => {
   const { t } = useTranslation()

web/app/components/app/configuration/dataset-config/params-config/weighted-score.tsx

@@ -1,4 +1,4 @@
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
 import Slider from '@/app/components/base/slider'

web/app/components/app/configuration/dataset-config/settings-modal/index.tsx

@@ -3,7 +3,7 @@ import type { Member } from '@/models/common'
 import type { DataSet } from '@/models/datasets'
 import type { RetrievalConfig } from '@/types/app'
 import { RiCloseLine } from '@remixicon/react'
-import { isEqual } from 'es-toolkit/compat'
+import { isEqual } from 'lodash-es'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'

web/app/components/app/configuration/debug/debug-with-multiple-model/context.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import type { ModelAndParameter } from '../types'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { createContext, useContext } from 'use-context-selector'
 
 export type DebugWithMultipleModelContextType = {

web/app/components/app/configuration/debug/debug-with-multiple-model/text-generation-item.tsx

@@ -4,7 +4,7 @@ import type {
   OnSend,
   TextGenerationConfig,
 } from '@/app/components/base/text-generation/types'
-import { cloneDeep, noop } from 'es-toolkit/compat'
+import { cloneDeep, noop } from 'lodash-es'
 import { memo } from 'react'
 import TextGeneration from '@/app/components/app/text-generate/item'
 import { TransferMethod } from '@/app/components/base/chat/types'

web/app/components/app/configuration/debug/hooks.tsx

@@ -6,7 +6,7 @@ import type {
   ChatConfig,
   ChatItem,
 } from '@/app/components/base/chat/types'
-import { cloneDeep } from 'es-toolkit/compat'
+import cloneDeep from 'lodash-es/cloneDeep'
 import {
   useCallback,
   useRef,

web/app/components/app/configuration/debug/index.tsx

@@ -11,8 +11,9 @@ import {
   RiSparklingFill,
 } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
-import { cloneDeep, noop } from 'es-toolkit/compat'
 import { produce, setAutoFreeze } from 'immer'
+import { noop } from 'lodash-es'
+import cloneDeep from 'lodash-es/cloneDeep'
 import * as React from 'react'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/app/configuration/hooks/use-advanced-prompt-config.ts

@@ -1,7 +1,7 @@
 import type { FormValue } from '@/app/components/header/account-setting/model-provider-page/declarations'
 import type { ChatPromptConfig, CompletionPromptConfig, ConversationHistoriesRole, PromptItem } from '@/models/debug'
-import { clone } from 'es-toolkit/compat'
 import { produce } from 'immer'
+import { clone } from 'lodash-es'
 import { useState } from 'react'
 import { checkHasContextBlock, checkHasHistoryBlock, checkHasQueryBlock, PRE_PROMPT_PLACEHOLDER_TEXT } from '@/app/components/base/prompt-editor/constants'
 import { DEFAULT_CHAT_PROMPT_CONFIG, DEFAULT_COMPLETION_PROMPT_CONFIG } from '@/config'

web/app/components/app/configuration/index.tsx

@@ -20,8 +20,8 @@ import type {
 import type { ModelConfig as BackendModelConfig, UserInputFormItem, VisionSettings } from '@/types/app'
 import { CodeBracketIcon } from '@heroicons/react/20/solid'
 import { useBoolean, useGetState } from 'ahooks'
-import { clone, isEqual } from 'es-toolkit/compat'
 import { produce } from 'immer'
+import { clone, isEqual } from 'lodash-es'
 import { usePathname } from 'next/navigation'
 import * as React from 'react'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'

web/app/components/app/configuration/tools/external-data-tool-modal.tsx

@@ -3,7 +3,7 @@ import type {
   CodeBasedExtensionItem,
   ExternalDataTool,
 } from '@/models/common'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'

web/app/components/app/create-from-dsl-modal/index.tsx

@@ -3,7 +3,7 @@
 import type { MouseEventHandler } from 'react'
 import { RiCloseLine, RiCommandLine, RiCornerDownLeftLine } from '@remixicon/react'
 import { useDebounceFn, useKeyPress } from 'ahooks'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { useRouter } from 'next/navigation'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/app/duplicate-modal/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { AppIconType } from '@/types/app'
 import { RiCloseLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/app/log/index.tsx

@@ -3,7 +3,7 @@ import type { FC } from 'react'
 import type { App } from '@/types/app'
 import { useDebounce } from 'ahooks'
 import dayjs from 'dayjs'
-import { omit } from 'es-toolkit/compat'
+import { omit } from 'lodash-es'
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import * as React from 'react'
 import { useCallback, useEffect, useState } from 'react'

web/app/components/app/log/list.tsx

@@ -12,7 +12,7 @@ import { RiCloseLine, RiEditFill } from '@remixicon/react'
 import dayjs from 'dayjs'
 import timezone from 'dayjs/plugin/timezone'
 import utc from 'dayjs/plugin/utc'
-import { get, noop } from 'es-toolkit/compat'
+import { get, noop } from 'lodash-es'
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import * as React from 'react'
 import { useCallback, useEffect, useRef, useState } from 'react'

web/app/components/app/overview/apikey-info-panel/apikey-info-panel.test-utils.tsx

@@ -2,7 +2,7 @@ import type { RenderOptions } from '@testing-library/react'
 import type { Mock, MockedFunction } from 'vitest'
 import type { ModalContextState } from '@/context/modal-context'
 import { fireEvent, render } from '@testing-library/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { defaultPlan } from '@/app/components/billing/config'
 import { useModalContext as actualUseModalContext } from '@/context/modal-context'
 

web/app/components/app/overview/app-chart.tsx

@@ -6,7 +6,7 @@ import type { AppDailyConversationsResponse, AppDailyEndUsersResponse, AppDailyM
 import dayjs from 'dayjs'
 import Decimal from 'decimal.js'
 import ReactECharts from 'echarts-for-react'
-import { get } from 'es-toolkit/compat'
+import { get } from 'lodash-es'
 import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import Basic from '@/app/components/app-sidebar/basic'

web/app/components/app/switch-app-modal/index.tsx

@@ -2,7 +2,7 @@
 
 import type { App } from '@/types/app'
 import { RiCloseLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { useRouter } from 'next/navigation'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/app/workflow-log/index.tsx

@@ -5,7 +5,7 @@ import { useDebounce } from 'ahooks'
 import dayjs from 'dayjs'
 import timezone from 'dayjs/plugin/timezone'
 import utc from 'dayjs/plugin/utc'
-import { omit } from 'es-toolkit/compat'
+import { omit } from 'lodash-es'
 import * as React from 'react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/base/agent-log-modal/detail.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import type { IChatItem } from '@/app/components/base/chat/chat/type'
 import type { AgentIteration, AgentLogDetailResponse } from '@/models/log'
-import { flatten, uniq } from 'es-toolkit/compat'
+import { flatten, uniq } from 'lodash-es'
 import * as React from 'react'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/base/app-icon-picker/index.tsx

@@ -3,7 +3,7 @@ import type { Area } from 'react-easy-crop'
 import type { OnImageInput } from './ImageInput'
 import type { AppIconType, ImageFile } from '@/types/app'
 import { RiImageCircleAiLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { DISABLE_UPLOAD_IMAGE_AS_ICON } from '@/config'

web/app/components/base/badge/index.spec.tsx

@@ -1,360 +0,0 @@
-import { fireEvent, render, screen } from '@testing-library/react'
-import Badge, { BadgeState, BadgeVariants } from './index'
-
-describe('Badge', () => {
-  describe('Rendering', () => {
-    it('should render as a div element with badge class', () => {
-      render(<Badge>Test Badge</Badge>)
-
-      const badge = screen.getByText('Test Badge')
-      expect(badge).toHaveClass('badge')
-      expect(badge.tagName).toBe('DIV')
-    })
-
-    it.each([
-      { children: undefined, label: 'no children' },
-      { children: '', label: 'empty string' },
-    ])('should render correctly when provided $label', ({ children }) => {
-      const { container } = render(<Badge>{children}</Badge>)
-
-      expect(container.firstChild).toHaveClass('badge')
-    })
-
-    it('should render React Node children correctly', () => {
-      render(
-        <Badge data-testid="badge-with-icon">
-          <span data-testid="custom-icon">🔔</span>
-        </Badge>,
-      )
-
-      expect(screen.getByTestId('badge-with-icon')).toBeInTheDocument()
-      expect(screen.getByTestId('custom-icon')).toBeInTheDocument()
-    })
-  })
-
-  describe('size prop', () => {
-    it.each([
-      { size: undefined, label: 'medium (default)' },
-      { size: 's', label: 'small' },
-      { size: 'm', label: 'medium' },
-      { size: 'l', label: 'large' },
-    ] as const)('should render with $label size', ({ size }) => {
-      render(<Badge size={size}>Test</Badge>)
-
-      const expectedSize = size || 'm'
-      expect(screen.getByText('Test')).toHaveClass('badge', `badge-${expectedSize}`)
-    })
-  })
-
-  describe('state prop', () => {
-    it.each([
-      { state: BadgeState.Warning, label: 'warning', expectedClass: 'badge-warning' },
-      { state: BadgeState.Accent, label: 'accent', expectedClass: 'badge-accent' },
-    ])('should render with $label state', ({ state, expectedClass }) => {
-      render(<Badge state={state}>State Test</Badge>)
-
-      expect(screen.getByText('State Test')).toHaveClass(expectedClass)
-    })
-
-    it.each([
-      { state: undefined, label: 'default (undefined)' },
-      { state: BadgeState.Default, label: 'default (explicit)' },
-    ])('should use default styles when state is $label', ({ state }) => {
-      render(<Badge state={state}>State Test</Badge>)
-
-      const badge = screen.getByText('State Test')
-      expect(badge).not.toHaveClass('badge-warning', 'badge-accent')
-    })
-  })
-
-  describe('iconOnly prop', () => {
-    it.each([
-      { size: 's', iconOnly: false, label: 'small with text' },
-      { size: 's', iconOnly: true, label: 'small icon-only' },
-      { size: 'm', iconOnly: false, label: 'medium with text' },
-      { size: 'm', iconOnly: true, label: 'medium icon-only' },
-      { size: 'l', iconOnly: false, label: 'large with text' },
-      { size: 'l', iconOnly: true, label: 'large icon-only' },
-    ] as const)('should render correctly for $label', ({ size, iconOnly }) => {
-      const { container } = render(<Badge size={size} iconOnly={iconOnly}>🔔</Badge>)
-      const badge = screen.getByText('🔔')
-
-      // Verify badge renders with correct size
-      expect(badge).toHaveClass('badge', `badge-${size}`)
-
-      // Verify the badge is in the DOM and contains the content
-      expect(badge).toBeInTheDocument()
-      expect(container.firstChild).toBe(badge)
-    })
-
-    it('should apply icon-only padding when iconOnly is true', () => {
-      render(<Badge iconOnly>🔔</Badge>)
-
-      // When iconOnly is true, the badge should have uniform padding (all sides equal)
-      const badge = screen.getByText('🔔')
-      expect(badge).toHaveClass('p-1')
-    })
-
-    it('should apply asymmetric padding when iconOnly is false', () => {
-      render(<Badge iconOnly={false}>Badge</Badge>)
-
-      // When iconOnly is false, the badge should have different horizontal and vertical padding
-      const badge = screen.getByText('Badge')
-      expect(badge).toHaveClass('px-[5px]', 'py-[2px]')
-    })
-  })
-
-  describe('uppercase prop', () => {
-    it.each([
-      { uppercase: undefined, label: 'default (undefined)', expected: 'system-2xs-medium' },
-      { uppercase: false, label: 'explicitly false', expected: 'system-2xs-medium' },
-      { uppercase: true, label: 'true', expected: 'system-2xs-medium-uppercase' },
-    ])('should apply $expected class when uppercase is $label', ({ uppercase, expected }) => {
-      render(<Badge uppercase={uppercase}>Text</Badge>)
-
-      expect(screen.getByText('Text')).toHaveClass(expected)
-    })
-  })
-
-  describe('styleCss prop', () => {
-    it('should apply custom inline styles correctly', () => {
-      const customStyles = {
-        backgroundColor: 'rgb(0, 0, 255)',
-        color: 'rgb(255, 255, 255)',
-        padding: '10px',
-      }
-      render(<Badge styleCss={customStyles}>Styled Badge</Badge>)
-
-      expect(screen.getByText('Styled Badge')).toHaveStyle(customStyles)
-    })
-
-    it('should apply inline styles without overriding core classes', () => {
-      render(<Badge styleCss={{ backgroundColor: 'rgb(255, 0, 0)', margin: '5px' }}>Custom</Badge>)
-
-      const badge = screen.getByText('Custom')
-      expect(badge).toHaveStyle({ backgroundColor: 'rgb(255, 0, 0)', margin: '5px' })
-      expect(badge).toHaveClass('badge')
-    })
-  })
-
-  describe('className prop', () => {
-    it.each([
-      {
-        props: { className: 'custom-badge' },
-        expected: ['badge', 'custom-badge'],
-        label: 'single custom class',
-      },
-      {
-        props: { className: 'custom-class another-class', size: 'l' as const },
-        expected: ['badge', 'badge-l', 'custom-class', 'another-class'],
-        label: 'multiple classes with size variant',
-      },
-    ])('should merge $label with default classes', ({ props, expected }) => {
-      render(<Badge {...props}>Test</Badge>)
-
-      expect(screen.getByText('Test')).toHaveClass(...expected)
-    })
-  })
-
-  describe('HTML attributes passthrough', () => {
-    it.each([
-      { attr: 'data-testid', value: 'custom-badge-id', label: 'data attribute' },
-      { attr: 'id', value: 'unique-badge', label: 'id attribute' },
-      { attr: 'aria-label', value: 'Notification badge', label: 'aria-label' },
-      { attr: 'title', value: 'Hover tooltip', label: 'title attribute' },
-      { attr: 'role', value: 'status', label: 'ARIA role' },
-    ])('should pass through $label correctly', ({ attr, value }) => {
-      render(<Badge {...{ [attr]: value }}>Test</Badge>)
-
-      expect(screen.getByText('Test')).toHaveAttribute(attr, value)
-    })
-
-    it('should support multiple HTML attributes simultaneously', () => {
-      render(
-        <Badge
-          data-testid="multi-attr-badge"
-          id="badge-123"
-          aria-label="Status indicator"
-          title="Current status"
-        >
-          Test
-        </Badge>,
-      )
-
-      const badge = screen.getByTestId('multi-attr-badge')
-      expect(badge).toHaveAttribute('id', 'badge-123')
-      expect(badge).toHaveAttribute('aria-label', 'Status indicator')
-      expect(badge).toHaveAttribute('title', 'Current status')
-    })
-  })
-
-  describe('Event handlers', () => {
-    it.each([
-      { handler: 'onClick', trigger: fireEvent.click, label: 'click' },
-      { handler: 'onMouseEnter', trigger: fireEvent.mouseEnter, label: 'mouse enter' },
-      { handler: 'onMouseLeave', trigger: fireEvent.mouseLeave, label: 'mouse leave' },
-    ])('should trigger $handler when $label occurs', ({ handler, trigger }) => {
-      const mockHandler = vi.fn()
-      render(<Badge {...{ [handler]: mockHandler }}>Badge</Badge>)
-
-      trigger(screen.getByText('Badge'))
-
-      expect(mockHandler).toHaveBeenCalledTimes(1)
-    })
-
-    it('should handle user interaction flow with multiple events', () => {
-      const handlers = {
-        onClick: vi.fn(),
-        onMouseEnter: vi.fn(),
-        onMouseLeave: vi.fn(),
-      }
-      render(<Badge {...handlers}>Interactive</Badge>)
-
-      const badge = screen.getByText('Interactive')
-      fireEvent.mouseEnter(badge)
-      fireEvent.click(badge)
-      fireEvent.mouseLeave(badge)
-
-      expect(handlers.onMouseEnter).toHaveBeenCalledTimes(1)
-      expect(handlers.onClick).toHaveBeenCalledTimes(1)
-      expect(handlers.onMouseLeave).toHaveBeenCalledTimes(1)
-    })
-
-    it('should pass event object to handler with correct properties', () => {
-      const handleClick = vi.fn()
-      render(<Badge onClick={handleClick}>Event Badge</Badge>)
-
-      fireEvent.click(screen.getByText('Event Badge'))
-
-      expect(handleClick).toHaveBeenCalledWith(expect.objectContaining({
-        type: 'click',
-      }))
-    })
-  })
-
-  describe('Combined props', () => {
-    it('should correctly apply all props when used together', () => {
-      render(
-        <Badge
-          size="l"
-          state={BadgeState.Warning}
-          uppercase
-          className="custom-badge"
-          styleCss={{ backgroundColor: 'rgb(0, 0, 255)' }}
-          data-testid="combined-badge"
-        >
-          Full Featured
-        </Badge>,
-      )
-
-      const badge = screen.getByTestId('combined-badge')
-      expect(badge).toHaveClass('badge', 'badge-l', 'badge-warning', 'system-2xs-medium-uppercase', 'custom-badge')
-      expect(badge).toHaveStyle({ backgroundColor: 'rgb(0, 0, 255)' })
-      expect(badge).toHaveTextContent('Full Featured')
-    })
-
-    it.each([
-      {
-        props: { size: 'l' as const, state: BadgeState.Accent },
-        expected: ['badge', 'badge-l', 'badge-accent'],
-        label: 'size and state variants',
-      },
-      {
-        props: { iconOnly: true, uppercase: true },
-        expected: ['badge', 'system-2xs-medium-uppercase'],
-        label: 'iconOnly and uppercase',
-      },
-    ])('should combine $label correctly', ({ props, expected }) => {
-      render(<Badge {...props}>Test</Badge>)
-
-      expect(screen.getByText('Test')).toHaveClass(...expected)
-    })
-
-    it('should handle event handlers with combined props', () => {
-      const handleClick = vi.fn()
-      render(
-        <Badge size="s" state={BadgeState.Warning} onClick={handleClick} className="interactive">
-          Test
-        </Badge>,
-      )
-
-      const badge = screen.getByText('Test')
-      expect(badge).toHaveClass('badge', 'badge-s', 'badge-warning', 'interactive')
-
-      fireEvent.click(badge)
-      expect(handleClick).toHaveBeenCalledTimes(1)
-    })
-  })
-
-  describe('Edge cases', () => {
-    it.each([
-      { children: 42, text: '42', label: 'numeric value' },
-      { children: 0, text: '0', label: 'zero' },
-    ])('should render $label correctly', ({ children, text }) => {
-      render(<Badge>{children}</Badge>)
-
-      expect(screen.getByText(text)).toBeInTheDocument()
-    })
-
-    it.each([
-      { children: null, label: 'null' },
-      { children: false, label: 'boolean false' },
-    ])('should handle $label children without errors', ({ children }) => {
-      const { container } = render(<Badge>{children}</Badge>)
-
-      expect(container.firstChild).toHaveClass('badge')
-    })
-
-    it('should render complex nested content correctly', () => {
-      render(
-        <Badge>
-          <span data-testid="icon">🔔</span>
-          <span data-testid="count">5</span>
-        </Badge>,
-      )
-
-      expect(screen.getByTestId('icon')).toBeInTheDocument()
-      expect(screen.getByTestId('count')).toBeInTheDocument()
-    })
-  })
-
-  describe('Component metadata and exports', () => {
-    it('should have correct displayName for debugging', () => {
-      expect(Badge.displayName).toBe('Badge')
-    })
-
-    describe('BadgeState enum', () => {
-      it.each([
-        { key: 'Warning', value: 'warning' },
-        { key: 'Accent', value: 'accent' },
-        { key: 'Default', value: '' },
-      ])('should export $key state with value "$value"', ({ key, value }) => {
-        expect(BadgeState[key as keyof typeof BadgeState]).toBe(value)
-      })
-    })
-
-    describe('BadgeVariants utility', () => {
-      it('should be a function', () => {
-        expect(typeof BadgeVariants).toBe('function')
-      })
-
-      it('should generate base badge class with default medium size', () => {
-        const result = BadgeVariants({})
-
-        expect(result).toContain('badge')
-        expect(result).toContain('badge-m')
-      })
-
-      it.each([
-        { size: 's' },
-        { size: 'm' },
-        { size: 'l' },
-      ] as const)('should generate correct classes for size=$size', ({ size }) => {
-        const result = BadgeVariants({ size })
-
-        expect(result).toContain('badge')
-        expect(result).toContain(`badge-${size}`)
-      })
-    })
-  })
-})

web/app/components/base/chat/__tests__/utils.spec.ts

@@ -1,5 +1,5 @@
 import type { ChatItemInTree } from '../types'
-import { get } from 'es-toolkit/compat'
+import { get } from 'lodash-es'
 import { buildChatItemTree, getThreadMessages } from '../utils'
 import branchedTestMessages from './branchedTestMessages.json'
 import legacyTestMessages from './legacyTestMessages.json'

web/app/components/base/chat/chat-with-history/context.tsx

@@ -14,7 +14,7 @@ import type {
   AppMeta,
   ConversationItem,
 } from '@/models/share'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { createContext, useContext } from 'use-context-selector'
 
 export type ChatWithHistoryContextValue = {

web/app/components/base/chat/chat-with-history/hooks.tsx

@@ -10,8 +10,8 @@ import type {
   ConversationItem,
 } from '@/models/share'
 import { useLocalStorageState } from 'ahooks'
-import { noop } from 'es-toolkit/compat'
 import { produce } from 'immer'
+import { noop } from 'lodash-es'
 import {
   useCallback,
   useEffect,

web/app/components/base/chat/chat/hooks.ts

@@ -8,8 +8,8 @@ import type { InputForm } from './type'
 import type AudioPlayer from '@/app/components/base/audio-btn/audio'
 import type { FileEntity } from '@/app/components/base/file-uploader/types'
 import type { Annotation } from '@/models/log'
-import { noop, uniqBy } from 'es-toolkit/compat'
 import { produce, setAutoFreeze } from 'immer'
+import { noop, uniqBy } from 'lodash-es'
 import { useParams, usePathname } from 'next/navigation'
 import {
   useCallback,

web/app/components/base/chat/chat/index.tsx

@@ -13,7 +13,7 @@ import type {
 import type { InputForm } from './type'
 import type { Emoji } from '@/app/components/tools/types'
 import type { AppData } from '@/models/share'
-import { debounce } from 'es-toolkit/compat'
+import { debounce } from 'lodash-es'
 import {
   memo,
   useCallback,

web/app/components/base/chat/embedded-chatbot/context.tsx

@@ -13,7 +13,7 @@ import type {
   AppMeta,
   ConversationItem,
 } from '@/models/share'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { createContext, useContext } from 'use-context-selector'
 
 export type EmbeddedChatbotContextValue = {

web/app/components/base/chat/embedded-chatbot/hooks.tsx

@@ -9,8 +9,8 @@ import type {
   ConversationItem,
 } from '@/models/share'
 import { useLocalStorageState } from 'ahooks'
-import { noop } from 'es-toolkit/compat'
 import { produce } from 'immer'
+import { noop } from 'lodash-es'
 import {
   useCallback,
   useEffect,

web/app/components/base/chip/index.spec.tsx

@@ -1,394 +0,0 @@
-import type { Item } from './index'
-import { cleanup, fireEvent, render, screen } from '@testing-library/react'
-import * as React from 'react'
-import Chip from './index'
-
-afterEach(cleanup)
-
-// Test data factory
-const createTestItems = (): Item[] => [
-  { value: 'all', name: 'All Items' },
-  { value: 'active', name: 'Active' },
-  { value: 'archived', name: 'Archived' },
-]
-
-describe('Chip', () => {
-  // Shared test props
-  let items: Item[]
-  let onSelect: (item: Item) => void
-  let onClear: () => void
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    items = createTestItems()
-    onSelect = vi.fn()
-    onClear = vi.fn()
-  })
-
-  // Helper function to render Chip with default props
-  const renderChip = (props: Partial<React.ComponentProps<typeof Chip>> = {}) => {
-    return render(
-      <Chip
-        value="all"
-        items={items}
-        onSelect={onSelect}
-        onClear={onClear}
-        {...props}
-      />,
-    )
-  }
-
-  // Helper function to get the trigger element
-  const getTrigger = (container: HTMLElement) => {
-    return container.querySelector('[data-state]')
-  }
-
-  // Helper function to open dropdown panel
-  const openPanel = (container: HTMLElement) => {
-    const trigger = getTrigger(container)
-    if (trigger)
-      fireEvent.click(trigger)
-  }
-
-  describe('Rendering', () => {
-    it('should render without crashing', () => {
-      renderChip()
-
-      expect(screen.getByText('All Items')).toBeInTheDocument()
-    })
-
-    it('should display current selected item name', () => {
-      renderChip({ value: 'active' })
-
-      expect(screen.getByText('Active')).toBeInTheDocument()
-    })
-
-    it('should display empty content when value does not match any item', () => {
-      const { container } = renderChip({ value: 'nonexistent' })
-
-      // When value doesn't match, no text should be displayed in trigger
-      const trigger = getTrigger(container)
-      // Check that there's no item name text (only icons should be present)
-      expect(trigger?.textContent?.trim()).toBeFalsy()
-    })
-  })
-
-  describe('Props', () => {
-    it('should update displayed item name when value prop changes', () => {
-      const { rerender } = renderChip({ value: 'all' })
-      expect(screen.getByText('All Items')).toBeInTheDocument()
-
-      rerender(
-        <Chip
-          value="archived"
-          items={items}
-          onSelect={onSelect}
-          onClear={onClear}
-        />,
-      )
-      expect(screen.getByText('Archived')).toBeInTheDocument()
-    })
-
-    it('should show left icon by default', () => {
-      const { container } = renderChip()
-
-      // The filter icon should be visible
-      const svg = container.querySelector('svg')
-      expect(svg).toBeInTheDocument()
-    })
-
-    it('should hide left icon when showLeftIcon is false', () => {
-      renderChip({ showLeftIcon: false })
-
-      // When showLeftIcon is false, there should be no filter icon before the text
-      const textElement = screen.getByText('All Items')
-      const parent = textElement.closest('div[data-state]')
-      const icons = parent?.querySelectorAll('svg')
-
-      // Should only have the arrow icon, not the filter icon
-      expect(icons?.length).toBe(1)
-    })
-
-    it('should render custom left icon', () => {
-      const CustomIcon = () => <span data-testid="custom-icon">★</span>
-
-      renderChip({ leftIcon: <CustomIcon /> })
-
-      expect(screen.getByTestId('custom-icon')).toBeInTheDocument()
-    })
-
-    it('should apply custom className to trigger', () => {
-      const customClass = 'custom-chip-class'
-
-      const { container } = renderChip({ className: customClass })
-
-      const chipElement = container.querySelector(`.${customClass}`)
-      expect(chipElement).toBeInTheDocument()
-    })
-
-    it('should apply custom panelClassName to dropdown panel', () => {
-      const customPanelClass = 'custom-panel-class'
-
-      const { container } = renderChip({ panelClassName: customPanelClass })
-      openPanel(container)
-
-      // Panel is rendered in a portal, so check document.body
-      const panel = document.body.querySelector(`.${customPanelClass}`)
-      expect(panel).toBeInTheDocument()
-    })
-  })
-
-  describe('State Management', () => {
-    it('should toggle dropdown panel on trigger click', () => {
-      const { container } = renderChip()
-
-      // Initially closed - check data-state attribute
-      const trigger = getTrigger(container)
-      expect(trigger).toHaveAttribute('data-state', 'closed')
-
-      // Open panel
-      openPanel(container)
-      expect(trigger).toHaveAttribute('data-state', 'open')
-      // Panel items should be visible
-      expect(screen.getAllByText('All Items').length).toBeGreaterThan(1)
-
-      // Close panel
-      if (trigger)
-        fireEvent.click(trigger)
-      expect(trigger).toHaveAttribute('data-state', 'closed')
-    })
-
-    it('should close panel after selecting an item', () => {
-      const { container } = renderChip()
-
-      openPanel(container)
-      const trigger = getTrigger(container)
-      expect(trigger).toHaveAttribute('data-state', 'open')
-
-      // Click on an item in the dropdown panel
-      const activeItems = screen.getAllByText('Active')
-      // The second one should be in the dropdown
-      fireEvent.click(activeItems[activeItems.length - 1])
-
-      expect(trigger).toHaveAttribute('data-state', 'closed')
-    })
-  })
-
-  describe('Event Handlers', () => {
-    it('should call onSelect with correct item when item is clicked', () => {
-      const { container } = renderChip()
-
-      openPanel(container)
-      // Get all "Active" texts and click the one in the dropdown (should be the last one)
-      const activeItems = screen.getAllByText('Active')
-      fireEvent.click(activeItems[activeItems.length - 1])
-
-      expect(onSelect).toHaveBeenCalledTimes(1)
-      expect(onSelect).toHaveBeenCalledWith(items[1])
-    })
-
-    it('should call onClear when clear button is clicked', () => {
-      const { container } = renderChip({ value: 'active' })
-
-      // Find the close icon (last SVG in the trigger) and click its parent
-      const trigger = getTrigger(container)
-      const svgs = trigger?.querySelectorAll('svg')
-      // The close icon should be the last SVG element
-      const closeIcon = svgs?.[svgs.length - 1]
-      const clearButton = closeIcon?.parentElement
-
-      expect(clearButton).toBeInTheDocument()
-      if (clearButton)
-        fireEvent.click(clearButton)
-
-      expect(onClear).toHaveBeenCalledTimes(1)
-    })
-
-    it('should stop event propagation when clear button is clicked', () => {
-      const { container } = renderChip({ value: 'active' })
-
-      const trigger = getTrigger(container)
-      expect(trigger).toHaveAttribute('data-state', 'closed')
-
-      // Find the close icon (last SVG) and click its parent
-      const svgs = trigger?.querySelectorAll('svg')
-      const closeIcon = svgs?.[svgs.length - 1]
-      const clearButton = closeIcon?.parentElement
-
-      if (clearButton)
-        fireEvent.click(clearButton)
-
-      // Panel should remain closed
-      expect(trigger).toHaveAttribute('data-state', 'closed')
-      expect(onClear).toHaveBeenCalledTimes(1)
-    })
-
-    it('should handle multiple rapid clicks on trigger', () => {
-      const { container } = renderChip()
-
-      const trigger = getTrigger(container)
-
-      // Click 1: open
-      if (trigger)
-        fireEvent.click(trigger)
-      expect(trigger).toHaveAttribute('data-state', 'open')
-
-      // Click 2: close
-      if (trigger)
-        fireEvent.click(trigger)
-      expect(trigger).toHaveAttribute('data-state', 'closed')
-
-      // Click 3: open again
-      if (trigger)
-        fireEvent.click(trigger)
-      expect(trigger).toHaveAttribute('data-state', 'open')
-    })
-  })
-
-  describe('Conditional Rendering', () => {
-    it('should show arrow down icon when no value is selected', () => {
-      const { container } = renderChip({ value: '' })
-
-      // Should have SVG icons (filter icon and arrow down icon)
-      const svgs = container.querySelectorAll('svg')
-      expect(svgs.length).toBeGreaterThan(0)
-    })
-
-    it('should show clear button when value is selected', () => {
-      const { container } = renderChip({ value: 'active' })
-
-      // When value is selected, there should be an icon (the close icon)
-      const svgs = container.querySelectorAll('svg')
-      expect(svgs.length).toBeGreaterThan(0)
-    })
-
-    it('should not show clear button when no value is selected', () => {
-      const { container } = renderChip({ value: '' })
-
-      const trigger = getTrigger(container)
-
-      // When value is empty, the trigger should only have 2 SVGs (filter icon + arrow)
-      // When value is selected, it would have 2 SVGs (filter icon + close icon)
-      const svgs = trigger?.querySelectorAll('svg')
-      // Arrow icon should be present, close icon should not
-      expect(svgs?.length).toBe(2)
-
-      // Verify onClear hasn't been called
-      expect(onClear).not.toHaveBeenCalled()
-    })
-
-    it('should show dropdown content only when panel is open', () => {
-      const { container } = renderChip()
-
-      const trigger = getTrigger(container)
-
-      // Closed by default
-      expect(trigger).toHaveAttribute('data-state', 'closed')
-
-      openPanel(container)
-      expect(trigger).toHaveAttribute('data-state', 'open')
-      // Items should be duplicated (once in trigger, once in panel)
-      expect(screen.getAllByText('All Items').length).toBeGreaterThan(1)
-    })
-
-    it('should show check icon on selected item in dropdown', () => {
-      const { container } = renderChip({ value: 'active' })
-
-      openPanel(container)
-
-      // Find the dropdown panel items
-      const allActiveTexts = screen.getAllByText('Active')
-      // The dropdown item should be the last one
-      const dropdownItem = allActiveTexts[allActiveTexts.length - 1]
-      const parentContainer = dropdownItem.parentElement
-
-      // The check icon should be a sibling within the parent
-      const checkIcon = parentContainer?.querySelector('svg')
-      expect(checkIcon).toBeInTheDocument()
-    })
-
-    it('should render all items in dropdown when open', () => {
-      const { container } = renderChip()
-
-      openPanel(container)
-
-      // Each item should appear at least twice (once in potential selected state, once in dropdown)
-      // Use getAllByText to handle multiple occurrences
-      expect(screen.getAllByText('All Items').length).toBeGreaterThan(0)
-      expect(screen.getAllByText('Active').length).toBeGreaterThan(0)
-      expect(screen.getAllByText('Archived').length).toBeGreaterThan(0)
-    })
-  })
-
-  describe('Edge Cases', () => {
-    it('should handle empty items array', () => {
-      const { container } = renderChip({ items: [], value: '' })
-
-      // Trigger should still render
-      const trigger = container.querySelector('[data-state]')
-      expect(trigger).toBeInTheDocument()
-    })
-
-    it('should handle value not in items list', () => {
-      const { container } = renderChip({ value: 'nonexistent' })
-
-      const trigger = getTrigger(container)
-      expect(trigger).toBeInTheDocument()
-
-      // The trigger should not display any item name text
-      expect(trigger?.textContent?.trim()).toBeFalsy()
-    })
-
-    it('should allow selecting already selected item', () => {
-      const { container } = renderChip({ value: 'active' })
-
-      openPanel(container)
-
-      // Click on the already selected item in the dropdown
-      const activeItems = screen.getAllByText('Active')
-      fireEvent.click(activeItems[activeItems.length - 1])
-
-      expect(onSelect).toHaveBeenCalledTimes(1)
-      expect(onSelect).toHaveBeenCalledWith(items[1])
-    })
-
-    it('should handle numeric values', () => {
-      const numericItems: Item[] = [
-        { value: 1, name: 'First' },
-        { value: 2, name: 'Second' },
-        { value: 3, name: 'Third' },
-      ]
-
-      const { container } = renderChip({ value: 2, items: numericItems })
-
-      expect(screen.getByText('Second')).toBeInTheDocument()
-
-      // Open panel and select Third
-      openPanel(container)
-
-      const thirdItems = screen.getAllByText('Third')
-      fireEvent.click(thirdItems[thirdItems.length - 1])
-
-      expect(onSelect).toHaveBeenCalledWith(numericItems[2])
-    })
-
-    it('should handle items with additional properties', () => {
-      const itemsWithExtra: Item[] = [
-        { value: 'a', name: 'Item A', customProp: 'extra1' },
-        { value: 'b', name: 'Item B', customProp: 'extra2' },
-      ]
-
-      const { container } = renderChip({ value: 'a', items: itemsWithExtra })
-
-      expect(screen.getByText('Item A')).toBeInTheDocument()
-
-      // Open panel and select Item B
-      openPanel(container)
-
-      const itemBs = screen.getAllByText('Item B')
-      fireEvent.click(itemBs[itemBs.length - 1])
-
-      expect(onSelect).toHaveBeenCalledWith(itemsWithExtra[1])
-    })
-  })
-})

web/app/components/base/copy-feedback/index.tsx

@@ -4,7 +4,7 @@ import {
   RiClipboardLine,
 } from '@remixicon/react'
 import copy from 'copy-to-clipboard'
-import { debounce } from 'es-toolkit/compat'
+import { debounce } from 'lodash-es'
 import * as React from 'react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/base/copy-icon/index.tsx

@@ -1,6 +1,6 @@
 'use client'
 import copy from 'copy-to-clipboard'
-import { debounce } from 'es-toolkit/compat'
+import { debounce } from 'lodash-es'
 import * as React from 'react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/base/emoji-picker/index.tsx

@@ -1,6 +1,6 @@
 'use client'
 import type { FC } from 'react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/base/features/new-feature-panel/conversation-opener/modal.tsx

@@ -3,8 +3,8 @@ import type { InputVar } from '@/app/components/workflow/types'
 import type { PromptVariable } from '@/models/debug'
 import { RiAddLine, RiAsterisk, RiCloseLine, RiDeleteBinLine, RiDraggable } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
-import { noop } from 'es-toolkit/compat'
 import { produce } from 'immer'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/base/features/new-feature-panel/moderation/moderation-setting-modal.tsx

@@ -2,7 +2,7 @@ import type { ChangeEvent, FC } from 'react'
 import type { CodeBasedExtensionItem } from '@/models/common'
 import type { ModerationConfig, ModerationContentConfig } from '@/models/debug'
 import { RiCloseLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'

web/app/components/base/file-uploader/hooks.ts

@@ -2,8 +2,8 @@ import type { ClipboardEvent } from 'react'
 import type { FileEntity } from './types'
 import type { FileUpload } from '@/app/components/base/features/types'
 import type { FileUploadConfigResponse } from '@/models/common'
-import { noop } from 'es-toolkit/compat'
 import { produce } from 'immer'
+import { noop } from 'lodash-es'
 import { useParams } from 'next/navigation'
 import {
   useCallback,

web/app/components/base/file-uploader/pdf-preview.tsx

@@ -1,7 +1,7 @@
 import type { FC } from 'react'
 import { RiCloseLine, RiZoomInLine, RiZoomOutLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
 import { t } from 'i18next'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useState } from 'react'
 import { createPortal } from 'react-dom'

web/app/components/base/file-uploader/store.tsx

@@ -1,7 +1,7 @@
 import type {
   FileEntity,
 } from './types'
-import { isEqual } from 'es-toolkit/compat'
+import { isEqual } from 'lodash-es'
 import {
   createContext,
   useContext,

web/app/components/base/fullscreen-modal/index.tsx

@@ -1,6 +1,6 @@
 import { Dialog, DialogPanel, Transition, TransitionChild } from '@headlessui/react'
 import { RiCloseLargeLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { cn } from '@/utils/classnames'
 
 type IModal = {

web/app/components/base/icons/script.mjs

@@ -2,7 +2,7 @@ import { access, appendFile, mkdir, open, readdir, rm, writeFile } from 'node:fs
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { parseXml } from '@rgrove/parse-xml'
-import { camelCase, template } from 'es-toolkit/compat'
+import { camelCase, template } from 'lodash-es'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
 

web/app/components/base/image-uploader/image-preview.tsx

@@ -1,7 +1,7 @@
 import type { FC } from 'react'
 import { RiAddBoxLine, RiCloseLine, RiDownloadCloud2Line, RiFileCopyLine, RiZoomInLine, RiZoomOutLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
 import { t } from 'i18next'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { createPortal } from 'react-dom'

web/app/components/base/input-with-copy/index.spec.tsx

@@ -25,8 +25,8 @@ vi.mock('react-i18next', () => ({
   }),
 }))
 
-// Mock es-toolkit/compat debounce
-vi.mock('es-toolkit/compat', () => ({
+// Mock lodash-es debounce
+vi.mock('lodash-es', () => ({
   debounce: (fn: any) => fn,
 }))
 

web/app/components/base/input-with-copy/index.tsx

@@ -2,7 +2,7 @@
 import type { InputProps } from '../input'
 import { RiClipboardFill, RiClipboardLine } from '@remixicon/react'
 import copy from 'copy-to-clipboard'
-import { debounce } from 'es-toolkit/compat'
+import { debounce } from 'lodash-es'
 import * as React from 'react'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/base/input/index.tsx

@@ -2,7 +2,7 @@ import type { VariantProps } from 'class-variance-authority'
 import type { ChangeEventHandler, CSSProperties, FocusEventHandler } from 'react'
 import { RiCloseCircleFill, RiErrorWarningLine, RiSearchLine } from '@remixicon/react'
 import { cva } from 'class-variance-authority'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useTranslation } from 'react-i18next'
 import { cn } from '@/utils/classnames'

web/app/components/base/markdown/index.tsx

@@ -1,5 +1,5 @@
 import type { ReactMarkdownWrapperProps, SimplePluginInfo } from './react-markdown-wrapper'
-import { flow } from 'es-toolkit/compat'
+import { flow } from 'lodash-es'
 import dynamic from 'next/dynamic'
 import { cn } from '@/utils/classnames'
 import { preprocessLaTeX, preprocessThinkTag } from './markdown-utils'

web/app/components/base/markdown/markdown-utils.ts

@@ -3,7 +3,7 @@
  * These functions were extracted from the main markdown renderer for better separation of concerns.
  * Includes preprocessing for LaTeX and custom "think" tags.
  */
-import { flow } from 'es-toolkit/compat'
+import { flow } from 'lodash-es'
 import { ALLOW_UNSAFE_DATA_SCHEME } from '@/config'
 
 export const preprocessLaTeX = (content: string) => {

web/app/components/base/modal/index.tsx

@@ -1,6 +1,6 @@
 import { Dialog, DialogPanel, DialogTitle, Transition, TransitionChild } from '@headlessui/react'
 import { RiCloseLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { Fragment } from 'react'
 import { cn } from '@/utils/classnames'
 // https://headlessui.com/react/dialog

web/app/components/base/modal/modal.tsx

@@ -1,6 +1,6 @@
 import type { ButtonProps } from '@/app/components/base/button'
 import { RiCloseLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { memo } from 'react'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'

web/app/components/base/pagination/pagination.tsx

@@ -4,7 +4,7 @@ import type {
   IPaginationProps,
   PageButtonProps,
 } from './type'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { cn } from '@/utils/classnames'
 import usePagination from './hook'

web/app/components/base/prompt-editor/plugins/context-block/context-block-replacement-block.tsx

@@ -1,8 +1,8 @@
 import type { ContextBlockType } from '../../types'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { mergeRegister } from '@lexical/utils'
-import { noop } from 'es-toolkit/compat'
 import { $applyNodeReplacement } from 'lexical'
+import { noop } from 'lodash-es'
 import {
   memo,
   useCallback,

web/app/components/base/prompt-editor/plugins/context-block/index.tsx

@@ -1,12 +1,12 @@
 import type { ContextBlockType } from '../../types'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { mergeRegister } from '@lexical/utils'
-import { noop } from 'es-toolkit/compat'
 import {
   $insertNodes,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
 } from 'lexical'
+import { noop } from 'lodash-es'
 import {
   memo,
   useEffect,

web/app/components/base/prompt-editor/plugins/history-block/history-block-replacement-block.tsx

@@ -1,8 +1,8 @@
 import type { HistoryBlockType } from '../../types'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { mergeRegister } from '@lexical/utils'
-import { noop } from 'es-toolkit/compat'
 import { $applyNodeReplacement } from 'lexical'
+import { noop } from 'lodash-es'
 import {
   useCallback,
   useEffect,

web/app/components/base/prompt-editor/plugins/history-block/index.tsx

@@ -1,12 +1,12 @@
 import type { HistoryBlockType } from '../../types'
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
 import { mergeRegister } from '@lexical/utils'
-import { noop } from 'es-toolkit/compat'
 import {
   $insertNodes,
   COMMAND_PRIORITY_EDITOR,
   createCommand,
 } from 'lexical'
+import { noop } from 'lodash-es'
 import {
   memo,
   useEffect,

web/app/components/base/radio-card/index.tsx

@@ -1,6 +1,6 @@
 'use client'
 import type { FC } from 'react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { cn } from '@/utils/classnames'
 

web/app/components/base/tag-management/panel.tsx

@@ -3,7 +3,7 @@ import type { HtmlContentProps } from '@/app/components/base/popover'
 import type { Tag } from '@/app/components/base/tag-management/constant'
 import { RiAddLine, RiPriceTag3Line } from '@remixicon/react'
 import { useUnmount } from 'ahooks'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'

web/app/components/base/tag-management/tag-remove-modal.tsx

@@ -2,7 +2,7 @@
 
 import type { Tag } from '@/app/components/base/tag-management/constant'
 import { RiCloseLine } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { useTranslation } from 'react-i18next'
 import Button from '@/app/components/base/button'
 import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'

web/app/components/base/toast/index.spec.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react'
 import { act, render, screen, waitFor } from '@testing-library/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import Toast, { ToastProvider, useToastContext } from '.'
 

web/app/components/base/toast/index.tsx

@@ -7,7 +7,7 @@ import {
   RiErrorWarningFill,
   RiInformation2Fill,
 } from '@remixicon/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useEffect, useState } from 'react'
 import { createRoot } from 'react-dom/client'

web/app/components/base/with-input-validation/index.spec.tsx

@@ -1,5 +1,5 @@
 import { render, screen } from '@testing-library/react'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import { z } from 'zod'
 import withValidation from '.'
 

web/app/components/billing/billing-page/index.spec.tsx

@@ -1,84 +0,0 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import Billing from './index'
-
-let currentBillingUrl: string | null = 'https://billing'
-let fetching = false
-let isManager = true
-let enableBilling = true
-
-const refetchMock = vi.fn()
-const openAsyncWindowMock = vi.fn()
-
-vi.mock('@/service/use-billing', () => ({
-  useBillingUrl: () => ({
-    data: currentBillingUrl,
-    isFetching: fetching,
-    refetch: refetchMock,
-  }),
-}))
-
-vi.mock('@/hooks/use-async-window-open', () => ({
-  useAsyncWindowOpen: () => openAsyncWindowMock,
-}))
-
-vi.mock('@/context/app-context', () => ({
-  useAppContext: () => ({
-    isCurrentWorkspaceManager: isManager,
-  }),
-}))
-
-vi.mock('@/context/provider-context', () => ({
-  useProviderContext: () => ({
-    enableBilling,
-  }),
-}))
-
-vi.mock('../plan', () => ({
-  __esModule: true,
-  default: ({ loc }: { loc: string }) => <div data-testid="plan-component" data-loc={loc} />,
-}))
-
-describe('Billing', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-    currentBillingUrl = 'https://billing'
-    fetching = false
-    isManager = true
-    enableBilling = true
-    refetchMock.mockResolvedValue({ data: 'https://billing' })
-  })
-
-  it('hides the billing action when user is not manager or billing is disabled', () => {
-    isManager = false
-    render(<Billing />)
-    expect(screen.queryByRole('button', { name: /billing\.viewBillingTitle/ })).not.toBeInTheDocument()
-
-    vi.clearAllMocks()
-    isManager = true
-    enableBilling = false
-    render(<Billing />)
-    expect(screen.queryByRole('button', { name: /billing\.viewBillingTitle/ })).not.toBeInTheDocument()
-  })
-
-  it('opens the billing window with the immediate url when the button is clicked', async () => {
-    render(<Billing />)
-
-    const actionButton = screen.getByRole('button', { name: /billing\.viewBillingTitle/ })
-    fireEvent.click(actionButton)
-
-    await waitFor(() => expect(openAsyncWindowMock).toHaveBeenCalled())
-    const [, options] = openAsyncWindowMock.mock.calls[0]
-    expect(options).toMatchObject({
-      immediateUrl: currentBillingUrl,
-      features: 'noopener,noreferrer',
-    })
-  })
-
-  it('disables the button while billing url is fetching', () => {
-    fetching = true
-    render(<Billing />)
-
-    const actionButton = screen.getByRole('button', { name: /billing\.viewBillingTitle/ })
-    expect(actionButton).toBeDisabled()
-  })
-})

web/app/components/billing/header-billing-btn/index.spec.tsx

@@ -1,92 +0,0 @@
-import { fireEvent, render, screen } from '@testing-library/react'
-import { Plan } from '../type'
-import HeaderBillingBtn from './index'
-
-type HeaderGlobal = typeof globalThis & {
-  __mockProviderContext?: ReturnType<typeof vi.fn>
-}
-
-function getHeaderGlobal(): HeaderGlobal {
-  return globalThis as HeaderGlobal
-}
-
-const ensureProviderContextMock = () => {
-  const globals = getHeaderGlobal()
-  if (!globals.__mockProviderContext)
-    throw new Error('Provider context mock not set')
-  return globals.__mockProviderContext
-}
-
-vi.mock('@/context/provider-context', () => {
-  const mock = vi.fn()
-  const globals = getHeaderGlobal()
-  globals.__mockProviderContext = mock
-  return {
-    useProviderContext: () => mock(),
-  }
-})
-
-vi.mock('../upgrade-btn', () => ({
-  __esModule: true,
-  default: () => <button data-testid="upgrade-btn" type="button">Upgrade</button>,
-}))
-
-describe('HeaderBillingBtn', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-    ensureProviderContextMock().mockReturnValue({
-      plan: {
-        type: Plan.professional,
-      },
-      enableBilling: true,
-      isFetchedPlan: true,
-    })
-  })
-
-  it('renders nothing when billing is disabled or plan is not fetched', () => {
-    ensureProviderContextMock().mockReturnValueOnce({
-      plan: {
-        type: Plan.professional,
-      },
-      enableBilling: false,
-      isFetchedPlan: true,
-    })
-
-    const { container } = render(<HeaderBillingBtn />)
-
-    expect(container.firstChild).toBeNull()
-  })
-
-  it('renders upgrade button for sandbox plan', () => {
-    ensureProviderContextMock().mockReturnValueOnce({
-      plan: {
-        type: Plan.sandbox,
-      },
-      enableBilling: true,
-      isFetchedPlan: true,
-    })
-
-    render(<HeaderBillingBtn />)
-
-    expect(screen.getByTestId('upgrade-btn')).toBeInTheDocument()
-  })
-
-  it('renders plan badge and forwards clicks when not display-only', () => {
-    const onClick = vi.fn()
-
-    const { rerender } = render(<HeaderBillingBtn onClick={onClick} />)
-
-    const badge = screen.getByText('pro').closest('div')
-
-    expect(badge).toHaveClass('cursor-pointer')
-
-    fireEvent.click(badge!)
-    expect(onClick).toHaveBeenCalledTimes(1)
-
-    rerender(<HeaderBillingBtn onClick={onClick} isDisplayOnly />)
-    expect(screen.getByText('pro').closest('div')).toHaveClass('cursor-default')
-
-    fireEvent.click(screen.getByText('pro').closest('div')!)
-    expect(onClick).toHaveBeenCalledTimes(1)
-  })
-})

web/app/components/billing/partner-stack/index.spec.tsx

@@ -1,44 +0,0 @@
-import { render } from '@testing-library/react'
-import PartnerStack from './index'
-
-let isCloudEdition = true
-
-const saveOrUpdate = vi.fn()
-const bind = vi.fn()
-
-vi.mock('@/config', () => ({
-  get IS_CLOUD_EDITION() {
-    return isCloudEdition
-  },
-}))
-
-vi.mock('./use-ps-info', () => ({
-  __esModule: true,
-  default: () => ({
-    saveOrUpdate,
-    bind,
-  }),
-}))
-
-describe('PartnerStack', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-    isCloudEdition = true
-  })
-
-  it('does not call partner stack helpers when not in cloud edition', () => {
-    isCloudEdition = false
-
-    render(<PartnerStack />)
-
-    expect(saveOrUpdate).not.toHaveBeenCalled()
-    expect(bind).not.toHaveBeenCalled()
-  })
-
-  it('calls saveOrUpdate and bind once when running in cloud edition', () => {
-    render(<PartnerStack />)
-
-    expect(saveOrUpdate).toHaveBeenCalledTimes(1)
-    expect(bind).toHaveBeenCalledTimes(1)
-  })
-})

web/app/components/billing/partner-stack/use-ps-info.spec.tsx

@@ -1,197 +0,0 @@
-import { act, renderHook } from '@testing-library/react'
-import { PARTNER_STACK_CONFIG } from '@/config'
-import usePSInfo from './use-ps-info'
-
-let searchParamsValues: Record<string, string | null> = {}
-const setSearchParams = (values: Record<string, string | null>) => {
-  searchParamsValues = values
-}
-
-type PartnerStackGlobal = typeof globalThis & {
-  __partnerStackCookieMocks?: {
-    get: ReturnType<typeof vi.fn>
-    set: ReturnType<typeof vi.fn>
-    remove: ReturnType<typeof vi.fn>
-  }
-  __partnerStackMutateAsync?: ReturnType<typeof vi.fn>
-}
-
-function getPartnerStackGlobal(): PartnerStackGlobal {
-  return globalThis as PartnerStackGlobal
-}
-
-const ensureCookieMocks = () => {
-  const globals = getPartnerStackGlobal()
-  if (!globals.__partnerStackCookieMocks)
-    throw new Error('Cookie mocks not initialized')
-  return globals.__partnerStackCookieMocks
-}
-
-const ensureMutateAsync = () => {
-  const globals = getPartnerStackGlobal()
-  if (!globals.__partnerStackMutateAsync)
-    throw new Error('Mutate mock not initialized')
-  return globals.__partnerStackMutateAsync
-}
-
-vi.mock('js-cookie', () => {
-  const get = vi.fn()
-  const set = vi.fn()
-  const remove = vi.fn()
-  const globals = getPartnerStackGlobal()
-  globals.__partnerStackCookieMocks = { get, set, remove }
-  const cookieApi = { get, set, remove }
-  return {
-    __esModule: true,
-    default: cookieApi,
-    get,
-    set,
-    remove,
-  }
-})
-vi.mock('next/navigation', () => ({
-  useSearchParams: () => ({
-    get: (key: string) => searchParamsValues[key] ?? null,
-  }),
-}))
-vi.mock('@/service/use-billing', () => {
-  const mutateAsync = vi.fn()
-  const globals = getPartnerStackGlobal()
-  globals.__partnerStackMutateAsync = mutateAsync
-  return {
-    useBindPartnerStackInfo: () => ({
-      mutateAsync,
-    }),
-  }
-})
-
-describe('usePSInfo', () => {
-  const originalLocationDescriptor = Object.getOwnPropertyDescriptor(globalThis, 'location')
-
-  beforeAll(() => {
-    Object.defineProperty(globalThis, 'location', {
-      value: { hostname: 'cloud.dify.ai' },
-      configurable: true,
-    })
-  })
-
-  beforeEach(() => {
-    setSearchParams({})
-    const { get, set, remove } = ensureCookieMocks()
-    get.mockReset()
-    set.mockReset()
-    remove.mockReset()
-    const mutate = ensureMutateAsync()
-    mutate.mockReset()
-    mutate.mockResolvedValue(undefined)
-    get.mockReturnValue('{}')
-  })
-
-  afterAll(() => {
-    if (originalLocationDescriptor)
-      Object.defineProperty(globalThis, 'location', originalLocationDescriptor)
-  })
-
-  it('saves partner info when query params change', () => {
-    const { get, set } = ensureCookieMocks()
-    get.mockReturnValue(JSON.stringify({ partnerKey: 'old', clickId: 'old-click' }))
-    setSearchParams({
-      ps_partner_key: 'new-partner',
-      ps_xid: 'new-click',
-    })
-
-    const { result } = renderHook(() => usePSInfo())
-
-    expect(result.current.psPartnerKey).toBe('new-partner')
-    expect(result.current.psClickId).toBe('new-click')
-
-    act(() => {
-      result.current.saveOrUpdate()
-    })
-
-    expect(set).toHaveBeenCalledWith(
-      PARTNER_STACK_CONFIG.cookieName,
-      JSON.stringify({
-        partnerKey: 'new-partner',
-        clickId: 'new-click',
-      }),
-      {
-        expires: PARTNER_STACK_CONFIG.saveCookieDays,
-        path: '/',
-        domain: '.dify.ai',
-      },
-    )
-  })
-
-  it('does not overwrite cookie when params do not change', () => {
-    setSearchParams({
-      ps_partner_key: 'existing',
-      ps_xid: 'existing-click',
-    })
-    const { get } = ensureCookieMocks()
-    get.mockReturnValue(JSON.stringify({
-      partnerKey: 'existing',
-      clickId: 'existing-click',
-    }))
-
-    const { result } = renderHook(() => usePSInfo())
-
-    act(() => {
-      result.current.saveOrUpdate()
-    })
-
-    const { set } = ensureCookieMocks()
-    expect(set).not.toHaveBeenCalled()
-  })
-
-  it('binds partner info and clears cookie once', async () => {
-    setSearchParams({
-      ps_partner_key: 'bind-partner',
-      ps_xid: 'bind-click',
-    })
-
-    const { result } = renderHook(() => usePSInfo())
-
-    const mutate = ensureMutateAsync()
-    const { remove } = ensureCookieMocks()
-    await act(async () => {
-      await result.current.bind()
-    })
-
-    expect(mutate).toHaveBeenCalledWith({
-      partnerKey: 'bind-partner',
-      clickId: 'bind-click',
-    })
-    expect(remove).toHaveBeenCalledWith(PARTNER_STACK_CONFIG.cookieName, {
-      path: '/',
-      domain: '.dify.ai',
-    })
-
-    await act(async () => {
-      await result.current.bind()
-    })
-
-    expect(mutate).toHaveBeenCalledTimes(1)
-  })
-
-  it('still removes cookie when bind fails with status 400', async () => {
-    const mutate = ensureMutateAsync()
-    mutate.mockRejectedValueOnce({ status: 400 })
-    setSearchParams({
-      ps_partner_key: 'bind-partner',
-      ps_xid: 'bind-click',
-    })
-
-    const { result } = renderHook(() => usePSInfo())
-
-    await act(async () => {
-      await result.current.bind()
-    })
-
-    const { remove } = ensureCookieMocks()
-    expect(remove).toHaveBeenCalledWith(PARTNER_STACK_CONFIG.cookieName, {
-      path: '/',
-      domain: '.dify.ai',
-    })
-  })
-})

web/app/components/billing/plan/index.spec.tsx

@@ -1,130 +0,0 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import { EDUCATION_VERIFYING_LOCALSTORAGE_ITEM } from '@/app/education-apply/constants'
-import { Plan } from '../type'
-import PlanComp from './index'
-
-let currentPath = '/billing'
-
-const push = vi.fn()
-
-vi.mock('next/navigation', () => ({
-  useRouter: () => ({ push }),
-  usePathname: () => currentPath,
-}))
-
-const setShowAccountSettingModalMock = vi.fn()
-vi.mock('@/context/modal-context', () => ({
-  // eslint-disable-next-line ts/no-explicit-any
-  useModalContextSelector: (selector: any) => selector({
-    setShowAccountSettingModal: setShowAccountSettingModalMock,
-  }),
-}))
-
-const providerContextMock = vi.fn()
-vi.mock('@/context/provider-context', () => ({
-  useProviderContext: () => providerContextMock(),
-}))
-
-vi.mock('@/context/app-context', () => ({
-  useAppContext: () => ({
-    userProfile: { email: 'user@example.com' },
-    isCurrentWorkspaceManager: true,
-  }),
-}))
-
-const mutateAsyncMock = vi.fn()
-let isPending = false
-vi.mock('@/service/use-education', () => ({
-  useEducationVerify: () => ({
-    mutateAsync: mutateAsyncMock,
-    isPending,
-  }),
-}))
-
-const verifyStateModalMock = vi.fn(props => (
-  <div data-testid="verify-modal" data-is-show={props.isShow ? 'true' : 'false'}>
-    {props.isShow ? 'visible' : 'hidden'}
-  </div>
-))
-vi.mock('@/app/education-apply/verify-state-modal', () => ({
-  __esModule: true,
-  // eslint-disable-next-line ts/no-explicit-any
-  default: (props: any) => verifyStateModalMock(props),
-}))
-
-vi.mock('../upgrade-btn', () => ({
-  __esModule: true,
-  default: () => <button data-testid="plan-upgrade-btn" type="button">Upgrade</button>,
-}))
-
-describe('PlanComp', () => {
-  const planMock = {
-    type: Plan.professional,
-    usage: {
-      teamMembers: 4,
-      documentsUploadQuota: 3,
-      vectorSpace: 8,
-      annotatedResponse: 5,
-      triggerEvents: 60,
-      apiRateLimit: 100,
-    },
-    total: {
-      teamMembers: 10,
-      documentsUploadQuota: 20,
-      vectorSpace: 10,
-      annotatedResponse: 500,
-      triggerEvents: 100,
-      apiRateLimit: 200,
-    },
-    reset: {
-      triggerEvents: 2,
-      apiRateLimit: 1,
-    },
-  }
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    currentPath = '/billing'
-    isPending = false
-    providerContextMock.mockReturnValue({
-      plan: planMock,
-      enableEducationPlan: true,
-      allowRefreshEducationVerify: false,
-      isEducationAccount: false,
-    })
-    mutateAsyncMock.mockReset()
-    mutateAsyncMock.mockResolvedValue({ token: 'token' })
-  })
-
-  it('renders plan info and handles education verify success', async () => {
-    render(<PlanComp loc="billing-page" />)
-
-    expect(screen.getByText('billing.plans.professional.name')).toBeInTheDocument()
-    expect(screen.getByTestId('plan-upgrade-btn')).toBeInTheDocument()
-
-    const verifyBtn = screen.getByText('education.toVerified')
-    fireEvent.click(verifyBtn)
-
-    await waitFor(() => expect(mutateAsyncMock).toHaveBeenCalled())
-    await waitFor(() => expect(push).toHaveBeenCalledWith('/education-apply?token=token'))
-    expect(localStorage.removeItem).toHaveBeenCalledWith(EDUCATION_VERIFYING_LOCALSTORAGE_ITEM)
-  })
-
-  it('shows modal when education verify fails', async () => {
-    mutateAsyncMock.mockRejectedValueOnce(new Error('boom'))
-    render(<PlanComp loc="billing-page" />)
-
-    const verifyBtn = screen.getByText('education.toVerified')
-    fireEvent.click(verifyBtn)
-
-    await waitFor(() => expect(mutateAsyncMock).toHaveBeenCalled())
-    await waitFor(() => expect(screen.getByTestId('verify-modal').getAttribute('data-is-show')).toBe('true'))
-  })
-
-  it('resets modal context when on education apply path', () => {
-    currentPath = '/education-apply/setup'
-    render(<PlanComp loc="billing-page" />)
-
-    expect(setShowAccountSettingModalMock).toHaveBeenCalledWith(null)
-  })
-})

web/app/components/billing/progress-bar/index.spec.tsx

@@ -1,25 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import ProgressBar from './index'
-
-describe('ProgressBar', () => {
-  it('renders with provided percent and color', () => {
-    render(<ProgressBar percent={42} color="bg-test-color" />)
-
-    const bar = screen.getByTestId('billing-progress-bar')
-    expect(bar).toHaveClass('bg-test-color')
-    expect(bar.getAttribute('style')).toContain('width: 42%')
-  })
-
-  it('caps width at 100% when percent exceeds max', () => {
-    render(<ProgressBar percent={150} color="bg-test-color" />)
-
-    const bar = screen.getByTestId('billing-progress-bar')
-    expect(bar.getAttribute('style')).toContain('width: 100%')
-  })
-
-  it('uses the default color when no color prop is provided', () => {
-    render(<ProgressBar percent={20} color={undefined as unknown as string} />)
-
-    expect(screen.getByTestId('billing-progress-bar')).toHaveClass('#2970FF')
-  })
-})

web/app/components/billing/trigger-events-limit-modal/index.spec.tsx

@@ -1,70 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import TriggerEventsLimitModal from './index'
-
-const mockOnClose = vi.fn()
-const mockOnUpgrade = vi.fn()
-
-const planUpgradeModalMock = vi.fn((props: { show: boolean, title: string, description: string, extraInfo?: React.ReactNode, onClose: () => void, onUpgrade: () => void }) => (
-  <div
-    data-testid="plan-upgrade-modal"
-    data-show={props.show}
-    data-title={props.title}
-    data-description={props.description}
-  >
-    {props.extraInfo}
-  </div>
-))
-
-vi.mock('@/app/components/billing/plan-upgrade-modal', () => ({
-  __esModule: true,
-  // eslint-disable-next-line ts/no-explicit-any
-  default: (props: any) => planUpgradeModalMock(props),
-}))
-
-describe('TriggerEventsLimitModal', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-  })
-
-  it('passes the trigger usage props to the upgrade modal', () => {
-    render(
-      <TriggerEventsLimitModal
-        show
-        onClose={mockOnClose}
-        onUpgrade={mockOnUpgrade}
-        usage={12}
-        total={20}
-        resetInDays={5}
-      />,
-    )
-
-    const modal = screen.getByTestId('plan-upgrade-modal')
-    expect(modal.getAttribute('data-show')).toBe('true')
-    expect(modal.getAttribute('data-title')).toContain('billing.triggerLimitModal.title')
-    expect(modal.getAttribute('data-description')).toContain('billing.triggerLimitModal.description')
-    expect(planUpgradeModalMock).toHaveBeenCalled()
-
-    const passedProps = planUpgradeModalMock.mock.calls[0][0]
-    expect(passedProps.onClose).toBe(mockOnClose)
-    expect(passedProps.onUpgrade).toBe(mockOnUpgrade)
-
-    expect(screen.getByText('billing.triggerLimitModal.usageTitle')).toBeInTheDocument()
-    expect(screen.getByText('12')).toBeInTheDocument()
-    expect(screen.getByText('20')).toBeInTheDocument()
-  })
-
-  it('renders even when trigger modal is hidden', () => {
-    render(
-      <TriggerEventsLimitModal
-        show={false}
-        onClose={mockOnClose}
-        onUpgrade={mockOnUpgrade}
-        usage={0}
-        total={0}
-      />,
-    )
-
-    expect(planUpgradeModalMock).toHaveBeenCalled()
-    expect(screen.getByTestId('plan-upgrade-modal').getAttribute('data-show')).toBe('false')
-  })
-})

web/app/components/billing/usage-info/apps-info.spec.tsx

@@ -1,35 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import { defaultPlan } from '../config'
-import AppsInfo from './apps-info'
-
-const appsUsage = 7
-const appsTotal = 15
-
-const mockPlan = {
-  ...defaultPlan,
-  usage: {
-    ...defaultPlan.usage,
-    buildApps: appsUsage,
-  },
-  total: {
-    ...defaultPlan.total,
-    buildApps: appsTotal,
-  },
-}
-
-vi.mock('@/context/provider-context', () => ({
-  useProviderContext: () => ({
-    plan: mockPlan,
-  }),
-}))
-
-describe('AppsInfo', () => {
-  it('renders build apps usage information with context data', () => {
-    render(<AppsInfo className="apps-info-class" />)
-
-    expect(screen.getByText('billing.usagePage.buildApps')).toBeInTheDocument()
-    expect(screen.getByText(`${appsUsage}`)).toBeInTheDocument()
-    expect(screen.getByText(`${appsTotal}`)).toBeInTheDocument()
-    expect(screen.getByText('billing.usagePage.buildApps').closest('.apps-info-class')).toBeInTheDocument()
-  })
-})

web/app/components/billing/usage-info/index.spec.tsx

@@ -1,114 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import { NUM_INFINITE } from '../config'
-import UsageInfo from './index'
-
-const TestIcon = () => <span data-testid="usage-icon" />
-
-describe('UsageInfo', () => {
-  it('renders the metric with a suffix unit and tooltip text', () => {
-    render(
-      <UsageInfo
-        Icon={TestIcon}
-        name="Apps"
-        usage={30}
-        total={100}
-        unit="GB"
-        tooltip="tooltip text"
-      />,
-    )
-
-    expect(screen.getByTestId('usage-icon')).toBeInTheDocument()
-    expect(screen.getByText('Apps')).toBeInTheDocument()
-    expect(screen.getByText('30')).toBeInTheDocument()
-    expect(screen.getByText('100')).toBeInTheDocument()
-    expect(screen.getByText('GB')).toBeInTheDocument()
-  })
-
-  it('renders inline unit when unitPosition is inline', () => {
-    render(
-      <UsageInfo
-        Icon={TestIcon}
-        name="Storage"
-        usage={20}
-        total={100}
-        unit="GB"
-        unitPosition="inline"
-      />,
-    )
-
-    expect(screen.getByText('100GB')).toBeInTheDocument()
-  })
-
-  it('shows reset hint text instead of the unit when resetHint is provided', () => {
-    const resetHint = 'Resets in 3 days'
-    render(
-      <UsageInfo
-        Icon={TestIcon}
-        name="Storage"
-        usage={20}
-        total={100}
-        unit="GB"
-        resetHint={resetHint}
-      />,
-    )
-
-    expect(screen.getByText(resetHint)).toBeInTheDocument()
-    expect(screen.queryByText('GB')).not.toBeInTheDocument()
-  })
-
-  it('displays unlimited text when total is infinite', () => {
-    render(
-      <UsageInfo
-        Icon={TestIcon}
-        name="Storage"
-        usage={10}
-        total={NUM_INFINITE}
-        unit="GB"
-      />,
-    )
-
-    expect(screen.getByText('billing.plansCommon.unlimited')).toBeInTheDocument()
-  })
-
-  it('applies warning color when usage is close to the limit', () => {
-    render(
-      <UsageInfo
-        Icon={TestIcon}
-        name="Storage"
-        usage={85}
-        total={100}
-      />,
-    )
-
-    const progressBar = screen.getByTestId('billing-progress-bar')
-    expect(progressBar).toHaveClass('bg-components-progress-warning-progress')
-  })
-
-  it('applies error color when usage exceeds the limit', () => {
-    render(
-      <UsageInfo
-        Icon={TestIcon}
-        name="Storage"
-        usage={120}
-        total={100}
-      />,
-    )
-
-    const progressBar = screen.getByTestId('billing-progress-bar')
-    expect(progressBar).toHaveClass('bg-components-progress-error-progress')
-  })
-
-  it('does not render the icon when hideIcon is true', () => {
-    render(
-      <UsageInfo
-        Icon={TestIcon}
-        name="Storage"
-        usage={5}
-        total={100}
-        hideIcon
-      />,
-    )
-
-    expect(screen.queryByTestId('usage-icon')).not.toBeInTheDocument()
-  })
-})

web/app/components/billing/vector-space-full/index.spec.tsx

@@ -1,58 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import VectorSpaceFull from './index'
-
-type VectorProviderGlobal = typeof globalThis & {
-  __vectorProviderContext?: ReturnType<typeof vi.fn>
-}
-
-function getVectorGlobal(): VectorProviderGlobal {
-  return globalThis as VectorProviderGlobal
-}
-
-vi.mock('@/context/provider-context', () => {
-  const mock = vi.fn()
-  getVectorGlobal().__vectorProviderContext = mock
-  return {
-    useProviderContext: () => mock(),
-  }
-})
-
-vi.mock('../upgrade-btn', () => ({
-  __esModule: true,
-  default: () => <button data-testid="vector-upgrade-btn" type="button">Upgrade</button>,
-}))
-
-describe('VectorSpaceFull', () => {
-  const planMock = {
-    type: 'team',
-    usage: {
-      vectorSpace: 8,
-    },
-    total: {
-      vectorSpace: 10,
-    },
-  }
-
-  beforeEach(() => {
-    vi.clearAllMocks()
-    const globals = getVectorGlobal()
-    globals.__vectorProviderContext?.mockReturnValue({
-      plan: planMock,
-    })
-  })
-
-  it('renders tip text and upgrade button', () => {
-    render(<VectorSpaceFull />)
-
-    expect(screen.getByText('billing.vectorSpace.fullTip')).toBeInTheDocument()
-    expect(screen.getByText('billing.vectorSpace.fullSolution')).toBeInTheDocument()
-    expect(screen.getByTestId('vector-upgrade-btn')).toBeInTheDocument()
-  })
-
-  it('shows vector usage and total', () => {
-    render(<VectorSpaceFull />)
-
-    expect(screen.getByText('8')).toBeInTheDocument()
-    expect(screen.getByText('10MB')).toBeInTheDocument()
-  })
-})

web/app/components/datasets/common/document-status-with-action/index-failed.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { FC } from 'react'
 import type { IndexingStatusResponse } from '@/models/datasets'
-import { noop } from 'es-toolkit/compat'
+import { noop } from 'lodash-es'
 import * as React from 'react'
 import { useEffect, useReducer } from 'react'
 import { useTranslation } from 'react-i18next'