feat: init disk remote source

2026-03-23 15:50:43 +08:00 · 2026-02-27 02:39:53 +08:00
560 changed files with 20721 additions and 31677 deletions
--- a/.cargo/config.toml
+++ b/.cargo/config.toml
@@ -19,8 +19,3 @@ rustflags = [
 # pthread_key_create() destructors and segfault after a DSO unloading
 [target.'cfg(all(target_env = "gnu", not(target_os = "windows")))']
 rustflags = ["-C", "link-args=-Wl,-z,nodelete"]
-
-# Temporary local llm_adapter override.
-# Uncomment when verifying AFFiNE against the sibling llm_adapter workspace.
-# [patch.crates-io]
-# llm_adapter = { path = "../llm_adapter" }
--- a/.docker/selfhost/schema.json
+++ b/.docker/selfhost/schema.json
@@ -197,8 +197,8 @@
      "properties": {
        "SMTP.name": {
          "type": "string",
-          "description": "Hostname used for SMTP HELO/EHLO (e.g. mail.example.com). Leave empty to use the system hostname.\n@default \"\"\n@environment `MAILER_SERVERNAME`",
-          "default": ""
+          "description": "Name of the email server (e.g. your domain name)\n@default \"AFFiNE Server\"\n@environment `MAILER_SERVERNAME`",
+          "default": "AFFiNE Server"
        },
        "SMTP.host": {
          "type": "string",
@@ -237,8 +237,8 @@
        },
        "fallbackSMTP.name": {
          "type": "string",
-          "description": "Hostname used for fallback SMTP HELO/EHLO (e.g. mail.example.com). Leave empty to use the system hostname.\n@default \"\"",
-          "default": ""
+          "description": "Name of the fallback email server (e.g. your domain name)\n@default \"AFFiNE Server\"",
+          "default": "AFFiNE Server"
        },
        "fallbackSMTP.host": {
          "type": "string",
@@ -971,7 +971,7 @@
        },
        "scenarios": {
          "type": "object",
-          "description": "Use custom models in scenarios and override default settings.\n@default {\"override_enabled\":false,\"scenarios\":{\"audio_transcribing\":\"gemini-2.5-flash\",\"chat\":\"gemini-2.5-flash\",\"embedding\":\"gemini-embedding-001\",\"image\":\"gpt-image-1\",\"coding\":\"claude-sonnet-4-5@20250929\",\"complex_text_generation\":\"gpt-5-mini\",\"quick_decision_making\":\"gpt-5-mini\",\"quick_text_generation\":\"gemini-2.5-flash\",\"polish_and_summarize\":\"gemini-2.5-flash\"}}",
+          "description": "Use custom models in scenarios and override default settings.\n@default {\"override_enabled\":false,\"scenarios\":{\"audio_transcribing\":\"gemini-2.5-flash\",\"chat\":\"gemini-2.5-flash\",\"embedding\":\"gemini-embedding-001\",\"image\":\"gpt-image-1\",\"rerank\":\"gpt-4.1\",\"coding\":\"claude-sonnet-4-5@20250929\",\"complex_text_generation\":\"gpt-4o-2024-08-06\",\"quick_decision_making\":\"gpt-5-mini\",\"quick_text_generation\":\"gemini-2.5-flash\",\"polish_and_summarize\":\"gemini-2.5-flash\"}}",
          "default": {
            "override_enabled": false,
            "scenarios": {
@@ -979,24 +979,15 @@
              "chat": "gemini-2.5-flash",
              "embedding": "gemini-embedding-001",
              "image": "gpt-image-1",
+              "rerank": "gpt-4.1",
              "coding": "claude-sonnet-4-5@20250929",
-              "complex_text_generation": "gpt-5-mini",
+              "complex_text_generation": "gpt-4o-2024-08-06",
              "quick_decision_making": "gpt-5-mini",
              "quick_text_generation": "gemini-2.5-flash",
              "polish_and_summarize": "gemini-2.5-flash"
            }
          }
        },
-        "providers.profiles": {
-          "type": "array",
-          "description": "The profile list for copilot providers.\n@default []",
-          "default": []
-        },
-        "providers.defaults": {
-          "type": "object",
-          "description": "The default provider ids for model output types and global fallback.\n@default {}",
-          "default": {}
-        },
        "providers.openai": {
          "type": "object",
          "description": "The config for the openai provider.\n@default {\"apiKey\":\"\",\"baseURL\":\"https://api.openai.com/v1\"}\n@link https://github.com/openai/openai-node",
--- a/.github/actions/build-rust/action.yml
+++ b/.github/actions/build-rust/action.yml
@@ -50,14 +50,8 @@ runs:
      # https://github.com/tree-sitter/tree-sitter/issues/4186
      # pass -D_BSD_SOURCE to clang to fix the tree-sitter build issue
      run: |
-        if [[ "${{ inputs.target }}" == "aarch64-unknown-linux-gnu" ]]; then
-          # napi cross-toolchain 1.0.3 headers miss AT_HWCAP2 in elf.h
-          echo "CC=clang -D_BSD_SOURCE -DAT_HWCAP2=26" >> "$GITHUB_ENV"
-          echo "TARGET_CC=clang -D_BSD_SOURCE -DAT_HWCAP2=26" >> "$GITHUB_ENV"
-        else
-          echo "CC=clang -D_BSD_SOURCE" >> "$GITHUB_ENV"
-          echo "TARGET_CC=clang -D_BSD_SOURCE" >> "$GITHUB_ENV"
-        fi
+        echo "CC=clang -D_BSD_SOURCE" >> "$GITHUB_ENV"
+        echo "TARGET_CC=clang -D_BSD_SOURCE" >> "$GITHUB_ENV"

    - name: Cache cargo
      uses: Swatinem/rust-cache@v2
--- a/.github/actions/setup-node/action.yml
+++ b/.github/actions/setup-node/action.yml
@@ -53,7 +53,7 @@ runs:
        fi

    - name: Setup Node.js
-      uses: actions/setup-node@v6
+      uses: actions/setup-node@v4
      with:
        node-version-file: '.nvmrc'
        registry-url: https://npm.pkg.github.com
@@ -93,7 +93,7 @@ runs:
      run: node -e "const p = $(yarn config cacheFolder --json).effective; console.log('yarn_global_cache=' + p)" >> $GITHUB_OUTPUT

    - name: Cache non-full yarn cache on Linux
-      uses: actions/cache@v5
+      uses: actions/cache@v4
      if: ${{ inputs.full-cache != 'true' && runner.os == 'Linux' }}
      with:
        path: |
@@ -105,7 +105,7 @@ runs:
    # and the decompression performance on Windows is very terrible
    # so we reduce the number of cached files on non-Linux systems by remove node_modules from cache path.
    - name: Cache non-full yarn cache on non-Linux
-      uses: actions/cache@v5
+      uses: actions/cache@v4
      if: ${{ inputs.full-cache != 'true' && runner.os != 'Linux' }}
      with:
        path: |
@@ -113,7 +113,7 @@ runs:
        key: node_modules-cache-${{ github.job }}-${{ runner.os }}-${{ runner.arch }}-${{ steps.system-info.outputs.name }}-${{ steps.system-info.outputs.release }}-${{ steps.system-info.outputs.version }}

    - name: Cache full yarn cache on Linux
-      uses: actions/cache@v5
+      uses: actions/cache@v4
      if: ${{ inputs.full-cache == 'true' && runner.os == 'Linux' }}
      with:
        path: |
@@ -122,7 +122,7 @@ runs:
        key: node_modules-cache-full-${{ runner.os }}-${{ runner.arch }}-${{ steps.system-info.outputs.name }}-${{ steps.system-info.outputs.release }}-${{ steps.system-info.outputs.version }}

    - name: Cache full yarn cache on non-Linux
-      uses: actions/cache@v5
+      uses: actions/cache@v4
      if: ${{ inputs.full-cache == 'true' && runner.os != 'Linux' }}
      with:
        path: |
@@ -154,7 +154,7 @@ runs:
      # Note: Playwright's cache directory is hard coded because that's what it
      # says to do in the docs. There doesn't appear to be a command that prints
      # it out for us.
-    - uses: actions/cache@v5
+    - uses: actions/cache@v4
      id: playwright-cache
      if: ${{ inputs.playwright-install == 'true' }}
      with:
@@ -189,7 +189,7 @@ runs:
      run: |
        echo "version=$(yarn why --json electron | grep -h 'workspace:.' | jq --raw-output '.children[].locator' | sed -e 's/@playwright\/test@.*://' | head -n 1)" >> $GITHUB_OUTPUT

-    - uses: actions/cache@v5
+    - uses: actions/cache@v4
      id: electron-cache
      if: ${{ inputs.electron-install == 'true' }}
      with:
--- a/.github/helm/affine/charts/front/values.yaml
+++ b/.github/helm/affine/charts/front/values.yaml
@@ -31,10 +31,10 @@ podSecurityContext:
 resources:
  limits:
    cpu: '1'
-    memory: 6Gi
+    memory: 4Gi
  requests:
    cpu: '1'
-    memory: 4Gi
+    memory: 2Gi

 probe:
  initialDelaySeconds: 20
--- a/.github/renovate.json
+++ b/.github/renovate.json
@@ -63,7 +63,7 @@
      "groupName": "opentelemetry",
      "matchPackageNames": [
        "/^@opentelemetry/",
-        "/^@google-cloud/opentelemetry-/"
+        "/^@google-cloud\/opentelemetry-/"
      ]
    }
  ],
@@ -79,7 +79,7 @@
  "customManagers": [
    {
      "customType": "regex",
-      "managerFilePatterns": ["/^rust-toolchain\\.toml?$/"],
+      "fileMatch": ["^rust-toolchain\\.toml?$"],
      "matchStrings": [
        "channel\\s*=\\s*\"(?<currentValue>\\d+\\.\\d+(\\.\\d+)?)\""
      ],
--- a/.github/workflows/auto-labeler.yml
+++ b/.github/workflows/auto-labeler.yml
@@ -13,5 +13,5 @@ jobs:
      pull-requests: write
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v6
-      - uses: actions/labeler@v6
+      - uses: actions/checkout@v4
+      - uses: actions/labeler@v5
--- a/.github/workflows/build-images.yml
+++ b/.github/workflows/build-images.yml
@@ -24,7 +24,7 @@ jobs:
    runs-on: ubuntu-latest
    environment: ${{ inputs.build-type }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -57,7 +57,7 @@ jobs:
    runs-on: ubuntu-latest
    environment: ${{ inputs.build-type }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -89,7 +89,7 @@ jobs:
    runs-on: ubuntu-latest
    environment: ${{ inputs.build-type }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -118,7 +118,7 @@ jobs:

  build-server-native:
    name: Build Server native - ${{ matrix.targets.name }}
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
    environment: ${{ inputs.build-type }}
    strategy:
      fail-fast: false
@@ -132,7 +132,7 @@ jobs:
            file: server-native.armv7.node

    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -166,7 +166,7 @@ jobs:
    needs:
      - build-server-native
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -202,7 +202,7 @@ jobs:
      - build-mobile
      - build-admin
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Download server dist
        uses: actions/download-artifact@v4
        with:
@@ -222,7 +222,7 @@ jobs:
      # setup node without cache configuration
      # Prisma cache is not compatible with docker build cache
      - name: Setup Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v4
        with:
          node-version-file: '.nvmrc'
          registry-url: https://npm.pkg.github.com
--- a/.github/workflows/build-test.yml
+++ b/.github/workflows/build-test.yml
@@ -46,7 +46,7 @@ jobs:

    steps:
      - name: Checkout repository
-        uses: actions/checkout@v6
+        uses: actions/checkout@v4

      - name: Initialize CodeQL
        uses: github/codeql-action/init@v3
@@ -67,9 +67,9 @@ jobs:
    name: Lint
    runs-on: ubuntu-24.04-arm
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Go (for actionlint)
-        uses: actions/setup-go@v6
+        uses: actions/setup-go@v5
        with:
          go-version: 'stable'
      - name: Install actionlint
@@ -111,7 +111,7 @@ jobs:
    env:
      NODE_OPTIONS: --max-old-space-size=14384
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -138,7 +138,7 @@ jobs:
    outputs:
      run-rust: ${{ steps.rust-filter.outputs.rust }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - uses: dorny/paths-filter@v3
        id: rust-filter
@@ -159,7 +159,7 @@ jobs:
    needs:
      - rust-test-filter
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - uses: ./.github/actions/build-rust
        with:
          target: x86_64-unknown-linux-gnu
@@ -182,7 +182,7 @@ jobs:
    needs:
      - build-server-native
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -212,7 +212,7 @@ jobs:
    name: Check yarn binary
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Run check
        run: |
          set -euo pipefail
@@ -226,9 +226,9 @@ jobs:
    strategy:
      fail-fast: false
      matrix:
-        shard: [1, 2, 3, 4, 5]
+        shard: [1, 2]
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -256,7 +256,7 @@ jobs:
    name: E2E BlockSuite Cross Browser Test
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -269,13 +269,10 @@ jobs:
      - name: Run playground build
        run: yarn workspace @blocksuite/playground build

-      - name: Run integration browser tests
-        timeout-minutes: 10
-        run: yarn workspace @blocksuite/integration-test test:unit
-
-      - name: Run cross-platform playwright tests
-        timeout-minutes: 10
-        run: yarn workspace @affine-test/blocksuite test "cross-platform/" --forbid-only
+      - name: Run playwright tests
+        run: |
+          yarn workspace @blocksuite/integration-test test:unit
+          yarn workspace @affine-test/blocksuite test "cross-platform/" --forbid-only

      - name: Upload test results
        if: always()
@@ -285,6 +282,52 @@ jobs:
          path: ./test-results
          if-no-files-found: ignore

+  bundler-matrix:
+    name: Bundler Matrix (${{ matrix.bundler }})
+    runs-on: ubuntu-24.04-arm
+    strategy:
+      fail-fast: false
+      matrix:
+        bundler: [webpack, rspack]
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: ./.github/actions/setup-node
+        with:
+          playwright-install: false
+          electron-install: false
+          full-cache: true
+
+      - name: Run frontend build matrix
+        env:
+          AFFINE_BUNDLER: ${{ matrix.bundler }}
+        run: |
+          set -euo pipefail
+          packages=(
+            "@affine/web"
+            "@affine/mobile"
+            "@affine/ios"
+            "@affine/android"
+            "@affine/admin"
+            "@affine/electron-renderer"
+          )
+          summary="test-results-bundler-${AFFINE_BUNDLER}.txt"
+          : > "$summary"
+          for pkg in "${packages[@]}"; do
+            start=$(date +%s)
+            yarn affine "$pkg" build
+            end=$(date +%s)
+            echo "${pkg},$((end-start))" >> "$summary"
+          done
+
+      - name: Upload bundler timing
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: test-results-bundler-${{ matrix.bundler }}
+          path: ./test-results-bundler-${{ matrix.bundler }}.txt
+          if-no-files-found: ignore
+
  e2e-test:
    name: E2E Test
    runs-on: ubuntu-24.04-arm
@@ -297,7 +340,7 @@ jobs:
      matrix:
        shard: [1, 2, 3, 4, 5]
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -329,7 +372,7 @@ jobs:
      matrix:
        shard: [1, 2]
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -359,9 +402,9 @@ jobs:
    strategy:
      fail-fast: false
      matrix:
-        shard: [1, 2, 3, 4, 5]
+        shard: [1, 2, 3]
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -394,7 +437,7 @@ jobs:
    env:
      CARGO_PROFILE_RELEASE_DEBUG: '1'
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -433,7 +476,7 @@ jobs:
          - { os: macos-latest, target: aarch64-apple-darwin }

    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -474,7 +517,7 @@ jobs:
          - { os: windows-latest, target: aarch64-pc-windows-msvc }

    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - uses: samypr100/setup-dev-drive@v3
        with:
          workspace-copy: true
@@ -514,7 +557,7 @@ jobs:
    env:
      CARGO_PROFILE_RELEASE_DEBUG: '1'
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -537,7 +580,7 @@ jobs:
    name: Build @affine/electron renderer
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -564,7 +607,7 @@ jobs:
    needs:
      - build-native-linux
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -618,7 +661,7 @@ jobs:
        ports:
          - 9308:9308
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: ./.github/actions/setup-node
@@ -699,7 +742,7 @@ jobs:
          stack-version: 9.0.1
          security-enabled: false

-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: ./.github/actions/setup-node
@@ -762,7 +805,7 @@ jobs:
        ports:
          - 9308:9308
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: ./.github/actions/setup-node
@@ -803,7 +846,7 @@ jobs:
      CARGO_TERM_COLOR: always
      MIRIFLAGS: -Zmiri-backtrace=full -Zmiri-tree-borrows
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Rust
        uses: dtolnay/rust-toolchain@stable
@@ -831,7 +874,7 @@ jobs:
      RUST_BACKTRACE: full
      CARGO_TERM_COLOR: always
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Rust
        uses: dtolnay/rust-toolchain@stable
@@ -855,7 +898,7 @@ jobs:
    env:
      CARGO_TERM_COLOR: always
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Rust
        uses: dtolnay/rust-toolchain@stable
@@ -894,7 +937,7 @@ jobs:
    env:
      CARGO_TERM_COLOR: always
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Rust
        uses: ./.github/actions/build-rust
        with:
@@ -917,7 +960,7 @@ jobs:
      run-api: ${{ steps.decision.outputs.run_api }}
      run-e2e: ${{ steps.decision.outputs.run_e2e }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - uses: dorny/paths-filter@v3
        id: copilot-filter
@@ -986,7 +1029,7 @@ jobs:
        ports:
          - 9308:9308
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: ./.github/actions/setup-node
@@ -1059,7 +1102,7 @@ jobs:
        ports:
          - 9308:9308
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: ./.github/actions/setup-node
@@ -1142,7 +1185,7 @@ jobs:
        ports:
          - 9308:9308
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: ./.github/actions/setup-node
@@ -1223,7 +1266,7 @@ jobs:
              test: true,
            }
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        timeout-minutes: 10
--- a/.github/workflows/copilot-test.yml
+++ b/.github/workflows/copilot-test.yml
@@ -10,7 +10,7 @@ jobs:
    env:
      CARGO_PROFILE_RELEASE_DEBUG: '1'
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
        uses: ./.github/actions/setup-node
        with:
@@ -64,7 +64,7 @@ jobs:
        ports:
          - 9308:9308
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: ./.github/actions/setup-node
@@ -134,7 +134,7 @@ jobs:
        ports:
          - 9308:9308
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Node.js
        uses: ./.github/actions/setup-node
@@ -167,7 +167,7 @@ jobs:
    runs-on: ubuntu-latest
    name: Post test result message
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
        with:
          fetch-depth: 0
      - name: Setup Node.js
--- a/.github/workflows/pr-title-lint.yml
+++ b/.github/workflows/pr-title-lint.yml
@@ -18,9 +18,9 @@ jobs:
    runs-on: ubuntu-latest
    if: ${{ github.event.action != 'edited' || github.event.changes.title != null }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Node.js
-        uses: actions/setup-node@v6
+        uses: actions/setup-node@v4
        with:
          cache: 'yarn'
          node-version-file: '.nvmrc'
--- a/.github/workflows/release-cloud.yml
+++ b/.github/workflows/release-cloud.yml
@@ -35,7 +35,7 @@ jobs:
      - build-images
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Deploy to ${{ inputs.build-type }}
        uses: ./.github/actions/deploy
        with:
--- a/.github/workflows/release-desktop-platform.yml
+++ b/.github/workflows/release-desktop-platform.yml
@@ -69,7 +69,7 @@ jobs:
      SENTRY_DSN: ${{ secrets.SENTRY_DSN }}
      SENTRY_RELEASE: ${{ inputs.app_version }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4

      - name: Setup Version
        uses: ./.github/actions/setup-version
@@ -101,7 +101,7 @@ jobs:

      - name: Signing By Apple Developer ID
        if: ${{ inputs.platform == 'darwin' && inputs.apple_codesign }}
-        uses: apple-actions/import-codesign-certs@v6
+        uses: apple-actions/import-codesign-certs@v5
        with:
          p12-file-base64: ${{ secrets.CERTIFICATES_P12 }}
          p12-password: ${{ secrets.CERTIFICATES_P12_PASSWORD }}
@@ -178,14 +178,14 @@ jobs:
          mv packages/frontend/apps/electron/out/*/make/deb/${{ inputs.arch }}/*.deb ./builds/affine-${{ env.RELEASE_VERSION }}-${{ env.BUILD_TYPE }}-linux-${{ inputs.arch }}.deb
          mv packages/frontend/apps/electron/out/*/make/flatpak/*/*.flatpak ./builds/affine-${{ env.RELEASE_VERSION }}-${{ env.BUILD_TYPE }}-linux-${{ inputs.arch }}.flatpak

-      - uses: actions/attest-build-provenance@v4
+      - uses: actions/attest-build-provenance@v2
        if: ${{ inputs.platform == 'darwin' }}
        with:
          subject-path: |
            ./builds/affine-${{ env.RELEASE_VERSION }}-${{ env.BUILD_TYPE }}-macos-${{ inputs.arch }}.zip
            ./builds/affine-${{ env.RELEASE_VERSION }}-${{ env.BUILD_TYPE }}-macos-${{ inputs.arch }}.dmg

-      - uses: actions/attest-build-provenance@v4
+      - uses: actions/attest-build-provenance@v2
        if: ${{ inputs.platform == 'linux' }}
        with:
          subject-path: |
--- a/.github/workflows/release-desktop.yml
+++ b/.github/workflows/release-desktop.yml
@@ -48,7 +48,7 @@ jobs:
    runs-on: ubuntu-latest
    environment: ${{ inputs.build-type }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -187,7 +187,7 @@ jobs:
      FILES_TO_BE_SIGNED_x64: ${{ steps.get_files_to_be_signed.outputs.FILES_TO_BE_SIGNED_x64 }}
      FILES_TO_BE_SIGNED_arm64: ${{ steps.get_files_to_be_signed.outputs.FILES_TO_BE_SIGNED_arm64 }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -344,7 +344,7 @@ jobs:
          mv packages/frontend/apps/electron/out/*/make/squirrel.windows/${{ matrix.spec.arch }}/*.exe ./builds/affine-${{ env.RELEASE_VERSION }}-${{ env.BUILD_TYPE }}-windows-${{ matrix.spec.arch }}.exe
          mv packages/frontend/apps/electron/out/*/make/nsis.windows/${{ matrix.spec.arch }}/*.exe ./builds/affine-${{ env.RELEASE_VERSION }}-${{ env.BUILD_TYPE }}-windows-${{ matrix.spec.arch }}.nsis.exe

-      - uses: actions/attest-build-provenance@v4
+      - uses: actions/attest-build-provenance@v2
        with:
          subject-path: |
            ./builds/affine-${{ env.RELEASE_VERSION }}-${{ env.BUILD_TYPE }}-windows-${{ matrix.spec.arch }}.zip
@@ -369,7 +369,7 @@ jobs:
    runs-on: ubuntu-latest

    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Download Artifacts (macos-x64)
        uses: actions/download-artifact@v4
        with:
@@ -395,7 +395,7 @@ jobs:
        with:
          name: affine-linux-x64-builds
          path: ./release
-      - uses: actions/setup-node@v6
+      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - name: Copy Selfhost Release Files
--- a/.github/workflows/release-mobile.yml
+++ b/.github/workflows/release-mobile.yml
@@ -26,7 +26,7 @@ jobs:
    runs-on: ubuntu-latest
    environment: ${{ inputs.build-type }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -54,7 +54,7 @@ jobs:
  build-android-web:
    runs-on: ubuntu-latest
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -83,7 +83,7 @@ jobs:
    needs:
      - build-ios-web
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -114,7 +114,7 @@ jobs:
      - name: Cap sync
        run: yarn workspace @affine/ios sync
      - name: Signing By Apple Developer ID
-        uses: apple-actions/import-codesign-certs@v6
+        uses: apple-actions/import-codesign-certs@v5
        id: import-codesign-certs
        with:
          p12-file-base64: ${{ secrets.CERTIFICATES_P12_MOBILE }}
@@ -147,7 +147,7 @@ jobs:
    needs:
      - build-android-web
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Setup Version
        uses: ./.github/actions/setup-version
        with:
@@ -180,7 +180,7 @@ jobs:
          no-build: 'true'
      - name: Cap sync
        run: yarn workspace @affine/android cap sync
-      - uses: actions/setup-python@v6
+      - uses: actions/setup-python@v5
        with:
          python-version: '3.13'
      - name: Auth gcloud
@@ -192,7 +192,7 @@ jobs:
          token_format: 'access_token'
          project_id: '${{ secrets.GCP_PROJECT_ID }}'
          access_token_scopes: 'https://www.googleapis.com/auth/androidpublisher'
-      - uses: actions/setup-java@v5
+      - uses: actions/setup-java@v4
        with:
          distribution: 'temurin'
          java-version: '21'
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -55,7 +55,7 @@ jobs:
      GIT_SHORT_HASH: ${{ steps.prepare.outputs.GIT_SHORT_HASH }}
      BUILD_TYPE: ${{ steps.prepare.outputs.BUILD_TYPE }}
    steps:
-      - uses: actions/checkout@v6
+      - uses: actions/checkout@v4
      - name: Prepare Release
        id: prepare
        uses: ./.github/actions/prepare-release
@@ -72,7 +72,7 @@ jobs:
    steps:
      - name: Decide whether to release
        id: decide
-        uses: actions/github-script@v8
+        uses: actions/github-script@v7
        with:
          script: |
            const buildType = '${{ needs.prepare.outputs.BUILD_TYPE }}'
--- a/.gitignore
+++ b/.gitignore
@@ -48,7 +48,6 @@ testem.log
 /typings
 tsconfig.tsbuildinfo
 .context
-/*.md

 # System Files
 .DS_Store
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-22.22.1
+22.22.0
--- a/.yarn/releases/yarn-4.12.0.cjs
+++ b/.yarn/releases/yarn-4.12.0.cjs
--- a/.yarn/releases/yarn-4.13.0.cjs
+++ b/.yarn/releases/yarn-4.13.0.cjs
--- a/.yarnrc.yml
+++ b/.yarnrc.yml
@@ -12,4 +12,4 @@ npmPublishAccess: public

 npmRegistryServer: "https://registry.npmjs.org"

-yarnPath: .yarn/releases/yarn-4.13.0.cjs
+yarnPath: .yarn/releases/yarn-4.12.0.cjs
--- a/Cargo.lock
+++ b/Cargo.lock
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -36,30 +36,18 @@ resolver = "3"
  criterion2 = { version = "3", default-features = false }
  crossbeam-channel = "0.5"
  dispatch2 = "0.3"
-  docx-parser = { git = "https://github.com/toeverything/docx-parser", rev = "380beea" }
+  docx-parser = { git = "https://github.com/toeverything/docx-parser" }
  dotenvy = "0.15"
  file-format = { version = "0.28", features = ["reader"] }
  homedir = "0.3"
-  image = { version = "0.25.9", default-features = false, features = [
-    "bmp",
-    "gif",
-    "jpeg",
-    "png",
-    "webp",
-  ] }
  infer = { version = "0.19.0" }
  lasso = { version = "0.7", features = ["multi-threaded"] }
  lib0 = { version = "0.16", features = ["lib0-serde"] }
  libc = "0.2"
-  libwebp-sys = "0.14.2"
-  little_exif = "0.6.23"
-  llm_adapter = { version = "0.1.3", default-features = false }
  log = "0.4"
  loom = { version = "0.7", features = ["checkpoint"] }
  lru = "0.16"
-  matroska = "0.30"
  memory-indexer = "0.3.0"
-  mermaid-rs-renderer = { git = "https://github.com/toeverything/mermaid-rs-renderer", rev = "fba9097", default-features = false }
  mimalloc = "0.1"
  mp4parse = "0.17"
  nanoid = "0.4"
@@ -76,7 +64,6 @@ resolver = "3"
  notify = { version = "8", features = ["serde"] }
  objc2 = "0.6"
  objc2-foundation = "0.3"
-  ogg = "0.9"
  once_cell = "1"
  ordered-float = "5"
  parking_lot = "0.12"
@@ -124,14 +111,6 @@ resolver = "3"
  tree-sitter-rust = { version = "0.24" }
  tree-sitter-scala = { version = "0.24" }
  tree-sitter-typescript = { version = "0.23" }
-  typst = "0.14.2"
-  typst-as-lib = { version = "0.15.4", default-features = false, features = [
-    "packages",
-    "typst-kit-embed-fonts",
-    "typst-kit-fonts",
-    "ureq",
-  ] }
-  typst-svg = "0.14.2"
  uniffi = "0.29"
  url = { version = "2.5" }
  uuid = "1.8"
--- a/SECURITY.md
+++ b/SECURITY.md
@@ -23,6 +23,4 @@ We welcome you to provide us with bug reports via and email at [security@toevery

 Since we are an open source project, we also welcome you to provide corresponding fix PRs, we will determine specific rewards based on the evaluation results.

-Due to limited resources, we do not accept and will not review any AI-generated security reports.
-
 If the vulnerability is caused by a library we depend on, we encourage you to submit a security report to the corresponding dependent library at the same time to benefit more users.
--- a/blocksuite/affine/all/package.json
+++ b/blocksuite/affine/all/package.json
@@ -300,6 +300,6 @@
  "devDependencies": {
    "@vanilla-extract/vite-plugin": "^5.0.0",
    "msw": "^2.12.4",
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  }
 }
--- a/blocksuite/affine/all/src/tests/adapters/snapshots/markdown.unit.spec.ts.snap
+++ b/blocksuite/affine/all/src/tests/adapters/snapshots/markdown.unit.spec.ts.snap
@@ -1,94 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`snapshot to markdown > imports obsidian vault fixtures 1`] = `
-{
-  "entry": {
-    "children": [
-      {
-        "children": [
-          {
-            "children": [
-              {
-                "delta": [
-                  {
-                    "insert": "Panel
-Body line",
-                  },
-                ],
-                "flavour": "affine:paragraph",
-                "type": "text",
-              },
-            ],
-            "emoji": "💡",
-            "flavour": "affine:callout",
-          },
-          {
-            "flavour": "affine:attachment",
-            "name": "archive.zip",
-            "style": "horizontalThin",
-          },
-          {
-            "delta": [
-              {
-                "footnote": {
-                  "label": "1",
-                  "reference": {
-                    "title": "reference body",
-                    "type": "url",
-                  },
-                },
-                "insert": " ",
-              },
-            ],
-            "flavour": "affine:paragraph",
-            "type": "text",
-          },
-          {
-            "flavour": "affine:divider",
-          },
-          {
-            "delta": [
-              {
-                "insert": "after note",
-              },
-            ],
-            "flavour": "affine:paragraph",
-            "type": "text",
-          },
-          {
-            "delta": [
-              {
-                "insert": " ",
-                "reference": {
-                  "page": "linked",
-                  "type": "LinkedPage",
-                },
-              },
-            ],
-            "flavour": "affine:paragraph",
-            "type": "text",
-          },
-          {
-            "delta": [
-              {
-                "insert": "Sources",
-              },
-            ],
-            "flavour": "affine:paragraph",
-            "type": "h6",
-          },
-          {
-            "flavour": "affine:bookmark",
-          },
-        ],
-        "flavour": "affine:note",
-      },
-    ],
-    "flavour": "affine:page",
-  },
-  "titles": [
-    "entry",
-    "linked",
-  ],
-}
-`;
--- a/blocksuite/affine/all/src/tests/adapters/fixtures/obsidian/entry.md
+++ b/blocksuite/affine/all/src/tests/adapters/fixtures/obsidian/entry.md
@@ -1,14 +0,0 @@
-> [!custom] Panel
-> Body line
-
-![[archive.zip]]
-
-[^1]
-
---
-
-after note
-
-[[linked]]
-
-[^1]: reference body
--- a/blocksuite/affine/all/src/tests/adapters/fixtures/obsidian/linked.md
+++ b/blocksuite/affine/all/src/tests/adapters/fixtures/obsidian/linked.md
@@ -1 +0,0 @@
-plain linked page
--- a/blocksuite/affine/all/src/tests/adapters/markdown.unit.spec.ts
+++ b/blocksuite/affine/all/src/tests/adapters/markdown.unit.spec.ts
@@ -1,10 +1,4 @@
-import { readFileSync } from 'node:fs';
-import { basename, resolve } from 'node:path';
-
-import {
-  MarkdownTransformer,
-  ObsidianTransformer,
-} from '@blocksuite/affine/widgets/linked-doc';
+import { MarkdownTransformer } from '@blocksuite/affine/widgets/linked-doc';
 import {
  DefaultTheme,
  NoteDisplayMode,
@@ -14,18 +8,13 @@ import {
  CalloutAdmonitionType,
  CalloutExportStyle,
  calloutMarkdownExportMiddleware,
-  docLinkBaseURLMiddleware,
  embedSyncedDocMiddleware,
  MarkdownAdapter,
-  titleMiddleware,
 } from '@blocksuite/affine-shared/adapters';
-import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
 import type {
  BlockSnapshot,
-  DeltaInsert,
  DocSnapshot,
  SliceSnapshot,
-  Store,
  TransformerMiddleware,
 } from '@blocksuite/store';
 import { AssetsManager, MemoryBlobCRUD, Schema } from '@blocksuite/store';
@@ -40,138 +29,6 @@ import { testStoreExtensions } from '../utils/store.js';

 const provider = getProvider();

-function withRelativePath(file: File, relativePath: string): File {
-  Object.defineProperty(file, 'webkitRelativePath', {
-    value: relativePath,
-    writable: false,
-  });
-  return file;
-}
-
-function markdownFixture(relativePath: string): File {
-  return withRelativePath(
-    new File(
-      [
-        readFileSync(
-          resolve(import.meta.dirname, 'fixtures/obsidian', relativePath),
-          'utf8'
-        ),
-      ],
-      basename(relativePath),
-      { type: 'text/markdown' }
-    ),
-    `vault/${relativePath}`
-  );
-}
-
-function exportSnapshot(doc: Store): DocSnapshot {
-  const job = doc.getTransformer([
-    docLinkBaseURLMiddleware(doc.workspace.id),
-    titleMiddleware(doc.workspace.meta.docMetas),
-  ]);
-  const snapshot = job.docToSnapshot(doc);
-  expect(snapshot).toBeTruthy();
-  return snapshot!;
-}
-
-function normalizeDeltaForSnapshot(
-  delta: DeltaInsert<AffineTextAttributes>[],
-  titleById: ReadonlyMap<string, string>
-) {
-  return delta.map(item => {
-    const normalized: Record<string, unknown> = {
-      insert: item.insert,
-    };
-
-    if (item.attributes?.link) {
-      normalized.link = item.attributes.link;
-    }
-
-    if (item.attributes?.reference?.type === 'LinkedPage') {
-      normalized.reference = {
-        type: 'LinkedPage',
-        page: titleById.get(item.attributes.reference.pageId) ?? '<missing>',
-        ...(item.attributes.reference.title
-          ? { title: item.attributes.reference.title }
-          : {}),
-      };
-    }
-
-    if (item.attributes?.footnote) {
-      const reference = item.attributes.footnote.reference;
-      normalized.footnote = {
-        label: item.attributes.footnote.label,
-        reference:
-          reference.type === 'doc'
-            ? {
-                type: 'doc',
-                page: reference.docId
-                  ? (titleById.get(reference.docId) ?? '<missing>')
-                  : '<missing>',
-              }
-            : {
-                type: reference.type,
-                ...(reference.title ? { title: reference.title } : {}),
-                ...(reference.fileName ? { fileName: reference.fileName } : {}),
-              },
-      };
-    }
-
-    return normalized;
-  });
-}
-
-function simplifyBlockForSnapshot(
-  block: BlockSnapshot,
-  titleById: ReadonlyMap<string, string>
-): Record<string, unknown> {
-  const simplified: Record<string, unknown> = {
-    flavour: block.flavour,
-  };
-
-  if (block.flavour === 'affine:paragraph' || block.flavour === 'affine:list') {
-    simplified.type = block.props.type;
-    const text = block.props.text as
-      | { delta?: DeltaInsert<AffineTextAttributes>[] }
-      | undefined;
-    simplified.delta = normalizeDeltaForSnapshot(text?.delta ?? [], titleById);
-  }
-
-  if (block.flavour === 'affine:callout') {
-    simplified.emoji = block.props.emoji;
-  }
-
-  if (block.flavour === 'affine:attachment') {
-    simplified.name = block.props.name;
-    simplified.style = block.props.style;
-  }
-
-  if (block.flavour === 'affine:image') {
-    simplified.sourceId = '<asset>';
-  }
-
-  const children = (block.children ?? [])
-    .filter(child => child.flavour !== 'affine:surface')
-    .map(child => simplifyBlockForSnapshot(child, titleById));
-  if (children.length) {
-    simplified.children = children;
-  }
-
-  return simplified;
-}
-
-function snapshotDocByTitle(
-  collection: TestWorkspace,
-  title: string,
-  titleById: ReadonlyMap<string, string>
-) {
-  const meta = collection.meta.docMetas.find(meta => meta.title === title);
-  expect(meta).toBeTruthy();
-  const doc = collection.getDoc(meta!.id)?.getStore({ id: meta!.id });
-  expect(doc).toBeTruthy();
-  return simplifyBlockForSnapshot(exportSnapshot(doc!).blocks, titleById);
-}
-
 describe('snapshot to markdown', () => {
  test('code', async () => {
    const blockSnapshot: BlockSnapshot = {
@@ -270,46 +127,6 @@ Hello world
    expect(meta?.tags).toEqual(['a', 'b']);
  });

-  test('imports obsidian vault fixtures', async () => {
-    const schema = new Schema().register(AffineSchemas);
-    const collection = new TestWorkspace();
-    collection.storeExtensions = testStoreExtensions;
-    collection.meta.initialize();
-
-    const attachment = withRelativePath(
-      new File([new Uint8Array([80, 75, 3, 4])], 'archive.zip', {
-        type: 'application/zip',
-      }),
-      'vault/archive.zip'
-    );
-
-    const { docIds } = await ObsidianTransformer.importObsidianVault({
-      collection,
-      schema,
-      importedFiles: [
-        markdownFixture('entry.md'),
-        markdownFixture('linked.md'),
-        attachment,
-      ],
-      extensions: testStoreExtensions,
-    });
-    expect(docIds).toHaveLength(2);
-
-    const titleById = new Map(
-      collection.meta.docMetas.map(meta => [
-        meta.id,
-        meta.title ?? '<untitled>',
-      ])
-    );
-
-    expect({
-      titles: collection.meta.docMetas
-        .map(meta => meta.title)
-        .sort((a, b) => (a ?? '').localeCompare(b ?? '')),
-      entry: snapshotDocByTitle(collection, 'entry', titleById),
-    }).toMatchSnapshot();
-  });
-
  test('paragraph', async () => {
    const blockSnapshot: BlockSnapshot = {
      type: 'block',
--- a/blocksuite/affine/all/vitest.config.ts
+++ b/blocksuite/affine/all/vitest.config.ts
@@ -11,7 +11,7 @@ export default defineConfig({
    include: ['src/__tests__/**/*.unit.spec.ts'],
    testTimeout: 1000,
    coverage: {
-      provider: 'istanbul',
+      provider: 'istanbul', // or 'c8'
      reporter: ['lcov'],
      reportsDirectory: '../../../.coverage/blocksuite-affine',
    },
--- a/blocksuite/affine/blocks/attachment/src/adapters/markdown.ts
+++ b/blocksuite/affine/blocks/attachment/src/adapters/markdown.ts
@@ -5,7 +5,6 @@ import {
 import {
  BlockMarkdownAdapterExtension,
  type BlockMarkdownAdapterMatcher,
-  createAttachmentBlockSnapshot,
  FOOTNOTE_DEFINITION_PREFIX,
  getFootnoteDefinitionText,
  isFootnoteDefinitionNode,
@@ -57,15 +56,18 @@ export const attachmentBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatcher
          }
          walkerContext
            .openNode(
-              createAttachmentBlockSnapshot({
+              {
+                type: 'block',
                id: nanoid(),
+                flavour: AttachmentBlockSchema.model.flavour,
                props: {
                  name: fileName,
                  sourceId: blobId,
                  footnoteIdentifier,
                  style: 'citation',
                },
-              }),
+                children: [],
+              },
              'children'
            )
            .closeNode();
--- a/blocksuite/affine/blocks/bookmark/package.json
+++ b/blocksuite/affine/blocks/bookmark/package.json
@@ -31,9 +31,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "@vitest/browser-playwright": "^4.0.18",
-    "playwright": "=1.58.2",
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/affine/blocks/bookmark/src/bookmark-block.ts
+++ b/blocksuite/affine/blocks/bookmark/src/bookmark-block.ts
@@ -108,9 +108,7 @@ export class BookmarkBlockComponent extends CaptionedBlockComponent<BookmarkBloc
  }

  open = () => {
-    const link = this.link;
-    if (!link) return;
-    window.open(link, '_blank', 'noopener,noreferrer');
+    window.open(this.link, '_blank');
  };

  refreshData = () => {
--- a/blocksuite/affine/blocks/bookmark/vitest.config.ts
+++ b/blocksuite/affine/blocks/bookmark/vitest.config.ts
@@ -1,4 +1,3 @@
-import { playwright } from '@vitest/browser-playwright';
 import { defineConfig } from 'vitest/config';

 export default defineConfig({
@@ -9,9 +8,10 @@ export default defineConfig({
    browser: {
      enabled: true,
      headless: true,
-      instances: [{ browser: 'chromium' }],
-      provider: playwright(),
+      name: 'chromium',
+      provider: 'playwright',
      isolate: false,
+      providerOptions: {},
    },
    include: ['src/__tests__/**/*.unit.spec.ts'],
    testTimeout: 500,
--- a/blocksuite/affine/blocks/code/src/highlight/affine-code-unit.ts
+++ b/blocksuite/affine/blocks/code/src/highlight/affine-code-unit.ts
@@ -45,10 +45,8 @@ export class AffineCodeUnit extends ShadowlessElement {
    if (!codeBlock || !vElement) return plainContent;
    const tokens = codeBlock.highlightTokens$.value;
    if (tokens.length === 0) return plainContent;
-    const line = tokens[vElement.lineIndex];
-    if (!line) return plainContent;
    // copy the tokens to avoid modifying the original tokens
-    const lineTokens = structuredClone(line);
+    const lineTokens = structuredClone(tokens[vElement.lineIndex]);
    if (lineTokens.length === 0) return plainContent;

    const startOffset = vElement.startOffset;
--- a/blocksuite/affine/blocks/embed-doc/package.json
+++ b/blocksuite/affine/blocks/embed-doc/package.json
@@ -35,7 +35,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/affine/blocks/embed/package.json
+++ b/blocksuite/affine/blocks/embed/package.json
@@ -35,7 +35,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/affine/blocks/list/package.json
+++ b/blocksuite/affine/blocks/list/package.json
@@ -31,7 +31,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/affine/blocks/note/src/note-edgeless-block.ts
+++ b/blocksuite/affine/blocks/note/src/note-edgeless-block.ts
@@ -221,12 +221,6 @@ export class EdgelessNoteBlockComponent extends toGfxBlockComponent(
    }
  }

-  override getCSSScaleVal(): number {
-    const baseScale = super.getCSSScaleVal();
-    const extraScale = this.model.props.edgeless?.scale ?? 1;
-    return baseScale * extraScale;
-  }
-
  override getRenderingRect() {
    const { xywh, edgeless } = this.model.props;
    const { collapse, scale = 1 } = edgeless;
@@ -261,6 +255,7 @@ export class EdgelessNoteBlockComponent extends toGfxBlockComponent(

    const style = {
      borderRadius: borderRadius + 'px',
+      transform: `scale(${scale})`,
    };

    const extra = this._editing ? ACTIVE_NOTE_EXTRA_PADDING : 0;
@@ -459,28 +454,6 @@ export const EdgelessNoteInteraction =
                    return;
                  }

-                  let isClickOnTitle = false;
-                  const titleRect = view
-                    .querySelector('edgeless-page-block-title')
-                    ?.getBoundingClientRect();
-
-                  if (titleRect) {
-                    const titleBound = new Bound(
-                      titleRect.x,
-                      titleRect.y,
-                      titleRect.width,
-                      titleRect.height
-                    );
-                    if (titleBound.isPointInBound([e.clientX, e.clientY])) {
-                      isClickOnTitle = true;
-                    }
-                  }
-
-                  if (isClickOnTitle) {
-                    handleNativeRangeAtPoint(e.clientX, e.clientY);
-                    return;
-                  }
-
                  if (model.children.length === 0) {
                    const blockId = std.store.addBlock(
                      'affine:paragraph',
@@ -516,9 +489,6 @@ export const EdgelessNoteInteraction =
                  }
                })
                .catch(console.error);
-            } else if (multiSelect && alreadySelected && editing) {
-              // range selection using Shift-click when editing
-              return;
            } else {
              context.default(context);
            }
--- a/blocksuite/affine/blocks/root/src/edgeless/configs/toolbar/more.ts
+++ b/blocksuite/affine/blocks/root/src/edgeless/configs/toolbar/more.ts
@@ -22,7 +22,6 @@ import {
  FrameBlockModel,
  ImageBlockModel,
  isExternalEmbedModel,
-  MindmapElementModel,
  NoteBlockModel,
  ParagraphBlockModel,
 } from '@blocksuite/affine-model';
@@ -402,17 +401,7 @@ function reorderElements(
 ) {
  if (!models.length) return;

-  const normalizedModels = Array.from(
-    new Map(
-      models.map(model => {
-        const reorderTarget =
-          model.group instanceof MindmapElementModel ? model.group : model;
-        return [reorderTarget.id, reorderTarget];
-      })
-    ).values()
-  );
-
-  for (const model of normalizedModels) {
+  for (const model of models) {
    const index = ctx.gfx.layer.getReorderedIndex(model, type);

    // block should be updated in transaction
--- a/blocksuite/affine/blocks/surface/package.json
+++ b/blocksuite/affine/blocks/surface/package.json
@@ -33,7 +33,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/affine/blocks/surface/src/renderer/canvas-renderer.ts
+++ b/blocksuite/affine/blocks/surface/src/renderer/canvas-renderer.ts
@@ -2,24 +2,16 @@ import { type Color, ColorScheme } from '@blocksuite/affine-model';
 import { FeatureFlagService } from '@blocksuite/affine-shared/services';
 import { requestConnectedFrame } from '@blocksuite/affine-shared/utils';
 import { DisposableGroup } from '@blocksuite/global/disposable';
-import {
-  Bound,
-  getBoundWithRotation,
-  type IBound,
-  intersects,
-} from '@blocksuite/global/gfx';
+import type { IBound } from '@blocksuite/global/gfx';
+import { getBoundWithRotation, intersects } from '@blocksuite/global/gfx';
 import type { BlockStdScope } from '@blocksuite/std';
 import type {
  GfxCompatibleInterface,
-  GfxController,
-  GfxLocalElementModel,
  GridManager,
  LayerManager,
  SurfaceBlockModel,
  Viewport,
 } from '@blocksuite/std/gfx';
-import { GfxControllerIdentifier } from '@blocksuite/std/gfx';
-import { effect } from '@preact/signals-core';
 import last from 'lodash-es/last';
 import { Subject } from 'rxjs';

@@ -48,82 +40,11 @@ type RendererOptions = {
  surfaceModel: SurfaceBlockModel;
 };

-export type CanvasRenderPassMetrics = {
-  overlayCount: number;
-  placeholderElementCount: number;
-  renderByBoundCallCount: number;
-  renderedElementCount: number;
-  visibleElementCount: number;
-};
-
-export type CanvasMemorySnapshot = {
-  bytes: number;
-  datasetLayerId: string | null;
-  height: number;
-  kind: 'main' | 'stacking';
-  width: number;
-  zIndex: string;
-};
-
-export type CanvasRendererDebugMetrics = {
-  canvasLayerCount: number;
-  canvasMemoryBytes: number;
-  canvasMemorySnapshots: CanvasMemorySnapshot[];
-  canvasMemoryMegabytes: number;
-  canvasPixelCount: number;
-  coalescedRefreshCount: number;
-  dirtyLayerRenderCount: number;
-  fallbackElementCount: number;
-  lastRenderDurationMs: number;
-  lastRenderMetrics: CanvasRenderPassMetrics;
-  maxRenderDurationMs: number;
-  pooledStackingCanvasCount: number;
-  refreshCount: number;
-  renderCount: number;
-  stackingCanvasCount: number;
-  totalLayerCount: number;
-  totalRenderDurationMs: number;
-  visibleStackingCanvasCount: number;
-};
-
-type MutableCanvasRendererDebugMetrics = Omit<
-  CanvasRendererDebugMetrics,
-  | 'canvasLayerCount'
-  | 'canvasMemoryBytes'
-  | 'canvasMemoryMegabytes'
-  | 'canvasPixelCount'
-  | 'canvasMemorySnapshots'
-  | 'pooledStackingCanvasCount'
-  | 'stackingCanvasCount'
-  | 'totalLayerCount'
-  | 'visibleStackingCanvasCount'
->;
-
-type RenderPassStats = CanvasRenderPassMetrics;
-
-type StackingCanvasState = {
-  bound: Bound | null;
-  layerId: string | null;
-};
-
-type RefreshTarget =
-  | { type: 'all' }
-  | { type: 'main' }
-  | { type: 'element'; element: SurfaceElementModel | GfxLocalElementModel }
-  | {
-      type: 'elements';
-      elements: Array<SurfaceElementModel | GfxLocalElementModel>;
-    };
-
-const STACKING_CANVAS_PADDING = 32;
-
 export class CanvasRenderer {
  private _container!: HTMLElement;

  private readonly _disposables = new DisposableGroup();

-  private readonly _gfx: GfxController;
-
  private readonly _turboEnabled: () => boolean;

  private readonly _overlays = new Set<Overlay>();
@@ -132,37 +53,6 @@ export class CanvasRenderer {

  private _stackingCanvas: HTMLCanvasElement[] = [];

-  private readonly _stackingCanvasPool: HTMLCanvasElement[] = [];
-
-  private readonly _stackingCanvasState = new WeakMap<
-    HTMLCanvasElement,
-    StackingCanvasState
-  >();
-
-  private readonly _dirtyStackingCanvasIndexes = new Set<number>();
-
-  private _mainCanvasDirty = true;
-
-  private _needsFullRender = true;
-
-  private _debugMetrics: MutableCanvasRendererDebugMetrics = {
-    refreshCount: 0,
-    coalescedRefreshCount: 0,
-    renderCount: 0,
-    totalRenderDurationMs: 0,
-    lastRenderDurationMs: 0,
-    maxRenderDurationMs: 0,
-    lastRenderMetrics: {
-      renderByBoundCallCount: 0,
-      visibleElementCount: 0,
-      renderedElementCount: 0,
-      placeholderElementCount: 0,
-      overlayCount: 0,
-    },
-    dirtyLayerRenderCount: 0,
-    fallbackElementCount: 0,
-  };
-
  canvas: HTMLCanvasElement;

  ctx: CanvasRenderingContext2D;
@@ -199,7 +89,6 @@ export class CanvasRenderer {
    this.layerManager = options.layerManager;
    this.grid = options.gridManager;
    this.provider = options.provider ?? {};
-    this._gfx = this.std.get(GfxControllerIdentifier);

    this._turboEnabled = () => {
      const featureFlagService = options.std.get(FeatureFlagService);
@@ -243,199 +132,15 @@ export class CanvasRenderer {
    };
  }

-  private _applyStackingCanvasLayout(
-    canvas: HTMLCanvasElement,
-    bound: Bound | null,
-    dpr = window.devicePixelRatio
-  ) {
-    const state =
-      this._stackingCanvasState.get(canvas) ??
-      ({
-        bound: null,
-        layerId: canvas.dataset.layerId ?? null,
-      } satisfies StackingCanvasState);
-
-    if (!bound || bound.w <= 0 || bound.h <= 0) {
-      canvas.style.display = 'none';
-      canvas.style.left = '0px';
-      canvas.style.top = '0px';
-      canvas.style.width = '0px';
-      canvas.style.height = '0px';
-      canvas.style.transform = '';
-      canvas.width = 0;
-      canvas.height = 0;
-      state.bound = null;
-      state.layerId = canvas.dataset.layerId ?? null;
-      this._stackingCanvasState.set(canvas, state);
-      return;
-    }
-
-    const { viewportBounds, zoom, viewScale } = this.viewport;
-    const width = bound.w * zoom;
-    const height = bound.h * zoom;
-    const left = (bound.x - viewportBounds.x) * zoom;
-    const top = (bound.y - viewportBounds.y) * zoom;
-    const actualWidth = Math.max(1, Math.ceil(width * dpr));
-    const actualHeight = Math.max(1, Math.ceil(height * dpr));
-    const transform = `translate(${left}px, ${top}px) scale(${1 / viewScale})`;
-
-    if (canvas.style.display !== 'block') {
-      canvas.style.display = 'block';
-    }
-    if (canvas.style.left !== '0px') {
-      canvas.style.left = '0px';
-    }
-    if (canvas.style.top !== '0px') {
-      canvas.style.top = '0px';
-    }
-    if (canvas.style.width !== `${width}px`) {
-      canvas.style.width = `${width}px`;
-    }
-    if (canvas.style.height !== `${height}px`) {
-      canvas.style.height = `${height}px`;
-    }
-    if (canvas.style.transform !== transform) {
-      canvas.style.transform = transform;
-    }
-    if (canvas.style.transformOrigin !== 'top left') {
-      canvas.style.transformOrigin = 'top left';
-    }
-
-    if (canvas.width !== actualWidth) {
-      canvas.width = actualWidth;
-    }
-
-    if (canvas.height !== actualHeight) {
-      canvas.height = actualHeight;
-    }
-
-    state.bound = bound;
-    state.layerId = canvas.dataset.layerId ?? null;
-    this._stackingCanvasState.set(canvas, state);
-  }
-
-  private _clampBoundToViewport(bound: Bound, viewportBounds: Bound) {
-    const minX = Math.max(bound.x, viewportBounds.x);
-    const minY = Math.max(bound.y, viewportBounds.y);
-    const maxX = Math.min(bound.maxX, viewportBounds.maxX);
-    const maxY = Math.min(bound.maxY, viewportBounds.maxY);
-
-    if (maxX <= minX || maxY <= minY) {
-      return null;
-    }
-
-    return new Bound(minX, minY, maxX - minX, maxY - minY);
-  }
-
-  private _createCanvasForLayer(
-    onCreated?: (canvas: HTMLCanvasElement) => void
-  ) {
-    const reused = this._stackingCanvasPool.pop();
-
-    if (reused) {
-      return reused;
-    }
-
-    const created = document.createElement('canvas');
-    onCreated?.(created);
-    return created;
-  }
-
-  private _findLayerIndexByElement(
-    element: SurfaceElementModel | GfxLocalElementModel
-  ) {
-    const canvasLayers = this.layerManager.getCanvasLayers();
-    const index = canvasLayers.findIndex(layer =>
-      layer.elements.some(layerElement => layerElement.id === element.id)
-    );
-
-    return index === -1 ? null : index;
-  }
-
-  private _getLayerRenderBound(
-    elements: SurfaceElementModel[],
-    viewportBounds: Bound
-  ) {
-    let layerBound: Bound | null = null;
-
-    for (const element of elements) {
-      const display = (element.display ?? true) && !element.hidden;
-
-      if (!display) {
-        continue;
-      }
-
-      const elementBound = Bound.from(getBoundWithRotation(element));
-
-      if (!intersects(elementBound, viewportBounds)) {
-        continue;
-      }
-
-      layerBound = layerBound ? layerBound.unite(elementBound) : elementBound;
-    }
-
-    if (!layerBound) {
-      return null;
-    }
-
-    return this._clampBoundToViewport(
-      layerBound.expand(STACKING_CANVAS_PADDING),
-      viewportBounds
-    );
-  }
-
-  private _getResolvedStackingCanvasBound(
-    canvas: HTMLCanvasElement,
-    bound: Bound | null
-  ) {
-    if (!bound || !this._gfx.tool.dragging$.peek()) {
-      return bound;
-    }
-
-    const previousBound = this._stackingCanvasState.get(canvas)?.bound;
-
-    return previousBound ? previousBound.unite(bound) : bound;
-  }
-
-  private _invalidate(target: RefreshTarget = { type: 'all' }) {
-    if (target.type === 'all') {
-      this._needsFullRender = true;
-      this._mainCanvasDirty = true;
-      this._dirtyStackingCanvasIndexes.clear();
-      return;
-    }
-
-    if (this._needsFullRender) {
-      return;
-    }
-
-    if (target.type === 'main') {
-      this._mainCanvasDirty = true;
-      return;
-    }
-
-    const elements =
-      target.type === 'element' ? [target.element] : target.elements;
-
-    for (const element of elements) {
-      const layerIndex = this._findLayerIndexByElement(element);
-
-      if (layerIndex === null || layerIndex >= this._stackingCanvas.length) {
-        this._mainCanvasDirty = true;
-        continue;
-      }
-
-      this._dirtyStackingCanvasIndexes.add(layerIndex);
-    }
-  }
-
-  private _resetPooledCanvas(canvas: HTMLCanvasElement) {
-    canvas.dataset.layerId = '';
-    this._applyStackingCanvasLayout(canvas, null);
-  }
-
  private _initStackingCanvas(onCreated?: (canvas: HTMLCanvasElement) => void) {
    const layer = this.layerManager;
+    const updateStackingCanvasSize = (canvases: HTMLCanvasElement[]) => {
+      this._stackingCanvas = canvases;
+
+      const sizeUpdater = this._canvasSizeUpdater();
+
+      canvases.filter(sizeUpdater.filter).forEach(sizeUpdater.update);
+    };
    const updateStackingCanvas = () => {
      /**
       * we already have a main canvas, so the last layer should be skipped
@@ -454,7 +159,11 @@ export class CanvasRenderer {
        const created = i < currentCanvases.length;
        const canvas = created
          ? currentCanvases[i]
-          : this._createCanvasForLayer(onCreated);
+          : document.createElement('canvas');
+
+        if (!created) {
+          onCreated?.(canvas);
+        }

        canvas.dataset.layerId = `[${layer.indexes[0]}--${layer.indexes[1]}]`;
        canvas.style.zIndex = layer.zIndex.toString();
@@ -462,6 +171,7 @@ export class CanvasRenderer {
      }

      this._stackingCanvas = canvases;
+      updateStackingCanvasSize(canvases);

      if (currentCanvases.length !== canvases.length) {
        const diff = canvases.length - currentCanvases.length;
@@ -479,16 +189,12 @@ export class CanvasRenderer {
          payload.added = canvases.slice(-diff);
        } else {
          payload.removed = currentCanvases.slice(diff);
-          payload.removed.forEach(canvas => {
-            this._resetPooledCanvas(canvas);
-            this._stackingCanvasPool.push(canvas);
-          });
        }

        this.stackingCanvasUpdated.next(payload);
      }

-      this.refresh({ type: 'all' });
+      this.refresh();
    };

    this._disposables.add(
@@ -505,7 +211,7 @@ export class CanvasRenderer {

    this._disposables.add(
      this.viewport.viewportUpdated.subscribe(() => {
-        this.refresh({ type: 'all' });
+        this.refresh();
      })
    );

@@ -516,6 +222,7 @@ export class CanvasRenderer {
          sizeUpdatedRafId = null;
          this._resetSize();
          this._render();
+          this.refresh();
        }, this._container);
      })
    );
@@ -526,212 +233,69 @@ export class CanvasRenderer {

        if (this.usePlaceholder !== shouldRenderPlaceholders) {
          this.usePlaceholder = shouldRenderPlaceholders;
-          this.refresh({ type: 'all' });
+          this.refresh();
        }
      })
    );

-    let wasDragging = false;
-    this._disposables.add(
-      effect(() => {
-        const isDragging = this._gfx.tool.dragging$.value;
-
-        if (wasDragging && !isDragging) {
-          this.refresh({ type: 'all' });
-        }
-
-        wasDragging = isDragging;
-      })
-    );
-
    this.usePlaceholder = false;
  }

-  private _createRenderPassStats(): RenderPassStats {
-    return {
-      renderByBoundCallCount: 0,
-      visibleElementCount: 0,
-      renderedElementCount: 0,
-      placeholderElementCount: 0,
-      overlayCount: 0,
-    };
-  }
-
-  private _getCanvasMemorySnapshots(): CanvasMemorySnapshot[] {
-    return [this.canvas, ...this._stackingCanvas].map((canvas, index) => {
-      return {
-        kind: index === 0 ? 'main' : 'stacking',
-        width: canvas.width,
-        height: canvas.height,
-        bytes: canvas.width * canvas.height * 4,
-        zIndex: canvas.style.zIndex,
-        datasetLayerId: canvas.dataset.layerId ?? null,
-      };
-    });
-  }
-
  private _render() {
-    const renderStart = performance.now();
    const { viewportBounds, zoom } = this.viewport;
    const { ctx } = this;
    const dpr = window.devicePixelRatio;
    const scale = zoom * dpr;
    const matrix = new DOMMatrix().scaleSelf(scale);
-    const renderStats = this._createRenderPassStats();
-    const fullRender = this._needsFullRender;
-    const stackingIndexesToRender = fullRender
-      ? this._stackingCanvas.map((_, idx) => idx)
-      : [...this._dirtyStackingCanvasIndexes];
    /**
     * if a layer does not have a corresponding canvas
     * its element will be add to this array and drawing on the
     * main canvas
     */
    let fallbackElement: SurfaceElementModel[] = [];
-    const allCanvasLayers = this.layerManager.getCanvasLayers();
-    const viewportBound = Bound.from(viewportBounds);

-    for (const idx of stackingIndexesToRender) {
-      const layer = allCanvasLayers[idx];
+    this.layerManager.getCanvasLayers().forEach((layer, idx) => {
+      if (!this._stackingCanvas[idx]) {
+        fallbackElement = fallbackElement.concat(layer.elements);
+        return;
+      }
+
      const canvas = this._stackingCanvas[idx];
+      const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;
+      const rc = new RoughCanvas(ctx.canvas);

-      if (!layer || !canvas) {
-        continue;
-      }
-
-      const layerRenderBound = this._getLayerRenderBound(
-        layer.elements,
-        viewportBound
-      );
-      const resolvedLayerRenderBound = this._getResolvedStackingCanvasBound(
-        canvas,
-        layerRenderBound
-      );
-
-      this._applyStackingCanvasLayout(canvas, resolvedLayerRenderBound);
-
-      if (
-        !resolvedLayerRenderBound ||
-        canvas.width === 0 ||
-        canvas.height === 0
-      ) {
-        continue;
-      }
-
-      const layerCtx = canvas.getContext('2d') as CanvasRenderingContext2D;
-      const layerRc = new RoughCanvas(layerCtx.canvas);
-
-      layerCtx.clearRect(0, 0, canvas.width, canvas.height);
-      layerCtx.save();
-      layerCtx.setTransform(matrix);
-
-      this._renderByBound(
-        layerCtx,
-        matrix,
-        layerRc,
-        resolvedLayerRenderBound,
-        layer.elements,
-        false,
-        renderStats
-      );
-    }
-
-    if (fullRender || this._mainCanvasDirty) {
-      allCanvasLayers.forEach((layer, idx) => {
-        if (!this._stackingCanvas[idx]) {
-          fallbackElement = fallbackElement.concat(layer.elements);
-        }
-      });
-
-      ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.save();
      ctx.setTransform(matrix);

-      this._renderByBound(
-        ctx,
-        matrix,
-        new RoughCanvas(ctx.canvas),
-        viewportBounds,
-        fallbackElement,
-        true,
-        renderStats
-      );
-    }
+      this._renderByBound(ctx, matrix, rc, viewportBounds, layer.elements);
+    });

-    const canvasMemorySnapshots = this._getCanvasMemorySnapshots();
-    const canvasMemoryBytes = canvasMemorySnapshots.reduce(
-      (sum, snapshot) => sum + snapshot.bytes,
-      0
+    ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+    ctx.save();
+
+    ctx.setTransform(matrix);
+
+    this._renderByBound(
+      ctx,
+      matrix,
+      new RoughCanvas(ctx.canvas),
+      viewportBounds,
+      fallbackElement,
+      true
    );
-    const layerTypes = this.layerManager.layers.map(layer => layer.type);
-    const renderDurationMs = performance.now() - renderStart;
-
-    this._debugMetrics.renderCount += 1;
-    this._debugMetrics.totalRenderDurationMs += renderDurationMs;
-    this._debugMetrics.lastRenderDurationMs = renderDurationMs;
-    this._debugMetrics.maxRenderDurationMs = Math.max(
-      this._debugMetrics.maxRenderDurationMs,
-      renderDurationMs
-    );
-    this._debugMetrics.lastRenderMetrics = renderStats;
-    this._debugMetrics.fallbackElementCount = fallbackElement.length;
-    this._debugMetrics.dirtyLayerRenderCount = stackingIndexesToRender.length;
-
-    this._lastDebugSnapshot = {
-      canvasMemorySnapshots,
-      canvasMemoryBytes,
-      canvasPixelCount: canvasMemorySnapshots.reduce(
-        (sum, snapshot) => sum + snapshot.width * snapshot.height,
-        0
-      ),
-      stackingCanvasCount: this._stackingCanvas.length,
-      canvasLayerCount: layerTypes.filter(type => type === 'canvas').length,
-      totalLayerCount: layerTypes.length,
-      pooledStackingCanvasCount: this._stackingCanvasPool.length,
-      visibleStackingCanvasCount: this._stackingCanvas.filter(
-        canvas => canvas.width > 0 && canvas.height > 0
-      ).length,
-    };
-
-    this._needsFullRender = false;
-    this._mainCanvasDirty = false;
-    this._dirtyStackingCanvasIndexes.clear();
  }

-  private _lastDebugSnapshot: Pick<
-    CanvasRendererDebugMetrics,
-    | 'canvasMemoryBytes'
-    | 'canvasMemorySnapshots'
-    | 'canvasPixelCount'
-    | 'canvasLayerCount'
-    | 'pooledStackingCanvasCount'
-    | 'stackingCanvasCount'
-    | 'totalLayerCount'
-    | 'visibleStackingCanvasCount'
-  > = {
-    canvasMemoryBytes: 0,
-    canvasMemorySnapshots: [],
-    canvasPixelCount: 0,
-    canvasLayerCount: 0,
-    pooledStackingCanvasCount: 0,
-    stackingCanvasCount: 0,
-    totalLayerCount: 0,
-    visibleStackingCanvasCount: 0,
-  };
-
  private _renderByBound(
    ctx: CanvasRenderingContext2D | null,
    matrix: DOMMatrix,
    rc: RoughCanvas,
    bound: IBound,
    surfaceElements?: SurfaceElementModel[],
-    overLay: boolean = false,
-    renderStats?: RenderPassStats
+    overLay: boolean = false
  ) {
    if (!ctx) return;

-    renderStats && (renderStats.renderByBoundCallCount += 1);
-
    const elements =
      surfaceElements ??
      (this.grid.search(bound, {
@@ -741,12 +305,10 @@ export class CanvasRenderer {
    for (const element of elements) {
      const display = (element.display ?? true) && !element.hidden;
      if (display && intersects(getBoundWithRotation(element), bound)) {
-        renderStats && (renderStats.visibleElementCount += 1);
        if (
          this.usePlaceholder &&
          !(element as GfxCompatibleInterface).forceFullRender
        ) {
-          renderStats && (renderStats.placeholderElementCount += 1);
          ctx.save();
          ctx.fillStyle = 'rgba(200, 200, 200, 0.5)';
          const drawX = element.x - bound.x;
@@ -754,7 +316,6 @@ export class CanvasRenderer {
          ctx.fillRect(drawX, drawY, element.w, element.h);
          ctx.restore();
        } else {
-          renderStats && (renderStats.renderedElementCount += 1);
          ctx.save();
          const renderFn = this.std.getOptional<ElementRenderer>(
            ElementRendererIdentifier(element.type)
@@ -772,7 +333,6 @@ export class CanvasRenderer {
    }

    if (overLay) {
-      renderStats && (renderStats.overlayCount += this._overlays.size);
      for (const overlay of this._overlays) {
        ctx.save();
        ctx.translate(-bound.x, -bound.y);
@@ -788,38 +348,33 @@ export class CanvasRenderer {
    const sizeUpdater = this._canvasSizeUpdater();

    sizeUpdater.update(this.canvas);
-    this._invalidate({ type: 'all' });
+
+    this._stackingCanvas.forEach(sizeUpdater.update);
+    this.refresh();
  }

  private _watchSurface(surfaceModel: SurfaceBlockModel) {
    this._disposables.add(
-      surfaceModel.elementAdded.subscribe(() => this.refresh({ type: 'all' }))
+      surfaceModel.elementAdded.subscribe(() => this.refresh())
    );
    this._disposables.add(
-      surfaceModel.elementRemoved.subscribe(() => this.refresh({ type: 'all' }))
+      surfaceModel.elementRemoved.subscribe(() => this.refresh())
    );
    this._disposables.add(
-      surfaceModel.localElementAdded.subscribe(() =>
-        this.refresh({ type: 'all' })
-      )
+      surfaceModel.localElementAdded.subscribe(() => this.refresh())
    );
    this._disposables.add(
-      surfaceModel.localElementDeleted.subscribe(() =>
-        this.refresh({ type: 'all' })
-      )
+      surfaceModel.localElementDeleted.subscribe(() => this.refresh())
    );
    this._disposables.add(
-      surfaceModel.localElementUpdated.subscribe(({ model }) => {
-        this.refresh({ type: 'element', element: model });
-      })
+      surfaceModel.localElementUpdated.subscribe(() => this.refresh())
    );

    this._disposables.add(
      surfaceModel.elementUpdated.subscribe(payload => {
        // ignore externalXYWH update cause it's updated by the renderer
        if (payload.props['externalXYWH']) return;
-        const element = surfaceModel.getElementById(payload.id);
-        this.refresh(element ? { type: 'element', element } : { type: 'all' });
+        this.refresh();
      })
    );
  }
@@ -827,7 +382,7 @@ export class CanvasRenderer {
  addOverlay(overlay: Overlay) {
    overlay.setRenderer(this);
    this._overlays.add(overlay);
-    this.refresh({ type: 'main' });
+    this.refresh();
  }

  /**
@@ -839,7 +394,7 @@ export class CanvasRenderer {
    container.append(this.canvas);

    this._resetSize();
-    this.refresh({ type: 'all' });
+    this.refresh();
  }

  dispose(): void {
@@ -898,46 +453,8 @@ export class CanvasRenderer {
    return this.provider.getPropertyValue?.(property) ?? '';
  }

-  getDebugMetrics(): CanvasRendererDebugMetrics {
-    return {
-      ...this._debugMetrics,
-      ...this._lastDebugSnapshot,
-      canvasMemoryMegabytes:
-        this._lastDebugSnapshot.canvasMemoryBytes / 1024 / 1024,
-    };
-  }
-
-  resetDebugMetrics() {
-    this._debugMetrics = {
-      refreshCount: 0,
-      coalescedRefreshCount: 0,
-      renderCount: 0,
-      totalRenderDurationMs: 0,
-      lastRenderDurationMs: 0,
-      maxRenderDurationMs: 0,
-      lastRenderMetrics: this._createRenderPassStats(),
-      dirtyLayerRenderCount: 0,
-      fallbackElementCount: 0,
-    };
-    this._lastDebugSnapshot = {
-      canvasMemoryBytes: 0,
-      canvasMemorySnapshots: [],
-      canvasPixelCount: 0,
-      canvasLayerCount: 0,
-      pooledStackingCanvasCount: 0,
-      stackingCanvasCount: 0,
-      totalLayerCount: 0,
-      visibleStackingCanvasCount: 0,
-    };
-  }
-
-  refresh(target: RefreshTarget = { type: 'all' }) {
-    this._debugMetrics.refreshCount += 1;
-    this._invalidate(target);
-    if (this._refreshRafId !== null) {
-      this._debugMetrics.coalescedRefreshCount += 1;
-      return;
-    }
+  refresh() {
+    if (this._refreshRafId !== null) return;

    this._refreshRafId = requestConnectedFrame(() => {
      this._refreshRafId = null;
@@ -952,6 +469,6 @@ export class CanvasRenderer {

    overlay.setRenderer(null);
    this._overlays.delete(overlay);
-    this.refresh({ type: 'main' });
+    this.refresh();
  }
 }
--- a/blocksuite/affine/blocks/surface/src/renderer/dom-renderer.ts
+++ b/blocksuite/affine/blocks/surface/src/renderer/dom-renderer.ts
@@ -354,37 +354,30 @@ export class DomRenderer {
    this._disposables.add(
      surfaceModel.elementAdded.subscribe(payload => {
        this._markElementDirty(payload.id, UpdateType.ELEMENT_ADDED);
-        this._markViewportDirty();
        this.refresh();
      })
    );
    this._disposables.add(
      surfaceModel.elementRemoved.subscribe(payload => {
        this._markElementDirty(payload.id, UpdateType.ELEMENT_REMOVED);
-        this._markViewportDirty();
        this.refresh();
      })
    );
    this._disposables.add(
      surfaceModel.localElementAdded.subscribe(payload => {
        this._markElementDirty(payload.id, UpdateType.ELEMENT_ADDED);
-        this._markViewportDirty();
        this.refresh();
      })
    );
    this._disposables.add(
      surfaceModel.localElementDeleted.subscribe(payload => {
        this._markElementDirty(payload.id, UpdateType.ELEMENT_REMOVED);
-        this._markViewportDirty();
        this.refresh();
      })
    );
    this._disposables.add(
      surfaceModel.localElementUpdated.subscribe(payload => {
        this._markElementDirty(payload.model.id, UpdateType.ELEMENT_UPDATED);
-        if (payload.props['index'] || payload.props['groupId']) {
-          this._markViewportDirty();
-        }
        this.refresh();
      })
    );
@@ -394,9 +387,6 @@ export class DomRenderer {
        // ignore externalXYWH update cause it's updated by the renderer
        if (payload.props['externalXYWH']) return;
        this._markElementDirty(payload.id, UpdateType.ELEMENT_UPDATED);
-        if (payload.props['index'] || payload.props['childIds']) {
-          this._markViewportDirty();
-        }
        this.refresh();
      })
    );
--- a/blocksuite/affine/components/package.json
+++ b/blocksuite/affine/components/package.json
@@ -19,7 +19,7 @@
    "@blocksuite/sync": "workspace:*",
    "@floating-ui/dom": "^1.6.13",
    "@lit/context": "^1.1.2",
-    "@lottiefiles/dotlottie-wc": "^0.9.4",
+    "@lottiefiles/dotlottie-wc": "^0.5.0",
    "@preact/signals-core": "^1.8.0",
    "@toeverything/theme": "^1.1.23",
    "@types/hast": "^3.0.4",
--- a/blocksuite/affine/components/src/link-preview/link.ts
+++ b/blocksuite/affine/components/src/link-preview/link.ts
@@ -1,8 +1,4 @@
-import {
-  getHostName,
-  isValidUrl,
-  normalizeUrl,
-} from '@blocksuite/affine-shared/utils';
+import { getHostName } from '@blocksuite/affine-shared/utils';
 import { PropTypes, requiredProperties } from '@blocksuite/std';
 import { css, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
@@ -48,27 +44,15 @@ export class LinkPreview extends LitElement {

  override render() {
    const { url } = this;
-    const normalizedUrl = normalizeUrl(url);
-    const safeUrl =
-      normalizedUrl && isValidUrl(normalizedUrl) ? normalizedUrl : null;
-    const hostName = getHostName(safeUrl ?? url);
-
-    if (!safeUrl) {
-      return html`
-        <span class="affine-link-preview">
-          <span>${hostName}</span>
-        </span>
-      `;
-    }

    return html`
      <a
        class="affine-link-preview"
        rel="noopener noreferrer"
        target="_blank"
-        href=${safeUrl}
+        href=${url}
      >
-        <span>${hostName}</span>
+        <span>${getHostName(url)}</span>
      </a>
    `;
  }
--- a/blocksuite/affine/data-view/package.json
+++ b/blocksuite/affine/data-view/package.json
@@ -32,7 +32,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/affine/data-view/src/core/detail/field.ts
+++ b/blocksuite/affine/data-view/src/core/detail/field.ts
@@ -83,9 +83,9 @@ export class RecordField extends SignalWatcher(
      border: 1px solid transparent;
    }

-    .field-content affine-database-number-cell .number {
+    .field-content .affine-database-number {
      text-align: left;
-      justify-content: flex-start;
+      justify-content: start;
    }

    .field-content:hover {
--- a/blocksuite/affine/ext-loader/package.json
+++ b/blocksuite/affine/ext-loader/package.json
@@ -15,7 +15,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts"
--- a/blocksuite/affine/ext-loader/vitest.config.ts
+++ b/blocksuite/affine/ext-loader/vitest.config.ts
@@ -8,7 +8,7 @@ export default defineConfig({
    include: ['src/__tests__/**/*.unit.spec.ts'],
    testTimeout: 500,
    coverage: {
-      provider: 'istanbul',
+      provider: 'istanbul', // or 'c8'
      reporter: ['lcov'],
      reportsDirectory: '../../../.coverage/ext-loader',
    },
--- a/blocksuite/affine/gfx/brush/src/renderer/dom/brush.ts
+++ b/blocksuite/affine/gfx/brush/src/renderer/dom/brush.ts
@@ -5,8 +5,6 @@ import {
 import type { BrushElementModel } from '@blocksuite/affine-model';
 import { DefaultTheme } from '@blocksuite/affine-model';

-import { renderBrushLikeDom } from './shared';
-
 export const BrushDomRendererExtension = DomElementRendererExtension(
  'brush',
  (
@@ -14,11 +12,58 @@ export const BrushDomRendererExtension = DomElementRendererExtension(
    domElement: HTMLElement,
    renderer: DomRenderer
  ) => {
-    renderBrushLikeDom({
-      model,
-      domElement,
-      renderer,
-      color: renderer.getColorValue(model.color, DefaultTheme.black, true),
-    });
+    const { zoom } = renderer.viewport;
+    const [, , w, h] = model.deserializedXYWH;
+
+    // Early return if invalid dimensions
+    if (w <= 0 || h <= 0) {
+      return;
+    }
+
+    // Early return if no commands
+    if (!model.commands) {
+      return;
+    }
+
+    // Clear previous content
+    domElement.innerHTML = '';
+
+    // Get color value
+    const color = renderer.getColorValue(model.color, DefaultTheme.black, true);
+
+    // Create SVG element
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.style.position = 'absolute';
+    svg.style.left = '0';
+    svg.style.top = '0';
+    svg.style.width = `${w * zoom}px`;
+    svg.style.height = `${h * zoom}px`;
+    svg.style.overflow = 'visible';
+    svg.style.pointerEvents = 'none';
+    svg.setAttribute('viewBox', `0 0 ${w} ${h}`);
+
+    // Apply rotation transform
+    if (model.rotate !== 0) {
+      svg.style.transform = `rotate(${model.rotate}deg)`;
+      svg.style.transformOrigin = 'center';
+    }
+
+    // Create path element for the brush stroke
+    const pathElement = document.createElementNS(
+      'http://www.w3.org/2000/svg',
+      'path'
+    );
+    pathElement.setAttribute('d', model.commands);
+    pathElement.setAttribute('fill', color);
+    pathElement.setAttribute('stroke', 'none');
+
+    svg.append(pathElement);
+    domElement.replaceChildren(svg);
+
+    // Set element size and position
+    domElement.style.width = `${w * zoom}px`;
+    domElement.style.height = `${h * zoom}px`;
+    domElement.style.overflow = 'visible';
+    domElement.style.pointerEvents = 'none';
  }
 );
--- a/blocksuite/affine/gfx/brush/src/renderer/dom/highlighter.ts
+++ b/blocksuite/affine/gfx/brush/src/renderer/dom/highlighter.ts
@@ -5,8 +5,6 @@ import {
 import type { HighlighterElementModel } from '@blocksuite/affine-model';
 import { DefaultTheme } from '@blocksuite/affine-model';

-import { renderBrushLikeDom } from './shared';
-
 export const HighlighterDomRendererExtension = DomElementRendererExtension(
  'highlighter',
  (
@@ -14,15 +12,62 @@ export const HighlighterDomRendererExtension = DomElementRendererExtension(
    domElement: HTMLElement,
    renderer: DomRenderer
  ) => {
-    renderBrushLikeDom({
-      model,
-      domElement,
-      renderer,
-      color: renderer.getColorValue(
-        model.color,
-        DefaultTheme.hightlighterColor,
-        true
-      ),
-    });
+    const { zoom } = renderer.viewport;
+    const [, , w, h] = model.deserializedXYWH;
+
+    // Early return if invalid dimensions
+    if (w <= 0 || h <= 0) {
+      return;
+    }
+
+    // Early return if no commands
+    if (!model.commands) {
+      return;
+    }
+
+    // Clear previous content
+    domElement.innerHTML = '';
+
+    // Get color value
+    const color = renderer.getColorValue(
+      model.color,
+      DefaultTheme.hightlighterColor,
+      true
+    );
+
+    // Create SVG element
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.style.position = 'absolute';
+    svg.style.left = '0';
+    svg.style.top = '0';
+    svg.style.width = `${w * zoom}px`;
+    svg.style.height = `${h * zoom}px`;
+    svg.style.overflow = 'visible';
+    svg.style.pointerEvents = 'none';
+    svg.setAttribute('viewBox', `0 0 ${w} ${h}`);
+
+    // Apply rotation transform
+    if (model.rotate !== 0) {
+      svg.style.transform = `rotate(${model.rotate}deg)`;
+      svg.style.transformOrigin = 'center';
+    }
+
+    // Create path element for the highlighter stroke
+    const pathElement = document.createElementNS(
+      'http://www.w3.org/2000/svg',
+      'path'
+    );
+    pathElement.setAttribute('d', model.commands);
+    pathElement.setAttribute('fill', color);
+    pathElement.setAttribute('stroke', 'none');
+
+    svg.append(pathElement);
+    domElement.replaceChildren(svg);
+
+    // Set element size and position
+    domElement.style.width = `${w * zoom}px`;
+    domElement.style.height = `${h * zoom}px`;
+    domElement.style.overflow = 'visible';
+    domElement.style.pointerEvents = 'none';
  }
 );
--- a/blocksuite/affine/gfx/brush/src/renderer/dom/shared.ts
+++ b/blocksuite/affine/gfx/brush/src/renderer/dom/shared.ts
@@ -1,82 +0,0 @@
-import type { DomRenderer } from '@blocksuite/affine-block-surface';
-import type {
-  BrushElementModel,
-  HighlighterElementModel,
-} from '@blocksuite/affine-model';
-
-const SVG_NS = 'http://www.w3.org/2000/svg';
-
-type BrushLikeModel = BrushElementModel | HighlighterElementModel;
-
-type RetainedBrushDom = {
-  path: SVGPathElement;
-  svg: SVGSVGElement;
-};
-
-const retainedBrushDom = new WeakMap<HTMLElement, RetainedBrushDom>();
-
-function clearBrushLikeDom(domElement: HTMLElement) {
-  retainedBrushDom.delete(domElement);
-  domElement.replaceChildren();
-}
-
-function getRetainedBrushDom(domElement: HTMLElement) {
-  const existing = retainedBrushDom.get(domElement);
-
-  if (existing) {
-    return existing;
-  }
-
-  const svg = document.createElementNS(SVG_NS, 'svg');
-  svg.style.position = 'absolute';
-  svg.style.left = '0';
-  svg.style.top = '0';
-  svg.style.overflow = 'visible';
-  svg.style.pointerEvents = 'none';
-
-  const path = document.createElementNS(SVG_NS, 'path');
-  path.setAttribute('stroke', 'none');
-  svg.append(path);
-
-  const retained = { svg, path };
-  retainedBrushDom.set(domElement, retained);
-  domElement.replaceChildren(svg);
-
-  return retained;
-}
-
-export function renderBrushLikeDom({
-  color,
-  domElement,
-  model,
-  renderer,
-}: {
-  color: string;
-  domElement: HTMLElement;
-  model: BrushLikeModel;
-  renderer: DomRenderer;
-}) {
-  const { zoom } = renderer.viewport;
-  const [, , w, h] = model.deserializedXYWH;
-
-  if (w <= 0 || h <= 0 || !model.commands) {
-    clearBrushLikeDom(domElement);
-    return;
-  }
-
-  const { path, svg } = getRetainedBrushDom(domElement);
-
-  svg.style.width = `${w * zoom}px`;
-  svg.style.height = `${h * zoom}px`;
-  svg.style.transform = model.rotate === 0 ? '' : `rotate(${model.rotate}deg)`;
-  svg.style.transformOrigin = model.rotate === 0 ? '' : 'center';
-  svg.setAttribute('viewBox', `0 0 ${w} ${h}`);
-
-  path.setAttribute('d', model.commands);
-  path.setAttribute('fill', color);
-
-  domElement.style.width = `${w * zoom}px`;
-  domElement.style.height = `${h * zoom}px`;
-  domElement.style.overflow = 'visible';
-  domElement.style.pointerEvents = 'none';
-}
--- a/blocksuite/affine/gfx/connector/src/renderer/dom-renderer.ts
+++ b/blocksuite/affine/gfx/connector/src/renderer/dom-renderer.ts
@@ -14,8 +14,6 @@ import { PointLocation, SVGPathBuilder } from '@blocksuite/global/gfx';
 import { isConnectorWithLabel } from '../connector-manager';
 import { DEFAULT_ARROW_SIZE } from './utils';

-const SVG_NS = 'http://www.w3.org/2000/svg';
-
 interface PathBounds {
  minX: number;
  minY: number;
@@ -23,15 +21,6 @@ interface PathBounds {
  maxY: number;
 }

-type RetainedConnectorDom = {
-  defs: SVGDefsElement;
-  label: HTMLDivElement | null;
-  path: SVGPathElement;
-  svg: SVGSVGElement;
-};
-
-const retainedConnectorDom = new WeakMap<HTMLElement, RetainedConnectorDom>();
-
 function calculatePathBounds(path: PointLocation[]): PathBounds {
  if (path.length === 0) {
    return { minX: 0, minY: 0, maxX: 0, maxY: 0 };
@@ -92,7 +81,10 @@ function createArrowMarker(
  strokeWidth: number,
  isStart: boolean = false
 ): SVGMarkerElement {
-  const marker = document.createElementNS(SVG_NS, 'marker');
+  const marker = document.createElementNS(
+    'http://www.w3.org/2000/svg',
+    'marker'
+  );
  const size = DEFAULT_ARROW_SIZE * (strokeWidth / 2);

  marker.id = id;
@@ -106,7 +98,10 @@ function createArrowMarker(

  switch (style) {
    case 'Arrow': {
-      const path = document.createElementNS(SVG_NS, 'path');
+      const path = document.createElementNS(
+        'http://www.w3.org/2000/svg',
+        'path'
+      );
      path.setAttribute(
        'd',
        isStart ? 'M 20 5 L 10 10 L 20 15 Z' : 'M 0 5 L 10 10 L 0 15 Z'
@@ -117,7 +112,10 @@ function createArrowMarker(
      break;
    }
    case 'Triangle': {
-      const path = document.createElementNS(SVG_NS, 'path');
+      const path = document.createElementNS(
+        'http://www.w3.org/2000/svg',
+        'path'
+      );
      path.setAttribute(
        'd',
        isStart ? 'M 20 7 L 12 10 L 20 13 Z' : 'M 0 7 L 8 10 L 0 13 Z'
@@ -128,7 +126,10 @@ function createArrowMarker(
      break;
    }
    case 'Circle': {
-      const circle = document.createElementNS(SVG_NS, 'circle');
+      const circle = document.createElementNS(
+        'http://www.w3.org/2000/svg',
+        'circle'
+      );
      circle.setAttribute('cx', '10');
      circle.setAttribute('cy', '10');
      circle.setAttribute('r', '4');
@@ -138,7 +139,10 @@ function createArrowMarker(
      break;
    }
    case 'Diamond': {
-      const path = document.createElementNS(SVG_NS, 'path');
+      const path = document.createElementNS(
+        'http://www.w3.org/2000/svg',
+        'path'
+      );
      path.setAttribute('d', 'M 10 6 L 14 10 L 10 14 L 6 10 Z');
      path.setAttribute('fill', color);
      path.setAttribute('stroke', color);
@@ -150,64 +154,13 @@ function createArrowMarker(
  return marker;
 }

-function clearRetainedConnectorDom(element: HTMLElement) {
-  retainedConnectorDom.delete(element);
-  element.replaceChildren();
-}
-
-function getRetainedConnectorDom(element: HTMLElement): RetainedConnectorDom {
-  const existing = retainedConnectorDom.get(element);
-
-  if (existing) {
-    return existing;
-  }
-
-  const svg = document.createElementNS(SVG_NS, 'svg');
-  svg.style.position = 'absolute';
-  svg.style.overflow = 'visible';
-  svg.style.pointerEvents = 'none';
-
-  const defs = document.createElementNS(SVG_NS, 'defs');
-  const path = document.createElementNS(SVG_NS, 'path');
-  path.setAttribute('fill', 'none');
-  path.setAttribute('stroke-linecap', 'round');
-  path.setAttribute('stroke-linejoin', 'round');
-
-  svg.append(defs, path);
-  element.replaceChildren(svg);
-
-  const retained = {
-    svg,
-    defs,
-    path,
-    label: null,
-  };
-  retainedConnectorDom.set(element, retained);
-
-  return retained;
-}
-
-function getOrCreateLabelElement(retained: RetainedConnectorDom) {
-  if (retained.label) {
-    return retained.label;
-  }
-
-  const label = document.createElement('div');
-  retained.svg.insertAdjacentElement('afterend', label);
-  retained.label = label;
-
-  return label;
-}
-
 function renderConnectorLabel(
  model: ConnectorElementModel,
-  retained: RetainedConnectorDom,
+  container: HTMLElement,
  renderer: DomRenderer,
  zoom: number
 ) {
  if (!isConnectorWithLabel(model) || !model.labelXYWH) {
-    retained.label?.remove();
-    retained.label = null;
    return;
  }

@@ -223,7 +176,8 @@ function renderConnectorLabel(
    },
  } = model;

-  const labelElement = getOrCreateLabelElement(retained);
+  // Create label element
+  const labelElement = document.createElement('div');
  labelElement.style.position = 'absolute';
  labelElement.style.left = `${lx * zoom}px`;
  labelElement.style.top = `${ly * zoom}px`;
@@ -256,7 +210,11 @@ function renderConnectorLabel(
  labelElement.style.wordWrap = 'break-word';

  // Add text content
-  labelElement.textContent = model.text ? model.text.toString() : '';
+  if (model.text) {
+    labelElement.textContent = model.text.toString();
+  }
+
+  container.append(labelElement);
 }

 /**
@@ -283,13 +241,14 @@ export const connectorBaseDomRenderer = (
    stroke,
  } = model;

+  // Clear previous content
+  element.innerHTML = '';
+
+  // Early return if no path points
  if (!points || points.length < 2) {
-    clearRetainedConnectorDom(element);
    return;
  }

-  const retained = getRetainedConnectorDom(element);
-
  // Calculate bounds for the SVG viewBox
  const pathBounds = calculatePathBounds(points);
  const padding = Math.max(strokeWidth * 2, 20); // Add padding for arrows
@@ -298,7 +257,8 @@ export const connectorBaseDomRenderer = (
  const offsetX = pathBounds.minX - padding;
  const offsetY = pathBounds.minY - padding;

-  const { defs, path, svg } = retained;
+  // Create SVG element
+  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  svg.style.position = 'absolute';
  svg.style.left = `${offsetX * zoom}px`;
  svg.style.top = `${offsetY * zoom}px`;
@@ -308,43 +268,49 @@ export const connectorBaseDomRenderer = (
  svg.style.pointerEvents = 'none';
  svg.setAttribute('viewBox', `0 0 ${svgWidth / zoom} ${svgHeight / zoom}`);

+  // Create defs for markers
+  const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
+  svg.append(defs);
+
  const strokeColor = renderer.getColorValue(
    stroke,
    DefaultTheme.connectorColor,
    true
  );

-  const markers: SVGMarkerElement[] = [];
+  // Create markers for endpoints
  let startMarkerId = '';
  let endMarkerId = '';

  if (frontEndpointStyle !== 'None') {
    startMarkerId = `start-marker-${model.id}`;
-    markers.push(
-      createArrowMarker(
-        startMarkerId,
-        frontEndpointStyle,
-        strokeColor,
-        strokeWidth,
-        true
-      )
+    const startMarker = createArrowMarker(
+      startMarkerId,
+      frontEndpointStyle,
+      strokeColor,
+      strokeWidth,
+      true
    );
+    defs.append(startMarker);
  }

  if (rearEndpointStyle !== 'None') {
    endMarkerId = `end-marker-${model.id}`;
-    markers.push(
-      createArrowMarker(
-        endMarkerId,
-        rearEndpointStyle,
-        strokeColor,
-        strokeWidth,
-        false
-      )
+    const endMarker = createArrowMarker(
+      endMarkerId,
+      rearEndpointStyle,
+      strokeColor,
+      strokeWidth,
+      false
    );
+    defs.append(endMarker);
  }

-  defs.replaceChildren(...markers);
+  // Create path element
+  const pathElement = document.createElementNS(
+    'http://www.w3.org/2000/svg',
+    'path'
+  );

  // Adjust points relative to the SVG coordinate system
  const adjustedPoints = points.map(point => {
@@ -368,25 +334,29 @@ export const connectorBaseDomRenderer = (
  });

  const pathData = createConnectorPath(adjustedPoints, mode);
-  path.setAttribute('d', pathData);
-  path.setAttribute('stroke', strokeColor);
-  path.setAttribute('stroke-width', String(strokeWidth));
+  pathElement.setAttribute('d', pathData);
+  pathElement.setAttribute('stroke', strokeColor);
+  pathElement.setAttribute('stroke-width', String(strokeWidth));
+  pathElement.setAttribute('fill', 'none');
+  pathElement.setAttribute('stroke-linecap', 'round');
+  pathElement.setAttribute('stroke-linejoin', 'round');
+
+  // Apply stroke style
  if (strokeStyle === 'dash') {
-    path.setAttribute('stroke-dasharray', '12,12');
-  } else {
-    path.removeAttribute('stroke-dasharray');
+    pathElement.setAttribute('stroke-dasharray', '12,12');
  }
+
+  // Apply markers
  if (startMarkerId) {
-    path.setAttribute('marker-start', `url(#${startMarkerId})`);
-  } else {
-    path.removeAttribute('marker-start');
+    pathElement.setAttribute('marker-start', `url(#${startMarkerId})`);
  }
  if (endMarkerId) {
-    path.setAttribute('marker-end', `url(#${endMarkerId})`);
-  } else {
-    path.removeAttribute('marker-end');
+    pathElement.setAttribute('marker-end', `url(#${endMarkerId})`);
  }

+  svg.append(pathElement);
+  element.append(svg);
+
  // Set element size and position
  element.style.width = `${model.w * zoom}px`;
  element.style.height = `${model.h * zoom}px`;
@@ -400,11 +370,7 @@ export const connectorDomRenderer = (
  renderer: DomRenderer
 ): void => {
  connectorBaseDomRenderer(model, element, renderer);
-
-  const retained = retainedConnectorDom.get(element);
-  if (!retained) return;
-
-  renderConnectorLabel(model, retained, renderer, renderer.viewport.zoom);
+  renderConnectorLabel(model, element, renderer, renderer.viewport.zoom);
 };

 /**
--- a/blocksuite/affine/gfx/group/package.json
+++ b/blocksuite/affine/gfx/group/package.json
@@ -34,7 +34,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/affine/gfx/pointer/package.json
+++ b/blocksuite/affine/gfx/pointer/package.json
@@ -32,7 +32,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/affine/gfx/shape/src/element-renderer/shape-dom/index.ts
+++ b/blocksuite/affine/gfx/shape/src/element-renderer/shape-dom/index.ts
@@ -6,37 +6,6 @@ import { SVGShapeBuilder } from '@blocksuite/global/gfx';

 import { manageClassNames, setStyles } from './utils';

-const SVG_NS = 'http://www.w3.org/2000/svg';
-
-type RetainedShapeDom = {
-  polygon: SVGPolygonElement | null;
-  svg: SVGSVGElement | null;
-  text: HTMLDivElement | null;
-};
-
-type RetainedShapeSvg = {
-  polygon: SVGPolygonElement;
-  svg: SVGSVGElement;
-};
-
-const retainedShapeDom = new WeakMap<HTMLElement, RetainedShapeDom>();
-
-function getRetainedShapeDom(element: HTMLElement): RetainedShapeDom {
-  const existing = retainedShapeDom.get(element);
-
-  if (existing) {
-    return existing;
-  }
-
-  const retained = {
-    svg: null,
-    polygon: null,
-    text: null,
-  };
-  retainedShapeDom.set(element, retained);
-  return retained;
-}
-
 function applyShapeSpecificStyles(
  model: ShapeElementModel,
  element: HTMLElement,
@@ -45,6 +14,10 @@ function applyShapeSpecificStyles(
  // Reset properties that might be set by different shape types
  element.style.removeProperty('clip-path');
  element.style.removeProperty('border-radius');
+  // Clear DOM for shapes that don't use SVG, or if type changes from SVG-based to non-SVG-based
+  if (model.shapeType !== 'diamond' && model.shapeType !== 'triangle') {
+    while (element.firstChild) element.firstChild.remove();
+  }

  switch (model.shapeType) {
    case 'rect': {
@@ -69,54 +42,6 @@ function applyShapeSpecificStyles(
  // No 'else' needed to clear styles, as they are reset at the beginning of the function.
 }

-function getOrCreateSvg(
-  retained: RetainedShapeDom,
-  element: HTMLElement
-): RetainedShapeSvg {
-  if (retained.svg && retained.polygon) {
-    return {
-      svg: retained.svg,
-      polygon: retained.polygon,
-    };
-  }
-
-  const svg = document.createElementNS(SVG_NS, 'svg');
-  svg.setAttribute('width', '100%');
-  svg.setAttribute('height', '100%');
-  svg.setAttribute('preserveAspectRatio', 'none');
-
-  const polygon = document.createElementNS(SVG_NS, 'polygon');
-  svg.append(polygon);
-
-  retained.svg = svg;
-  retained.polygon = polygon;
-  element.prepend(svg);
-
-  return { svg, polygon };
-}
-
-function removeSvg(retained: RetainedShapeDom) {
-  retained.svg?.remove();
-  retained.svg = null;
-  retained.polygon = null;
-}
-
-function getOrCreateText(retained: RetainedShapeDom, element: HTMLElement) {
-  if (retained.text) {
-    return retained.text;
-  }
-
-  const text = document.createElement('div');
-  retained.text = text;
-  element.append(text);
-  return text;
-}
-
-function removeText(retained: RetainedShapeDom) {
-  retained.text?.remove();
-  retained.text = null;
-}
-
 function applyBorderStyles(
  model: ShapeElementModel,
  element: HTMLElement,
@@ -174,7 +99,8 @@ export const shapeDomRenderer = (
  const { zoom } = renderer.viewport;
  const unscaledWidth = model.w;
  const unscaledHeight = model.h;
-  const retained = getRetainedShapeDom(element);
+
+  const newChildren: Element[] = [];

  const fillColor = renderer.getColorValue(
    model.fillColor,
@@ -198,7 +124,6 @@ export const shapeDomRenderer = (
    // For diamond and triangle, fill and border are handled by inline SVG
    element.style.border = 'none'; // Ensure no standard CSS border interferes
    element.style.backgroundColor = 'transparent'; // Host element is transparent
-    const { polygon, svg } = getOrCreateSvg(retained, element);

    const strokeW = model.strokeWidth;

@@ -230,30 +155,37 @@ export const shapeDomRenderer = (
    // Determine fill color
    const finalFillColor = model.filled ? fillColor : 'transparent';

+    // Build SVG safely with DOM-API
+    const SVG_NS = 'http://www.w3.org/2000/svg';
+    const svg = document.createElementNS(SVG_NS, 'svg');
+    svg.setAttribute('width', '100%');
+    svg.setAttribute('height', '100%');
    svg.setAttribute('viewBox', `0 0 ${unscaledWidth} ${unscaledHeight}`);
+    svg.setAttribute('preserveAspectRatio', 'none');
+
+    const polygon = document.createElementNS(SVG_NS, 'polygon');
    polygon.setAttribute('points', svgPoints);
    polygon.setAttribute('fill', finalFillColor);
    polygon.setAttribute('stroke', finalStrokeColor);
    polygon.setAttribute('stroke-width', String(strokeW));
    if (finalStrokeDasharray !== 'none') {
      polygon.setAttribute('stroke-dasharray', finalStrokeDasharray);
-    } else {
-      polygon.removeAttribute('stroke-dasharray');
    }
+    svg.append(polygon);
+
+    newChildren.push(svg);
  } else {
    // Standard rendering for other shapes (e.g., rect, ellipse)
-    removeSvg(retained);
+    // innerHTML was already cleared by applyShapeSpecificStyles if necessary
    element.style.backgroundColor = model.filled ? fillColor : 'transparent';
    applyBorderStyles(model, element, strokeColor, zoom); // Uses standard CSS border
  }

  if (model.textDisplay && model.text) {
    const str = model.text.toString();
-    const textElement = getOrCreateText(retained, element);
+    const textElement = document.createElement('div');
    if (isRTL(str)) {
      textElement.dir = 'rtl';
-    } else {
-      textElement.removeAttribute('dir');
    }
    textElement.style.position = 'absolute';
    textElement.style.inset = '0';
@@ -278,10 +210,12 @@ export const shapeDomRenderer = (
      true
    );
    textElement.textContent = str;
-  } else {
-    removeText(retained);
+    newChildren.push(textElement);
  }

+  // Replace existing children to avoid memory leaks
+  element.replaceChildren(...newChildren);
+
  applyTransformStyles(model, element);

  manageClassNames(model, element);
--- a/blocksuite/affine/inlines/comment/package.json
+++ b/blocksuite/affine/inlines/comment/package.json
@@ -29,7 +29,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/affine/inlines/footnote/package.json
+++ b/blocksuite/affine/inlines/footnote/package.json
@@ -34,9 +34,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "@vitest/browser-playwright": "^4.0.18",
-    "playwright": "=1.58.2",
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/affine/inlines/footnote/src/footnote-node/footnote-node.ts
+++ b/blocksuite/affine/inlines/footnote/src/footnote-node/footnote-node.ts
@@ -4,7 +4,6 @@ import type { FootNote } from '@blocksuite/affine-model';
 import { CitationProvider } from '@blocksuite/affine-shared/services';
 import { unsafeCSSVarV2 } from '@blocksuite/affine-shared/theme';
 import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
-import { isValidUrl, normalizeUrl } from '@blocksuite/affine-shared/utils';
 import { WithDisposable } from '@blocksuite/global/lit';
 import {
  BlockSelection,
@@ -153,9 +152,7 @@ export class AffineFootnoteNode extends WithDisposable(ShadowlessElement) {
  };

  private readonly _handleUrlReference = (url: string) => {
-    const normalizedUrl = normalizeUrl(url);
-    if (!normalizedUrl || !isValidUrl(normalizedUrl)) return;
-    window.open(normalizedUrl, '_blank', 'noopener,noreferrer');
+    window.open(url, '_blank');
  };

  private readonly _updateFootnoteAttributes = (footnote: FootNote) => {
--- a/blocksuite/affine/inlines/footnote/vitest.config.ts
+++ b/blocksuite/affine/inlines/footnote/vitest.config.ts
@@ -1,4 +1,3 @@
-import { playwright } from '@vitest/browser-playwright';
 import { defineConfig } from 'vitest/config';

 export default defineConfig({
@@ -9,9 +8,10 @@ export default defineConfig({
    browser: {
      enabled: true,
      headless: true,
-      instances: [{ browser: 'chromium' }],
-      provider: playwright(),
+      name: 'chromium',
+      provider: 'playwright',
      isolate: false,
+      providerOptions: {},
    },
    include: ['src/__tests__/**/*.unit.spec.ts'],
    testTimeout: 500,
--- a/blocksuite/affine/model/src/elements/connector/connector.ts
+++ b/blocksuite/affine/model/src/elements/connector/connector.ts
@@ -177,11 +177,6 @@ export class ConnectorElementModel extends GfxPrimitiveElementModel<ConnectorEle
  override getNearestPoint(point: IVec): IVec {
    const { mode, absolutePath: path } = this;

-    if (path.length === 0) {
-      const { x, y } = this;
-      return [x, y];
-    }
-
    if (mode === ConnectorMode.Straight) {
      const first = path[0];
      const last = path[path.length - 1];
@@ -218,10 +213,6 @@ export class ConnectorElementModel extends GfxPrimitiveElementModel<ConnectorEle
      h = bounds.h;
    }

-    if (path.length === 0) {
-      return 0.5;
-    }
-
    point[0] = Vec.clamp(point[0], x, x + w);
    point[1] = Vec.clamp(point[1], y, y + h);

@@ -267,10 +258,6 @@ export class ConnectorElementModel extends GfxPrimitiveElementModel<ConnectorEle
      h = bounds.h;
    }

-    if (path.length === 0) {
-      return [x + w / 2, y + h / 2];
-    }
-
    if (mode === ConnectorMode.Orthogonal) {
      const points = path.map<IVec>(p => [p[0], p[1]]);
      const point = Polyline.pointAt(points, offsetDistance);
@@ -313,10 +300,6 @@ export class ConnectorElementModel extends GfxPrimitiveElementModel<ConnectorEle

    const { mode, strokeWidth, absolutePath: path } = this;

-    if (path.length === 0) {
-      return false;
-    }
-
    const point =
      mode === ConnectorMode.Curve
        ? getBezierNearestPoint(getBezierParameters(path), currentPoint)
--- a/blocksuite/affine/shared/package.json
+++ b/blocksuite/affine/shared/package.json
@@ -74,7 +74,7 @@
  ],
  "devDependencies": {
    "@types/pdfmake": "^0.2.12",
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "version": "0.26.3"
 }
--- a/blocksuite/affine/shared/src/tests/utils/range.unit.spec.ts
+++ b/blocksuite/affine/shared/src/tests/utils/range.unit.spec.ts
@@ -1,108 +0,0 @@
-import {
-  beforeEach,
-  describe,
-  expect,
-  it,
-  type MockInstance,
-  vi,
-} from 'vitest';
-
-import * as PointToRangeUtils from '../../utils/dom/point-to-range';
-import { handleNativeRangeAtPoint } from '../../utils/dom/point-to-range';
-
-describe('test handleNativeRangeAtPoint', () => {
-  let caretRangeFromPointSpy: MockInstance<
-    (clientX: number, clientY: number) => Range | null
-  >;
-  let resetNativeSelectionSpy: MockInstance<(range: Range | null) => void>;
-
-  beforeEach(() => {
-    caretRangeFromPointSpy = vi.spyOn(
-      PointToRangeUtils.api,
-      'caretRangeFromPoint'
-    );
-    resetNativeSelectionSpy = vi.spyOn(
-      PointToRangeUtils.api,
-      'resetNativeSelection'
-    );
-  });
-
-  it('does nothing if caretRangeFromPoint returns null', () => {
-    caretRangeFromPointSpy.mockReturnValue(null);
-
-    handleNativeRangeAtPoint(10, 10);
-    expect(resetNativeSelectionSpy).not.toHaveBeenCalled();
-  });
-
-  it('keeps range untouched if startContainer is a Text node', () => {
-    const div = document.createElement('div');
-    div.textContent = 'hello';
-
-    const text = div.firstChild!;
-
-    const range = document.createRange();
-    range.setStart(text, 2);
-    range.collapse(true);
-
-    caretRangeFromPointSpy.mockReturnValue(range);
-
-    handleNativeRangeAtPoint(10, 10);
-
-    expect(range.startContainer).toBe(text);
-    expect(range.startOffset).toBe(2);
-    expect(resetNativeSelectionSpy).toHaveBeenCalled();
-  });
-
-  it('moves caret into direct text child when clicking element', () => {
-    const div = document.createElement('div');
-    div.append('hello');
-
-    const range = document.createRange();
-    range.setStart(div, 1);
-    range.collapse(true);
-
-    caretRangeFromPointSpy.mockReturnValue(range);
-
-    handleNativeRangeAtPoint(10, 10);
-
-    expect(range.startContainer.nodeType).toBe(Node.TEXT_NODE);
-    expect(range.startContainer.textContent).toBe('hello');
-    expect(range.startOffset).toBe(5);
-    expect(resetNativeSelectionSpy).toHaveBeenCalled();
-  });
-
-  it('moves caret to last meaningful text inside nested element', () => {
-    const div = document.createElement('div');
-    div.innerHTML = `<span>a</span><span><em>b</em>c</span>`;
-
-    const range = document.createRange();
-    range.setStart(div, 2);
-    range.collapse(true);
-
-    caretRangeFromPointSpy.mockReturnValue(range);
-
-    handleNativeRangeAtPoint(10, 10);
-
-    expect(range.startContainer.nodeType).toBe(Node.TEXT_NODE);
-    expect(range.startContainer.textContent).toBe('c');
-    expect(range.startOffset).toBe(1);
-    expect(resetNativeSelectionSpy).toHaveBeenCalled();
-  });
-
-  it('falls back to searching startContainer when offset element has no text', () => {
-    const div = document.createElement('div');
-    div.innerHTML = `<span></span><span>ok</span>`;
-
-    const range = document.createRange();
-    range.setStart(div, 1);
-    range.collapse(true);
-
-    caretRangeFromPointSpy.mockReturnValue(range);
-
-    handleNativeRangeAtPoint(10, 10);
-
-    expect(range.startContainer.textContent).toBe('ok');
-    expect(range.startOffset).toBe(2);
-    expect(resetNativeSelectionSpy).toHaveBeenCalled();
-  });
-});
--- a/blocksuite/affine/shared/src/adapters/attachment.ts
+++ b/blocksuite/affine/shared/src/adapters/attachment.ts
@@ -1,7 +1,4 @@
-import {
-  type AttachmentBlockProps,
-  AttachmentBlockSchema,
-} from '@blocksuite/affine-model';
+import { AttachmentBlockSchema } from '@blocksuite/affine-model';
 import { BlockSuiteError, ErrorCode } from '@blocksuite/global/exceptions';
 import {
  type AssetsManager,
@@ -26,24 +23,6 @@ import { AdapterFactoryIdentifier } from './types/adapter';

 export type Attachment = File[];

-type CreateAttachmentBlockSnapshotOptions = {
-  id?: string;
-  props: Partial<AttachmentBlockProps> & Pick<AttachmentBlockProps, 'name'>;
-};
-
-export function createAttachmentBlockSnapshot({
-  id = nanoid(),
-  props,
-}: CreateAttachmentBlockSnapshotOptions): BlockSnapshot {
-  return {
-    type: 'block',
-    id,
-    flavour: AttachmentBlockSchema.model.flavour,
-    props,
-    children: [],
-  };
-}
-
 type AttachmentToSliceSnapshotPayload = {
  file: Attachment;
  assets?: AssetsManager;
@@ -118,6 +97,8 @@ export class AttachmentAdapter extends BaseAdapter<Attachment> {
    if (files.length === 0) return null;

    const content: SliceSnapshot['content'] = [];
+    const flavour = AttachmentBlockSchema.model.flavour;
+
    for (const blob of files) {
      const id = nanoid();
      const { name, size, type } = blob;
@@ -127,21 +108,22 @@ export class AttachmentAdapter extends BaseAdapter<Attachment> {
        mapInto: sourceId => ({ sourceId }),
      });

-      content.push(
-        createAttachmentBlockSnapshot({
-          id,
-          props: {
-            name,
-            size,
-            type,
-            embed: false,
-            style: 'horizontalThin',
-            index: 'a0',
-            xywh: '[0,0,0,0]',
-            rotate: 0,
-          },
-        })
-      );
+      content.push({
+        type: 'block',
+        flavour,
+        id,
+        props: {
+          name,
+          size,
+          type,
+          embed: false,
+          style: 'horizontalThin',
+          index: 'a0',
+          xywh: '[0,0,0,0]',
+          rotate: 0,
+        },
+        children: [],
+      });
    }

    return {
--- a/blocksuite/affine/shared/src/adapters/utils/file-path.ts
+++ b/blocksuite/affine/shared/src/adapters/utils/file-path.ts
@@ -1,20 +1,3 @@
-function safeDecodePathReference(path: string): string {
-  try {
-    return decodeURIComponent(path);
-  } catch {
-    return path;
-  }
-}
-
-export function normalizeFilePathReference(path: string): string {
-  return safeDecodePathReference(path)
-    .trim()
-    .replace(/\\/g, '/')
-    .replace(/^\.\/+/, '')
-    .replace(/^\/+/, '')
-    .replace(/\/+/g, '/');
-}
-
 /**
 * Normalizes a relative path by resolving all relative path segments
 * @param basePath The base path (markdown file's directory)
@@ -57,7 +40,7 @@ export function getImageFullPath(
  imageReference: string
 ): string {
  // Decode the image reference in case it contains URL-encoded characters
-  const decodedReference = safeDecodePathReference(imageReference);
+  const decodedReference = decodeURIComponent(imageReference);

  // Get the directory of the file path
  const markdownDir = filePath.substring(0, filePath.lastIndexOf('/'));
--- a/blocksuite/affine/shared/src/utils/dom/point-to-range.ts
+++ b/blocksuite/affine/shared/src/utils/dom/point-to-range.ts
@@ -88,73 +88,11 @@ export function getCurrentNativeRange(selection = window.getSelection()) {
  return selection.getRangeAt(0);
 }

-// functions need to be mocked in unit-test
-export const api = {
-  caretRangeFromPoint,
-  resetNativeSelection,
-};
-
 export function handleNativeRangeAtPoint(x: number, y: number) {
-  const range = api.caretRangeFromPoint(x, y);
-  if (range) {
-    normalizeCaretRange(range);
-  }
-
+  const range = caretRangeFromPoint(x, y);
  const startContainer = range?.startContainer;
  // click on rich text
  if (startContainer instanceof Node) {
-    api.resetNativeSelection(range);
-  }
-}
-
-function lastMeaningfulTextNode(node: Node) {
-  const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, {
-    acceptNode(node) {
-      return node.textContent && node.textContent?.trim().length > 0
-        ? NodeFilter.FILTER_ACCEPT
-        : NodeFilter.FILTER_REJECT;
-    },
-  });
-
-  let last = null;
-  while (walker.nextNode()) {
-    last = walker.currentNode;
-  }
-  return last;
-}
-
-function normalizeCaretRange(range: Range) {
-  let { startContainer, startOffset } = range;
-  if (startContainer.nodeType === Node.TEXT_NODE) return;
-
-  // Try to find text in the element at `startOffset`
-  const offsetEl =
-    startOffset > 0
-      ? startContainer.childNodes[startOffset - 1]
-      : startContainer.childNodes[0];
-  if (offsetEl) {
-    if (offsetEl.nodeType === Node.TEXT_NODE) {
-      range.setStart(
-        offsetEl,
-        startOffset > 0 ? (offsetEl.textContent?.length ?? 0) : 0
-      );
-      range.collapse(true);
-      return;
-    }
-
-    const text = lastMeaningfulTextNode(offsetEl);
-    if (text) {
-      range.setStart(text, text.textContent?.length ?? 0);
-      range.collapse(true);
-      return;
-    }
-  }
-
-  // Fallback, try to find text in startContainer
-  const text = lastMeaningfulTextNode(startContainer);
-  if (text) {
-    range.setStart(text, text.textContent?.length ?? 0);
-    range.collapse(true);
-    return;
+    resetNativeSelection(range);
  }
 }
--- a/blocksuite/affine/shared/src/utils/file/filesys.ts
+++ b/blocksuite/affine/shared/src/utils/file/filesys.ts
@@ -20,30 +20,9 @@ declare global {
    showOpenFilePicker?: (
      options?: OpenFilePickerOptions
    ) => Promise<FileSystemFileHandle[]>;
-    // Window API: showDirectoryPicker
-    showDirectoryPicker?: (options?: {
-      id?: string;
-      mode?: 'read' | 'readwrite';
-      startIn?: FileSystemHandle | string;
-    }) => Promise<FileSystemDirectoryHandle>;
  }
 }

-// Minimal polyfill for FileSystemDirectoryHandle to iterate over files
-interface FileSystemDirectoryHandle {
-  kind: 'directory';
-  name: string;
-  values(): AsyncIterableIterator<
-    FileSystemFileHandle | FileSystemDirectoryHandle
-  >;
-}
-
-interface FileSystemFileHandle {
-  kind: 'file';
-  name: string;
-  getFile(): Promise<File>;
-}
-
 // See [Common MIME types](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types)
 const FileTypes: NonNullable<OpenFilePickerOptions['types']> = [
  {
@@ -142,27 +121,21 @@ type AcceptTypes =
  | 'Docx'
  | 'MindMap';

-function canUseFileSystemAccessAPI(
-  api: 'showOpenFilePicker' | 'showDirectoryPicker'
-) {
-  return (
-    api in window &&
+export async function openFilesWith(
+  acceptType: AcceptTypes = 'Any',
+  multiple: boolean = true
+): Promise<File[] | null> {
+  // Feature detection. The API needs to be supported
+  // and the app not run in an iframe.
+  const supportsFileSystemAccess =
+    'showOpenFilePicker' in window &&
    (() => {
      try {
        return window.self === window.top;
      } catch {
        return false;
      }
-    })()
-  );
-}
-
-export async function openFilesWith(
-  acceptType: AcceptTypes = 'Any',
-  multiple: boolean = true
-): Promise<File[] | null> {
-  const supportsFileSystemAccess =
-    canUseFileSystemAccessAPI('showOpenFilePicker');
+    })();

  // If the File System Access API is supported…
  if (supportsFileSystemAccess && window.showOpenFilePicker) {
@@ -221,75 +194,6 @@ export async function openFilesWith(
  });
 }

-export async function openDirectory(): Promise<File[] | null> {
-  const supportsFileSystemAccess = canUseFileSystemAccessAPI(
-    'showDirectoryPicker'
-  );
-
-  if (supportsFileSystemAccess && window.showDirectoryPicker) {
-    try {
-      const dirHandle = await window.showDirectoryPicker();
-      const files: File[] = [];
-
-      const readDirectory = async (
-        directoryHandle: FileSystemDirectoryHandle,
-        path: string
-      ) => {
-        for await (const handle of directoryHandle.values()) {
-          const relativePath = path ? `${path}/${handle.name}` : handle.name;
-          if (handle.kind === 'file') {
-            const fileHandle = handle as FileSystemFileHandle;
-            if (fileHandle.getFile) {
-              const file = await fileHandle.getFile();
-              Object.defineProperty(file, 'webkitRelativePath', {
-                value: relativePath,
-                writable: false,
-              });
-              files.push(file);
-            }
-          } else if (handle.kind === 'directory') {
-            await readDirectory(
-              handle as FileSystemDirectoryHandle,
-              relativePath
-            );
-          }
-        }
-      };
-
-      await readDirectory(dirHandle, '');
-      return files;
-    } catch (err) {
-      console.error(err);
-      return null;
-    }
-  }
-
-  return new Promise(resolve => {
-    const input = document.createElement('input');
-    input.classList.add('affine-upload-input');
-    input.style.display = 'none';
-    input.type = 'file';
-
-    input.setAttribute('webkitdirectory', '');
-    input.setAttribute('directory', '');
-
-    document.body.append(input);
-
-    input.addEventListener('change', () => {
-      input.remove();
-      resolve(input.files ? Array.from(input.files) : null);
-    });
-
-    input.addEventListener('cancel', () => resolve(null));
-
-    if ('showPicker' in HTMLInputElement.prototype) {
-      input.showPicker();
-    } else {
-      input.click();
-    }
-  });
-}
-
 export async function openSingleFileWith(
  acceptType?: AcceptTypes
 ): Promise<File | null> {
--- a/blocksuite/affine/shared/src/utils/print-to-pdf.ts
+++ b/blocksuite/affine/shared/src/utils/print-to-pdf.ts
@@ -17,14 +17,7 @@ export async function printToPdf(
  return new Promise<void>((resolve, reject) => {
    const iframe = document.createElement('iframe');
    document.body.append(iframe);
-    // Use a hidden but rendering-enabled state instead of display: none
-    Object.assign(iframe.style, {
-      visibility: 'hidden',
-      position: 'absolute',
-      width: '0',
-      height: '0',
-      border: 'none',
-    });
+    iframe.style.display = 'none';
    iframe.srcdoc = '<!DOCTYPE html>';
    iframe.onload = async () => {
      if (!iframe.contentWindow) {
@@ -35,44 +28,6 @@ export async function printToPdf(
        reject(new Error('Root element not defined, unable to print pdf'));
        return;
      }
-
-      const doc = iframe.contentWindow.document;
-
-      doc.write(`<!DOCTYPE html><html><head><style>@media print {
-                html, body {
-                  height: initial !important;
-                  overflow: initial !important;
-                  print-color-adjust: exact;
-                  -webkit-print-color-adjust: exact;
-                  color: #000 !important;
-                  background: #fff !important;
-                  color-scheme: light !important;
-                }
-                ::-webkit-scrollbar { 
-                  display: none; 
-                }
-                :root, body {
-                  --affine-text-primary: #000 !important;
-                  --affine-text-secondary: #111 !important;
-                  --affine-text-tertiary: #333 !important;
-                  --affine-background-primary: #fff !important;
-                  --affine-background-secondary: #fff !important;
-                  --affine-background-tertiary: #fff !important;
-                }
-                body, [data-theme='dark'] {
-                  color: #000 !important;
-                  background: #fff !important;
-                }
-                body * {
-                  color: #000 !important;
-                  -webkit-text-fill-color: #000 !important;
-                }
-                :root {
-                  --affine-note-shadow-box: none !important;
-                  --affine-note-shadow-sticker: none !important;
-                }
-              }</style></head><body></body></html>`);
-      doc.close();
      iframe.contentWindow.document
        .write(`<!DOCTYPE html><html><head><style>@media print {
              html, body {
@@ -94,9 +49,6 @@ export async function printToPdf(
                --affine-background-primary: #fff !important;
                --affine-background-secondary: #fff !important;
                --affine-background-tertiary: #fff !important;
-                --affine-background-code-block: #f5f5f5 !important;
-                --affine-quote-color: #e3e3e3 !important;
-                --affine-border-color: #e3e3e3 !important;
              }
              body, [data-theme='dark'] {
                color: #000 !important;
@@ -116,7 +68,7 @@ export async function printToPdf(
      for (const element of document.styleSheets) {
        try {
          for (const cssRule of element.cssRules) {
-            const target = doc.styleSheets[0];
+            const target = iframe.contentWindow.document.styleSheets[0];
            target.insertRule(cssRule.cssText, target.cssRules.length);
          }
        } catch (e) {
@@ -131,33 +83,12 @@ export async function printToPdf(
        }
      }

-      // Recursive function to find all canvases, including those in shadow roots
-      const findAllCanvases = (root: Node): HTMLCanvasElement[] => {
-        const canvases: HTMLCanvasElement[] = [];
-        const traverse = (node: Node) => {
-          if (node instanceof HTMLCanvasElement) {
-            canvases.push(node);
-          }
-          if (node instanceof HTMLElement || node instanceof ShadowRoot) {
-            node.childNodes.forEach(traverse);
-          }
-          if (node instanceof HTMLElement && node.shadowRoot) {
-            traverse(node.shadowRoot);
-          }
-        };
-        traverse(root);
-        return canvases;
-      };
-
      // convert all canvas to image
      const canvasImgObjectUrlMap = new Map<string, string>();
-      const allCanvas = findAllCanvases(rootElement);
+      const allCanvas = rootElement.getElementsByTagName('canvas');
      let canvasKey = 1;
-      const canvasToKeyMap = new Map<HTMLCanvasElement, string>();
-
      for (const canvas of allCanvas) {
-        const key = canvasKey.toString();
-        canvasToKeyMap.set(canvas, key);
+        canvas.dataset['printToPdfCanvasKey'] = canvasKey.toString();
        canvasKey++;
        const canvasImgObjectUrl = await new Promise<Blob | null>(resolve => {
          try {
@@ -172,42 +103,20 @@ export async function printToPdf(
          );
          continue;
        }
-        canvasImgObjectUrlMap.set(key, URL.createObjectURL(canvasImgObjectUrl));
+        canvasImgObjectUrlMap.set(
+          canvas.dataset['printToPdfCanvasKey'],
+          URL.createObjectURL(canvasImgObjectUrl)
+        );
      }

-      // Recursive deep clone that flattens Shadow DOM into Light DOM
-      const deepCloneWithShadows = (node: Node): Node => {
-        const clone = doc.importNode(node, false);
-
-        if (
-          clone instanceof HTMLCanvasElement &&
-          node instanceof HTMLCanvasElement
-        ) {
-          const key = canvasToKeyMap.get(node);
-          if (key) {
-            clone.dataset['printToPdfCanvasKey'] = key;
-          }
-        }
-
-        const appendChildren = (source: Node) => {
-          source.childNodes.forEach(child => {
-            (clone as Element).append(deepCloneWithShadows(child));
-          });
-        };
-
-        if (node instanceof HTMLElement && node.shadowRoot) {
-          appendChildren(node.shadowRoot);
-        }
-        appendChildren(node);
-
-        return clone;
-      };
-
-      const importedRoot = deepCloneWithShadows(rootElement) as HTMLDivElement;
+      const importedRoot = iframe.contentWindow.document.importNode(
+        rootElement,
+        true
+      ) as HTMLDivElement;

      // force light theme in print iframe
-      doc.documentElement.dataset.theme = 'light';
-      doc.body.dataset.theme = 'light';
+      iframe.contentWindow.document.documentElement.dataset.theme = 'light';
+      iframe.contentWindow.document.body.dataset.theme = 'light';
      importedRoot.dataset.theme = 'light';

      // draw saved canvas image to canvas
@@ -226,67 +135,17 @@ export async function printToPdf(
        }
      }

-      // Remove lazy loading from all images and force reload
-      const allImages = importedRoot.querySelectorAll('img');
-      allImages.forEach(img => {
-        img.removeAttribute('loading');
-        const src = img.getAttribute('src');
-        if (src) img.setAttribute('src', src);
-      });
-
-      // append to iframe
-      doc.body.append(importedRoot);
+      // append to iframe and print
+      iframe.contentWindow.document.body.append(importedRoot);

      await options.beforeprint?.(iframe);

-      // Robust image waiting logic
-      const waitForImages = async (container: HTMLElement) => {
-        const images: HTMLImageElement[] = [];
-        const view = container.ownerDocument.defaultView;
-        if (!view) return;
-
-        const findImages = (root: Node) => {
-          if (root instanceof view.HTMLImageElement) {
-            images.push(root);
-          }
-          if (
-            root instanceof view.HTMLElement ||
-            root instanceof view.ShadowRoot
-          ) {
-            root.childNodes.forEach(findImages);
-          }
-          if (root instanceof view.HTMLElement && root.shadowRoot) {
-            findImages(root.shadowRoot);
-          }
-        };
-
-        findImages(container);
-
-        await Promise.all(
-          images.map(img => {
-            if (img.complete) {
-              if (img.naturalWidth === 0) {
-                console.warn('Image failed to load:', img.src);
-              }
-              return Promise.resolve();
-            }
-            return new Promise(resolve => {
-              img.onload = resolve;
-              img.onerror = resolve;
-            });
-          })
-        );
-      };
-
-      await waitForImages(importedRoot);
-
-      // browser may take some time to load font or other resources
-      await (doc.fonts?.ready ??
-        new Promise<void>(resolve => {
-          setTimeout(() => {
-            resolve();
-          }, 1000);
-        }));
+      // browser may take some time to load font
+      await new Promise<void>(resolve => {
+        setTimeout(() => {
+          resolve();
+        }, 1000);
+      });

      iframe.contentWindow.onafterprint = async () => {
        iframe.remove();
--- a/blocksuite/affine/shared/src/utils/url.ts
+++ b/blocksuite/affine/shared/src/utils/url.ts
@@ -24,11 +24,6 @@ const toURL = (str: string) => {
  }
 };

-const hasAllowedScheme = (url: URL) => {
-  const protocol = url.protocol.slice(0, -1).toLowerCase();
-  return ALLOWED_SCHEMES.has(protocol);
-};
-
 function resolveURL(str: string, baseUrl: string, padded = false) {
  const url = toURL(str);
  if (!url) return null;
@@ -66,7 +61,6 @@ export function normalizeUrl(str: string) {

  // Formatted
  if (url) {
-    if (!hasAllowedScheme(url)) return '';
    if (!str.endsWith('/') && url.href.endsWith('/')) {
      return url.href.substring(0, url.href.length - 1);
    }
--- a/blocksuite/affine/shared/vitest.config.ts
+++ b/blocksuite/affine/shared/vitest.config.ts
@@ -9,7 +9,7 @@ export default defineConfig({
    include: ['src/__tests__/**/*.unit.spec.ts'],
    testTimeout: 1000,
    coverage: {
-      provider: 'istanbul', // or 'istanbul'
+      provider: 'istanbul', // or 'c8'
      reporter: ['lcov'],
      reportsDirectory: '../../../.coverage/affine-shared',
    },
--- a/blocksuite/affine/widgets/linked-doc/src/import-doc/import-doc.ts
+++ b/blocksuite/affine/widgets/linked-doc/src/import-doc/import-doc.ts
@@ -7,7 +7,6 @@ import {
  NotionIcon,
 } from '@blocksuite/affine-components/icons';
 import {
-  openDirectory,
  openFilesWith,
  openSingleFileWith,
 } from '@blocksuite/affine-shared/utils';
@@ -19,16 +18,11 @@ import { query, state } from 'lit/decorators.js';
 import { HtmlTransformer } from '../transformers/html.js';
 import { MarkdownTransformer } from '../transformers/markdown.js';
 import { NotionHtmlTransformer } from '../transformers/notion-html.js';
-import { ObsidianTransformer } from '../transformers/obsidian.js';
 import { styles } from './styles.js';

 export type OnSuccessHandler = (
  pageIds: string[],
-  options: {
-    isWorkspaceFile: boolean;
-    importedCount: number;
-    docEmojis?: Map<string, string>;
-  }
+  options: { isWorkspaceFile: boolean; importedCount: number }
 ) => void;

 export type OnFailHandler = (message: string) => void;
@@ -146,29 +140,6 @@ export class ImportDoc extends WithDisposable(LitElement) {
    });
  }

-  private async _importObsidian() {
-    const files = await openDirectory();
-    if (!files || files.length === 0) return;
-    const needLoading =
-      files.reduce((acc, f) => acc + f.size, 0) > SHOW_LOADING_SIZE;
-    if (needLoading) {
-      this.hidden = false;
-      this._loading = true;
-    } else {
-      this.abortController.abort();
-    }
-    const { docIds, docEmojis } = await ObsidianTransformer.importObsidianVault(
-      {
-        collection: this.collection,
-        schema: this.schema,
-        importedFiles: files,
-        extensions: this.extensions,
-      }
-    );
-    needLoading && this.abortController.abort();
-    this._onImportSuccess(docIds, { docEmojis });
-  }
-
  private _onCloseClick(event: MouseEvent) {
    event.stopPropagation();
    this.abortController.abort();
@@ -180,21 +151,15 @@ export class ImportDoc extends WithDisposable(LitElement) {

  private _onImportSuccess(
    pageIds: string[],
-    options: {
-      isWorkspaceFile?: boolean;
-      importedCount?: number;
-      docEmojis?: Map<string, string>;
-    } = {}
+    options: { isWorkspaceFile?: boolean; importedCount?: number } = {}
  ) {
    const {
      isWorkspaceFile = false,
      importedCount: pagesImportedCount = pageIds.length,
-      docEmojis,
    } = options;
    this.onSuccess?.(pageIds, {
      isWorkspaceFile,
      importedCount: pagesImportedCount,
-      docEmojis,
    });
  }

@@ -293,13 +258,6 @@ export class ImportDoc extends WithDisposable(LitElement) {
              </affine-tooltip>
            </div>
          </icon-button>
-          <icon-button
-            class="button-item"
-            text="Obsidian"
-            @click="${this._importObsidian}"
-          >
-            ${ExportToMarkdownIcon}
-          </icon-button>
          <icon-button class="button-item" text="Coming soon..." disabled>
            ${NewIcon}
          </icon-button>
--- a/blocksuite/affine/widgets/linked-doc/src/transformers/index.ts
+++ b/blocksuite/affine/widgets/linked-doc/src/transformers/index.ts
@@ -2,7 +2,6 @@ export { DocxTransformer } from './docx.js';
 export { HtmlTransformer } from './html.js';
 export { MarkdownTransformer } from './markdown.js';
 export { NotionHtmlTransformer } from './notion-html.js';
-export { ObsidianTransformer } from './obsidian.js';
 export { PdfTransformer } from './pdf.js';
 export { createAssetsArchive, download } from './utils.js';
 export { ZipTransformer } from './zip.js';
--- a/blocksuite/affine/widgets/linked-doc/src/transformers/markdown.ts
+++ b/blocksuite/affine/widgets/linked-doc/src/transformers/markdown.ts
@@ -21,11 +21,8 @@ import { extMimeMap, Transformer } from '@blocksuite/store';
 import type { AssetMap, ImportedFileEntry, PathBlobIdMap } from './type.js';
 import { createAssetsArchive, download, parseMatter, Unzip } from './utils.js';

-export type ParsedFrontmatterMeta = Partial<
-  Pick<
-    DocMeta,
-    'title' | 'createDate' | 'updatedDate' | 'tags' | 'favorite' | 'trash'
-  >
+type ParsedFrontmatterMeta = Partial<
+  Pick<DocMeta, 'title' | 'createDate' | 'updatedDate' | 'tags' | 'favorite'>
 >;

 const FRONTMATTER_KEYS = {
@@ -153,18 +150,11 @@ function buildMetaFromFrontmatter(
      }
      continue;
    }
-    if (FRONTMATTER_KEYS.trash.includes(key)) {
-      const trash = parseBoolean(value);
-      if (trash !== undefined) {
-        meta.trash = trash;
-      }
-      continue;
-    }
  }
  return meta;
 }

-export function parseFrontmatter(markdown: string): {
+function parseFrontmatter(markdown: string): {
  content: string;
  meta: ParsedFrontmatterMeta;
 } {
@@ -186,7 +176,7 @@ export function parseFrontmatter(markdown: string): {
  }
 }

-export function applyMetaPatch(
+function applyMetaPatch(
  collection: Workspace,
  docId: string,
  meta: ParsedFrontmatterMeta
@@ -197,14 +187,13 @@ export function applyMetaPatch(
  if (meta.updatedDate !== undefined) metaPatch.updatedDate = meta.updatedDate;
  if (meta.tags) metaPatch.tags = meta.tags;
  if (meta.favorite !== undefined) metaPatch.favorite = meta.favorite;
-  if (meta.trash !== undefined) metaPatch.trash = meta.trash;

  if (Object.keys(metaPatch).length) {
    collection.meta.setDocMeta(docId, metaPatch);
  }
 }

-export function getProvider(extensions: ExtensionType[]) {
+function getProvider(extensions: ExtensionType[]) {
  const container = new Container();
  extensions.forEach(ext => {
    ext.setup(container);
@@ -234,103 +223,6 @@ type ImportMarkdownZipOptions = {
  extensions: ExtensionType[];
 };

-/**
- * Filters hidden/system entries that should never participate in imports.
- */
-export function isSystemImportPath(path: string) {
-  return path.includes('__MACOSX') || path.includes('.DS_Store');
-}
-
-/**
- * Creates the doc CRUD bridge used by importer transformers.
- */
-export function createCollectionDocCRUD(collection: Workspace) {
-  return {
-    create: (id: string) => collection.createDoc(id).getStore({ id }),
-    get: (id: string) => collection.getDoc(id)?.getStore({ id }) ?? null,
-    delete: (id: string) => collection.removeDoc(id),
-  };
-}
-
-type CreateMarkdownImportJobOptions = {
-  collection: Workspace;
-  schema: Schema;
-  preferredTitle?: string;
-  fullPath?: string;
-};
-
-/**
- * Creates a markdown import job with the standard collection middlewares.
- */
-export function createMarkdownImportJob({
-  collection,
-  schema,
-  preferredTitle,
-  fullPath,
-}: CreateMarkdownImportJobOptions) {
-  return new Transformer({
-    schema,
-    blobCRUD: collection.blobSync,
-    docCRUD: createCollectionDocCRUD(collection),
-    middlewares: [
-      defaultImageProxyMiddleware,
-      fileNameMiddleware(preferredTitle),
-      docLinkBaseURLMiddleware(collection.id),
-      ...(fullPath ? [filePathMiddleware(fullPath)] : []),
-    ],
-  });
-}
-
-type StageImportedAssetOptions = {
-  pendingAssets: AssetMap;
-  pendingPathBlobIdMap: PathBlobIdMap;
-  path: string;
-  content: Blob;
-  fileName: string;
-};
-
-/**
- * Hashes a non-markdown import file and stages it into the shared asset maps.
- */
-export async function stageImportedAsset({
-  pendingAssets,
-  pendingPathBlobIdMap,
-  path,
-  content,
-  fileName,
-}: StageImportedAssetOptions) {
-  const ext = path.split('.').at(-1) ?? '';
-  const mime = extMimeMap.get(ext.toLowerCase()) ?? '';
-  const key = await sha(await content.arrayBuffer());
-  pendingPathBlobIdMap.set(path, key);
-  pendingAssets.set(key, new File([content], fileName, { type: mime }));
-}
-
-/**
- * Binds previously staged asset files into a transformer job before import.
- */
-export function bindImportedAssetsToJob(
-  job: Transformer,
-  pendingAssets: AssetMap,
-  pendingPathBlobIdMap: PathBlobIdMap
-) {
-  const pathBlobIdMap = job.assetsManager.getPathBlobIdMap();
-  // Iterate over all assets to be imported
-  for (const [assetPath, key] of pendingPathBlobIdMap.entries()) {
-    // Get the relative path of the asset to the markdown file
-    // Store the path to blobId map
-    pathBlobIdMap.set(assetPath, key);
-    // Store the asset to assets, the key is the blobId, the value is the file object
-    // In block adapter, it will use the blobId to get the file object
-    const assetFile = pendingAssets.get(key);
-    if (assetFile) {
-      job.assets.set(key, assetFile);
-    }
-  }
-
-  return pathBlobIdMap;
-}
-
 /**
 * Exports a doc to a Markdown file or a zip archive containing Markdown and assets.
 * @param doc The doc to export
@@ -437,10 +329,19 @@ async function importMarkdownToDoc({
  const { content, meta } = parseFrontmatter(markdown);
  const preferredTitle = meta.title ?? fileName;
  const provider = getProvider(extensions);
-  const job = createMarkdownImportJob({
-    collection,
+  const job = new Transformer({
    schema,
-    preferredTitle,
+    blobCRUD: collection.blobSync,
+    docCRUD: {
+      create: (id: string) => collection.createDoc(id).getStore({ id }),
+      get: (id: string) => collection.getDoc(id)?.getStore({ id }) ?? null,
+      delete: (id: string) => collection.removeDoc(id),
+    },
+    middlewares: [
+      defaultImageProxyMiddleware,
+      fileNameMiddleware(preferredTitle),
+      docLinkBaseURLMiddleware(collection.id),
+    ],
  });
  const mdAdapter = new MarkdownAdapter(job, provider);
  const page = await mdAdapter.toDoc({
@@ -480,7 +381,7 @@ async function importMarkdownZip({
  // Iterate over all files in the zip
  for (const { path, content: blob } of unzip) {
    // Skip the files that are not markdown files
-    if (isSystemImportPath(path)) {
+    if (path.includes('__MACOSX') || path.includes('.DS_Store')) {
      continue;
    }

@@ -494,13 +395,12 @@ async function importMarkdownZip({
        fullPath: path,
      });
    } else {
-      await stageImportedAsset({
-        pendingAssets,
-        pendingPathBlobIdMap,
-        path,
-        content: blob,
-        fileName,
-      });
+      // If the file is not a markdown file, store it to pendingAssets
+      const ext = path.split('.').at(-1) ?? '';
+      const mime = extMimeMap.get(ext) ?? '';
+      const key = await sha(await blob.arrayBuffer());
+      pendingPathBlobIdMap.set(path, key);
+      pendingAssets.set(key, new File([blob], fileName, { type: mime }));
    }
  }

@@ -511,13 +411,34 @@ async function importMarkdownZip({
      const markdown = await contentBlob.text();
      const { content, meta } = parseFrontmatter(markdown);
      const preferredTitle = meta.title ?? fileNameWithoutExt;
-      const job = createMarkdownImportJob({
-        collection,
+      const job = new Transformer({
        schema,
-        preferredTitle,
-        fullPath,
+        blobCRUD: collection.blobSync,
+        docCRUD: {
+          create: (id: string) => collection.createDoc(id).getStore({ id }),
+          get: (id: string) => collection.getDoc(id)?.getStore({ id }) ?? null,
+          delete: (id: string) => collection.removeDoc(id),
+        },
+        middlewares: [
+          defaultImageProxyMiddleware,
+          fileNameMiddleware(preferredTitle),
+          docLinkBaseURLMiddleware(collection.id),
+          filePathMiddleware(fullPath),
+        ],
      });
-      bindImportedAssetsToJob(job, pendingAssets, pendingPathBlobIdMap);
+      const assets = job.assets;
+      const pathBlobIdMap = job.assetsManager.getPathBlobIdMap();
+      // Iterate over all assets to be imported
+      for (const [assetPath, key] of pendingPathBlobIdMap.entries()) {
+        // Get the relative path of the asset to the markdown file
+        // Store the path to blobId map
+        pathBlobIdMap.set(assetPath, key);
+        // Store the asset to assets, the key is the blobId, the value is the file object
+        // In block adapter, it will use the blobId to get the file object
+        if (pendingAssets.get(key)) {
+          assets.set(key, pendingAssets.get(key)!);
+        }
+      }

      const mdAdapter = new MarkdownAdapter(job, provider);
      const doc = await mdAdapter.toDoc({
--- a/blocksuite/affine/widgets/linked-doc/src/transformers/obsidian.ts
+++ b/blocksuite/affine/widgets/linked-doc/src/transformers/obsidian.ts
@@ -1,834 +0,0 @@
-import { FootNoteReferenceParamsSchema } from '@blocksuite/affine-model';
-import {
-  BlockMarkdownAdapterExtension,
-  createAttachmentBlockSnapshot,
-  FULL_FILE_PATH_KEY,
-  getImageFullPath,
-  MarkdownAdapter,
-  type MarkdownAST,
-  MarkdownASTToDeltaExtension,
-  normalizeFilePathReference,
-} from '@blocksuite/affine-shared/adapters';
-import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
-import type {
-  DeltaInsert,
-  ExtensionType,
-  Schema,
-  Workspace,
-} from '@blocksuite/store';
-import { extMimeMap, nanoid } from '@blocksuite/store';
-import type { Html, Text } from 'mdast';
-
-import {
-  applyMetaPatch,
-  bindImportedAssetsToJob,
-  createMarkdownImportJob,
-  getProvider,
-  isSystemImportPath,
-  parseFrontmatter,
-  stageImportedAsset,
-} from './markdown.js';
-import type {
-  AssetMap,
-  MarkdownFileImportEntry,
-  PathBlobIdMap,
-} from './type.js';
-
-const CALLOUT_TYPE_MAP: Record<string, string> = {
-  note: '💡',
-  info: 'ℹ️',
-  tip: '🔥',
-  hint: '✅',
-  important: '‼️',
-  warning: '⚠️',
-  caution: '⚠️',
-  attention: '⚠️',
-  danger: '⚠️',
-  error: '🚨',
-  bug: '🐛',
-  example: '📌',
-  quote: '💬',
-  cite: '💬',
-  abstract: '📋',
-  summary: '📋',
-  todo: '☑️',
-  success: '✅',
-  check: '✅',
-  done: '✅',
-  failure: '❌',
-  fail: '❌',
-  missing: '❌',
-  question: '❓',
-  help: '❓',
-  faq: '❓',
-};
-
-const AMBIGUOUS_PAGE_LOOKUP = '__ambiguous__';
-const DEFAULT_CALLOUT_EMOJI = '💡';
-const OBSIDIAN_TEXT_FOOTNOTE_URL_PREFIX = 'data:text/plain;charset=utf-8,';
-const OBSIDIAN_ATTACHMENT_EMBED_TAG = 'obsidian-attachment';
-
-function normalizeLookupKey(value: string): string {
-  return normalizeFilePathReference(value).toLowerCase();
-}
-
-function stripMarkdownExtension(value: string): string {
-  return value.replace(/\.md$/i, '');
-}
-
-function basename(value: string): string {
-  return normalizeFilePathReference(value).split('/').pop() ?? value;
-}
-
-function parseObsidianTarget(rawTarget: string): {
-  path: string;
-  fragment: string | null;
-} {
-  const normalizedTarget = normalizeFilePathReference(rawTarget);
-  const match = normalizedTarget.match(/^([^#^]+)([#^].*)?$/);
-
-  return {
-    path: match?.[1]?.trim() ?? normalizedTarget,
-    fragment: match?.[2] ?? null,
-  };
-}
-
-function extractTitleAndEmoji(rawTitle: string): {
-  title: string;
-  emoji: string | null;
-} {
-  const SINGLE_LEADING_EMOJI_RE =
-    /^[\s\u200b]*((?:[\p{Emoji_Presentation}\p{Extended_Pictographic}\u200b]|\u200d|\ufe0f)+)/u;
-
-  let currentTitle = rawTitle;
-  let extractedEmojiClusters = '';
-  let emojiMatch;
-
-  while ((emojiMatch = currentTitle.match(SINGLE_LEADING_EMOJI_RE))) {
-    const matchedCluster = emojiMatch[1].trim();
-    extractedEmojiClusters +=
-      (extractedEmojiClusters ? ' ' : '') + matchedCluster;
-    currentTitle = currentTitle.slice(emojiMatch[0].length);
-  }
-
-  return {
-    title: currentTitle.trim(),
-    emoji: extractedEmojiClusters || null,
-  };
-}
-
-function preprocessTitleHeader(markdown: string): string {
-  return markdown.replace(
-    /^(\s*#\s+)(.*)$/m,
-    (_, headerPrefix, titleContent) => {
-      const { title: cleanTitle } = extractTitleAndEmoji(titleContent);
-      return `${headerPrefix}${cleanTitle}`;
-    }
-  );
-}
-
-function preprocessObsidianCallouts(markdown: string): string {
-  return markdown.replace(
-    /^(> *)\[!([^\]\n]+)\]([+-]?)([^\n]*)/gm,
-    (_, prefix, type, _fold, rest) => {
-      const calloutToken =
-        CALLOUT_TYPE_MAP[type.trim().toLowerCase()] ?? DEFAULT_CALLOUT_EMOJI;
-      const title = rest.trim();
-      return title
-        ? `${prefix}[!${calloutToken}] ${title}`
-        : `${prefix}[!${calloutToken}]`;
-    }
-  );
-}
-
-function isStructuredFootnoteDefinition(content: string): boolean {
-  try {
-    return FootNoteReferenceParamsSchema.safeParse(JSON.parse(content.trim()))
-      .success;
-  } catch {
-    return false;
-  }
-}
-
-function splitFootnoteTextContent(content: string): {
-  title: string;
-  description?: string;
-} {
-  const lines = content
-    .split('\n')
-    .map(line => line.trim())
-    .filter(Boolean);
-  const title = lines[0] ?? content.trim();
-  const description = lines.slice(1).join('\n').trim();
-
-  return {
-    title,
-    ...(description ? { description } : {}),
-  };
-}
-
-function createTextFootnoteDefinition(content: string): string {
-  const normalizedContent = content.trim();
-  const { title, description } = splitFootnoteTextContent(normalizedContent);
-
-  return JSON.stringify({
-    type: 'url',
-    url: encodeURIComponent(
-      `${OBSIDIAN_TEXT_FOOTNOTE_URL_PREFIX}${encodeURIComponent(
-        normalizedContent
-      )}`
-    ),
-    title,
-    ...(description ? { description } : {}),
-  });
-}
-
-function parseFootnoteDefLine(line: string): {
-  identifier: string;
-  content: string;
-} | null {
-  if (!line.startsWith('[^')) return null;
-
-  const closeBracketIndex = line.indexOf(']:', 2);
-  if (closeBracketIndex <= 2) return null;
-
-  const identifier = line.slice(2, closeBracketIndex);
-  if (!identifier || identifier.includes(']')) return null;
-
-  let contentStart = closeBracketIndex + 2;
-  while (
-    contentStart < line.length &&
-    (line[contentStart] === ' ' || line[contentStart] === '\t')
-  ) {
-    contentStart += 1;
-  }
-
-  return {
-    identifier,
-    content: line.slice(contentStart),
-  };
-}
-
-function extractObsidianFootnotes(markdown: string): {
-  content: string;
-  footnotes: string[];
-} {
-  const lines = markdown.split('\n');
-  const output: string[] = [];
-  const footnotes: string[] = [];
-
-  for (let index = 0; index < lines.length; index += 1) {
-    const line = lines[index];
-    const definition = parseFootnoteDefLine(line);
-    if (!definition) {
-      output.push(line);
-      continue;
-    }
-
-    const { identifier } = definition;
-    const contentLines = [definition.content];
-
-    while (index + 1 < lines.length) {
-      const nextLine = lines[index + 1];
-      if (/^(?: {1,4}|\t)/.test(nextLine)) {
-        contentLines.push(nextLine.replace(/^(?: {1,4}|\t)/, ''));
-        index += 1;
-        continue;
-      }
-
-      if (
-        nextLine.trim() === '' &&
-        index + 2 < lines.length &&
-        /^(?: {1,4}|\t)/.test(lines[index + 2])
-      ) {
-        contentLines.push('');
-        index += 1;
-        continue;
-      }
-
-      break;
-    }
-
-    const content = contentLines.join('\n').trim();
-    footnotes.push(
-      `[^${identifier}]: ${
-        !content || isStructuredFootnoteDefinition(content)
-          ? content
-          : createTextFootnoteDefinition(content)
-      }`
-    );
-  }
-
-  return { content: output.join('\n'), footnotes };
-}
-
-function buildLookupKeys(
-  targetPath: string,
-  currentFilePath?: string
-): string[] {
-  const parsedTargetPath = normalizeFilePathReference(targetPath);
-  if (!parsedTargetPath) {
-    return [];
-  }
-
-  const keys = new Set<string>();
-  const addPathVariants = (value: string) => {
-    const normalizedValue = normalizeFilePathReference(value);
-    if (!normalizedValue) {
-      return;
-    }
-
-    keys.add(normalizedValue);
-    keys.add(stripMarkdownExtension(normalizedValue));
-
-    const fileName = basename(normalizedValue);
-    keys.add(fileName);
-    keys.add(stripMarkdownExtension(fileName));
-
-    const cleanTitle = extractTitleAndEmoji(
-      stripMarkdownExtension(fileName)
-    ).title;
-    if (cleanTitle) {
-      keys.add(cleanTitle);
-    }
-  };
-
-  addPathVariants(parsedTargetPath);
-
-  if (currentFilePath) {
-    addPathVariants(getImageFullPath(currentFilePath, parsedTargetPath));
-  }
-
-  return Array.from(keys).map(normalizeLookupKey);
-}
-
-function registerPageLookup(
-  pageLookupMap: Map<string, string>,
-  key: string,
-  pageId: string
-) {
-  const normalizedKey = normalizeLookupKey(key);
-  if (!normalizedKey) {
-    return;
-  }
-
-  const existing = pageLookupMap.get(normalizedKey);
-  if (existing && existing !== pageId) {
-    pageLookupMap.set(normalizedKey, AMBIGUOUS_PAGE_LOOKUP);
-    return;
-  }
-
-  pageLookupMap.set(normalizedKey, pageId);
-}
-
-function resolvePageIdFromLookup(
-  pageLookupMap: Pick<ReadonlyMap<string, string>, 'get'>,
-  rawTarget: string,
-  currentFilePath?: string
-): string | null {
-  const { path } = parseObsidianTarget(rawTarget);
-  for (const key of buildLookupKeys(path, currentFilePath)) {
-    const targetPageId = pageLookupMap.get(key);
-    if (!targetPageId || targetPageId === AMBIGUOUS_PAGE_LOOKUP) {
-      continue;
-    }
-    return targetPageId;
-  }
-
-  return null;
-}
-
-function resolveWikilinkDisplayTitle(
-  rawAlias: string | undefined,
-  pageEmoji: string | undefined
-): string | undefined {
-  if (!rawAlias) {
-    return undefined;
-  }
-
-  const { title: aliasTitle, emoji: aliasEmoji } =
-    extractTitleAndEmoji(rawAlias);
-
-  if (aliasEmoji && aliasEmoji === pageEmoji) {
-    return aliasTitle;
-  }
-
-  return rawAlias;
-}
-
-function isImageAssetPath(path: string): boolean {
-  const extension = path.split('.').at(-1)?.toLowerCase() ?? '';
-  return extMimeMap.get(extension)?.startsWith('image/') ?? false;
-}
-
-function encodeMarkdownPath(path: string): string {
-  return encodeURI(path).replaceAll('(', '%28').replaceAll(')', '%29');
-}
-
-function escapeMarkdownLabel(label: string): string {
-  return label.replace(/[[\]\\]/g, '\\$&');
-}
-
-function isObsidianSizeAlias(alias: string | undefined): boolean {
-  return !!alias && /^\d+(?:x\d+)?$/i.test(alias.trim());
-}
-
-function getEmbedLabel(
-  rawAlias: string | undefined,
-  targetPath: string,
-  fallbackToFileName: boolean
-): string {
-  if (!rawAlias || isObsidianSizeAlias(rawAlias)) {
-    return fallbackToFileName
-      ? stripMarkdownExtension(basename(targetPath))
-      : '';
-  }
-
-  return rawAlias.trim();
-}
-
-type ObsidianAttachmentEmbed = {
-  blobId: string;
-  fileName: string;
-  fileType: string;
-};
-
-function createObsidianAttach(embed: ObsidianAttachmentEmbed): string {
-  return `<!-- ${OBSIDIAN_ATTACHMENT_EMBED_TAG} ${encodeURIComponent(
-    JSON.stringify(embed)
-  )} -->`;
-}
-
-function parseObsidianAttach(value: string): ObsidianAttachmentEmbed | null {
-  const match = value.match(
-    new RegExp(`^<!-- ${OBSIDIAN_ATTACHMENT_EMBED_TAG} ([^ ]+) -->$`)
-  );
-  if (!match?.[1]) return null;
-
-  try {
-    const parsed = JSON.parse(
-      decodeURIComponent(match[1])
-    ) as ObsidianAttachmentEmbed;
-    if (!parsed.blobId || !parsed.fileName) {
-      return null;
-    }
-    return parsed;
-  } catch {
-    return null;
-  }
-}
-
-function parseWikiLinkAt(
-  source: string,
-  startIdx: number,
-  embedded: boolean
-): {
-  raw: string;
-  rawTarget: string;
-  rawAlias?: string;
-  endIdx: number;
-} | null {
-  const opener = embedded ? '![[' : '[[';
-  if (!source.startsWith(opener, startIdx)) return null;
-
-  const contentStart = startIdx + opener.length;
-  const closeIndex = source.indexOf(']]', contentStart);
-  if (closeIndex === -1) return null;
-
-  const inner = source.slice(contentStart, closeIndex);
-  const separatorIdx = inner.indexOf('|');
-  const rawTarget = separatorIdx === -1 ? inner : inner.slice(0, separatorIdx);
-  const rawAlias =
-    separatorIdx === -1 ? undefined : inner.slice(separatorIdx + 1);
-
-  if (
-    rawTarget.length === 0 ||
-    rawTarget.includes(']') ||
-    rawTarget.includes('|') ||
-    rawAlias?.includes(']')
-  ) {
-    return null;
-  }
-
-  return {
-    raw: source.slice(startIdx, closeIndex + 2),
-    rawTarget,
-    rawAlias,
-    endIdx: closeIndex + 2,
-  };
-}
-
-function replaceWikiLinks(
-  source: string,
-  embedded: boolean,
-  replacer: (match: {
-    raw: string;
-    rawTarget: string;
-    rawAlias?: string;
-  }) => string
-): string {
-  const opener = embedded ? '![[' : '[[';
-  let cursor = 0;
-  let output = '';
-
-  while (cursor < source.length) {
-    const matchStart = source.indexOf(opener, cursor);
-    if (matchStart === -1) {
-      output += source.slice(cursor);
-      break;
-    }
-
-    output += source.slice(cursor, matchStart);
-    const match = parseWikiLinkAt(source, matchStart, embedded);
-    if (!match) {
-      output += source.slice(matchStart, matchStart + opener.length);
-      cursor = matchStart + opener.length;
-      continue;
-    }
-
-    output += replacer(match);
-    cursor = match.endIdx;
-  }
-
-  return output;
-}
-
-function preprocessObsidianEmbeds(
-  markdown: string,
-  filePath: string,
-  pageLookupMap: ReadonlyMap<string, string>,
-  pathBlobIdMap: ReadonlyMap<string, string>
-): string {
-  return replaceWikiLinks(markdown, true, ({ raw, rawTarget, rawAlias }) => {
-    const targetPageId = resolvePageIdFromLookup(
-      pageLookupMap,
-      rawTarget,
-      filePath
-    );
-    if (targetPageId) {
-      return `[[${rawTarget}${rawAlias ? `|${rawAlias}` : ''}]]`;
-    }
-
-    const { path } = parseObsidianTarget(rawTarget);
-    if (!path) return raw;
-
-    const assetPath = getImageFullPath(filePath, path);
-    const encodedPath = encodeMarkdownPath(assetPath);
-
-    if (isImageAssetPath(path)) {
-      const alt = getEmbedLabel(rawAlias, path, false);
-      return `![${escapeMarkdownLabel(alt)}](${encodedPath})`;
-    }
-
-    const label = getEmbedLabel(rawAlias, path, true);
-    const blobId = pathBlobIdMap.get(assetPath);
-    if (!blobId) return `[${escapeMarkdownLabel(label)}](${encodedPath})`;
-
-    const extension = path.split('.').at(-1)?.toLowerCase() ?? '';
-    return createObsidianAttach({
-      blobId,
-      fileName: basename(path),
-      fileType: extMimeMap.get(extension) ?? '',
-    });
-  });
-}
-
-function preprocessObsidianMarkdown(
-  markdown: string,
-  filePath: string,
-  pageLookupMap: ReadonlyMap<string, string>,
-  pathBlobIdMap: ReadonlyMap<string, string>
-): string {
-  const { content: contentWithoutFootnotes, footnotes: extractedFootnotes } =
-    extractObsidianFootnotes(markdown);
-  const content = preprocessObsidianEmbeds(
-    contentWithoutFootnotes,
-    filePath,
-    pageLookupMap,
-    pathBlobIdMap
-  );
-  const normalizedMarkdown = preprocessTitleHeader(
-    preprocessObsidianCallouts(content)
-  );
-
-  if (extractedFootnotes.length === 0) {
-    return normalizedMarkdown;
-  }
-
-  const trimmedMarkdown = normalizedMarkdown.replace(/\s+$/, '');
-  return `${trimmedMarkdown}\n\n${extractedFootnotes.join('\n\n')}\n`;
-}
-
-function isObsidianAttachmentEmbedNode(node: MarkdownAST): node is Html {
-  return node.type === 'html' && !!parseObsidianAttach(node.value);
-}
-
-export const obsidianAttachmentEmbedMarkdownAdapterMatcher =
-  BlockMarkdownAdapterExtension({
-    flavour: 'obsidian:attachment-embed',
-    toMatch: o => isObsidianAttachmentEmbedNode(o.node),
-    fromMatch: () => false,
-    toBlockSnapshot: {
-      enter: (o, context) => {
-        if (!isObsidianAttachmentEmbedNode(o.node)) {
-          return;
-        }
-
-        const attachment = parseObsidianAttach(o.node.value);
-        if (!attachment) {
-          return;
-        }
-
-        const assetFile = context.assets?.getAssets().get(attachment.blobId);
-        context.walkerContext
-          .openNode(
-            createAttachmentBlockSnapshot({
-              id: nanoid(),
-              props: {
-                name: attachment.fileName,
-                size: assetFile?.size ?? 0,
-                type:
-                  attachment.fileType ||
-                  assetFile?.type ||
-                  'application/octet-stream',
-                sourceId: attachment.blobId,
-                embed: false,
-                style: 'horizontalThin',
-                footnoteIdentifier: null,
-              },
-            }),
-            'children'
-          )
-          .closeNode();
-        (o.node as unknown as { type: string }).type =
-          'obsidianAttachmentEmbed';
-      },
-    },
-    fromBlockSnapshot: {},
-  });
-
-export const obsidianWikilinkToDeltaMatcher = MarkdownASTToDeltaExtension({
-  name: 'obsidian-wikilink',
-  match: ast => ast.type === 'text',
-  toDelta: (ast, context) => {
-    const textNode = ast as Text;
-    if (!textNode.value) {
-      return [];
-    }
-
-    const nodeContent = textNode.value;
-    const deltas: DeltaInsert<AffineTextAttributes>[] = [];
-    let cursor = 0;
-
-    while (cursor < nodeContent.length) {
-      const matchStart = nodeContent.indexOf('[[', cursor);
-      if (matchStart === -1) {
-        deltas.push({ insert: nodeContent.substring(cursor) });
-        break;
-      }
-
-      if (matchStart > cursor) {
-        deltas.push({
-          insert: nodeContent.substring(cursor, matchStart),
-        });
-      }
-
-      const linkMatch = parseWikiLinkAt(nodeContent, matchStart, false);
-      if (!linkMatch) {
-        deltas.push({ insert: '[[' });
-        cursor = matchStart + 2;
-        continue;
-      }
-
-      const targetPageName = linkMatch.rawTarget.trim();
-      const alias = linkMatch.rawAlias?.trim();
-      const currentFilePath = context.configs.get(FULL_FILE_PATH_KEY);
-      const targetPageId = resolvePageIdFromLookup(
-        { get: key => context.configs.get(`obsidian:pageId:${key}`) },
-        targetPageName,
-        typeof currentFilePath === 'string' ? currentFilePath : undefined
-      );
-
-      if (targetPageId) {
-        const pageEmoji = context.configs.get(
-          'obsidian:pageEmoji:' + targetPageId
-        );
-        const displayTitle = resolveWikilinkDisplayTitle(alias, pageEmoji);
-
-        deltas.push({
-          insert: ' ',
-          attributes: {
-            reference: {
-              type: 'LinkedPage',
-              pageId: targetPageId,
-              ...(displayTitle ? { title: displayTitle } : {}),
-            },
-          },
-        });
-      } else {
-        deltas.push({ insert: linkMatch.raw });
-      }
-
-      cursor = linkMatch.endIdx;
-    }
-
-    return deltas;
-  },
-});
-
-export type ImportObsidianVaultOptions = {
-  collection: Workspace;
-  schema: Schema;
-  importedFiles: File[];
-  extensions: ExtensionType[];
-};
-
-export type ImportObsidianVaultResult = {
-  docIds: string[];
-  docEmojis: Map<string, string>;
-};
-
-export async function importObsidianVault({
-  collection,
-  schema,
-  importedFiles,
-  extensions,
-}: ImportObsidianVaultOptions): Promise<ImportObsidianVaultResult> {
-  const provider = getProvider([
-    obsidianWikilinkToDeltaMatcher,
-    obsidianAttachmentEmbedMarkdownAdapterMatcher,
-    ...extensions,
-  ]);
-
-  const docIds: string[] = [];
-  const docEmojis = new Map<string, string>();
-  const pendingAssets: AssetMap = new Map();
-  const pendingPathBlobIdMap: PathBlobIdMap = new Map();
-  const markdownBlobs: MarkdownFileImportEntry[] = [];
-  const pageLookupMap = new Map<string, string>();
-
-  for (const file of importedFiles) {
-    const filePath = file.webkitRelativePath || file.name;
-    if (isSystemImportPath(filePath)) continue;
-
-    if (file.name.endsWith('.md')) {
-      const fileNameWithoutExt = file.name.replace(/\.[^/.]+$/, '');
-      const markdown = await file.text();
-      const { content, meta } = parseFrontmatter(markdown);
-
-      const documentTitleCandidate = meta.title ?? fileNameWithoutExt;
-      const { title: preferredTitle, emoji: leadingEmoji } =
-        extractTitleAndEmoji(documentTitleCandidate);
-
-      const newPageId = collection.idGenerator();
-      registerPageLookup(pageLookupMap, filePath, newPageId);
-      registerPageLookup(
-        pageLookupMap,
-        stripMarkdownExtension(filePath),
-        newPageId
-      );
-      registerPageLookup(pageLookupMap, file.name, newPageId);
-      registerPageLookup(pageLookupMap, fileNameWithoutExt, newPageId);
-      registerPageLookup(pageLookupMap, documentTitleCandidate, newPageId);
-      registerPageLookup(pageLookupMap, preferredTitle, newPageId);
-
-      if (leadingEmoji) {
-        docEmojis.set(newPageId, leadingEmoji);
-      }
-
-      markdownBlobs.push({
-        filename: file.name,
-        contentBlob: file,
-        fullPath: filePath,
-        pageId: newPageId,
-        preferredTitle,
-        content,
-        meta,
-      });
-    } else {
-      await stageImportedAsset({
-        pendingAssets,
-        pendingPathBlobIdMap,
-        path: filePath,
-        content: file,
-        fileName: file.name,
-      });
-    }
-  }
-
-  for (const existingDocMeta of collection.meta.docMetas) {
-    if (existingDocMeta.title) {
-      registerPageLookup(
-        pageLookupMap,
-        existingDocMeta.title,
-        existingDocMeta.id
-      );
-    }
-  }
-
-  await Promise.all(
-    markdownBlobs.map(async markdownFile => {
-      const {
-        fullPath,
-        pageId: predefinedId,
-        preferredTitle,
-        content,
-        meta,
-      } = markdownFile;
-
-      const job = createMarkdownImportJob({
-        collection,
-        schema,
-        preferredTitle,
-        fullPath,
-      });
-
-      for (const [lookupKey, id] of pageLookupMap.entries()) {
-        if (id === AMBIGUOUS_PAGE_LOOKUP) {
-          continue;
-        }
-        job.adapterConfigs.set(`obsidian:pageId:${lookupKey}`, id);
-      }
-      for (const [id, emoji] of docEmojis.entries()) {
-        job.adapterConfigs.set('obsidian:pageEmoji:' + id, emoji);
-      }
-
-      const pathBlobIdMap = bindImportedAssetsToJob(
-        job,
-        pendingAssets,
-        pendingPathBlobIdMap
-      );
-
-      const preprocessedMarkdown = preprocessObsidianMarkdown(
-        content,
-        fullPath,
-        pageLookupMap,
-        pathBlobIdMap
-      );
-      const mdAdapter = new MarkdownAdapter(job, provider);
-      const snapshot = await mdAdapter.toDocSnapshot({
-        file: preprocessedMarkdown,
-        assets: job.assetsManager,
-      });
-
-      if (snapshot) {
-        snapshot.meta.id = predefinedId;
-        const doc = await job.snapshotToDoc(snapshot);
-        if (doc) {
-          applyMetaPatch(collection, doc.id, {
-            ...meta,
-            title: preferredTitle,
-            trash: false,
-          });
-          docIds.push(doc.id);
-        }
-      }
-    })
-  );
-
-  return { docIds, docEmojis };
-}
-
-export const ObsidianTransformer = {
-  importObsidianVault,
-};
--- a/blocksuite/affine/widgets/linked-doc/src/transformers/type.ts
+++ b/blocksuite/affine/widgets/linked-doc/src/transformers/type.ts
@@ -1,5 +1,3 @@
-import type { ParsedFrontmatterMeta } from './markdown.js';
-
 /**
 * Represents an imported file entry in the zip archive
 */
@@ -12,13 +10,6 @@ export type ImportedFileEntry = {
  fullPath: string;
 };

-export type MarkdownFileImportEntry = ImportedFileEntry & {
-  pageId: string;
-  preferredTitle: string;
-  content: string;
-  meta: ParsedFrontmatterMeta;
-};
-
 /**
 * Map of asset hash to File object for all media files in the zip
 * Key: SHA hash of the file content (blobId)
--- a/blocksuite/affine/widgets/toolbar/src/toolbar.ts
+++ b/blocksuite/affine/widgets/toolbar/src/toolbar.ts
@@ -162,11 +162,10 @@ export class AffineToolbarWidget extends WidgetComponent {
  }

  setReferenceElementWithElements(gfx: GfxController, elements: GfxModel[]) {
-    const surfaceBounds = getCommonBoundWithRotation(elements);
-
    const getBoundingClientRect = () => {
+      const bounds = getCommonBoundWithRotation(elements);
      const { x: offsetX, y: offsetY } = this.getBoundingClientRect();
-      const [x, y, w, h] = gfx.viewport.toViewBound(surfaceBounds).toXYWH();
+      const [x, y, w, h] = gfx.viewport.toViewBound(bounds).toXYWH();
      const rect = new DOMRect(x + offsetX, y + offsetY, w, h);
      return rect;
    };
--- a/blocksuite/framework/global/package.json
+++ b/blocksuite/framework/global/package.json
@@ -62,7 +62,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "version": "0.26.3"
 }
--- a/blocksuite/framework/global/src/tests/curve.unit.spec.ts
+++ b/blocksuite/framework/global/src/tests/curve.unit.spec.ts
@@ -1,22 +0,0 @@
-import { describe, expect, test } from 'vitest';
-
-import { getBezierParameters } from '../gfx/curve.js';
-import { PointLocation } from '../gfx/model/index.js';
-
-describe('getBezierParameters', () => {
-  test('should handle empty path', () => {
-    expect(() => getBezierParameters([])).not.toThrow();
-    expect(getBezierParameters([])).toEqual([
-      new PointLocation(),
-      new PointLocation(),
-      new PointLocation(),
-      new PointLocation(),
-    ]);
-  });
-
-  test('should handle single-point path', () => {
-    const point = new PointLocation([10, 20]);
-
-    expect(getBezierParameters([point])).toEqual([point, point, point, point]);
-  });
-});
--- a/blocksuite/framework/global/src/gfx/curve.ts
+++ b/blocksuite/framework/global/src/gfx/curve.ts
@@ -142,11 +142,6 @@ export function getBezierNearestPoint(
 export function getBezierParameters(
  points: PointLocation[]
 ): BezierCurveParameters {
-  if (points.length === 0) {
-    const point = new PointLocation();
-    return [point, point, point, point];
-  }
-
  // Fallback for degenerate Bezier curve (all points are at the same position)
  if (points.length === 1) {
    const point = points[0];
--- a/blocksuite/framework/global/vitest.config.ts
+++ b/blocksuite/framework/global/vitest.config.ts
@@ -5,7 +5,7 @@ export default defineConfig({
    include: ['src/__tests__/**/*.unit.spec.ts'],
    testTimeout: 500,
    coverage: {
-      provider: 'istanbul',
+      provider: 'istanbul', // or 'c8'
      reporter: ['lcov'],
      reportsDirectory: '../../../.coverage/global',
    },
--- a/blocksuite/framework/std/package.json
+++ b/blocksuite/framework/std/package.json
@@ -33,9 +33,7 @@
    "zod": "^3.25.76"
  },
  "devDependencies": {
-    "@vitest/browser-playwright": "^4.0.18",
-    "playwright": "=1.58.2",
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/framework/std/src/gfx/layer.ts
+++ b/blocksuite/framework/std/src/gfx/layer.ts
@@ -596,7 +596,7 @@ export class LayerManager extends GfxExtension {
  private _updateLayer(
    element: GfxModel | GfxLocalElementModel,
    props?: Record<string, unknown>,
-    _oldValues?: Record<string, unknown>
+    oldValues?: Record<string, unknown>
  ) {
    const modelType = this._getModelType(element);
    const isLocalElem = element instanceof GfxLocalElementModel;
@@ -613,7 +613,16 @@ export class LayerManager extends GfxExtension {
    };

    if (shouldUpdateGroupChildren) {
-      this._reset();
+      const group = element as GfxModel & GfxGroupCompatibleInterface;
+      const oldChildIds = childIdsChanged
+        ? Array.isArray(oldValues?.['childIds'])
+          ? (oldValues['childIds'] as string[])
+          : this._groupChildSnapshot.get(group.id)
+        : undefined;
+
+      const relatedElements = this._getRelatedGroupElements(group, oldChildIds);
+      this._refreshElementsInLayer(relatedElements);
+      this._syncGroupChildSnapshot(group);
      return true;
    }

--- a/blocksuite/framework/std/src/gfx/model/surface/element-model.ts
+++ b/blocksuite/framework/std/src/gfx/model/surface/element-model.ts
@@ -103,9 +103,8 @@ export abstract class GfxPrimitiveElementModel<
  }

  get deserializedXYWH() {
-    const xywh = this.xywh;
-
-    if (!this._lastXYWH || xywh !== this._lastXYWH) {
+    if (!this._lastXYWH || this.xywh !== this._lastXYWH) {
+      const xywh = this.xywh;
      this._local.set('deserializedXYWH', deserializeXYWH(xywh));
      this._lastXYWH = xywh;
    }
@@ -387,8 +386,6 @@ export abstract class GfxGroupLikeElementModel<
 {
  private _childIds: string[] = [];

-  private _xywhDirty = true;
-
  private readonly _mutex = createMutex();

  abstract children: Y.Map<any>;
@@ -423,9 +420,24 @@ export abstract class GfxGroupLikeElementModel<

  get xywh() {
    this._mutex(() => {
-      if (this._xywhDirty || !this._local.has('xywh')) {
-        this._local.set('xywh', this._getXYWH().serialize());
-        this._xywhDirty = false;
+      const curXYWH =
+        (this._local.get('xywh') as SerializedXYWH) ?? '[0,0,0,0]';
+      const newXYWH = this._getXYWH().serialize();
+
+      if (curXYWH !== newXYWH || !this._local.has('xywh')) {
+        this._local.set('xywh', newXYWH);
+
+        if (curXYWH !== newXYWH) {
+          this._onChange({
+            props: {
+              xywh: newXYWH,
+            },
+            oldValues: {
+              xywh: curXYWH,
+            },
+            local: true,
+          });
+        }
      }
    });

@@ -445,41 +457,15 @@ export abstract class GfxGroupLikeElementModel<
      bound = bound ? bound.unite(child.elementBound) : child.elementBound;
    });

+    if (bound) {
+      this._local.set('xywh', bound.serialize());
+    } else {
+      this._local.delete('xywh');
+    }
+
    return bound ?? new Bound(0, 0, 0, 0);
  }

-  invalidateXYWH() {
-    this._xywhDirty = true;
-    this._local.delete('deserializedXYWH');
-  }
-
-  refreshXYWH(local: boolean) {
-    this._mutex(() => {
-      const oldXYWH =
-        (this._local.get('xywh') as SerializedXYWH) ?? '[0,0,0,0]';
-      const nextXYWH = this._getXYWH().serialize();
-
-      this._xywhDirty = false;
-
-      if (oldXYWH === nextXYWH && this._local.has('xywh')) {
-        return;
-      }
-
-      this._local.set('xywh', nextXYWH);
-      this._local.delete('deserializedXYWH');
-
-      this._onChange({
-        props: {
-          xywh: nextXYWH,
-        },
-        oldValues: {
-          xywh: oldXYWH,
-        },
-        local,
-      });
-    });
-  }
-
  abstract addChild(element: GfxModel): void;

  /**
@@ -510,7 +496,6 @@ export abstract class GfxGroupLikeElementModel<
  setChildIds(value: string[], fromLocal: boolean) {
    const oldChildIds = this.childIds;
    this._childIds = value;
-    this.invalidateXYWH();

    this._onChange({
      props: {
--- a/blocksuite/framework/std/src/gfx/model/surface/surface-model.ts
+++ b/blocksuite/framework/std/src/gfx/model/surface/surface-model.ts
@@ -52,12 +52,6 @@ export type MiddlewareCtx = {
 export type SurfaceMiddleware = (ctx: MiddlewareCtx) => void;

 export class SurfaceBlockModel extends BlockModel<SurfaceBlockProps> {
-  private static readonly _groupBoundImpactKeys = new Set([
-    'xywh',
-    'rotate',
-    'hidden',
-  ]);
-
  protected _decoratorState = createDecoratorState();

  protected _elementCtorMap: Record<
@@ -314,42 +308,6 @@ export class SurfaceBlockModel extends BlockModel<SurfaceBlockProps> {
    Object.keys(payload.props).forEach(key => {
      model.propsUpdated.next({ key });
    });
-
-    this._refreshParentGroupBoundsForElement(model, payload);
-  }
-
-  private _refreshParentGroupBounds(id: string, local: boolean) {
-    const group = this.getGroup(id);
-
-    if (group instanceof GfxGroupLikeElementModel) {
-      group.refreshXYWH(local);
-    }
-  }
-
-  private _refreshParentGroupBoundsForElement(
-    model: GfxPrimitiveElementModel,
-    payload: ElementUpdatedData
-  ) {
-    if (
-      model instanceof GfxGroupLikeElementModel &&
-      ('childIds' in payload.props || 'childIds' in payload.oldValues)
-    ) {
-      model.refreshXYWH(payload.local);
-      return;
-    }
-
-    const affectedKeys = new Set([
-      ...Object.keys(payload.props),
-      ...Object.keys(payload.oldValues),
-    ]);
-
-    if (
-      Array.from(affectedKeys).some(key =>
-        SurfaceBlockModel._groupBoundImpactKeys.has(key)
-      )
-    ) {
-      this._refreshParentGroupBounds(model.id, payload.local);
-    }
  }

  private _initElementModels() {
@@ -500,10 +458,6 @@ export class SurfaceBlockModel extends BlockModel<SurfaceBlockProps> {
            );
          }

-          if (payload.model instanceof BlockModel) {
-            this._refreshParentGroupBounds(payload.id, payload.isLocal);
-          }
-
          break;
        case 'delete':
          if (isGfxGroupCompatibleModel(payload.model)) {
@@ -528,13 +482,6 @@ export class SurfaceBlockModel extends BlockModel<SurfaceBlockProps> {
            }
          }

-          if (
-            payload.props.key &&
-            SurfaceBlockModel._groupBoundImpactKeys.has(payload.props.key)
-          ) {
-            this._refreshParentGroupBounds(payload.id, payload.isLocal);
-          }
-
          break;
      }
    });
--- a/blocksuite/framework/std/src/view/element/gfx-block-component.ts
+++ b/blocksuite/framework/std/src/view/element/gfx-block-component.ts
@@ -31,13 +31,6 @@ function updateTransform(element: GfxBlockComponent) {
  element.style.transform = element.getCSSTransform();
 }

-function updateZIndex(element: GfxBlockComponent) {
-  const zIndex = element.toZIndex();
-  if (element.style.zIndex !== zIndex) {
-    element.style.zIndex = zIndex;
-  }
-}
-
 function updateBlockVisibility(view: GfxBlockComponent) {
  if (view.transformState$.value === 'active') {
    view.style.visibility = 'visible';
@@ -65,22 +58,14 @@ function handleGfxConnection(instance: GfxBlockComponent) {
    instance.store.slots.blockUpdated.subscribe(({ type, id }) => {
      if (id === instance.model.id && type === 'update') {
        updateTransform(instance);
-        updateZIndex(instance);
      }
    })
  );

-  instance.disposables.add(
-    instance.gfx.layer.slots.layerUpdated.subscribe(() => {
-      updateZIndex(instance);
-    })
-  );
-
  instance.disposables.add(
    effect(() => {
      updateBlockVisibility(instance);
      updateTransform(instance);
-      updateZIndex(instance);
    })
  );
 }
@@ -120,23 +105,17 @@ export abstract class GfxBlockComponent<

  onBoxSelected(_: BoxSelectionContext) {}

-  getCSSScaleVal(): number {
-    const viewport = this.gfx.viewport;
-    const { zoom, viewScale } = viewport;
-    return zoom / viewScale;
-  }
-
  getCSSTransform() {
    const viewport = this.gfx.viewport;
-    const { translateX, translateY, zoom, viewScale } = viewport;
+    const { translateX, translateY, zoom } = viewport;
    const bound = Bound.deserialize(this.model.xywh);

-    const scaledX = (bound.x * zoom) / viewScale;
-    const scaledY = (bound.y * zoom) / viewScale;
+    const scaledX = bound.x * zoom;
+    const scaledY = bound.y * zoom;
    const deltaX = scaledX - bound.x;
    const deltaY = scaledY - bound.y;

-    return `translate(${translateX / viewScale + deltaX}px, ${translateY / viewScale + deltaY}px) scale(${this.getCSSScaleVal()})`;
+    return `translate(${translateX + deltaX}px, ${translateY + deltaY}px) scale(${zoom})`;
  }

  getRenderingRect() {
@@ -240,12 +219,18 @@ export function toGfxBlockComponent<
      handleGfxConnection(this);
    }

-    getCSSScaleVal(): number {
-      return GfxBlockComponent.prototype.getCSSScaleVal.call(this);
-    }
-
+    // eslint-disable-next-line sonarjs/no-identical-functions
    getCSSTransform() {
-      return GfxBlockComponent.prototype.getCSSTransform.call(this);
+      const viewport = this.gfx.viewport;
+      const { translateX, translateY, zoom } = viewport;
+      const bound = Bound.deserialize(this.model.xywh);
+
+      const scaledX = bound.x * zoom;
+      const scaledY = bound.y * zoom;
+      const deltaX = scaledX - bound.x;
+      const deltaY = scaledY - bound.y;
+
+      return `translate(${translateX + deltaX}px, ${translateY + deltaY}px) scale(${zoom})`;
    }

    // eslint-disable-next-line sonarjs/no-identical-functions
--- a/blocksuite/framework/std/vitest.config.ts
+++ b/blocksuite/framework/std/vitest.config.ts
@@ -1,4 +1,3 @@
-import { playwright } from '@vitest/browser-playwright';
 import { defineConfig } from 'vitest/config';

 export default defineConfig({
@@ -9,14 +8,15 @@ export default defineConfig({
    browser: {
      enabled: true,
      headless: true,
-      instances: [{ browser: 'chromium' }],
-      provider: playwright(),
+      name: 'chromium',
+      provider: 'playwright',
      isolate: false,
+      providerOptions: {},
    },
    include: ['src/__tests__/**/*.unit.spec.ts'],
    testTimeout: 500,
    coverage: {
-      provider: 'istanbul',
+      provider: 'istanbul', // or 'c8'
      reporter: ['lcov'],
      reportsDirectory: '../../../.coverage/std',
    },
--- a/blocksuite/framework/store/package.json
+++ b/blocksuite/framework/store/package.json
@@ -29,7 +29,7 @@
  "devDependencies": {
    "@types/lodash.clonedeep": "^4.5.9",
    "@types/lodash.merge": "^4.6.9",
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "exports": {
    ".": "./src/index.ts",
--- a/blocksuite/framework/store/src/index.ts
+++ b/blocksuite/framework/store/src/index.ts
@@ -7,11 +7,15 @@ export * from './transformer';
 export { type IdGenerator, nanoid, uuidv4 } from './utils/id-generator';
 export * from './yjs';

-const env = (typeof globalThis !== 'undefined'
-  ? globalThis
-  : typeof window !== 'undefined'
-    ? window
-    : {}) as unknown as Record<string, boolean>;
+const env = (
+  typeof globalThis !== 'undefined'
+    ? globalThis
+    : typeof window !== 'undefined'
+      ? window
+      : typeof global !== 'undefined'
+        ? global
+        : {}
+) as Record<string, boolean>;
 const importIdentifier = '__ $BLOCKSUITE_STORE$ __';

 if (env[importIdentifier] === true) {
--- a/blocksuite/framework/store/vitest.config.ts
+++ b/blocksuite/framework/store/vitest.config.ts
@@ -8,7 +8,7 @@ export default defineConfig({
    include: ['src/__tests__/**/*.unit.spec.ts'],
    testTimeout: 500,
    coverage: {
-      provider: 'istanbul',
+      provider: 'istanbul', // or 'c8'
      reporter: ['lcov'],
      reportsDirectory: '../../../.coverage/store',
    },
--- a/blocksuite/framework/sync/package.json
+++ b/blocksuite/framework/sync/package.json
@@ -19,7 +19,7 @@
    "y-protocols": "^1.0.6"
  },
  "devDependencies": {
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "peerDependencies": {
    "yjs": "*"
--- a/blocksuite/framework/sync/vitest.config.ts
+++ b/blocksuite/framework/sync/vitest.config.ts
@@ -5,7 +5,7 @@ export default defineConfig({
    include: ['src/__tests__/**/*.unit.spec.ts'],
    testTimeout: 500,
    coverage: {
-      provider: 'istanbul',
+      provider: 'istanbul', // or 'c8'
      reporter: ['lcov'],
      reportsDirectory: '../../../.coverage/sync',
    },
--- a/blocksuite/integration-test/package.json
+++ b/blocksuite/integration-test/package.json
@@ -6,7 +6,7 @@
    "dev": "vite",
    "build": "tsc",
    "test:unit": "vitest --browser.headless --run",
-    "test:debug": "PWDEBUG=1 npx vitest --browser.headless=false"
+    "test:debug": "PWDEBUG=1 npx vitest"
  },
  "sideEffects": false,
  "keywords": [],
@@ -17,7 +17,7 @@
    "@blocksuite/icons": "^2.2.17",
    "@floating-ui/dom": "^1.6.13",
    "@lit/context": "^1.1.3",
-    "@lottiefiles/dotlottie-wc": "^0.9.4",
+    "@lottiefiles/dotlottie-wc": "^0.5.0",
    "@preact/signals-core": "^1.8.0",
    "@toeverything/theme": "^1.1.23",
    "@vanilla-extract/css": "^1.17.0",
@@ -41,12 +41,10 @@
  ],
  "devDependencies": {
    "@vanilla-extract/vite-plugin": "^5.0.0",
-    "@vitest/browser-playwright": "^4.0.18",
-    "playwright": "=1.58.2",
    "vite": "^7.2.7",
    "vite-plugin-istanbul": "^7.2.1",
    "vite-plugin-wasm": "^3.5.0",
-    "vitest": "^4.0.18"
+    "vitest": "^3.2.4"
  },
  "version": "0.26.3"
 }
--- a/blocksuite/integration-test/src/tests/edgeless/screenshots/connector-dom.spec.ts/Connector-rendering-with-DOM-renderer-should-remove-connector-DOM-node-when-element-is-deleted-1.png
+++ b/blocksuite/integration-test/src/tests/edgeless/screenshots/connector-dom.spec.ts/Connector-rendering-with-DOM-renderer-should-remove-connector-DOM-node-when-element-is-deleted-1.png
--- a/blocksuite/integration-test/src/tests/edgeless/screenshots/connector-dom.spec.ts/Connector-rendering-with-DOM-renderer-should-render-a-connector-element-as-a-DOM-node-1.png
+++ b/blocksuite/integration-test/src/tests/edgeless/screenshots/connector-dom.spec.ts/Connector-rendering-with-DOM-renderer-should-render-a-connector-element-as-a-DOM-node-1.png
--- a/blocksuite/integration-test/src/tests/edgeless/screenshots/connector-dom.spec.ts/Connector-rendering-with-DOM-renderer-should-render-connector-with-arrow-endpoints-1.png
+++ b/blocksuite/integration-test/src/tests/edgeless/screenshots/connector-dom.spec.ts/Connector-rendering-with-DOM-renderer-should-render-connector-with-arrow-endpoints-1.png
--- a/blocksuite/integration-test/src/tests/edgeless/screenshots/connector-dom.spec.ts/Connector-rendering-with-DOM-renderer-should-render-connector-with-different-stroke-styles-1.png
+++ b/blocksuite/integration-test/src/tests/edgeless/screenshots/connector-dom.spec.ts/Connector-rendering-with-DOM-renderer-should-render-connector-with-different-stroke-styles-1.png
--- a/blocksuite/integration-test/src/tests/edgeless/layer.spec.ts
+++ b/blocksuite/integration-test/src/tests/edgeless/layer.spec.ts
@@ -6,7 +6,6 @@ import type {
 import { ungroupCommand } from '@blocksuite/affine/gfx/group';
 import type {
  GroupElementModel,
-  MindmapElementModel,
  NoteBlockModel,
 } from '@blocksuite/affine/model';
 import { generateKeyBetween } from '@blocksuite/affine/std/gfx';
@@ -254,40 +253,6 @@ test('blocks should rerender when their z-index changed', async () => {
  assertBlocksContent();
 });

-test('block host z-index should update after reordering', async () => {
-  const backId = addNote(doc);
-  const frontId = addNote(doc);
-
-  await wait();
-
-  const getBlockHost = (id: string) =>
-    document.querySelector<HTMLElement>(
-      `affine-edgeless-root gfx-viewport > [data-block-id="${id}"]`
-    );
-
-  const backHost = getBlockHost(backId);
-  const frontHost = getBlockHost(frontId);
-
-  expect(backHost).not.toBeNull();
-  expect(frontHost).not.toBeNull();
-  expect(Number(backHost!.style.zIndex)).toBeLessThan(
-    Number(frontHost!.style.zIndex)
-  );
-
-  service.crud.updateElement(backId, {
-    index: service.layer.getReorderedIndex(
-      service.crud.getElementById(backId)!,
-      'front'
-    ),
-  });
-
-  await wait();
-
-  expect(Number(backHost!.style.zIndex)).toBeGreaterThan(
-    Number(frontHost!.style.zIndex)
-  );
-});
-
 describe('layer reorder functionality', () => {
  let ids: string[] = [];

@@ -463,17 +428,14 @@ describe('group related functionality', () => {
    const elements = [
      service.crud.addElement('shape', {
        shapeType: 'rect',
-        xywh: '[0,0,100,100]',
      })!,
      addNote(doc),
      service.crud.addElement('shape', {
        shapeType: 'rect',
-        xywh: '[120,0,100,100]',
      })!,
      addNote(doc),
      service.crud.addElement('shape', {
        shapeType: 'rect',
-        xywh: '[240,0,100,100]',
      })!,
    ];

@@ -566,35 +528,6 @@ describe('group related functionality', () => {
    expect(service.layer.layers[1].elements[0]).toBe(group);
  });

-  test("change mindmap index should update its nodes' layer", async () => {
-    const noteId = addNote(doc);
-    const mindmapId = service.crud.addElement('mindmap', {
-      children: {
-        text: 'root',
-        children: [{ text: 'child' }],
-      },
-    })!;
-
-    await wait();
-
-    const note = service.crud.getElementById(noteId)!;
-    const mindmap = service.crud.getElementById(
-      mindmapId
-    )! as MindmapElementModel;
-    const root = mindmap.tree.element;
-
-    expect(service.layer.getZIndex(root)).toBeGreaterThan(
-      service.layer.getZIndex(note)
-    );
-
-    mindmap.index = service.layer.getReorderedIndex(mindmap, 'back');
-    await wait();
-
-    expect(service.layer.getZIndex(root)).toBeLessThan(
-      service.layer.getZIndex(note)
-    );
-  });
-
  test('should keep relative index order of elements after group, ungroup, undo, redo', () => {
    const edgeless = getDocRootBlock(doc, editor, 'edgeless');
    const elementIds = [
@@ -836,7 +769,6 @@ test('indexed canvas should be inserted into edgeless portal when switch to edge

  service.crud.addElement('shape', {
    shapeType: 'rect',
-    xywh: '[0,0,100,100]',
  })!;

  addNote(doc);
@@ -845,7 +777,6 @@ test('indexed canvas should be inserted into edgeless portal when switch to edge

  service.crud.addElement('shape', {
    shapeType: 'rect',
-    xywh: '[120,0,100,100]',
  })!;

  editor.mode = 'page';
@@ -861,10 +792,10 @@ test('indexed canvas should be inserted into edgeless portal when switch to edge
    '.indexable-canvas'
  )[0] as HTMLCanvasElement;

-  expect(indexedCanvas.width).toBeLessThanOrEqual(
+  expect(indexedCanvas.width).toBe(
    (surface.renderer as CanvasRenderer).canvas.width
  );
-  expect(indexedCanvas.height).toBeLessThanOrEqual(
+  expect(indexedCanvas.height).toBe(
    (surface.renderer as CanvasRenderer).canvas.height
  );
  expect(indexedCanvas.width).not.toBe(0);
--- a/blocksuite/integration-test/src/tests/edgeless/surface-model.spec.ts
+++ b/blocksuite/integration-test/src/tests/edgeless/surface-model.spec.ts
@@ -4,7 +4,6 @@ import type {
  ConnectorElementModel,
  GroupElementModel,
 } from '@blocksuite/affine/model';
-import { serializeXYWH } from '@blocksuite/global/gfx';
 import { beforeEach, describe, expect, test } from 'vitest';

 import { wait } from '../utils/common.js';
@@ -139,29 +138,6 @@ describe('group', () => {

    expect(group.childIds).toEqual([id]);
  });
-
-  test('group xywh should update when child xywh changes', () => {
-    const shapeId = model.addElement({
-      type: 'shape',
-      xywh: serializeXYWH(0, 0, 100, 100),
-    });
-    const groupId = model.addElement({
-      type: 'group',
-      children: {
-        [shapeId]: true,
-      },
-    });
-
-    const group = model.getElementById(groupId) as GroupElementModel;
-
-    expect(group.xywh).toBe(serializeXYWH(0, 0, 100, 100));
-
-    model.updateElement(shapeId, {
-      xywh: serializeXYWH(50, 60, 100, 100),
-    });
-
-    expect(group.xywh).toBe(serializeXYWH(50, 60, 100, 100));
-  });
 });

 describe('connector', () => {
--- a/blocksuite/integration-test/src/tests/main/screenshots/snapshot.spec.ts/snapshot-1-importing-1.png
+++ b/blocksuite/integration-test/src/tests/main/screenshots/snapshot.spec.ts/snapshot-1-importing-1.png
--- a/blocksuite/integration-test/src/tests/main/screenshots/snapshot.spec.ts/snapshot-2-importing-1.png
+++ b/blocksuite/integration-test/src/tests/main/screenshots/snapshot.spec.ts/snapshot-2-importing-1.png
--- a/Show More
+++ b/Show More
@@ -1 +1 @@
 .22.1
 .22.0