fix: according to graphite-app's suggestions

feat: implement textAlign property for paragraph blocks, image blocks, list blocks, and table blocks
2026-02-05 17:13:43 +00:00 · 2025-04-29 17:32:46 +08:00 · 2025-04-29 17:32:46 +08:00
2730 changed files with 42411 additions and 110618 deletions
--- a/.devcontainer/build.sh
+++ b/.devcontainer/build.sh
@@ -6,7 +6,6 @@ yarn install

 # Build Server Dependencies
 yarn affine @affine/server-native build
-yarn affine @affine/reader build

 # Create database
 yarn affine @affine/server prisma migrate reset -f
--- a/.devcontainer/docker-compose.yml
+++ b/.devcontainer/docker-compose.yml
@@ -10,7 +10,6 @@ services:
    environment:
      DATABASE_URL: postgresql://affine:affine@db:5432/affine
      REDIS_SERVER_HOST: redis
-      AFFINE_INDEXER_SEARCH_ENDPOINT: http://indexer:9308

  db:
    image: pgvector/pgvector:pg16
@@ -24,19 +23,5 @@ services:
  redis:
    image: redis

-  indexer:
-    image: manticoresearch/manticore:${MANTICORE_VERSION:-9.3.2}
-    ulimits:
-      nproc: 65535
-      nofile:
-        soft: 65535
-        hard: 65535
-      memlock:
-        soft: -1
-        hard: -1
-    volumes:
-      - manticoresearch_data:/var/lib/manticore
-
 volumes:
  postgres-data:
-  manticoresearch_data:
--- a/.docker/dev/.env.example
+++ b/.docker/dev/.env.example
@@ -3,13 +3,4 @@ DB_VERSION=16
 # database credentials
 DB_PASSWORD=affine
 DB_USERNAME=affine
-DB_DATABASE_NAME=affine
-
-# elasticsearch env
-# ELASTIC_VERSION=9.0.1
-# enable for arm64, e.g.: macOS M1+
-# ELASTIC_VERSION_ARM64=-arm64
-# ELASTIC_PLATFORM=linux/arm64
-
-# manticoresearch
-MANTICORE_VERSION=9.3.2
+DB_DATABASE_NAME=affine
--- a/.docker/dev/.gitignore
+++ b/.docker/dev/.gitignore
@@ -1,6 +1,3 @@
 postgres
 .env
-compose.yml
-certs/*
-!certs/.gitkeep
-nginx/conf.d/*
+compose.yml
--- a/.docker/dev/README.md
+++ b/.docker/dev/README.md
@@ -1,27 +0,0 @@
-# Dev containers
-
-## Develop with domain
-
-> MacOs only, OrbStack only
-
-### 1. Generate and install Root CA
-
-```bash
-# the root ca file will be located at `./.docker/dev/certs/ca`
-yarn affine cert --install
-```
-
-### 2. Generate domain certs
-
-```bash
-# certificates will be located at `./.docker/dev/certs/${domain}`
-yarn affine cert --domain dev.affine.fail
-```
-
-### 3. Enable dns and nginx service in compose.yml
-
-### 4. Add custom dns server
-
-```bash
-echo "nameserver 127.0.0.1" | sudo tee /etc/resolver/dev.affine.fail
-```
--- a/.docker/dev/certs/.gitkeep
+++ b/.docker/dev/certs/.gitkeep
--- a/.docker/dev/compose.yml.example
+++ b/.docker/dev/compose.yml.example
@@ -24,78 +24,8 @@ services:
      - 1025:1025
      - 8025:8025

-  # https://manual.manticoresearch.com/Starting_the_server/Docker
-  manticoresearch:
-    image: manticoresearch/manticore:${MANTICORE_VERSION:-9.3.2}
-    ports:
-      - 9308:9308
-    ulimits:
-      nproc: 65535
-      nofile:
-        soft: 65535
-        hard: 65535
-      memlock:
-        soft: -1
-        hard: -1
-    volumes:
-      - manticoresearch_data:/var/lib/manticore
-  
-  # elasticsearch:
-  #   image: docker.elastic.co/elasticsearch/elasticsearch:${ELASTIC_VERSION:-9.0.1}${ELASTIC_VERSION_ARM64}
-  #   platform: ${ELASTIC_PLATFORM}
-  #   labels:
-  #     co.elastic.logs/module: elasticsearch
-  #   volumes:
-  #     - elasticsearch_data:/usr/share/elasticsearch/data
-  #   ports:
-  #     - ${ES_PORT:-9200}:9200
-  #   environment:
-  #     - node.name=es01
-  #     - cluster.name=affine-dev
-  #     - discovery.type=single-node
-  #     - bootstrap.memory_lock=true
-  #     - xpack.security.enabled=false
-  #     - xpack.security.http.ssl.enabled=false
-  #     - xpack.security.transport.ssl.enabled=false
-  #     - xpack.license.self_generated.type=basic
-  #   mem_limit: ${ES_MEM_LIMIT:-1073741824}
-  #   ulimits:
-  #     memlock:
-  #       soft: -1
-  #       hard: -1
-  #   healthcheck:
-  #     test:
-  #       [
-  #         "CMD-SHELL",
-  #         "curl -s http://localhost:9200 | grep -q 'affine-dev'",
-  #       ]
-  #     interval: 10s
-  #     timeout: 10s
-  #     retries: 120
-
-  # dns:
-  #   image: strm/dnsmasq
-  #   volumes:
-  #     - ./dnsmasq.conf:/etc/dnsmasq.d/local.conf
-  #   ports:
-  #     - "53:53/udp"
-  #   cap_add:
-  #     - NET_ADMIN
-  #   depends_on:
-  #     - nginx
-
-  # nginx:
-  #   image: nginx:alpine
-  #   volumes:
-  #     - ./nginx/nginx.conf:/etc/nginx/nginx.conf:ro
-  #     - ./nginx/conf.d:/etc/nginx/conf.d:ro
-  #     - ./certs:/etc/nginx/certs:ro
-  #   network_mode: host
-
 networks:
  dev:

 volumes:
  postgres_data:
-  manticoresearch_data:
-  elasticsearch_data:
--- a/.docker/dev/dnsmasq.conf
+++ b/.docker/dev/dnsmasq.conf
@@ -1,2 +0,0 @@
-log-queries
-address=/dev.affine.fail/127.0.0.1
--- a/.docker/dev/nginx/nginx.conf
+++ b/.docker/dev/nginx/nginx.conf
@@ -1,28 +0,0 @@
-user nginx;
-worker_processes auto;
-
-error_log   /var/log/nginx/error.log;
-pid         /var/run/nginx.pid;
-
-events {
-  worker_connections  1024;
-}
-
-http {
-  include mime.types;
-  default_type  application/octet-stream;
-
-  log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
-                    '$status $body_bytes_sent "$http_referer" '
-                    '"$http_user_agent" "$http_x_forwarded_for"';
-  access_log  /var/log/nginx/access.log  main;
-
-  sendfile on;
-  keepalive_timeout  65;
-  types_hash_max_size 2048;
-  client_max_body_size 512M;
-  server_names_hash_bucket_size 128;
-  ssi on;
-  gzip  on;
-  include "/etc/nginx/conf.d/*";
-}
--- a/.docker/dev/templates/nginx.conf
+++ b/.docker/dev/templates/nginx.conf
@@ -1,27 +0,0 @@
-server {
-  listen 80;
-  server_name DEV_DOMAIN;
-  
-  location / {
-    return 301 https://$host$request_uri;
-  }
-}
-
-server {
-  listen 443 ssl;
-  http2 on;
-  ssl_certificate /etc/nginx/certs/$host/crt;
-  ssl_certificate_key /etc/nginx/certs/$host/key;
-  server_name DEV_DOMAIN;
-
-  location / {
-    proxy_pass http://localhost:8080;
-    proxy_set_header   Host              $host;
-    proxy_set_header   X-Real-IP         $remote_addr;
-    proxy_set_header   X-Forwarded-For   $proxy_add_x_forwarded_for;
-    proxy_set_header   X-Forwarded-Proto $scheme;
-    proxy_set_header   Upgrade           $http_upgrade;
-    proxy_set_header   Connection        "upgrade";
-    resolver 127.0.0.1;
-  }
-}
--- a/.docker/dev/templates/openssl.conf
+++ b/.docker/dev/templates/openssl.conf
@@ -1,25 +0,0 @@
-[req]
-distinguished_name = req_distinguished_name
-req_extensions = v3_req
-
-[req_distinguished_name]
-countryName = Country Name (2 letter code)
-countryName_default = US
-stateOrProvinceName = State or Province Name (full name)
-stateOrProvinceName_default = MN
-localityName = Locality Name (eg, city)
-localityName_default = Minneapolis
-organizationalUnitName	= Organizational Unit Name (eg, section)
-organizationalUnitName_default	= Domain Control Validated
-commonName = Internet Widgits Ltd
-commonName_max	= 64
-
-[ v3_req ]
-# Extensions to add to a certificate request
-basicConstraints = CA:FALSE
-keyUsage = nonRepudiation, digitalSignature, keyEncipherment
-subjectAltName = @alt_names
-
-[alt_names]
-DNS.1 = DEV_DOMAIN
-DNS.2 = *.DEV_DOMAIN
--- a/.docker/selfhost/.env.example
+++ b/.docker/selfhost/.env.example
@@ -20,4 +20,4 @@ CONFIG_LOCATION=~/.affine/self-host/config
 # database credentials
 DB_USERNAME=affine
 DB_PASSWORD=
-DB_DATABASE=affine
+DB_DATABASE=affine
--- a/.docker/selfhost/.gitignore
+++ b/.docker/selfhost/.gitignore
@@ -1 +0,0 @@
-.env
--- a/.docker/selfhost/compose.yml
+++ b/.docker/selfhost/compose.yml
@@ -21,7 +21,6 @@ services:
    environment:
      - REDIS_SERVER_HOST=redis
      - DATABASE_URL=postgresql://${DB_USERNAME}:${DB_PASSWORD}@postgres:5432/${DB_DATABASE:-affine}
-      - AFFINE_INDEXER_ENABLED=false
    restart: unless-stopped

  affine_migration:
@@ -37,7 +36,6 @@ services:
    environment:
      - REDIS_SERVER_HOST=redis
      - DATABASE_URL=postgresql://${DB_USERNAME}:${DB_PASSWORD}@postgres:5432/${DB_DATABASE:-affine}
-      - AFFINE_INDEXER_ENABLED=false
    depends_on:
      postgres:
        condition: service_healthy
@@ -55,7 +53,7 @@ services:
    restart: unless-stopped

  postgres:
-    image: pgvector/pgvector:pg16
+    image: postgres:16
    container_name: affine_postgres
    volumes:
      - ${DB_DATA_LOCATION}:/var/lib/postgresql/data
--- a/.docker/selfhost/schema.json
+++ b/.docker/selfhost/schema.json
@@ -31,13 +31,9 @@
      "properties": {
        "queue": {
          "type": "object",
-          "description": "The config for job queues\n@default {\"attempts\":5,\"backoff\":{\"type\":\"exponential\",\"delay\":1000},\"removeOnComplete\":true,\"removeOnFail\":{\"age\":86400,\"count\":500}}\n@link https://api.docs.bullmq.io/interfaces/v5.QueueOptions.html",
+          "description": "The config for job queues\n@default {\"attempts\":5,\"removeOnComplete\":true,\"removeOnFail\":{\"age\":86400,\"count\":500}}\n@link https://api.docs.bullmq.io/interfaces/v5.QueueOptions.html",
          "default": {
            "attempts": 5,
-            "backoff": {
-              "type": "exponential",
-              "delay": 1000
-            },
            "removeOnComplete": true,
            "removeOnFail": {
              "age": 86400,
@@ -52,19 +48,7 @@
        },
        "queues.copilot": {
          "type": "object",
-          "description": "The config for copilot job queue\n@default {\"concurrency\":10}",
-          "properties": {
-            "concurrency": {
-              "type": "number"
-            }
-          },
-          "default": {
-            "concurrency": 10
-          }
-        },
-        "queues.doc": {
-          "type": "object",
-          "description": "The config for doc job queue\n@default {\"concurrency\":1}",
+          "description": "The config for copilot job queue\n@default {\"concurrency\":1}",
          "properties": {
            "concurrency": {
              "type": "number"
@@ -74,9 +58,9 @@
            "concurrency": 1
          }
        },
-        "queues.indexer": {
+        "queues.doc": {
          "type": "object",
-          "description": "The config for indexer job queue\n@default {\"concurrency\":1}",
+          "description": "The config for doc job queue\n@default {\"concurrency\":1}",
          "properties": {
            "concurrency": {
              "type": "number"
@@ -139,6 +123,32 @@
        }
      }
    },
+    "websocket": {
+      "type": "object",
+      "description": "Configuration for websocket module",
+      "properties": {
+        "transports": {
+          "type": "array",
+          "description": "The enabled transports for accepting websocket traffics.\n@default [\"websocket\",\"polling\"]\n@link https://docs.nestjs.com/websockets/gateways#transports",
+          "items": {
+            "type": "string",
+            "enum": [
+              "websocket",
+              "polling"
+            ]
+          },
+          "default": [
+            "websocket",
+            "polling"
+          ]
+        },
+        "maxHttpBufferSize": {
+          "type": "number",
+          "description": "How many bytes or characters a message can be, before closing the session (to avoid DoS).\n@default 100000000",
+          "default": 100000000
+        }
+      }
+    },
    "auth": {
      "type": "object",
      "description": "Configuration for auth module",
@@ -491,32 +501,6 @@
        }
      }
    },
-    "websocket": {
-      "type": "object",
-      "description": "Configuration for websocket module",
-      "properties": {
-        "transports": {
-          "type": "array",
-          "description": "The enabled transports for accepting websocket traffics.\n@default [\"websocket\",\"polling\"]\n@link https://docs.nestjs.com/websockets/gateways#transports",
-          "items": {
-            "type": "string",
-            "enum": [
-              "websocket",
-              "polling"
-            ]
-          },
-          "default": [
-            "websocket",
-            "polling"
-          ]
-        },
-        "maxHttpBufferSize": {
-          "type": "number",
-          "description": "How many bytes or characters a message can be, before closing the session (to avoid DoS).\n@default 100000000",
-          "default": 100000000
-        }
-      }
-    },
    "server": {
      "type": "object",
      "description": "Configuration for server module",
@@ -643,41 +627,6 @@
            "apiKey": ""
          }
        },
-        "providers.geminiVertex": {
-          "type": "object",
-          "description": "The config for the google vertex provider.\n@default {}",
-          "properties": {
-            "location": {
-              "type": "string",
-              "description": "The location of the google vertex provider."
-            },
-            "project": {
-              "type": "string",
-              "description": "The project name of the google vertex provider."
-            },
-            "googleAuthOptions": {
-              "type": "object",
-              "description": "The google auth options for the google vertex provider.",
-              "properties": {
-                "credentials": {
-                  "type": "object",
-                  "description": "The credentials for the google vertex provider.",
-                  "properties": {
-                    "client_email": {
-                      "type": "string",
-                      "description": "The client email for the google vertex provider."
-                    },
-                    "private_key": {
-                      "type": "string",
-                      "description": "The private key for the google vertex provider."
-                    }
-                  }
-                }
-              }
-            }
-          },
-          "default": {}
-        },
        "providers.perplexity": {
          "type": "object",
          "description": "The config for the perplexity provider.\n@default {\"apiKey\":\"\"}",
@@ -685,48 +634,6 @@
            "apiKey": ""
          }
        },
-        "providers.anthropic": {
-          "type": "object",
-          "description": "The config for the anthropic provider.\n@default {\"apiKey\":\"\"}",
-          "default": {
-            "apiKey": ""
-          }
-        },
-        "providers.anthropicVertex": {
-          "type": "object",
-          "description": "The config for the google vertex provider.\n@default {}",
-          "properties": {
-            "location": {
-              "type": "string",
-              "description": "The location of the google vertex provider."
-            },
-            "project": {
-              "type": "string",
-              "description": "The project name of the google vertex provider."
-            },
-            "googleAuthOptions": {
-              "type": "object",
-              "description": "The google auth options for the google vertex provider.",
-              "properties": {
-                "credentials": {
-                  "type": "object",
-                  "description": "The credentials for the google vertex provider.",
-                  "properties": {
-                    "client_email": {
-                      "type": "string",
-                      "description": "The client email for the google vertex provider."
-                    },
-                    "private_key": {
-                      "type": "string",
-                      "description": "The private key for the google vertex provider."
-                    }
-                  }
-                }
-              }
-            }
-          },
-          "default": {}
-        },
        "unsplash": {
          "type": "object",
          "description": "The config for the unsplash key.\n@default {\"key\":\"\"}",
@@ -734,13 +641,6 @@
            "key": ""
          }
        },
-        "exa": {
-          "type": "object",
-          "description": "The config for the exa web search key.\n@default {\"key\":\"\"}",
-          "default": {
-            "key": ""
-          }
-        },
        "storage": {
          "type": "object",
          "description": "The config for the storage provider.\n@default {\"provider\":\"fs\",\"bucket\":\"copilot\",\"config\":{\"path\":\"~/.affine/storage\"}}",
@@ -880,47 +780,6 @@
        }
      }
    },
-    "indexer": {
-      "type": "object",
-      "description": "Configuration for indexer module",
-      "properties": {
-        "enabled": {
-          "type": "boolean",
-          "description": "Enable indexer plugin\n@default false\n@environment `AFFINE_INDEXER_ENABLED`",
-          "default": false
-        },
-        "provider.type": {
-          "type": "string",
-          "description": "Indexer search service provider name\n@default \"manticoresearch\"\n@environment `AFFINE_INDEXER_SEARCH_PROVIDER`",
-          "default": "manticoresearch"
-        },
-        "provider.endpoint": {
-          "type": "string",
-          "description": "Indexer search service endpoint\n@default \"http://localhost:9308\"\n@environment `AFFINE_INDEXER_SEARCH_ENDPOINT`",
-          "default": "http://localhost:9308"
-        },
-        "provider.apiKey": {
-          "type": "string",
-          "description": "Indexer search service api key. Optional for elasticsearch\n@default \"\"\n@environment `AFFINE_INDEXER_SEARCH_API_KEY`\n@link https://www.elastic.co/guide/server/current/api-key.html",
-          "default": ""
-        },
-        "provider.username": {
-          "type": "string",
-          "description": "Indexer search service auth username, if not set, basic auth will be disabled. Optional for elasticsearch\n@default \"\"\n@environment `AFFINE_INDEXER_SEARCH_USERNAME`\n@link https://www.elastic.co/guide/en/elasticsearch/reference/current/http-clients.html",
-          "default": ""
-        },
-        "provider.password": {
-          "type": "string",
-          "description": "Indexer search service auth password, if not set, basic auth will be disabled. Optional for elasticsearch\n@default \"\"\n@environment `AFFINE_INDEXER_SEARCH_PASSWORD`",
-          "default": ""
-        },
-        "autoIndex.batchSize": {
-          "type": "number",
-          "description": "Number of workspaces automatically indexed per batch\n@default 10",
-          "default": 10
-        }
-      }
-    },
    "oauth": {
      "type": "object",
      "description": "Configuration for oauth module",
@@ -965,43 +824,13 @@
        },
        "providers.oidc": {
          "type": "object",
-          "description": "OIDC OAuth provider config\n@default {\"clientId\":\"\",\"clientSecret\":\"\",\"issuer\":\"\",\"args\":{}}\n@link https://openid.net/specs/openid-connect-core-1_0.html",
-          "properties": {
-            "clientId": {
-              "type": "string"
-            },
-            "clientSecret": {
-              "type": "string"
-            },
-            "args": {
-              "type": "object"
-            }
-          },
+          "description": "OIDC OAuth provider config\n@default {\"clientId\":\"\",\"clientSecret\":\"\",\"issuer\":\"\",\"args\":{}}",
          "default": {
            "clientId": "",
            "clientSecret": "",
            "issuer": "",
            "args": {}
          }
-        },
-        "providers.apple": {
-          "type": "object",
-          "description": "Apple OAuth provider config\n@default {\"clientId\":\"\",\"clientSecret\":\"\"}\n@link https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_js/implementing_sign_in_with_apple_in_your_app",
-          "properties": {
-            "clientId": {
-              "type": "string"
-            },
-            "clientSecret": {
-              "type": "string"
-            },
-            "args": {
-              "type": "object"
-            }
-          },
-          "default": {
-            "clientId": "",
-            "clientSecret": ""
-          }
        }
      }
    },
--- a/.github/actions/deploy/deploy.mjs
+++ b/.github/actions/deploy/deploy.mjs
@@ -16,9 +16,6 @@ const {
  REDIS_SERVER_HOST,
  REDIS_SERVER_PASSWORD,
  STATIC_IP_NAME,
-  AFFINE_INDEXER_SEARCH_PROVIDER,
-  AFFINE_INDEXER_SEARCH_ENDPOINT,
-  AFFINE_INDEXER_SEARCH_API_KEY,
 } = process.env;

 const buildType = BUILD_TYPE || 'canary';
@@ -84,11 +81,6 @@ const createHelmCommand = ({ isDryRun }) => {
          `--set-string global.redis.password="${REDIS_SERVER_PASSWORD}"`,
        ]
      : [];
-  const indexerOptions = [
-    `--set-string global.indexer.provider="${AFFINE_INDEXER_SEARCH_PROVIDER}"`,
-    `--set-string global.indexer.endpoint="${AFFINE_INDEXER_SEARCH_ENDPOINT}"`,
-    `--set-string global.indexer.apiKey="${AFFINE_INDEXER_SEARCH_API_KEY}"`,
-  ];
  const serviceAnnotations = [
    `--set-json   web.serviceAccount.annotations="{ \\"iam.gke.io/gcp-service-account\\": \\"${APP_IAM_ACCOUNT}\\" }"`,
    `--set-json   graphql.serviceAccount.annotations="{ \\"iam.gke.io/gcp-service-account\\": \\"${APP_IAM_ACCOUNT}\\" }"`,
@@ -138,7 +130,6 @@ const createHelmCommand = ({ isDryRun }) => {
    `--set-string global.ingress.host="${host}"`,
    `--set-string global.version="${APP_VERSION}"`,
    ...redisAndPostgres,
-    ...indexerOptions,
    `--set        web.replicaCount=${replica.web}`,
    `--set-string web.image.tag="${imageTag}"`,
    `--set        graphql.replicaCount=${replica.graphql}`,
--- a/.github/actions/server-test-env/action.yml
+++ b/.github/actions/server-test-env/action.yml
@@ -4,11 +4,6 @@ description: 'Prepare Server Test Environment'
 runs:
  using: 'composite'
  steps:
-    - name: Bundle @affine/reader
-      shell: bash
-      run: |
-        yarn affine @affine/reader build
-
    - name: Initialize database
      shell: bash
      run: |
@@ -26,10 +21,13 @@ runs:
        yarn affine @affine/server prisma generate
        yarn affine @affine/server prisma migrate deploy
        yarn affine @affine/server data-migration run
-
    - name: Import config
      shell: bash
-      env:
-        DEFAULT_CONFIG: '{}'
      run: |
-        printf '%s\n' "${SERVER_CONFIG:-$DEFAULT_CONFIG}" > ./packages/backend/server/config.json
+        printf '{"copilot":{"enabled":true,"providers.fal":{"apiKey":"%s"},"providers.gemini":{"apiKey":"%s"},"providers.openai":{"apiKey":"%s"},"providers.perplexity":{"apiKey":"%s"},"providers.anthropic":{"apiKey":"%s"},"exa":{"key":"%s"}}}' \
+        "$COPILOT_FAL_API_KEY" \
+        "$COPILOT_GOOGLE_API_KEY" \
+        "$COPILOT_OPENAI_API_KEY" \
+        "$COPILOT_PERPLEXITY_API_KEY" \
+        "$COPILOT_ANTHROPIC_API_KEY" \
+        "$COPILOT_EXA_API_KEY" > ./packages/backend/server/config.json
--- a/.github/helm/affine/charts/doc/templates/deployment.yaml
+++ b/.github/helm/affine/charts/doc/templates/deployment.yaml
@@ -69,15 +69,6 @@ spec:
                key: redis-password
          - name: REDIS_SERVER_DATABASE
            value: "{{ .Values.global.redis.database }}"
-          - name: AFFINE_INDEXER_SEARCH_PROVIDER
-            value: "{{ .Values.global.indexer.provider }}"
-          - name: AFFINE_INDEXER_SEARCH_ENDPOINT
-            value: "{{ .Values.global.indexer.endpoint }}"
-          - name: AFFINE_INDEXER_SEARCH_API_KEY
-            valueFrom:
-              secretKeyRef:
-                name: indexer
-                key: indexer-apiKey
          - name: AFFINE_SERVER_PORT
            value: "{{ .Values.global.docService.port }}"
          - name: AFFINE_SERVER_SUB_PATH
@@ -95,13 +86,11 @@ spec:
              path: /info
              port: http
            initialDelaySeconds: {{ .Values.probe.initialDelaySeconds }}
-            timeoutSeconds: {{ .Values.probe.timeoutSeconds }}
          readinessProbe:
            httpGet:
              path: /info
              port: http
            initialDelaySeconds: {{ .Values.probe.initialDelaySeconds }}
-            timeoutSeconds: {{ .Values.probe.timeoutSeconds }}
          resources:
            {{- toYaml .Values.resources | nindent 12 }}
      {{- with .Values.nodeSelector }}
--- a/.github/helm/affine/charts/doc/values.yaml
+++ b/.github/helm/affine/charts/doc/values.yaml
@@ -36,7 +36,6 @@ resources:

 probe:
  initialDelaySeconds: 20
-  timeoutSeconds: 5

 nodeSelector: {}
 tolerations: []
--- a/.github/helm/affine/charts/graphql/templates/deployment.yaml
+++ b/.github/helm/affine/charts/graphql/templates/deployment.yaml
@@ -67,15 +67,6 @@ spec:
                key: redis-password
          - name: REDIS_SERVER_DATABASE
            value: "{{ .Values.global.redis.database }}"
-          - name: AFFINE_INDEXER_SEARCH_PROVIDER
-            value: "{{ .Values.global.indexer.provider }}"
-          - name: AFFINE_INDEXER_SEARCH_ENDPOINT
-            value: "{{ .Values.global.indexer.endpoint }}"
-          - name: AFFINE_INDEXER_SEARCH_API_KEY
-            valueFrom:
-              secretKeyRef:
-                name: indexer
-                key: indexer-apiKey
          - name: AFFINE_SERVER_PORT
            value: "{{ .Values.service.port }}"
          - name: AFFINE_SERVER_SUB_PATH
--- a/.github/helm/affine/charts/graphql/templates/migration.yaml
+++ b/.github/helm/affine/charts/graphql/templates/migration.yaml
@@ -44,15 +44,6 @@ spec:
              secretKeyRef:
                name: redis
                key: redis-password
-          - name: AFFINE_INDEXER_SEARCH_PROVIDER
-            value: "{{ .Values.global.indexer.provider }}"
-          - name: AFFINE_INDEXER_SEARCH_ENDPOINT
-            value: "{{ .Values.global.indexer.endpoint }}"
-          - name: AFFINE_INDEXER_SEARCH_API_KEY
-            valueFrom:
-              secretKeyRef:
-                name: indexer
-                key: indexer-apiKey
        resources:
          requests:
            cpu: '100m'
--- a/.github/helm/affine/charts/renderer/templates/deployment.yaml
+++ b/.github/helm/affine/charts/renderer/templates/deployment.yaml
@@ -69,15 +69,6 @@ spec:
                key: redis-password
          - name: REDIS_SERVER_DATABASE
            value: "{{ .Values.global.redis.database }}"
-          - name: AFFINE_INDEXER_SEARCH_PROVIDER
-            value: "{{ .Values.global.indexer.provider }}"
-          - name: AFFINE_INDEXER_SEARCH_ENDPOINT
-            value: "{{ .Values.global.indexer.endpoint }}"
-          - name: AFFINE_INDEXER_SEARCH_API_KEY
-            valueFrom:
-              secretKeyRef:
-                name: indexer
-                key: indexer-apiKey
          - name: AFFINE_SERVER_PORT
            value: "{{ .Values.service.port }}"
          - name: AFFINE_SERVER_SUB_PATH
--- a/.github/helm/affine/charts/sync/templates/deployment.yaml
+++ b/.github/helm/affine/charts/sync/templates/deployment.yaml
@@ -69,15 +69,6 @@ spec:
                key: redis-password
          - name: REDIS_SERVER_DATABASE
            value: "{{ .Values.global.redis.database }}"
-          - name: AFFINE_INDEXER_SEARCH_PROVIDER
-            value: "{{ .Values.global.indexer.provider }}"
-          - name: AFFINE_INDEXER_SEARCH_ENDPOINT
-            value: "{{ .Values.global.indexer.endpoint }}"
-          - name: AFFINE_INDEXER_SEARCH_API_KEY
-            valueFrom:
-              secretKeyRef:
-                name: indexer
-                key: indexer-apiKey
          - name: AFFINE_SERVER_PORT
            value: "{{ .Values.service.port }}"
          - name: AFFINE_SERVER_HOST
--- a/.github/helm/affine/templates/indexer-secret.yaml
+++ b/.github/helm/affine/templates/indexer-secret.yaml
@@ -1,13 +0,0 @@
-{{- if .Values.global.indexer.apiKey -}}
-apiVersion: v1
-kind: Secret
-metadata:
-  name: indexer
-  annotations:
-    "helm.sh/hook": pre-install,pre-upgrade
-    "helm.sh/hook-weight": "-2"
-    "helm.sh/hook-delete-policy": before-hook-creation
-type: Opaque
-data:
-  indexer-apiKey: {{ .Values.global.indexer.apiKey | b64enc }}
-{{- end }}
--- a/.github/helm/affine/templates/monitoring.yaml
+++ b/.github/helm/affine/templates/monitoring.yaml
@@ -1,13 +0,0 @@
-{{- if eq .Values.global.deployment.platform "gcp" -}}
-apiVersion: monitoring.googleapis.com/v1
-kind: PodMonitoring
-metadata:
-  name: "{{ .Release.Name }}-monitoring"
-spec:
-  selector:
-    matchLabels:
-      app.kubernetes.io/instance: {{ .Release.Name }}
-  endpoints:
-    - port: 9464
-      interval: 30s
-{{- end }}
--- a/.github/helm/affine/values.yaml
+++ b/.github/helm/affine/values.yaml
@@ -21,11 +21,6 @@ global:
    username: ''
    password: ''
    database: 0
-  indexer:
-    provider: ''
-    endpoint: ''
-    username: ''
-    password: ''
  docService:
    name: 'affine-doc'
    port: 3020
--- a/.github/workflows/build-images.yml
+++ b/.github/workflows/build-images.yml
@@ -113,7 +113,6 @@ jobs:
  build-server-native:
    name: Build Server native - ${{ matrix.targets.name }}
    runs-on: ubuntu-latest
-    environment: ${{ github.event.inputs.flavor }}
    strategy:
      fail-fast: false
      matrix:
@@ -137,9 +136,6 @@ jobs:
          extra-flags: workspaces focus @affine/server-native
      - name: Build Rust
        uses: ./.github/actions/build-rust
-        env:
-          AFFINE_PRO_PUBLIC_KEY: ${{ secrets.AFFINE_PRO_PUBLIC_KEY }}
-          AFFINE_PRO_LICENSE_AES_KEY: ${{ secrets.AFFINE_PRO_LICENSE_AES_KEY }}
        with:
          target: ${{ matrix.targets.name }}
          package: '@affine/server-native'
@@ -176,8 +172,6 @@ jobs:
          path: ./packages/backend/native
      - name: List server-native files
        run: ls -alh ./packages/backend/native
-      - name: Build @affine/reader
-        run: yarn workspace @affine/reader build
      - name: Build Server
        run: yarn workspace @affine/server build
      - name: Upload server dist
@@ -259,9 +253,6 @@ jobs:
      - name: Generate Prisma client
        run: yarn workspace @affine/server prisma generate

-      - name: Mv node_modules
-        run: mv ./node_modules ./packages/backend/server
-
      - name: Setup Version
        id: version
        uses: ./.github/actions/setup-version
--- a/.github/workflows/build-test.yml
+++ b/.github/workflows/build-test.yml
@@ -20,18 +20,32 @@ env:
  COVERAGE: true
  MACOSX_DEPLOYMENT_TARGET: '10.13'
  DEPLOYMENT_TYPE: affine
-  AFFINE_INDEXER_ENABLED: true

 concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
  cancel-in-progress: true

 jobs:
+  optimize_ci:
+    name: Optimize CI
+    runs-on: ubuntu-latest
+    outputs:
+      skip: ${{ steps.check_skip.outputs.skip }}
+    steps:
+      - uses: actions/checkout@v4
+      - name: Graphite CI Optimizer
+        uses: withgraphite/graphite-ci-action@main
+        id: check_skip
+        with:
+          graphite_token: ${{ secrets.GRAPHITE_CI_OPTIMIZER_TOKEN }}
+
  analyze:
    name: Analyze
    runs-on: ubuntu-latest
    env:
      NODE_OPTIONS: --max-old-space-size=14384
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    permissions:
      actions: read
      contents: read
@@ -65,6 +79,9 @@ jobs:
  lint:
    name: Lint
    runs-on: ubuntu-24.04-arm
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
+
    steps:
      - uses: actions/checkout@v4
      - name: Run oxlint
@@ -90,6 +107,8 @@ jobs:
  typecheck:
    name: Typecheck
    runs-on: ubuntu-24.04-arm
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      NODE_OPTIONS: --max-old-space-size=14384
    steps:
@@ -106,7 +125,6 @@ jobs:
      - name: Run BS Docs Build
        run: |
          yarn affine bs-docs build
-          git checkout packages/frontend/i18n/src/i18n-completenesses.json
          git status --porcelain | grep . && {
            echo "Run 'yarn typecheck && yarn affine bs-docs build' and make sure all changes are submitted"
            exit 1
@@ -117,6 +135,8 @@ jobs:
  lint-rust:
    name: Lint Rust
    runs-on: ubuntu-latest
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    steps:
      - uses: actions/checkout@v4
      - uses: ./.github/actions/build-rust
@@ -130,14 +150,14 @@ jobs:
      - name: Clippy
        run: |
          rustup component add clippy
-          cargo clippy --workspace --exclude affine_server_native --all-targets --all-features -- -D warnings
-          cargo clippy -p affine_server_native --all-targets --all-features -- -D warnings
+          cargo clippy --all-targets --all-features -- -D warnings

  check-git-status:
    name: Check Git Status
    runs-on: ubuntu-latest
    needs:
-      - build-server-native
+      - optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    steps:
      - uses: actions/checkout@v4
      - name: Setup Node.js
@@ -145,26 +165,13 @@ jobs:
        with:
          full-cache: true

-      - name: Download server-native.node
-        uses: actions/download-artifact@v4
-        with:
-          name: server-native.node
-          path: ./packages/backend/native
-
-      - name: Bundle @affine/reader
-        shell: bash
-        run: |
-          yarn workspace @affine/reader build
-
      - name: Run Check
        run: |
          yarn affine init
          yarn affine gql build
          yarn affine i18n build
-          yarn affine server genconfig
-          git checkout packages/frontend/i18n/src/i18n-completenesses.json
          git status --porcelain | grep . && {
-            echo "Run 'yarn affine init && yarn affine gql build && yarn affine i18n build && yarn affine server genconfig' and make sure all changes are submitted"
+            echo "Run 'yarn affine init && yarn affine gql build && yarn affine i18n build' and make sure all changes are submitted"
            exit 1
          } || {
            echo "All changes are submitted"
@@ -173,6 +180,8 @@ jobs:
  check-yarn-binary:
    name: Check yarn binary
    runs-on: ubuntu-latest
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    steps:
      - uses: actions/checkout@v4
      - name: Run check
@@ -183,6 +192,8 @@ jobs:
  e2e-blocksuite-test:
    name: E2E BlockSuite Test
    runs-on: ubuntu-latest
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    strategy:
      fail-fast: false
      matrix:
@@ -214,6 +225,8 @@ jobs:
  e2e-blocksuite-cross-browser-test:
    name: E2E BlockSuite Cross Browser Test
    runs-on: ubuntu-latest
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    strategy:
      fail-fast: false
      matrix:
@@ -248,6 +261,8 @@ jobs:
  e2e-test:
    name: E2E Test
    runs-on: ubuntu-24.04-arm
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      DISTRIBUTION: web
      IN_CI_TEST: true
@@ -280,6 +295,8 @@ jobs:
  e2e-mobile-test:
    name: E2E Mobile Test
    runs-on: ubuntu-latest
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      DISTRIBUTION: mobile
      IN_CI_TEST: true
@@ -311,7 +328,9 @@ jobs:
    name: Unit Test
    runs-on: ubuntu-latest
    needs:
+      - optimize_ci
      - build-native
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      DISTRIBUTION: web
    strategy:
@@ -348,6 +367,8 @@ jobs:
  build-native:
    name: Build AFFiNE native (${{ matrix.spec.target }})
    runs-on: ${{ matrix.spec.os }}
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      CARGO_PROFILE_RELEASE_DEBUG: '1'
    strategy:
@@ -390,6 +411,8 @@ jobs:
  build-windows-native:
    name: Build AFFiNE native (${{ matrix.spec.target }})
    runs-on: ${{ matrix.spec.os }}
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      CARGO_PROFILE_RELEASE_DEBUG: '1'
    strategy:
@@ -437,6 +460,8 @@ jobs:
  build-server-native:
    name: Build Server native
    runs-on: ubuntu-latest
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      CARGO_PROFILE_RELEASE_DEBUG: '1'
    steps:
@@ -462,6 +487,8 @@ jobs:
  build-electron-renderer:
    name: Build @affine/electron renderer
    runs-on: ubuntu-latest
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    steps:
      - uses: actions/checkout@v4
      - name: Setup Node.js
@@ -487,7 +514,9 @@ jobs:
    name: Native Unit Test
    runs-on: ubuntu-latest
    needs:
+      - optimize_ci
      - build-native
+    if: needs.optimize_ci.outputs.skip == 'false'
    steps:
      - uses: actions/checkout@v4
      - name: Setup Node.js
@@ -507,7 +536,9 @@ jobs:
    name: Server Test
    runs-on: ubuntu-latest
    needs:
+      - optimize_ci
      - build-server-native
+    if: needs.optimize_ci.outputs.skip == 'false'
    strategy:
      fail-fast: false
      matrix:
@@ -538,10 +569,6 @@ jobs:
        ports:
          - 1025:1025
          - 8025:8025
-      indexer:
-        image: manticoresearch/manticore:9.3.2
-        ports:
-          - 9308:9308
    steps:
      - uses: actions/checkout@v4

@@ -576,94 +603,14 @@ jobs:
          name: affine
          fail_ci_if_error: false

-  server-test-elasticsearch:
-    name: Server Test with Elasticsearch
-    runs-on: ubuntu-latest
-    needs:
-      - build-server-native
-    strategy:
-      fail-fast: false
-    env:
-      NODE_ENV: test
-      DATABASE_URL: postgresql://affine:affine@localhost:5432/affine
-      REDIS_SERVER_HOST: localhost
-      AFFINE_INDEXER_SEARCH_PROVIDER: elasticsearch
-      AFFINE_INDEXER_SEARCH_ENDPOINT: http://localhost:9200
-    services:
-      postgres:
-        image: pgvector/pgvector:pg16
-        env:
-          POSTGRES_PASSWORD: affine
-        options: >-
-          --health-cmd pg_isready
-          --health-interval 10s
-          --health-timeout 5s
-          --health-retries 5
-        ports:
-          - 5432:5432
-      redis:
-        image: redis
-        ports:
-          - 6379:6379
-      mailer:
-        image: mailhog/mailhog
-        ports:
-          - 1025:1025
-          - 8025:8025
-    steps:
-      # https://github.com/elastic/elastic-github-actions/blob/master/elasticsearch/README.md
-      - name: Configure sysctl limits for Elasticsearch
-        run: |
-          sudo swapoff -a
-          sudo sysctl -w vm.swappiness=1
-          sudo sysctl -w fs.file-max=262144
-          sudo sysctl -w vm.max_map_count=262144
-
-      - name: Runs Elasticsearch
-        uses: elastic/elastic-github-actions/elasticsearch@master
-        with:
-          stack-version: 9.0.1
-          security-enabled: false
-
-      - uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: ./.github/actions/setup-node
-        with:
-          electron-install: false
-          full-cache: true
-
-      - name: Download server-native.node
-        uses: actions/download-artifact@v4
-        with:
-          name: server-native.node
-          path: ./packages/backend/native
-
-      - name: Prepare Server Test Environment
-        uses: ./.github/actions/server-test-env
-
-      - name: Run server tests with elasticsearch only
-        run: yarn affine @affine/server test:coverage "**/*/*elasticsearch.spec.ts" --forbid-only
-        env:
-          CARGO_TARGET_DIR: '${{ github.workspace }}/target'
-          CI_NODE_INDEX: ${{ matrix.node_index }}
-          CI_NODE_TOTAL: ${{ matrix.total_nodes }}
-
-      - name: Upload server test coverage results
-        uses: codecov/codecov-action@v5
-        with:
-          token: ${{ secrets.CODECOV_TOKEN }}
-          files: ./packages/backend/server/.coverage/lcov.info
-          flags: server-test
-          name: affine
-          fail_ci_if_error: false
-
  server-e2e-test:
    # the new version of server e2e test should be super fast, so sharding testing is not needed
    name: Server E2E Test
    runs-on: ubuntu-latest
    needs:
+      - optimize_ci
      - build-server-native
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      NODE_ENV: test
      DATABASE_URL: postgresql://affine:affine@localhost:5432/affine
@@ -684,10 +631,6 @@ jobs:
        image: redis
        ports:
          - 6379:6379
-      indexer:
-        image: manticoresearch/manticore:9.3.2
-        ports:
-          - 9308:9308
    steps:
      - uses: actions/checkout@v4

@@ -721,6 +664,9 @@ jobs:
  miri:
    name: miri code check
    runs-on: ubuntu-latest
+    needs:
+      - optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      RUST_BACKTRACE: full
      CARGO_TERM_COLOR: always
@@ -744,6 +690,9 @@ jobs:
  loom:
    name: loom thread test
    runs-on: ubuntu-latest
+    needs:
+      - optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      RUSTFLAGS: --cfg loom
      RUST_BACKTRACE: full
@@ -765,7 +714,11 @@ jobs:
  fuzzing:
    name: fuzzing
    runs-on: ubuntu-latest
+    needs:
+      - optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
+      RUSTFLAGS: -D warnings
      CARGO_TERM_COLOR: always
    steps:
      - uses: actions/checkout@v4
@@ -811,6 +764,9 @@ jobs:
          - { target: 'aarch64-apple-darwin', os: 'macos-latest' }
          - { target: 'x86_64-pc-windows-msvc', os: 'windows-latest' }
          - { target: 'aarch64-pc-windows-msvc', os: 'windows-11-arm' }
+    needs:
+      - optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    steps:
      - uses: actions/checkout@v4
      - name: Setup Node.js
@@ -844,6 +800,8 @@ jobs:
  rust-test:
    name: Run native tests
    runs-on: ubuntu-latest
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      CARGO_TERM_COLOR: always
    steps:
@@ -858,13 +816,15 @@ jobs:
        uses: taiki-e/install-action@nextest

      - name: Run tests
-        run: cargo nextest run --workspace --exclude affine_server_native --features use-as-lib --release --no-fail-fast
+        run: cargo nextest run --release --no-fail-fast

  copilot-api-test:
    name: Server Copilot Api Test
    runs-on: ubuntu-latest
    needs:
+      - optimize_ci
      - build-server-native
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      NODE_ENV: test
      DISTRIBUTION: web
@@ -891,10 +851,6 @@ jobs:
        ports:
          - 1025:1025
          - 8025:8025
-      indexer:
-        image: manticoresearch/manticore:9.3.2
-        ports:
-          - 9308:9308
    steps:
      - uses: actions/checkout@v4

@@ -934,7 +890,12 @@ jobs:
      - name: Prepare Server Test Environment
        if: ${{ steps.check-blocksuite-update.outputs.skip != 'true' || steps.apifilter.outputs.changed == 'true' }}
        env:
-          SERVER_CONFIG: ${{ secrets.TEST_SERVER_CONFIG }}
+          COPILOT_OPENAI_API_KEY: ${{ secrets.COPILOT_OPENAI_API_KEY }}
+          COPILOT_GOOGLE_API_KEY: ${{ secrets.COPILOT_GOOGLE_API_KEY }}
+          COPILOT_FAL_API_KEY: ${{ secrets.COPILOT_FAL_API_KEY }}
+          COPILOT_PERPLEXITY_API_KEY: ${{ secrets.COPILOT_PERPLEXITY_API_KEY }}
+          COPILOT_ANTHROPIC_API_KEY: ${{ secrets.COPILOT_ANTHROPIC_API_KEY }}
+          COPILOT_EXA_API_KEY: ${{ secrets.COPILOT_EXA_API_KEY }}
        uses: ./.github/actions/server-test-env

      - name: Run server tests
@@ -985,10 +946,6 @@ jobs:
        image: redis
        ports:
          - 6379:6379
-      indexer:
-        image: manticoresearch/manticore:9.3.2
-        ports:
-          - 9308:9308
    steps:
      - uses: actions/checkout@v4

@@ -1011,7 +968,6 @@ jobs:
              - 'packages/backend/server/src/plugins/copilot/**'
              - 'packages/backend/server/tests/copilot.*'
              - 'packages/frontend/core/src/blocksuite/ai/**'
-              - 'packages/frontend/core/src/modules/workspace-indexer-embedding/**'
              - 'tests/affine-cloud-copilot/**'

      - name: Setup Node.js
@@ -1033,7 +989,12 @@ jobs:
      - name: Prepare Server Test Environment
        if: ${{ steps.check-blocksuite-update.outputs.skip != 'true' || steps.e2efilter.outputs.changed == 'true' }}
        env:
-          SERVER_CONFIG: ${{ secrets.TEST_SERVER_CONFIG }}
+          COPILOT_OPENAI_API_KEY: ${{ secrets.COPILOT_OPENAI_API_KEY }}
+          COPILOT_GOOGLE_API_KEY: ${{ secrets.COPILOT_GOOGLE_API_KEY }}
+          COPILOT_FAL_API_KEY: ${{ secrets.COPILOT_FAL_API_KEY }}
+          COPILOT_PERPLEXITY_API_KEY: ${{ secrets.COPILOT_PERPLEXITY_API_KEY }}
+          COPILOT_ANTHROPIC_API_KEY: ${{ secrets.COPILOT_ANTHROPIC_API_KEY }}
+          COPILOT_EXA_API_KEY: ${{ secrets.COPILOT_EXA_API_KEY }}
        uses: ./.github/actions/server-test-env

      - name: Run Copilot E2E Test ${{ matrix.shardIndex }}/${{ matrix.shardTotal }}
@@ -1046,8 +1007,10 @@ jobs:
    name: ${{ matrix.tests.name }}
    runs-on: ubuntu-latest
    needs:
+      - optimize_ci
      - build-server-native
      - build-native
+    if: needs.optimize_ci.outputs.skip == 'false'
    env:
      DISTRIBUTION: web
      DATABASE_URL: postgresql://affine:affine@localhost:5432/affine
@@ -1105,10 +1068,6 @@ jobs:
        ports:
          - 1025:1025
          - 8025:8025
-      indexer:
-        image: manticoresearch/manticore:9.3.2
-        ports:
-          - 9308:9308
    steps:
      - uses: actions/checkout@v4

@@ -1151,8 +1110,10 @@ jobs:
    name: Desktop Test (${{ matrix.spec.os }}, ${{ matrix.spec.platform }}, ${{ matrix.spec.arch }}, ${{ matrix.spec.target }}, ${{ matrix.spec.test }})
    runs-on: ${{ matrix.spec.os }}
    needs:
+      - optimize_ci
      - build-electron-renderer
      - build-native
+    if: needs.optimize_ci.outputs.skip == 'false'
    strategy:
      fail-fast: false
      matrix:
@@ -1247,8 +1208,10 @@ jobs:
    name: Desktop bundle check (${{ matrix.spec.os }}, ${{ matrix.spec.platform }}, ${{ matrix.spec.arch }}, ${{ matrix.spec.target }}, ${{ matrix.spec.test }})
    runs-on: ${{ matrix.spec.os }}
    needs:
+      - optimize_ci
      - build-electron-renderer
      - build-native
+    if: needs.optimize_ci.outputs.skip == 'false'
    strategy:
      fail-fast: false
      matrix:
@@ -1274,13 +1237,6 @@ jobs:
              target: x86_64-unknown-linux-gnu,
              test: true,
            }
-          - {
-              os: windows-latest,
-              platform: windows,
-              arch: x64,
-              target: x86_64-pc-windows-msvc,
-              test: true,
-            }
    steps:
      - uses: actions/checkout@v4
      - name: Setup Node.js
@@ -1321,18 +1277,6 @@ jobs:
          HOIST_NODE_MODULES: 1
        run: yarn affine @affine/electron package --platform=darwin --arch=arm64

-      - name: Make Bundle (Windows)
-        if: ${{ matrix.spec.target == 'x86_64-pc-windows-msvc' }}
-        shell: bash
-        env:
-          SKIP_BUNDLE: true
-          SKIP_WEB_BUILD: true
-          HOIST_NODE_MODULES: 1
-        run: |
-          rm -rf packages/frontend/apps/electron/node_modules/@affine/nbstore/node_modules/@blocksuite/affine/node_modules
-          rm -rf packages/frontend/apps/electron/node_modules/@affine/native/node_modules
-          yarn affine @affine/electron package --platform=win32 --arch=x64
-
      - name: Make Bundle (Linux)
        run: |
          sudo add-apt-repository universe
@@ -1354,6 +1298,8 @@ jobs:

  test-build-mobile-app:
    uses: ./.github/workflows/release-mobile.yml
+    needs: optimize_ci
+    if: needs.optimize_ci.outputs.skip == 'false'
    with:
      build-type: canary
      build-target: development
--- a/.github/workflows/copilot-test.yml
+++ b/.github/workflows/copilot-test.yml
@@ -59,10 +59,6 @@ jobs:
        ports:
          - 1025:1025
          - 8025:8025
-      indexer:
-        image: manticoresearch/manticore:9.3.2
-        ports:
-          - 9308:9308
    steps:
      - uses: actions/checkout@v4

@@ -81,7 +77,12 @@ jobs:

      - name: Prepare Server Test Environment
        env:
-          SERVER_CONFIG: ${{ secrets.TEST_SERVER_CONFIG }}
+          COPILOT_OPENAI_API_KEY: ${{ secrets.COPILOT_OPENAI_API_KEY }}
+          COPILOT_FAL_API_KEY: ${{ secrets.COPILOT_FAL_API_KEY }}
+          COPILOT_GOOGLE_API_KEY: ${{ secrets.COPILOT_GOOGLE_API_KEY }}
+          COPILOT_PERPLEXITY_API_KEY: ${{ secrets.COPILOT_PERPLEXITY_API_KEY }}
+          COPILOT_ANTHROPIC_API_KEY: ${{ secrets.COPILOT_ANTHROPIC_API_KEY }}
+          COPILOT_EXA_API_KEY: ${{ secrets.COPILOT_EXA_API_KEY }}
        uses: ./.github/actions/server-test-env

      - name: Run server tests
@@ -129,10 +130,6 @@ jobs:
        image: redis
        ports:
          - 6379:6379
-      indexer:
-        image: manticoresearch/manticore:9.3.2
-        ports:
-          - 9308:9308
    steps:
      - uses: actions/checkout@v4

@@ -151,7 +148,12 @@ jobs:

      - name: Prepare Server Test Environment
        env:
-          SERVER_CONFIG: ${{ secrets.TEST_SERVER_CONFIG }}
+          COPILOT_OPENAI_API_KEY: ${{ secrets.COPILOT_OPENAI_API_KEY }}
+          COPILOT_FAL_API_KEY: ${{ secrets.COPILOT_FAL_API_KEY }}
+          COPILOT_GOOGLE_API_KEY: ${{ secrets.COPILOT_GOOGLE_API_KEY }}
+          COPILOT_PERPLEXITY_API_KEY: ${{ secrets.COPILOT_PERPLEXITY_API_KEY }}
+          COPILOT_ANTHROPIC_API_KEY: ${{ secrets.COPILOT_ANTHROPIC_API_KEY }}
+          COPILOT_EXA_API_KEY: ${{ secrets.COPILOT_EXA_API_KEY }}
        uses: ./.github/actions/server-test-env

      - name: Run Copilot E2E Test ${{ matrix.shardIndex }}/${{ matrix.shardTotal }}
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -103,9 +103,6 @@ jobs:
          CLOUD_SQL_IAM_ACCOUNT: ${{ secrets.CLOUD_SQL_IAM_ACCOUNT }}
          APP_IAM_ACCOUNT: ${{ secrets.APP_IAM_ACCOUNT }}
          STATIC_IP_NAME: ${{ secrets.STATIC_IP_NAME }}
-          AFFINE_INDEXER_SEARCH_PROVIDER: ${{ secrets.AFFINE_INDEXER_SEARCH_PROVIDER }}
-          AFFINE_INDEXER_SEARCH_ENDPOINT: ${{ secrets.AFFINE_INDEXER_SEARCH_ENDPOINT }}
-          AFFINE_INDEXER_SEARCH_API_KEY: ${{ secrets.AFFINE_INDEXER_SEARCH_API_KEY }}

  deploy-done:
    needs:
@@ -159,7 +156,7 @@ jobs:
          BLOCKSUITE_REPO_PATH: ${{ github.workspace }}/blocksuite
      - name: Post Failed event to a Slack channel
        id: failed-slack
-        uses: slackapi/slack-github-action@v2.1.0
+        uses: slackapi/slack-github-action@v2.0.0
        if: ${{ always() && contains(needs.*.result, 'failure') }}
        with:
          method: chat.postMessage
@@ -174,7 +171,7 @@ jobs:
                  text: "<${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}|Backend deploy failed `${{ github.event.inputs.flavor }}`>"
      - name: Post Cancel event to a Slack channel
        id: cancel-slack
-        uses: slackapi/slack-github-action@v2.1.0
+        uses: slackapi/slack-github-action@v2.0.0
        if: ${{ always() && contains(needs.*.result, 'cancelled') && !contains(needs.*.result, 'failure') }}
        with:
          token: ${{ secrets.SLACK_BOT_TOKEN }}
--- a/.github/workflows/release-desktop.yml
+++ b/.github/workflows/release-desktop.yml
@@ -252,7 +252,7 @@ jobs:
        shell: bash
        # node_modules of nbstore is not needed for building, and it will make the build process out of memory
        run: |
-          rm -rf packages/frontend/apps/electron/node_modules/@affine/nbstore/node_modules/@blocksuite/affine/node_modules
+          rm -rf packages/frontend/apps/electron/node_modules/@affine/nbstore/node_modules/@blocksuite
          rm -rf packages/frontend/apps/electron/node_modules/@affine/native/node_modules

      - name: package
--- a/.github/workflows/release-mobile.yml
+++ b/.github/workflows/release-mobile.yml
@@ -117,10 +117,31 @@ jobs:
          name: android
          path: packages/frontend/apps/android/dist

-  ios:
-    runs-on: ${{ github.ref_name == 'canary' && 'macos-latest' || 'blaze/macos-14' }}
+  determine-ios-runner:
+    runs-on: ubuntu-latest
    needs:
      - build-ios-web
+    outputs:
+      RUNNER: ${{ steps.runner.outputs.RUNNER }}
+    steps:
+      - name: Determine Runner
+        id: runner
+        # Randomly pick runner with 80% chance for blaze/macos-14 and 20% chance for namespace-profile-macos
+        # blaze/macos-14 is free but has limited concurrency
+        run: |
+          RANDOM_NUMBER=$(( $RANDOM % 100 + 1 ))
+          if [ $RANDOM_NUMBER -le 20 ]; then
+            echo "Selected namespace-profile-macos (20% probability)"
+            echo "RUNNER=namespace-profile-macos" >> $GITHUB_OUTPUT
+          else
+            echo "Selected blaze/macos-14 (80% probability)"
+            echo "RUNNER=blaze/macos-14" >> $GITHUB_OUTPUT
+          fi
+
+  ios:
+    runs-on: ${{ github.ref_name == 'canary' && 'macos-latest' || needs.determine-ios-runner.outputs.RUNNER }}
+    needs:
+      - determine-ios-runner
    steps:
      - uses: actions/checkout@v4
      - name: Download mobile artifact
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-22.16.0
+22.15.0
--- a/.prettierignore
+++ b/.prettierignore
@@ -38,5 +38,3 @@ packages/frontend/apps/ios/App/**
 tests/blocksuite/snapshots
 blocksuite/docs/api/**
 packages/frontend/admin/src/config.json
-**/test-docs.json
-**/test-blocks.json
--- a/Cargo.lock
+++ b/Cargo.lock
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -47,9 +47,9 @@ log                    = "0.4"
 loom                   = { version = "0.7", features = ["checkpoint"] }
 mimalloc               = "0.1"
 nanoid                 = "0.4"
-napi                   = { version = "3.0.0-beta.3", features = ["async", "chrono_date", "error_anyhow", "napi9", "serde"] }
+napi                   = { version = "3.0.0-alpha.31", features = ["async", "chrono_date", "error_anyhow", "napi9", "serde"] }
 napi-build             = { version = "2" }
-napi-derive            = { version = "3.0.0-beta.3" }
+napi-derive            = { version = "3.0.0-alpha.28" }
 nom                    = "8"
 notify                 = { version = "8", features = ["serde"] }
 objc2                  = "0.6"
@@ -57,7 +57,7 @@ objc2-foundation       = "0.3"
 once_cell              = "1"
 ordered-float          = "5"
 parking_lot            = "0.12"
-path-ext               = "0.1.2"
+path-ext               = "0.1.1"
 pdf-extract            = { git = "https://github.com/toeverything/pdf-extract", branch = "darksky/improve-font-decoding" }
 phf                    = { version = "0.11", features = ["macros"] }
 proptest               = "1.3"
@@ -77,12 +77,12 @@ smol_str               = "0.3"
 sqlx                   = { version = "0.8", default-features = false, features = ["chrono", "macros", "migrate", "runtime-tokio", "sqlite", "tls-rustls"] }
 strum_macros           = "0.27.0"
 symphonia              = { version = "0.5", features = ["all", "opt-simd"] }
-text-splitter          = "0.27"
+text-splitter          = "0.25"
 thiserror              = "2"
-tiktoken-rs            = "0.7"
-tokio                  = "1.45"
+tiktoken-rs            = "0.6"
+tokio                  = "1.37"
 tree-sitter            = { version = "0.25" }
-tree-sitter-c          = { version = "0.24" }
+tree-sitter-c          = { version = "0.23" }
 tree-sitter-c-sharp    = { version = "0.23" }
 tree-sitter-cpp        = { version = "0.23" }
 tree-sitter-go         = { version = "0.23" }
--- a/README.md
+++ b/README.md
@@ -43,7 +43,7 @@ _Special thanks to [Blaze](https://runblaze.dev) for their support of this proje
    <a href="https://affine.pro/redirect/discord">Discord</a> |
    <a href="https://app.affine.pro">Live Demo</a> |
    <a href="https://affine.pro/blog/">Blog</a> |
-    <a href="https://docs.affine.pro/">Documentation</a>
+    <a href="https://docs.affine.pro/docs/">Documentation</a>
 </div>
 <br/>

@@ -89,7 +89,7 @@ Star us, and you will receive all release notifications from GitHub without any

 **Self-host & Shape your own AFFiNE**

- You have the freedom to manage, self-host, fork and build your own AFFiNE. Plugin community and third-party blocks are coming soon. More tractions on [Blocksuite](https://blocksuite.io). Check there to learn how to [self-host AFFiNE](https://docs.affine.pro/self-host-affine).
+- You have the freedom to manage, self-host, fork and build your own AFFiNE. Plugin community and third-party blocks are coming soon. More tractions on [Blocksuite](https://blocksuite.io). Check there to learn how to [self-host AFFiNE](https://docs.affine.pro/docs/self-host-affine).

 ## Acknowledgement

@@ -191,9 +191,7 @@ We would like to express our gratitude to all the individuals who have already c

 ## Self-Host

-Begin with Docker to deploy your own feature-rich, unrestricted version of AFFiNE. Our team is diligently updating to the latest version. For more information on how to self-host AFFiNE, please refer to our [documentation](https://docs.affine.pro/self-host-affine).
-
-[![Run on ClawCloud](https://raw.githubusercontent.com/ClawCloud/Run-Template/refs/heads/main/Run-on-ClawCloud.svg)](https://template.run.claw.cloud/?openapp=system-fastdeploy%3FtemplateName%3Daffine)
+Begin with Docker to deploy your own feature-rich, unrestricted version of AFFiNE. Our team is diligently updating to the latest version. For more information on how to self-host AFFiNE, please refer to our [documentation](https://docs.affine.pro/docs/self-host-affine).

 ## Hiring

--- a/blocksuite/affine/all/package.json
+++ b/blocksuite/affine/all/package.json
@@ -19,7 +19,6 @@
    "@blocksuite/affine-block-divider": "workspace:*",
    "@blocksuite/affine-block-edgeless-text": "workspace:*",
    "@blocksuite/affine-block-embed": "workspace:*",
-    "@blocksuite/affine-block-embed-doc": "workspace:*",
    "@blocksuite/affine-block-frame": "workspace:*",
    "@blocksuite/affine-block-image": "workspace:*",
    "@blocksuite/affine-block-latex": "workspace:*",
@@ -33,7 +32,6 @@
    "@blocksuite/affine-components": "workspace:*",
    "@blocksuite/affine-ext-loader": "workspace:*",
    "@blocksuite/affine-foundation": "workspace:*",
-    "@blocksuite/affine-fragment-adapter-panel": "workspace:*",
    "@blocksuite/affine-fragment-doc-title": "workspace:*",
    "@blocksuite/affine-fragment-frame-panel": "workspace:*",
    "@blocksuite/affine-fragment-outline": "workspace:*",
@@ -59,14 +57,11 @@
    "@blocksuite/affine-shared": "workspace:*",
    "@blocksuite/affine-widget-drag-handle": "workspace:*",
    "@blocksuite/affine-widget-edgeless-auto-connect": "workspace:*",
-    "@blocksuite/affine-widget-edgeless-dragging-area": "workspace:*",
-    "@blocksuite/affine-widget-edgeless-selected-rect": "workspace:*",
    "@blocksuite/affine-widget-edgeless-toolbar": "workspace:*",
    "@blocksuite/affine-widget-edgeless-zoom-toolbar": "workspace:*",
    "@blocksuite/affine-widget-frame-title": "workspace:*",
    "@blocksuite/affine-widget-keyboard-toolbar": "workspace:*",
    "@blocksuite/affine-widget-linked-doc": "workspace:*",
-    "@blocksuite/affine-widget-note-slicer": "workspace:*",
    "@blocksuite/affine-widget-page-dragging-area": "workspace:*",
    "@blocksuite/affine-widget-remote-selection": "workspace:*",
    "@blocksuite/affine-widget-scroll-anchoring": "workspace:*",
@@ -126,9 +121,6 @@
    "./blocks/embed": "./src/blocks/embed/index.ts",
    "./blocks/embed/store": "./src/blocks/embed/store.ts",
    "./blocks/embed/view": "./src/blocks/embed/view.ts",
-    "./blocks/embed-doc": "./src/blocks/embed-doc/index.ts",
-    "./blocks/embed-doc/store": "./src/blocks/embed-doc/store.ts",
-    "./blocks/embed-doc/view": "./src/blocks/embed-doc/view.ts",
    "./blocks/frame": "./src/blocks/frame/index.ts",
    "./blocks/frame/store": "./src/blocks/frame/store.ts",
    "./blocks/frame/view": "./src/blocks/frame/view.ts",
@@ -147,9 +139,7 @@
    "./blocks/paragraph": "./src/blocks/paragraph/index.ts",
    "./blocks/paragraph/store": "./src/blocks/paragraph/store.ts",
    "./blocks/paragraph/view": "./src/blocks/paragraph/view.ts",
-    "./blocks/root": "./src/blocks/root/index.ts",
-    "./blocks/root/store": "./src/blocks/root/store.ts",
-    "./blocks/root/view": "./src/blocks/root/view.ts",
+    "./blocks/root": "./src/blocks/root.ts",
    "./blocks/surface": "./src/blocks/surface/index.ts",
    "./blocks/surface/store": "./src/blocks/surface/store.ts",
    "./blocks/surface/view": "./src/blocks/surface/view.ts",
@@ -182,8 +172,6 @@
    "./widgets/drag-handle/view": "./src/widgets/drag-handle/view.ts",
    "./widgets/edgeless-auto-connect": "./src/widgets/edgeless-auto-connect/index.ts",
    "./widgets/edgeless-auto-connect/view": "./src/widgets/edgeless-auto-connect/view.ts",
-    "./widgets/edgeless-dragging-area": "./src/widgets/edgeless-dragging-area/index.ts",
-    "./widgets/edgeless-dragging-area/view": "./src/widgets/edgeless-dragging-area/view.ts",
    "./widgets/edgeless-toolbar": "./src/widgets/edgeless-toolbar/index.ts",
    "./widgets/edgeless-toolbar/view": "./src/widgets/edgeless-toolbar/view.ts",
    "./widgets/frame-title": "./src/widgets/frame-title/index.ts",
@@ -204,14 +192,9 @@
    "./widgets/viewport-overlay/view": "./src/widgets/viewport-overlay/view.ts",
    "./widgets/page-dragging-area": "./src/widgets/page-dragging-area/index.ts",
    "./widgets/page-dragging-area/view": "./src/widgets/page-dragging-area/view.ts",
-    "./fragments/doc-title": "./src/fragments/doc-title/index.ts",
-    "./fragments/doc-title/view": "./src/fragments/doc-title/view.ts",
-    "./fragments/frame-panel": "./src/fragments/frame-panel/index.ts",
-    "./fragments/frame-panel/view": "./src/fragments/frame-panel/view.ts",
-    "./fragments/outline": "./src/fragments/outline/index.ts",
-    "./fragments/outline/view": "./src/fragments/outline/view.ts",
-    "./fragments/adapter-panel": "./src/fragments/adapter-panel/index.ts",
-    "./fragments/adapter-panel/view": "./src/fragments/adapter-panel/view.ts",
+    "./fragments/doc-title": "./src/fragments/doc-title.ts",
+    "./fragments/frame-panel": "./src/fragments/frame-panel.ts",
+    "./fragments/outline": "./src/fragments/outline.ts",
    "./gfx/text": "./src/gfx/text/index.ts",
    "./gfx/text/store": "./src/gfx/text/store.ts",
    "./gfx/text/view": "./src/gfx/text/view.ts",
@@ -266,7 +249,6 @@
    "./components/toolbar": "./src/components/toolbar.ts",
    "./components/view-dropdown-menu": "./src/components/view-dropdown-menu.ts",
    "./components/tooltip-content-with-shortcut": "./src/components/tooltip-content-with-shortcut.ts",
-    "./components/resource": "./src/components/resource.ts",
    "./rich-text": "./src/rich-text/index.ts",
    "./rich-text/effects": "./src/rich-text/effects.ts",
    "./shared/adapters": "./src/shared/adapters.ts",
@@ -282,9 +264,7 @@
    "./model": "./src/model/index.ts",
    "./sync": "./src/sync/index.ts",
    "./extensions/store": "./src/extensions/store.ts",
-    "./extensions/view": "./src/extensions/view.ts",
-    "./foundation/store": "./src/foundation/store.ts",
-    "./foundation/view": "./src/foundation/view.ts"
+    "./extensions/view": "./src/extensions/view.ts"
  },
  "files": [
    "src",
@@ -295,7 +275,6 @@
  "version": "0.21.0",
  "devDependencies": {
    "@vanilla-extract/vite-plugin": "^5.0.0",
-    "msw": "^2.8.4",
-    "vitest": "3.1.3"
+    "vitest": "3.1.1"
  }
 }
--- a/blocksuite/affine/all/src/tests/adapters/html.unit.spec.ts
+++ b/blocksuite/affine/all/src/tests/adapters/html.unit.spec.ts
@@ -2360,65 +2360,6 @@ describe('html to snapshot', () => {
    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
  });

-  test('should preserve space in p', async () => {
-    const html = template(
-      `<p>A <b>bold text</b> followed by a <i>italic text</i></p>`
-    );
-
-    const blockSnapshot: BlockSnapshot = {
-      type: 'block',
-      id: 'matchesReplaceMap[0]',
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[1]',
-          flavour: 'affine:paragraph',
-          props: {
-            type: 'text',
-            text: {
-              '$blocksuite:internal:text$': true,
-              delta: [
-                {
-                  insert: 'A ',
-                },
-                {
-                  insert: 'bold text',
-                  attributes: {
-                    bold: true,
-                  },
-                },
-                {
-                  insert: ' followed by a ',
-                },
-                {
-                  insert: 'italic text',
-                  attributes: {
-                    italic: true,
-                  },
-                },
-              ],
-            },
-          },
-          children: [],
-        },
-      ],
-    };
-
-    const htmlAdapter = new HtmlAdapter(createJob(), provider);
-    const rawBlockSnapshot = await htmlAdapter.toBlockSnapshot({
-      file: html,
-    });
-    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
-  });
-
  test('span nested in p', async () => {
    const html = template(
      `<p><span>aaa</span><span>bbb</span><span>ccc</span></p>`
@@ -2697,335 +2638,4 @@ describe('html to snapshot', () => {
    });
    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
  });
-
-  test('block level element in b should not be treated as inline', async () => {
-    const html = template(`<b><p><span>aaa</span></p></b>`);
-    const blockSnapshot: BlockSnapshot = {
-      type: 'block',
-      id: 'matchesReplaceMap[0]',
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[1]',
-          flavour: 'affine:paragraph',
-          props: {
-            type: 'text',
-            text: {
-              '$blocksuite:internal:text$': true,
-              delta: [
-                {
-                  insert: 'aaa',
-                },
-              ],
-            },
-          },
-          children: [],
-        },
-      ],
-    };
-
-    const htmlAdapter = new HtmlAdapter(createJob(), provider);
-    const rawBlockSnapshot = await htmlAdapter.toBlockSnapshot({
-      file: html,
-    });
-    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
-  });
-
-  describe('strong element', () => {
-    test('should not be bold when font-weight is normal', async () => {
-      const html = template(`<span style="font-weight: normal;">aaa</span>`);
-      const blockSnapshot: BlockSnapshot = {
-        type: 'block',
-        id: 'matchesReplaceMap[0]',
-        flavour: 'affine:note',
-        props: {
-          xywh: '[0,0,800,95]',
-          background: DefaultTheme.noteBackgrounColor,
-          index: 'a0',
-          hidden: false,
-          displayMode: NoteDisplayMode.DocAndEdgeless,
-        },
-        children: [
-          {
-            type: 'block',
-            id: 'matchesReplaceMap[1]',
-            flavour: 'affine:paragraph',
-            props: {
-              type: 'text',
-              text: {
-                '$blocksuite:internal:text$': true,
-                delta: [
-                  {
-                    insert: 'aaa',
-                  },
-                ],
-              },
-            },
-            children: [],
-          },
-        ],
-      };
-
-      const htmlAdapter = new HtmlAdapter(createJob(), provider);
-      const rawBlockSnapshot = await htmlAdapter.toBlockSnapshot({
-        file: html,
-      });
-      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
-    });
-
-    test('should be bold when font-weight is bold or 500-900 ', async () => {
-      const html = template(
-        `<p><span style="font-weight: bold;">aaa</span><span style="font-weight: 100;">aaa</span><span style="font-weight: 500;">bbb</span><span style="font-weight: 200;">bbb</span><span style="font-weight: 600;">ccc</span><span style="font-weight: 300;">ccc</span><span style="font-weight: 700;">ddd</span></p>`
-      );
-      const blockSnapshot: BlockSnapshot = {
-        type: 'block',
-        id: 'matchesReplaceMap[0]',
-        flavour: 'affine:note',
-        props: {
-          xywh: '[0,0,800,95]',
-          background: DefaultTheme.noteBackgrounColor,
-          index: 'a0',
-          hidden: false,
-          displayMode: NoteDisplayMode.DocAndEdgeless,
-        },
-        children: [
-          {
-            type: 'block',
-            id: 'matchesReplaceMap[1]',
-            flavour: 'affine:paragraph',
-            props: {
-              type: 'text',
-              text: {
-                '$blocksuite:internal:text$': true,
-                delta: [
-                  {
-                    attributes: {
-                      bold: true,
-                    },
-                    insert: 'aaa',
-                  },
-                  {
-                    insert: 'aaa',
-                  },
-                  {
-                    attributes: {
-                      bold: true,
-                    },
-                    insert: 'bbb',
-                  },
-                  {
-                    insert: 'bbb',
-                  },
-                  {
-                    attributes: {
-                      bold: true,
-                    },
-                    insert: 'ccc',
-                  },
-                  {
-                    insert: 'ccc',
-                  },
-                  {
-                    attributes: {
-                      bold: true,
-                    },
-                    insert: 'ddd',
-                  },
-                ],
-              },
-            },
-            children: [],
-          },
-        ],
-      };
-
-      const htmlAdapter = new HtmlAdapter(createJob(), provider);
-      const rawBlockSnapshot = await htmlAdapter.toBlockSnapshot({
-        file: html,
-      });
-      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
-    });
-  });
-
-  test('should be italic when tag is i or em or span with style font-style: italic', async () => {
-    const html = template(
-      `<p><i>aaa</i><span>aaa</span><em>bbb</em><span>bbb</span><span style="font-style: italic;">ccc</span></p>`
-    );
-    const blockSnapshot: BlockSnapshot = {
-      type: 'block',
-      id: 'matchesReplaceMap[0]',
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[1]',
-          flavour: 'affine:paragraph',
-          props: {
-            type: 'text',
-            text: {
-              '$blocksuite:internal:text$': true,
-              delta: [
-                {
-                  attributes: {
-                    italic: true,
-                  },
-                  insert: 'aaa',
-                },
-                {
-                  insert: 'aaa',
-                },
-                {
-                  attributes: {
-                    italic: true,
-                  },
-                  insert: 'bbb',
-                },
-                {
-                  insert: 'bbb',
-                },
-                {
-                  attributes: {
-                    italic: true,
-                  },
-                  insert: 'ccc',
-                },
-              ],
-            },
-          },
-          children: [],
-        },
-      ],
-    };
-
-    const htmlAdapter = new HtmlAdapter(createJob(), provider);
-    const rawBlockSnapshot = await htmlAdapter.toBlockSnapshot({
-      file: html,
-    });
-    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
-  });
-
-  test('should be underline when tag is u or span with style text-decoration: underline', async () => {
-    const html = template(
-      `<p><u>aaa</u><span>aaa</span><span style="text-decoration: underline;">bbb</span></p>`
-    );
-    const blockSnapshot: BlockSnapshot = {
-      type: 'block',
-      id: 'matchesReplaceMap[0]',
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[1]',
-          flavour: 'affine:paragraph',
-          props: {
-            type: 'text',
-            text: {
-              '$blocksuite:internal:text$': true,
-              delta: [
-                {
-                  attributes: {
-                    underline: true,
-                  },
-                  insert: 'aaa',
-                },
-                {
-                  insert: 'aaa',
-                },
-                {
-                  attributes: {
-                    underline: true,
-                  },
-                  insert: 'bbb',
-                },
-              ],
-            },
-          },
-          children: [],
-        },
-      ],
-    };
-
-    const htmlAdapter = new HtmlAdapter(createJob(), provider);
-    const rawBlockSnapshot = await htmlAdapter.toBlockSnapshot({
-      file: html,
-    });
-    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
-  });
-
-  test('should be strike when tag is del or span with style text-decoration: line-through', async () => {
-    const html = template(
-      `<p><del>aaa</del><span>aaa</span><span style="text-decoration: line-through;">bbb</span></p>`
-    );
-    const blockSnapshot: BlockSnapshot = {
-      type: 'block',
-      id: 'matchesReplaceMap[0]',
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[1]',
-          flavour: 'affine:paragraph',
-          props: {
-            type: 'text',
-            text: {
-              '$blocksuite:internal:text$': true,
-              delta: [
-                {
-                  attributes: {
-                    strike: true,
-                  },
-                  insert: 'aaa',
-                },
-                {
-                  insert: 'aaa',
-                },
-                {
-                  attributes: {
-                    strike: true,
-                  },
-                  insert: 'bbb',
-                },
-              ],
-            },
-          },
-          children: [],
-        },
-      ],
-    };
-
-    const htmlAdapter = new HtmlAdapter(createJob(), provider);
-    const rawBlockSnapshot = await htmlAdapter.toBlockSnapshot({
-      file: html,
-    });
-    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
-  });
 });
--- a/blocksuite/affine/all/src/tests/adapters/markdown.unit.spec.ts
+++ b/blocksuite/affine/all/src/tests/adapters/markdown.unit.spec.ts
@@ -4,9 +4,6 @@ import {
  TableModelFlavour,
 } from '@blocksuite/affine-model';
 import {
-  CalloutAdmonitionType,
-  CalloutExportStyle,
-  calloutMarkdownExportMiddleware,
  embedSyncedDocMiddleware,
  MarkdownAdapter,
 } from '@blocksuite/affine-shared/adapters';
@@ -2451,290 +2448,6 @@ World!
    });
    expect(target.file).toBe(markdown);
  });
-
-  describe('callout', () => {
-    test('without export middleware', async () => {
-      const blockSnapshot: BlockSnapshot = {
-        type: 'block',
-        id: 'block:vu6SK6WJpW',
-        flavour: 'affine:page',
-        props: {
-          title: {
-            '$blocksuite:internal:text$': true,
-            delta: [],
-          },
-        },
-        children: [
-          {
-            type: 'block',
-            id: 'block:Tk4gSPocAt',
-            flavour: 'affine:surface',
-            props: {
-              elements: {},
-            },
-            children: [],
-          },
-          {
-            type: 'block',
-            id: 'block:WfnS5ZDCJT',
-            flavour: 'affine:note',
-            props: {
-              xywh: '[0,0,800,95]',
-              background: DefaultTheme.noteBackgrounColor,
-              index: 'a0',
-              hidden: false,
-              displayMode: NoteDisplayMode.DocAndEdgeless,
-            },
-            children: [
-              {
-                type: 'block',
-                id: 'block:8hOLxad5Fv',
-                flavour: 'affine:callout',
-                props: {
-                  emoji: '💡',
-                },
-                children: [
-                  {
-                    type: 'block',
-                    id: 'block:8hOLxad5Fv',
-                    flavour: 'affine:paragraph',
-                    props: {
-                      type: 'text',
-                      text: {
-                        '$blocksuite:internal:text$': true,
-                        delta: [{ insert: 'First callout' }],
-                      },
-                    },
-                    children: [],
-                  },
-                ],
-              },
-              {
-                type: 'block',
-                id: 'block:8hOLxadvdv',
-                flavour: 'affine:callout',
-                props: {
-                  emoji: '',
-                },
-                children: [
-                  {
-                    type: 'block',
-                    id: 'block:8hOLxad5Fv',
-                    flavour: 'affine:paragraph',
-                    props: {
-                      type: 'text',
-                      text: {
-                        '$blocksuite:internal:text$': true,
-                        delta: [
-                          { insert: 'Warning second callout without emoji' },
-                        ],
-                      },
-                    },
-                    children: [],
-                  },
-                  {
-                    type: 'block',
-                    id: 'block:8hOLxad5Fv',
-                    flavour: 'affine:paragraph',
-                    props: {
-                      type: 'text',
-                      text: {
-                        '$blocksuite:internal:text$': true,
-                        delta: [{ insert: 'Text in second callout' }],
-                      },
-                    },
-                    children: [],
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      };
-
-      const markdown = `> \\[!💡]
->
-> First callout
-
-> \\[!]
->
-> Warning second callout without emoji
->
-> Text in second callout
-`;
-
-      const mdAdapter = new MarkdownAdapter(createJob(), provider);
-      const target = await mdAdapter.fromBlockSnapshot({
-        snapshot: blockSnapshot,
-      });
-      expect(target.file).toBe(markdown);
-    });
-
-    test('with export middleware', async () => {
-      const blockSnapshot: BlockSnapshot = {
-        type: 'block',
-        id: 'block:vu6SK6WJpW',
-        flavour: 'affine:page',
-        props: {
-          title: {
-            '$blocksuite:internal:text$': true,
-            delta: [],
-          },
-        },
-        children: [
-          {
-            type: 'block',
-            id: 'block:Tk4gSPocAt',
-            flavour: 'affine:surface',
-            props: {
-              elements: {},
-            },
-            children: [],
-          },
-          {
-            type: 'block',
-            id: 'block:WfnS5ZDCJT',
-            flavour: 'affine:note',
-            props: {
-              xywh: '[0,0,800,95]',
-              background: DefaultTheme.noteBackgrounColor,
-              index: 'a0',
-              hidden: false,
-              displayMode: NoteDisplayMode.DocAndEdgeless,
-            },
-            children: [
-              {
-                type: 'block',
-                id: 'block:8hOLxad5Fv',
-                flavour: 'affine:callout',
-                props: {
-                  emoji: '💡',
-                },
-                children: [
-                  {
-                    type: 'block',
-                    id: 'block:8hOLxad5Fv',
-                    flavour: 'affine:paragraph',
-                    props: {
-                      type: 'text',
-                      text: {
-                        '$blocksuite:internal:text$': true,
-                        delta: [
-                          { insert: 'Callout that does not have a title' },
-                        ],
-                      },
-                    },
-                    children: [],
-                  },
-                ],
-              },
-              {
-                type: 'block',
-                id: 'block:8hOLxadvdv',
-                flavour: 'affine:callout',
-                props: {
-                  emoji: '',
-                },
-                children: [
-                  {
-                    type: 'block',
-                    id: 'block:8hOLxad5Fv',
-                    flavour: 'affine:paragraph',
-                    props: {
-                      type: 'text',
-                      text: {
-                        '$blocksuite:internal:text$': true,
-                        delta: [
-                          {
-                            insert:
-                              'Warning callout with custom title and multiple paragraphs',
-                          },
-                        ],
-                      },
-                    },
-                    children: [],
-                  },
-                  {
-                    type: 'block',
-                    id: 'block:8hOLxad5Fv',
-                    flavour: 'affine:paragraph',
-                    props: {
-                      type: 'text',
-                      text: {
-                        '$blocksuite:internal:text$': true,
-                        delta: [{ insert: 'Text in second callout' }],
-                      },
-                    },
-                    children: [],
-                  },
-                ],
-              },
-              {
-                type: 'block',
-                id: 'block:8hOLxad5Fv',
-                flavour: 'affine:callout',
-                props: {
-                  emoji: '💡',
-                },
-                children: [
-                  {
-                    type: 'block',
-                    id: 'block:8hOLxad5Fv',
-                    flavour: 'affine:paragraph',
-                    props: {
-                      type: 'text',
-                      text: {
-                        '$blocksuite:internal:text$': true,
-                        delta: [
-                          { insert: 'details' },
-                          { insert: ' ' },
-                          { insert: '\nText in details callout with new line' },
-                        ],
-                      },
-                    },
-                    children: [],
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      };
-
-      const markdown = `::: info
-
-Callout that does not have a title
-
-:::
-
-::: warning callout with custom title and multiple paragraphs
-
-Text in second callout
-
-:::
-
-::: details
-
-Text in details callout with new line
-
-:::
-`;
-
-      const mdAdapter = new MarkdownAdapter(
-        createJob([
-          calloutMarkdownExportMiddleware({
-            style: CalloutExportStyle.Admonitions,
-            admonitionType: CalloutAdmonitionType.Info,
-          }),
-        ]),
-        provider
-      );
-      const target = await mdAdapter.fromBlockSnapshot({
-        snapshot: blockSnapshot,
-      });
-      expect(target.file).toBe(markdown);
-    });
-  });
 });

 describe('markdown to snapshot', () => {
@@ -3875,7 +3588,7 @@ bbb
      props: {
        xywh: '[0,0,800,95]',
        background: {
-          dark: '#252525',
+          dark: '#000000',
          light: '#ffffff',
        },
        index: 'a0',
@@ -4393,61 +4106,6 @@ hhh
          },
          children: [],
        },
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[2]',
-          flavour: 'affine:paragraph',
-          props: {
-            type: 'h6',
-            text: {
-              '$blocksuite:internal:text$': true,
-              delta: [
-                {
-                  insert: 'Sources',
-                },
-              ],
-            },
-            collapsed: true,
-          },
-          children: [],
-        },
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[3]',
-          flavour: 'affine:bookmark',
-          props: {
-            style: 'citation',
-            url,
-            title,
-            description,
-            icon: favicon,
-            footnoteIdentifier: '1',
-          },
-          children: [],
-        },
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[4]',
-          flavour: 'affine:embed-linked-doc',
-          props: {
-            style: 'citation',
-            pageId: 'deadbeef',
-            footnoteIdentifier: '2',
-          },
-          children: [],
-        },
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[5]',
-          flavour: 'affine:attachment',
-          props: {
-            name: 'test.txt',
-            sourceId: 'abcdefg',
-            footnoteIdentifier: '3',
-            style: 'citation',
-          },
-          children: [],
-        },
      ],
    };

@@ -4472,101 +4130,6 @@ hhh
      });
      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
    });
-
-    test('should handle footnote reference with url prefix', async () => {
-      const blockSnapshot = {
-        type: 'block',
-        id: 'matchesReplaceMap[0]',
-        flavour: 'affine:note',
-        props: {
-          xywh: '[0,0,800,95]',
-          background: DefaultTheme.noteBackgrounColor,
-          index: 'a0',
-          hidden: false,
-          displayMode: NoteDisplayMode.DocAndEdgeless,
-        },
-        children: [
-          {
-            type: 'block',
-            id: 'matchesReplaceMap[1]',
-            flavour: 'affine:paragraph',
-            props: {
-              type: 'text',
-              text: {
-                '$blocksuite:internal:text$': true,
-                delta: [
-                  {
-                    insert: 'https://example.com',
-                    attributes: {
-                      link: 'https://example.com',
-                    },
-                  },
-                  {
-                    insert: ' ',
-                  },
-                  {
-                    insert: ' ',
-                    attributes: {
-                      footnote: {
-                        label: '1',
-                        reference: {
-                          type: 'url',
-                          url,
-                          favicon,
-                          title,
-                          description,
-                        },
-                      },
-                    },
-                  },
-                ],
-              },
-            },
-            children: [],
-          },
-          {
-            type: 'block',
-            id: 'matchesReplaceMap[2]',
-            flavour: 'affine:paragraph',
-            props: {
-              type: 'h6',
-              text: {
-                '$blocksuite:internal:text$': true,
-                delta: [
-                  {
-                    insert: 'Sources',
-                  },
-                ],
-              },
-              collapsed: true,
-            },
-            children: [],
-          },
-          {
-            type: 'block',
-            id: 'matchesReplaceMap[3]',
-            flavour: 'affine:bookmark',
-            props: {
-              style: 'citation',
-              url,
-              title,
-              description,
-              icon: favicon,
-              footnoteIdentifier: '1',
-            },
-            children: [],
-          },
-        ],
-      };
-
-      const markdown = `https://example.com[^1]\n\n[^1]: {"type":"url","url":"${url}","favicon":"${favicon}","title":"${title}","description":"${description}"}\n`;
-
-      const mdAdapter = new MarkdownAdapter(createJob(), provider);
-      const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
-        file: markdown,
-      });
-      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
-    });
  });

  test('should not wrap url with angle brackets if it is not a url', async () => {
@@ -4619,62 +4182,4 @@ hhh
    });
    expect(nanoidReplacement(rawSliceSnapshot!)).toEqual(sliceSnapshot);
  });
-
-  describe('callout', () => {
-    const calloutBlockSnapshot: BlockSnapshot = {
-      type: 'block',
-      id: 'matchesReplaceMap[0]',
-      flavour: 'affine:note',
-      props: {
-        xywh: '[0,0,800,95]',
-        background: DefaultTheme.noteBackgrounColor,
-        index: 'a0',
-        hidden: false,
-        displayMode: NoteDisplayMode.DocAndEdgeless,
-      },
-      children: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[1]',
-          flavour: 'affine:callout',
-          props: {
-            emoji: '💬',
-          },
-          children: [
-            {
-              type: 'block',
-              id: 'matchesReplaceMap[2]',
-              flavour: 'affine:paragraph',
-              props: {
-                type: 'text',
-                text: {
-                  '$blocksuite:internal:text$': true,
-                  delta: [{ insert: 'This is a callout' }],
-                },
-              },
-              children: [],
-            },
-          ],
-        },
-      ],
-    };
-
-    test('callout start with escape character', async () => {
-      const markdown = '> \\[!💬]\n> This is a callout';
-      const mdAdapter = new MarkdownAdapter(createJob(), provider);
-      const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
-        file: markdown,
-      });
-      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(calloutBlockSnapshot);
-    });
-
-    test('callout start without escape character', async () => {
-      const markdown = '> [!💬]\n> This is a callout';
-      const mdAdapter = new MarkdownAdapter(createJob(), provider);
-      const rawBlockSnapshot = await mdAdapter.toBlockSnapshot({
-        file: markdown,
-      });
-      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(calloutBlockSnapshot);
-    });
-  });
 });
--- a/blocksuite/affine/all/src/tests/adapters/notion-html.unit.spec.ts
+++ b/blocksuite/affine/all/src/tests/adapters/notion-html.unit.spec.ts
@@ -1,14 +1,11 @@
 import { DefaultTheme, NoteDisplayMode } from '@blocksuite/affine-model';
 import { NotionHtmlAdapter } from '@blocksuite/affine-shared/adapters';
-import { DEFAULT_IMAGE_PROXY_ENDPOINT } from '@blocksuite/affine-shared/consts';
 import {
  AssetsManager,
  type BlockSnapshot,
  MemoryBlobCRUD,
 } from '@blocksuite/store';
-import { http, HttpResponse } from 'msw';
-import { setupServer } from 'msw/node';
-import { afterAll, afterEach, beforeAll, describe, expect, test } from 'vitest';
+import { describe, expect, test } from 'vitest';

 import { createJob } from '../utils/create-job.js';
 import { getProvider } from '../utils/get-provider.js';
@@ -1198,71 +1195,43 @@ describe('notion html to snapshot', () => {
    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
  });

-  describe('image', () => {
-    const originalUrl =
-      'https://raw.githubusercontent.com/toeverything/blocksuite/master/assets/logo.svg';
+  test('image', async () => {
+    const html = `<div class="page-body">
+      <figure id="ed3d2ae9-62f5-433a-9049-9ddbd1c81ac5" class="image"><a
+          href="https://raw.githubusercontent.com/toeverything/blocksuite/master/assets/logo.svg"><img src="https://raw.githubusercontent.com/toeverything/blocksuite/master/assets/logo.svg" /></a>
+      </figure>
+    </div>`;

-    const imageProxy = DEFAULT_IMAGE_PROXY_ENDPOINT;
-    const imageUrl = `${imageProxy}?url=${encodeURIComponent(originalUrl)}`;
-
-    // Mock the image request
-    const imageRequestHandlers = [
-      http.get(imageUrl.toString(), async () => {
-        // Return a mock image blob
-        const mockImageBlob = new Blob(['mock image data'], {
-          type: 'image/svg+xml',
-        });
-        return new HttpResponse(mockImageBlob, {
-          headers: {
-            'Content-Type': 'image/svg+xml',
+    const blockSnapshot: BlockSnapshot = {
+      type: 'block',
+      id: 'matchesReplaceMap[0]',
+      flavour: 'affine:note',
+      props: {
+        xywh: '[0,0,800,95]',
+        background: DefaultTheme.noteBackgrounColor,
+        index: 'a0',
+        hidden: false,
+        displayMode: NoteDisplayMode.DocAndEdgeless,
+      },
+      children: [
+        {
+          type: 'block',
+          id: 'matchesReplaceMap[1]',
+          flavour: 'affine:image',
+          props: {
+            sourceId: 'matchesReplaceMap[2]',
          },
-        });
-      }),
-    ];
-
-    const server = setupServer(...imageRequestHandlers);
-    beforeAll(() => server.listen({ onUnhandledRequest: 'error' }));
-    afterAll(() => server.close());
-    afterEach(() => server.resetHandlers());
-
-    test('network image resource', async () => {
-      const html = `<div class="page-body">
-        <figure id="ed3d2ae9-62f5-433a-9049-9ddbd1c81ac5" class="image"><a
-            href="${originalUrl}"><img src="${originalUrl}" /></a>
-        </figure>
-      </div>`;
-
-      const blockSnapshot: BlockSnapshot = {
-        type: 'block',
-        id: 'matchesReplaceMap[0]',
-        flavour: 'affine:note',
-        props: {
-          xywh: '[0,0,800,95]',
-          background: DefaultTheme.noteBackgrounColor,
-          index: 'a0',
-          hidden: false,
-          displayMode: NoteDisplayMode.DocAndEdgeless,
+          children: [],
        },
-        children: [
-          {
-            type: 'block',
-            id: 'matchesReplaceMap[1]',
-            flavour: 'affine:image',
-            props: {
-              sourceId: 'matchesReplaceMap[2]',
-            },
-            children: [],
-          },
-        ],
-      };
+      ],
+    };

-      const adapter = new NotionHtmlAdapter(createJob(), provider);
-      const rawBlockSnapshot = await adapter.toBlockSnapshot({
-        file: html,
-        assets: new AssetsManager({ blob: new MemoryBlobCRUD() }),
-      });
-      expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
+    const adapter = new NotionHtmlAdapter(createJob(), provider);
+    const rawBlockSnapshot = await adapter.toBlockSnapshot({
+      file: html,
+      assets: new AssetsManager({ blob: new MemoryBlobCRUD() }),
    });
+    expect(nanoidReplacement(rawBlockSnapshot)).toEqual(blockSnapshot);
  });

  test('bookmark', async () => {
--- a/blocksuite/affine/all/src/tests/adapters/notion-text.unit.spec.ts
+++ b/blocksuite/affine/all/src/tests/adapters/notion-text.unit.spec.ts
@@ -106,65 +106,4 @@ describe('notion-text to snapshot', () => {
    });
    expect(nanoidReplacement(target!)).toEqual(sliceSnapshot);
  });
-
-  test('notion text with empty styles array', () => {
-    const notionText =
-      '{"blockType":"text","editing":[["a "],["bold text",[["b"]]],[" hello world"]],"selection":{"startIndex":0,"endIndex":23},"action":"copy"}';
-
-    const sliceSnapshot: SliceSnapshot = {
-      type: 'slice',
-      content: [
-        {
-          type: 'block',
-          id: 'matchesReplaceMap[0]',
-          flavour: 'affine:note',
-          props: {
-            xywh: '[0,0,800,95]',
-            background: DefaultTheme.noteBackgrounColor,
-            index: 'a0',
-            hidden: false,
-            displayMode: 'both',
-          },
-          children: [
-            {
-              type: 'block',
-              id: 'matchesReplaceMap[1]',
-              flavour: 'affine:paragraph',
-              props: {
-                type: 'text',
-                text: {
-                  '$blocksuite:internal:text$': true,
-                  delta: [
-                    {
-                      insert: 'a ',
-                    },
-                    {
-                      insert: 'bold text',
-                      attributes: {
-                        bold: true,
-                      },
-                    },
-                    {
-                      insert: ' hello world',
-                    },
-                  ],
-                },
-              },
-              children: [],
-            },
-          ],
-        },
-      ],
-      workspaceId: '',
-      pageId: '',
-    };
-
-    const ntAdapter = new NotionTextAdapter(createJob(), provider);
-    const target = ntAdapter.toSliceSnapshot({
-      file: notionText,
-      workspaceId: '',
-      pageId: '',
-    });
-    expect(nanoidReplacement(target!)).toEqual(sliceSnapshot);
-  });
 });
--- a/blocksuite/affine/all/src/adapters/extension.ts
+++ b/blocksuite/affine/all/src/adapters/extension.ts
@@ -0,0 +1,65 @@
+import {
+  HtmlInlineToDeltaAdapterExtensions,
+  InlineDeltaToHtmlAdapterExtensions,
+  InlineDeltaToMarkdownAdapterExtensions,
+  MarkdownInlineToDeltaAdapterExtensions,
+  NotionHtmlInlineToDeltaAdapterExtensions,
+} from '@blocksuite/affine-inline-preset';
+import {
+  AttachmentAdapterFactoryExtension,
+  HtmlAdapterFactoryExtension,
+  ImageAdapterFactoryExtension,
+  MarkdownAdapterFactoryExtension,
+  MixTextAdapterFactoryExtension,
+  NotionHtmlAdapterFactoryExtension,
+  NotionTextAdapterFactoryExtension,
+  PlainTextAdapterFactoryExtension,
+} from '@blocksuite/affine-shared/adapters';
+import type { ExtensionType } from '@blocksuite/store';
+
+import { defaultBlockHtmlAdapterMatchers } from './html/block-matcher';
+import { defaultBlockMarkdownAdapterMatchers } from './markdown/block-matcher';
+import { defaultMarkdownPreprocessors } from './markdown/preprocessor';
+import { defaultBlockNotionHtmlAdapterMatchers } from './notion-html/block-matcher';
+import { defaultBlockPlainTextAdapterMatchers } from './plain-text/block-matcher';
+
+export function getAdapterFactoryExtensions(): ExtensionType[] {
+  return [
+    AttachmentAdapterFactoryExtension,
+    ImageAdapterFactoryExtension,
+    MarkdownAdapterFactoryExtension,
+    PlainTextAdapterFactoryExtension,
+    HtmlAdapterFactoryExtension,
+    NotionTextAdapterFactoryExtension,
+    NotionHtmlAdapterFactoryExtension,
+    MixTextAdapterFactoryExtension,
+  ];
+}
+
+export function getHtmlAdapterExtensions(): ExtensionType[] {
+  return [
+    ...HtmlInlineToDeltaAdapterExtensions,
+    ...defaultBlockHtmlAdapterMatchers,
+    ...InlineDeltaToHtmlAdapterExtensions,
+  ];
+}
+
+export function getMarkdownAdapterExtensions(): ExtensionType[] {
+  return [
+    ...MarkdownInlineToDeltaAdapterExtensions,
+    ...defaultBlockMarkdownAdapterMatchers,
+    ...InlineDeltaToMarkdownAdapterExtensions,
+    ...defaultMarkdownPreprocessors,
+  ];
+}
+
+export function getNotionHtmlAdapterExtensions(): ExtensionType[] {
+  return [
+    ...NotionHtmlInlineToDeltaAdapterExtensions,
+    ...defaultBlockNotionHtmlAdapterMatchers,
+  ];
+}
+
+export function getPlainTextAdapterExtensions(): ExtensionType[] {
+  return [...defaultBlockPlainTextAdapterMatchers];
+}
--- a/blocksuite/affine/all/src/adapters/html/block-matcher.ts
+++ b/blocksuite/affine/all/src/adapters/html/block-matcher.ts
@@ -0,0 +1,37 @@
+import { BookmarkBlockHtmlAdapterExtension } from '@blocksuite/affine-block-bookmark';
+import { CodeBlockHtmlAdapterExtension } from '@blocksuite/affine-block-code';
+import { DatabaseBlockHtmlAdapterExtension } from '@blocksuite/affine-block-database';
+import { DividerBlockHtmlAdapterExtension } from '@blocksuite/affine-block-divider';
+import {
+  EmbedFigmaBlockHtmlAdapterExtension,
+  EmbedGithubBlockHtmlAdapterExtension,
+  EmbedIframeBlockHtmlAdapterExtension,
+  EmbedLinkedDocHtmlAdapterExtension,
+  EmbedLoomBlockHtmlAdapterExtension,
+  EmbedSyncedDocBlockHtmlAdapterExtension,
+  EmbedYoutubeBlockHtmlAdapterExtension,
+} from '@blocksuite/affine-block-embed';
+import { ImageBlockHtmlAdapterExtension } from '@blocksuite/affine-block-image';
+import { ListBlockHtmlAdapterExtension } from '@blocksuite/affine-block-list';
+import { ParagraphBlockHtmlAdapterExtension } from '@blocksuite/affine-block-paragraph';
+import { RootBlockHtmlAdapterExtension } from '@blocksuite/affine-block-root';
+import { TableBlockHtmlAdapterExtension } from '@blocksuite/affine-block-table';
+
+export const defaultBlockHtmlAdapterMatchers = [
+  ListBlockHtmlAdapterExtension,
+  ParagraphBlockHtmlAdapterExtension,
+  CodeBlockHtmlAdapterExtension,
+  DividerBlockHtmlAdapterExtension,
+  ImageBlockHtmlAdapterExtension,
+  RootBlockHtmlAdapterExtension,
+  EmbedYoutubeBlockHtmlAdapterExtension,
+  EmbedFigmaBlockHtmlAdapterExtension,
+  EmbedLoomBlockHtmlAdapterExtension,
+  EmbedGithubBlockHtmlAdapterExtension,
+  EmbedIframeBlockHtmlAdapterExtension,
+  BookmarkBlockHtmlAdapterExtension,
+  DatabaseBlockHtmlAdapterExtension,
+  TableBlockHtmlAdapterExtension,
+  EmbedLinkedDocHtmlAdapterExtension,
+  EmbedSyncedDocBlockHtmlAdapterExtension,
+];
--- a/blocksuite/affine/all/src/adapters/index.ts
+++ b/blocksuite/affine/all/src/adapters/index.ts
@@ -0,0 +1,6 @@
+export * from './extension.js';
+export * from './html/block-matcher.js';
+export * from './markdown/block-matcher.js';
+export * from './markdown/preprocessor.js';
+export * from './notion-html/block-matcher.js';
+export * from './plain-text/block-matcher.js';
--- a/blocksuite/affine/all/src/adapters/markdown/block-matcher.ts
+++ b/blocksuite/affine/all/src/adapters/markdown/block-matcher.ts
@@ -0,0 +1,43 @@
+import { AttachmentBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-attachment';
+import { BookmarkBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-bookmark';
+import { CodeBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-code';
+import { DatabaseBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-database';
+import { DividerBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-divider';
+import {
+  EmbedFigmaMarkdownAdapterExtension,
+  EmbedGithubMarkdownAdapterExtension,
+  EmbedIframeBlockMarkdownAdapterExtension,
+  EmbedLinkedDocMarkdownAdapterExtension,
+  EmbedLoomMarkdownAdapterExtension,
+  EmbedSyncedDocMarkdownAdapterExtension,
+  EmbedYoutubeMarkdownAdapterExtension,
+} from '@blocksuite/affine-block-embed';
+import { ImageBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-image';
+import { LatexBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-latex';
+import { ListBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-list';
+import { DocNoteBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-note';
+import { ParagraphBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-paragraph';
+import { RootBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-root';
+import { TableBlockMarkdownAdapterExtension } from '@blocksuite/affine-block-table';
+
+export const defaultBlockMarkdownAdapterMatchers = [
+  RootBlockMarkdownAdapterExtension,
+  DocNoteBlockMarkdownAdapterExtension,
+  EmbedFigmaMarkdownAdapterExtension,
+  EmbedGithubMarkdownAdapterExtension,
+  EmbedLinkedDocMarkdownAdapterExtension,
+  EmbedLoomMarkdownAdapterExtension,
+  EmbedSyncedDocMarkdownAdapterExtension,
+  EmbedYoutubeMarkdownAdapterExtension,
+  EmbedIframeBlockMarkdownAdapterExtension,
+  ListBlockMarkdownAdapterExtension,
+  ParagraphBlockMarkdownAdapterExtension,
+  BookmarkBlockMarkdownAdapterExtension,
+  CodeBlockMarkdownAdapterExtension,
+  DatabaseBlockMarkdownAdapterExtension,
+  TableBlockMarkdownAdapterExtension,
+  DividerBlockMarkdownAdapterExtension,
+  ImageBlockMarkdownAdapterExtension,
+  LatexBlockMarkdownAdapterExtension,
+  AttachmentBlockMarkdownAdapterExtension,
+];
--- a/blocksuite/affine/all/src/adapters/markdown/preprocessor.ts
+++ b/blocksuite/affine/all/src/adapters/markdown/preprocessor.ts
@@ -0,0 +1,9 @@
+import { BookmarkBlockMarkdownPreprocessorExtension } from '@blocksuite/affine-block-bookmark';
+import { CodeMarkdownPreprocessorExtension } from '@blocksuite/affine-block-code';
+import { LatexMarkdownPreprocessorExtension } from '@blocksuite/affine-block-latex';
+
+export const defaultMarkdownPreprocessors = [
+  LatexMarkdownPreprocessorExtension,
+  CodeMarkdownPreprocessorExtension,
+  BookmarkBlockMarkdownPreprocessorExtension,
+];
--- a/blocksuite/affine/all/src/adapters/notion-html/block-matcher.ts
+++ b/blocksuite/affine/all/src/adapters/notion-html/block-matcher.ts
@@ -0,0 +1,34 @@
+import { AttachmentBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-attachment';
+import { BookmarkBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-bookmark';
+import { CodeBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-code';
+import { DatabaseBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-database';
+import { DividerBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-divider';
+import {
+  EmbedFigmaBlockNotionHtmlAdapterExtension,
+  EmbedGithubBlockNotionHtmlAdapterExtension,
+  EmbedLoomBlockNotionHtmlAdapterExtension,
+  EmbedYoutubeBlockNotionHtmlAdapterExtension,
+} from '@blocksuite/affine-block-embed';
+import { ImageBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-image';
+import { LatexBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-latex';
+import { ListBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-list';
+import { ParagraphBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-paragraph';
+import { RootBlockNotionHtmlAdapterExtension } from '@blocksuite/affine-block-root';
+import type { ExtensionType } from '@blocksuite/store';
+
+export const defaultBlockNotionHtmlAdapterMatchers: ExtensionType[] = [
+  ListBlockNotionHtmlAdapterExtension,
+  ParagraphBlockNotionHtmlAdapterExtension,
+  CodeBlockNotionHtmlAdapterExtension,
+  DividerBlockNotionHtmlAdapterExtension,
+  ImageBlockNotionHtmlAdapterExtension,
+  RootBlockNotionHtmlAdapterExtension,
+  BookmarkBlockNotionHtmlAdapterExtension,
+  DatabaseBlockNotionHtmlAdapterExtension,
+  LatexBlockNotionHtmlAdapterExtension,
+  EmbedYoutubeBlockNotionHtmlAdapterExtension,
+  EmbedFigmaBlockNotionHtmlAdapterExtension,
+  EmbedGithubBlockNotionHtmlAdapterExtension,
+  EmbedLoomBlockNotionHtmlAdapterExtension,
+  AttachmentBlockNotionHtmlAdapterExtension,
+];
--- a/blocksuite/affine/all/src/adapters/plain-text/block-matcher.ts
+++ b/blocksuite/affine/all/src/adapters/plain-text/block-matcher.ts
@@ -0,0 +1,34 @@
+import { BookmarkBlockPlainTextAdapterExtension } from '@blocksuite/affine-block-bookmark';
+import { CodeBlockPlainTextAdapterExtension } from '@blocksuite/affine-block-code';
+import { DatabaseBlockPlainTextAdapterExtension } from '@blocksuite/affine-block-database';
+import { DividerBlockPlainTextAdapterExtension } from '@blocksuite/affine-block-divider';
+import {
+  EmbedFigmaBlockPlainTextAdapterExtension,
+  EmbedGithubBlockPlainTextAdapterExtension,
+  EmbedIframeBlockPlainTextAdapterExtension,
+  EmbedLinkedDocBlockPlainTextAdapterExtension,
+  EmbedLoomBlockPlainTextAdapterExtension,
+  EmbedSyncedDocBlockPlainTextAdapterExtension,
+  EmbedYoutubeBlockPlainTextAdapterExtension,
+} from '@blocksuite/affine-block-embed';
+import { LatexBlockPlainTextAdapterExtension } from '@blocksuite/affine-block-latex';
+import { ListBlockPlainTextAdapterExtension } from '@blocksuite/affine-block-list';
+import { ParagraphBlockPlainTextAdapterExtension } from '@blocksuite/affine-block-paragraph';
+import type { ExtensionType } from '@blocksuite/store';
+
+export const defaultBlockPlainTextAdapterMatchers: ExtensionType[] = [
+  ParagraphBlockPlainTextAdapterExtension,
+  ListBlockPlainTextAdapterExtension,
+  DividerBlockPlainTextAdapterExtension,
+  CodeBlockPlainTextAdapterExtension,
+  BookmarkBlockPlainTextAdapterExtension,
+  EmbedFigmaBlockPlainTextAdapterExtension,
+  EmbedGithubBlockPlainTextAdapterExtension,
+  EmbedLoomBlockPlainTextAdapterExtension,
+  EmbedYoutubeBlockPlainTextAdapterExtension,
+  EmbedLinkedDocBlockPlainTextAdapterExtension,
+  EmbedSyncedDocBlockPlainTextAdapterExtension,
+  EmbedIframeBlockPlainTextAdapterExtension,
+  LatexBlockPlainTextAdapterExtension,
+  DatabaseBlockPlainTextAdapterExtension,
+];
--- a/blocksuite/affine/all/src/blocks/embed-doc/index.ts
+++ b/blocksuite/affine/all/src/blocks/embed-doc/index.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-block-embed-doc';
--- a/blocksuite/affine/all/src/blocks/embed-doc/store.ts
+++ b/blocksuite/affine/all/src/blocks/embed-doc/store.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-block-embed-doc/store';
--- a/blocksuite/affine/all/src/blocks/embed-doc/view.ts
+++ b/blocksuite/affine/all/src/blocks/embed-doc/view.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-block-embed-doc/view';
--- a/blocksuite/affine/all/src/blocks/root/index.ts
+++ b/blocksuite/affine/all/src/blocks/root/index.ts
--- a/blocksuite/affine/all/src/blocks/root/store.ts
+++ b/blocksuite/affine/all/src/blocks/root/store.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-block-root/store';
--- a/blocksuite/affine/all/src/blocks/root/view.ts
+++ b/blocksuite/affine/all/src/blocks/root/view.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-block-root/view';
--- a/blocksuite/affine/all/src/components/citation.ts
+++ b/blocksuite/affine/all/src/components/citation.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-components/citation';
--- a/blocksuite/affine/all/src/components/resource.ts
+++ b/blocksuite/affine/all/src/components/resource.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-components/resource';
--- a/blocksuite/affine/all/src/effects.ts
+++ b/blocksuite/affine/all/src/effects.ts
@@ -1,24 +1,92 @@
-import { type effects as blockRootEffects } from '@blocksuite/affine-block-root/effects';
-import { type effects as componentCaptionEffects } from '@blocksuite/affine-components/caption';
-import { type effects as componentColorPickerEffects } from '@blocksuite/affine-components/color-picker';
-import { type effects as componentContextMenuEffects } from '@blocksuite/affine-components/context-menu';
-import { type effects as componentDatePickerEffects } from '@blocksuite/affine-components/date-picker';
-import { type effects as componentDropIndicatorEffects } from '@blocksuite/affine-components/drop-indicator';
-import { type effects as componentEmbedCardModalEffects } from '@blocksuite/affine-components/embed-card-modal';
-import { type effects as componentHighlightDropdownMenuEffects } from '@blocksuite/affine-components/highlight-dropdown-menu';
-import { type effects as componentLinkPreviewEffects } from '@blocksuite/affine-components/link-preview';
-import { type effects as componentLinkedDocTitleEffects } from '@blocksuite/affine-components/linked-doc-title';
-import { type effects as componentPortalEffects } from '@blocksuite/affine-components/portal';
-import { type effects as componentToggleButtonEffects } from '@blocksuite/affine-components/toggle-button';
-import { type effects as componentToolbarEffects } from '@blocksuite/affine-components/toolbar';
-import { type effects as componentViewDropdownMenuEffects } from '@blocksuite/affine-components/view-dropdown-menu';
-import { type effects as richTextEffects } from '@blocksuite/affine-rich-text/effects';
-import { type effects as stdEffects } from '@blocksuite/std/effects';
+import { effects as blockAttachmentEffects } from '@blocksuite/affine-block-attachment/effects';
+import { effects as blockBookmarkEffects } from '@blocksuite/affine-block-bookmark/effects';
+import { effects as blockCalloutEffects } from '@blocksuite/affine-block-callout/effects';
+import { effects as blockCodeEffects } from '@blocksuite/affine-block-code/effects';
+import { effects as blockDataViewEffects } from '@blocksuite/affine-block-data-view/effects';
+import { effects as blockDatabaseEffects } from '@blocksuite/affine-block-database/effects';
+import { effects as blockDividerEffects } from '@blocksuite/affine-block-divider/effects';
+import { effects as blockEdgelessTextEffects } from '@blocksuite/affine-block-edgeless-text/effects';
+import { effects as blockEmbedEffects } from '@blocksuite/affine-block-embed/effects';
+import { effects as blockFrameEffects } from '@blocksuite/affine-block-frame/effects';
+import { effects as blockImageEffects } from '@blocksuite/affine-block-image/effects';
+import { effects as blockLatexEffects } from '@blocksuite/affine-block-latex/effects';
+import { effects as blockListEffects } from '@blocksuite/affine-block-list/effects';
+import { effects as blockNoteEffects } from '@blocksuite/affine-block-note/effects';
+import { effects as blockParagraphEffects } from '@blocksuite/affine-block-paragraph/effects';
+import { effects as blockRootEffects } from '@blocksuite/affine-block-root/effects';
+import { effects as blockSurfaceEffects } from '@blocksuite/affine-block-surface/effects';
+import { effects as blockSurfaceRefEffects } from '@blocksuite/affine-block-surface-ref/effects';
+import { effects as blockTableEffects } from '@blocksuite/affine-block-table/effects';
+import { BlockSelection } from '@blocksuite/affine-components/block-selection';
+import { BlockZeroWidth } from '@blocksuite/affine-components/block-zero-width';
+import { effects as componentCaptionEffects } from '@blocksuite/affine-components/caption';
+import { effects as componentCardStyleDropdownMenuEffects } from '@blocksuite/affine-components/card-style-dropdown-menu';
+import { effects as componentCitationEffects } from '@blocksuite/affine-components/citation';
+import { effects as componentColorPickerEffects } from '@blocksuite/affine-components/color-picker';
+import { effects as componentContextMenuEffects } from '@blocksuite/affine-components/context-menu';
+import { effects as componentDatePickerEffects } from '@blocksuite/affine-components/date-picker';
+import { effects as componentDropIndicatorEffects } from '@blocksuite/affine-components/drop-indicator';
+import { effects as componentEdgelessLineStylesEffects } from '@blocksuite/affine-components/edgeless-line-styles-panel';
+import { effects as componentEdgelessLineWidthEffects } from '@blocksuite/affine-components/edgeless-line-width-panel';
+import { effects as componentEdgelessShapeColorPickerEffects } from '@blocksuite/affine-components/edgeless-shape-color-picker';
+import { effects as componentEmbedCardModalEffects } from '@blocksuite/affine-components/embed-card-modal';
+import { FilterableListComponent } from '@blocksuite/affine-components/filterable-list';
+import { effects as componentHighlightDropdownMenuEffects } from '@blocksuite/affine-components/highlight-dropdown-menu';
+import { IconButton } from '@blocksuite/affine-components/icon-button';
+import { effects as componentLinkPreviewEffects } from '@blocksuite/affine-components/link-preview';
+import { effects as componentLinkedDocTitleEffects } from '@blocksuite/affine-components/linked-doc-title';
+import { effects as componentOpenDocDropdownMenuEffects } from '@blocksuite/affine-components/open-doc-dropdown-menu';
+import { effects as componentPortalEffects } from '@blocksuite/affine-components/portal';
+import { effects as componentSizeDropdownMenuEffects } from '@blocksuite/affine-components/size-dropdown-menu';
+import { SmoothCorner } from '@blocksuite/affine-components/smooth-corner';
+import { effects as componentToggleButtonEffects } from '@blocksuite/affine-components/toggle-button';
+import { ToggleSwitch } from '@blocksuite/affine-components/toggle-switch';
+import { effects as componentToolbarEffects } from '@blocksuite/affine-components/toolbar';
+import { effects as componentTooltipContentWithShortcutEffects } from '@blocksuite/affine-components/tooltip-content-with-shortcut';
+import { effects as componentViewDropdownMenuEffects } from '@blocksuite/affine-components/view-dropdown-menu';
+import { effects as fragmentDocTitleEffects } from '@blocksuite/affine-fragment-doc-title/effects';
+import { effects as fragmentFramePanelEffects } from '@blocksuite/affine-fragment-frame-panel/effects';
+import { effects as fragmentOutlineEffects } from '@blocksuite/affine-fragment-outline/effects';
+import { effects as inlineFootnoteEffects } from '@blocksuite/affine-inline-footnote/effects';
+import { effects as inlineLatexEffects } from '@blocksuite/affine-inline-latex/effects';
+import { effects as inlineLinkEffects } from '@blocksuite/affine-inline-link/effects';
+import { effects as inlineMentionEffects } from '@blocksuite/affine-inline-mention';
+import { effects as inlinePresetEffects } from '@blocksuite/affine-inline-preset/effects';
+import { effects as inlineReferenceEffects } from '@blocksuite/affine-inline-reference/effects';
+import { effects as richTextEffects } from '@blocksuite/affine-rich-text/effects';
+import { effects as widgetDragHandleEffects } from '@blocksuite/affine-widget-drag-handle/effects';
+import { effects as widgetEdgelessAutoConnectEffects } from '@blocksuite/affine-widget-edgeless-auto-connect/effects';
+import { effects as widgetFrameTitleEffects } from '@blocksuite/affine-widget-frame-title/effects';
+import { effects as widgetRemoteSelectionEffects } from '@blocksuite/affine-widget-remote-selection/effects';
+import { effects as widgetScrollAnchoringEffects } from '@blocksuite/affine-widget-scroll-anchoring/effects';
+import { effects as widgetSlashMenuEffects } from '@blocksuite/affine-widget-slash-menu/effects';
+import { effects as widgetToolbarEffects } from '@blocksuite/affine-widget-toolbar/effects';
+import { effects as dataViewEffects } from '@blocksuite/data-view/effects';
+import { effects as stdEffects } from '@blocksuite/std/effects';

 export declare const _GLOBAL_:
  | typeof stdEffects
+  | typeof dataViewEffects
  | typeof richTextEffects
+  | typeof blockNoteEffects
+  | typeof blockAttachmentEffects
+  | typeof blockBookmarkEffects
+  | typeof blockFrameEffects
+  | typeof blockListEffects
+  | typeof blockParagraphEffects
+  | typeof blockEmbedEffects
+  | typeof blockSurfaceEffects
+  | typeof blockImageEffects
+  | typeof blockDatabaseEffects
+  | typeof blockSurfaceRefEffects
+  | typeof blockLatexEffects
+  | typeof blockEdgelessTextEffects
+  | typeof blockDividerEffects
+  | typeof blockDataViewEffects
+  | typeof blockCodeEffects
+  | typeof blockTableEffects
  | typeof blockRootEffects
+  | typeof blockCalloutEffects
  | typeof componentCaptionEffects
  | typeof componentContextMenuEffects
  | typeof componentDatePickerEffects
@@ -31,4 +99,89 @@ export declare const _GLOBAL_:
  | typeof componentToolbarEffects
  | typeof componentToggleButtonEffects
  | typeof componentColorPickerEffects
-  | typeof componentViewDropdownMenuEffects;
+  | typeof componentViewDropdownMenuEffects
+  | typeof widgetScrollAnchoringEffects
+  | typeof widgetFrameTitleEffects
+  | typeof widgetRemoteSelectionEffects
+  | typeof widgetDragHandleEffects
+  | typeof widgetEdgelessAutoConnectEffects
+  | typeof widgetToolbarEffects
+  | typeof widgetSlashMenuEffects
+  | typeof fragmentDocTitleEffects
+  | typeof fragmentFramePanelEffects
+  | typeof fragmentOutlineEffects;
+
+export function effects() {
+  stdEffects();
+
+  dataViewEffects();
+  richTextEffects();
+
+  inlineReferenceEffects();
+  inlinePresetEffects();
+  inlineLinkEffects();
+  inlineFootnoteEffects();
+  inlineLatexEffects();
+  inlineMentionEffects();
+
+  blockNoteEffects();
+  blockAttachmentEffects();
+  blockBookmarkEffects();
+  blockFrameEffects();
+  blockListEffects();
+  blockParagraphEffects();
+  blockEmbedEffects();
+  blockSurfaceEffects();
+  blockImageEffects();
+  blockDatabaseEffects();
+  blockSurfaceRefEffects();
+  blockLatexEffects();
+  blockEdgelessTextEffects();
+  blockDividerEffects();
+  blockDataViewEffects();
+  blockCodeEffects();
+  blockTableEffects();
+  blockRootEffects();
+  blockCalloutEffects();
+
+  componentCaptionEffects();
+  componentContextMenuEffects();
+  componentDatePickerEffects();
+  componentPortalEffects();
+  componentToolbarEffects();
+  componentDropIndicatorEffects();
+  componentToggleButtonEffects();
+  componentColorPickerEffects();
+  componentEmbedCardModalEffects();
+  componentLinkPreviewEffects();
+  componentLinkedDocTitleEffects();
+  componentCitationEffects();
+  componentCardStyleDropdownMenuEffects();
+  componentHighlightDropdownMenuEffects();
+  componentViewDropdownMenuEffects();
+  componentTooltipContentWithShortcutEffects();
+  componentSizeDropdownMenuEffects();
+  componentEdgelessLineWidthEffects();
+  componentEdgelessLineStylesEffects();
+  componentEdgelessShapeColorPickerEffects();
+  componentOpenDocDropdownMenuEffects();
+
+  widgetScrollAnchoringEffects();
+  widgetFrameTitleEffects();
+  widgetRemoteSelectionEffects();
+  widgetDragHandleEffects();
+  widgetEdgelessAutoConnectEffects();
+  widgetSlashMenuEffects();
+  widgetToolbarEffects();
+
+  fragmentDocTitleEffects();
+  fragmentFramePanelEffects();
+  fragmentOutlineEffects();
+
+  customElements.define('icon-button', IconButton);
+  customElements.define('smooth-corner', SmoothCorner);
+  customElements.define('toggle-switch', ToggleSwitch);
+  customElements.define('affine-filterable-list', FilterableListComponent);
+  customElements.define('block-zero-width', BlockZeroWidth);
+  customElements.define('affine-block-selection', BlockSelection);
+}
--- a/blocksuite/affine/all/src/extensions/effects.ts
+++ b/blocksuite/affine/all/src/extensions/effects.ts
@@ -0,0 +1,12 @@
+import { effects as blockRootEffects } from '@blocksuite/affine-block-root/effects';
+import { effects as fragmentDocTitleEffects } from '@blocksuite/affine-fragment-doc-title/effects';
+import { effects as fragmentFramePanelEffects } from '@blocksuite/affine-fragment-frame-panel/effects';
+import { effects as fragmentOutlineEffects } from '@blocksuite/affine-fragment-outline/effects';
+
+export function effects() {
+  blockRootEffects();
+
+  fragmentDocTitleEffects();
+  fragmentFramePanelEffects();
+  fragmentOutlineEffects();
+}
--- a/blocksuite/affine/all/src/extensions/migrating-store.ts
+++ b/blocksuite/affine/all/src/extensions/migrating-store.ts
@@ -0,0 +1,48 @@
+import {
+  RootBlockHtmlAdapterExtension,
+  RootBlockMarkdownAdapterExtension,
+  RootBlockNotionHtmlAdapterExtension,
+} from '@blocksuite/affine-block-root';
+import {
+  type StoreExtensionContext,
+  StoreExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+import { RootBlockSchemaExtension } from '@blocksuite/affine-model';
+import type { ExtensionType } from '@blocksuite/store';
+
+const defaultBlockHtmlAdapterMatchers = [RootBlockHtmlAdapterExtension];
+
+const defaultBlockMarkdownAdapterMatchers = [RootBlockMarkdownAdapterExtension];
+
+const defaultBlockNotionHtmlAdapterMatchers: ExtensionType[] = [
+  RootBlockNotionHtmlAdapterExtension,
+];
+
+function getHtmlAdapterExtensions(): ExtensionType[] {
+  return [...defaultBlockHtmlAdapterMatchers];
+}
+
+function getMarkdownAdapterExtensions(): ExtensionType[] {
+  return [...defaultBlockMarkdownAdapterMatchers];
+}
+
+function getNotionHtmlAdapterExtensions(): ExtensionType[] {
+  return [...defaultBlockNotionHtmlAdapterMatchers];
+}
+
+const MigratingStoreExtensions: ExtensionType[] = [
+  RootBlockSchemaExtension,
+
+  getHtmlAdapterExtensions(),
+  getMarkdownAdapterExtensions(),
+  getNotionHtmlAdapterExtensions(),
+].flat();
+
+export class MigratingStoreExtension extends StoreExtensionProvider {
+  override name = 'migrating';
+
+  override setup(context: StoreExtensionContext) {
+    super.setup(context);
+    context.register(MigratingStoreExtensions);
+  }
+}
--- a/blocksuite/affine/all/src/extensions/migrating-view.ts
+++ b/blocksuite/affine/all/src/extensions/migrating-view.ts
@@ -0,0 +1,42 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@blocksuite/affine-ext-loader';
+
+import { effects } from './effects';
+import {
+  MigratingEdgelessEditorBlockSpecs,
+  MigratingPageEditorBlockSpecs,
+  MigratingPreviewEdgelessEditorBlockSpecs,
+  MigratingPreviewPageEditorBlockSpecs,
+} from './migrating';
+
+export class MigratingViewExtension extends ViewExtensionProvider {
+  override name = 'migrating';
+
+  override effect() {
+    super.effect();
+    effects();
+  }
+
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    const scope = context.scope;
+    if (scope === 'preview-page') {
+      context.register(MigratingPreviewPageEditorBlockSpecs);
+      return;
+    }
+    if (scope === 'preview-edgeless') {
+      context.register(MigratingPreviewEdgelessEditorBlockSpecs);
+      return;
+    }
+    if (scope === 'page' || scope === 'mobile-page') {
+      context.register(MigratingPageEditorBlockSpecs);
+      return;
+    }
+    if (scope === 'edgeless' || scope === 'mobile-edgeless') {
+      context.register(MigratingEdgelessEditorBlockSpecs);
+      return;
+    }
+  }
+}
--- a/blocksuite/affine/all/src/extensions/migrating.ts
+++ b/blocksuite/affine/all/src/extensions/migrating.ts
@@ -0,0 +1,26 @@
+import {
+  EdgelessBuiltInSpecs,
+  PageRootBlockSpec,
+  PreviewEdgelessRootBlockSpec,
+  PreviewPageRootBlockSpec,
+  ReadOnlyClipboard,
+} from '@blocksuite/affine-block-root';
+import type { ExtensionType } from '@blocksuite/store';
+
+export const MigratingEdgelessEditorBlockSpecs: ExtensionType[] = [
+  EdgelessBuiltInSpecs,
+].flat();
+
+export const MigratingPageEditorBlockSpecs: ExtensionType[] = [
+  PageRootBlockSpec,
+].flat();
+
+export const MigratingPreviewEdgelessEditorBlockSpecs: ExtensionType[] = [
+  PreviewEdgelessRootBlockSpec,
+  ReadOnlyClipboard,
+].flat();
+
+export const MigratingPreviewPageEditorBlockSpecs: ExtensionType[] = [
+  PreviewPageRootBlockSpec,
+  ReadOnlyClipboard,
+].flat();
--- a/blocksuite/affine/all/src/extensions/store.ts
+++ b/blocksuite/affine/all/src/extensions/store.ts
@@ -7,14 +7,12 @@ import { DatabaseStoreExtension } from '@blocksuite/affine-block-database/store'
 import { DividerStoreExtension } from '@blocksuite/affine-block-divider/store';
 import { EdgelessTextStoreExtension } from '@blocksuite/affine-block-edgeless-text/store';
 import { EmbedStoreExtension } from '@blocksuite/affine-block-embed/store';
-import { EmbedDocStoreExtension } from '@blocksuite/affine-block-embed-doc/store';
 import { FrameStoreExtension } from '@blocksuite/affine-block-frame/store';
 import { ImageStoreExtension } from '@blocksuite/affine-block-image/store';
 import { LatexStoreExtension } from '@blocksuite/affine-block-latex/store';
 import { ListStoreExtension } from '@blocksuite/affine-block-list/store';
 import { NoteStoreExtension } from '@blocksuite/affine-block-note/store';
 import { ParagraphStoreExtension } from '@blocksuite/affine-block-paragraph/store';
-import { RootStoreExtension } from '@blocksuite/affine-block-root/store';
 import { SurfaceStoreExtension } from '@blocksuite/affine-block-surface/store';
 import { SurfaceRefStoreExtension } from '@blocksuite/affine-block-surface-ref/store';
 import { TableStoreExtension } from '@blocksuite/affine-block-table/store';
@@ -31,6 +29,8 @@ import { LinkStoreExtension } from '@blocksuite/affine-inline-link/store';
 import { InlinePresetStoreExtension } from '@blocksuite/affine-inline-preset/store';
 import { ReferenceStoreExtension } from '@blocksuite/affine-inline-reference/store';

+import { MigratingStoreExtension } from './migrating-store';
+
 export function getInternalStoreExtensions() {
  return [
    FoundationStoreExtension,
@@ -44,7 +44,6 @@ export function getInternalStoreExtensions() {
    DividerStoreExtension,
    EdgelessTextStoreExtension,
    EmbedStoreExtension,
-    EmbedDocStoreExtension,
    FrameStoreExtension,
    ImageStoreExtension,
    LatexStoreExtension,
@@ -54,7 +53,6 @@ export function getInternalStoreExtensions() {
    SurfaceRefStoreExtension,
    TableStoreExtension,
    SurfaceStoreExtension,
-    RootStoreExtension,

    FootnoteStoreExtension,
    LinkStoreExtension,
@@ -68,5 +66,7 @@ export function getInternalStoreExtensions() {
    ConnectorStoreExtension,
    GroupStoreExtension,
    TextStoreExtension,
+
+    MigratingStoreExtension,
  ];
 }
--- a/blocksuite/affine/all/src/extensions/view.ts
+++ b/blocksuite/affine/all/src/extensions/view.ts
@@ -7,22 +7,16 @@ import { DatabaseViewExtension } from '@blocksuite/affine-block-database/view';
 import { DividerViewExtension } from '@blocksuite/affine-block-divider/view';
 import { EdgelessTextViewExtension } from '@blocksuite/affine-block-edgeless-text/view';
 import { EmbedViewExtension } from '@blocksuite/affine-block-embed/view';
-import { EmbedDocViewExtension } from '@blocksuite/affine-block-embed-doc/view';
 import { FrameViewExtension } from '@blocksuite/affine-block-frame/view';
 import { ImageViewExtension } from '@blocksuite/affine-block-image/view';
 import { LatexViewExtension } from '@blocksuite/affine-block-latex/view';
 import { ListViewExtension } from '@blocksuite/affine-block-list/view';
 import { NoteViewExtension } from '@blocksuite/affine-block-note/view';
 import { ParagraphViewExtension } from '@blocksuite/affine-block-paragraph/view';
-import { RootViewExtension } from '@blocksuite/affine-block-root/view';
 import { SurfaceViewExtension } from '@blocksuite/affine-block-surface/view';
 import { SurfaceRefViewExtension } from '@blocksuite/affine-block-surface-ref/view';
 import { TableViewExtension } from '@blocksuite/affine-block-table/view';
 import { FoundationViewExtension } from '@blocksuite/affine-foundation/view';
-import { AdapterPanelViewExtension } from '@blocksuite/affine-fragment-adapter-panel/view';
-import { DocTitleViewExtension } from '@blocksuite/affine-fragment-doc-title/view';
-import { FramePanelViewExtension } from '@blocksuite/affine-fragment-frame-panel/view';
-import { OutlineViewExtension } from '@blocksuite/affine-fragment-outline/view';
 import { BrushViewExtension } from '@blocksuite/affine-gfx-brush/view';
 import { ConnectorViewExtension } from '@blocksuite/affine-gfx-connector/view';
 import { GroupViewExtension } from '@blocksuite/affine-gfx-group/view';
@@ -41,14 +35,11 @@ import { InlinePresetViewExtension } from '@blocksuite/affine-inline-preset/view
 import { ReferenceViewExtension } from '@blocksuite/affine-inline-reference/view';
 import { DragHandleViewExtension } from '@blocksuite/affine-widget-drag-handle/view';
 import { EdgelessAutoConnectViewExtension } from '@blocksuite/affine-widget-edgeless-auto-connect/view';
-import { EdgelessDraggingAreaViewExtension } from '@blocksuite/affine-widget-edgeless-dragging-area/view';
-import { EdgelessSelectedRectViewExtension } from '@blocksuite/affine-widget-edgeless-selected-rect/view';
 import { EdgelessToolbarViewExtension } from '@blocksuite/affine-widget-edgeless-toolbar/view';
 import { EdgelessZoomToolbarViewExtension } from '@blocksuite/affine-widget-edgeless-zoom-toolbar/view';
 import { FrameTitleViewExtension } from '@blocksuite/affine-widget-frame-title/view';
 import { KeyboardToolbarViewExtension } from '@blocksuite/affine-widget-keyboard-toolbar/view';
 import { LinkedDocViewExtension } from '@blocksuite/affine-widget-linked-doc/view';
-import { NoteSlicerViewExtension } from '@blocksuite/affine-widget-note-slicer/view';
 import { PageDraggingAreaViewExtension } from '@blocksuite/affine-widget-page-dragging-area/view';
 import { RemoteSelectionViewExtension } from '@blocksuite/affine-widget-remote-selection/view';
 import { ScrollAnchoringViewExtension } from '@blocksuite/affine-widget-scroll-anchoring/view';
@@ -56,6 +47,8 @@ import { SlashMenuViewExtension } from '@blocksuite/affine-widget-slash-menu/vie
 import { ToolbarViewExtension } from '@blocksuite/affine-widget-toolbar/view';
 import { ViewportOverlayViewExtension } from '@blocksuite/affine-widget-viewport-overlay/view';

+import { MigratingViewExtension } from './migrating-view';
+
 export function getInternalViewExtensions() {
  return [
    FoundationViewExtension,
@@ -82,7 +75,6 @@ export function getInternalViewExtensions() {
    DividerViewExtension,
    EdgelessTextViewExtension,
    EmbedViewExtension,
-    EmbedDocViewExtension,
    FrameViewExtension,
    ImageViewExtension,
    LatexViewExtension,
@@ -92,7 +84,6 @@ export function getInternalViewExtensions() {
    SurfaceRefViewExtension,
    TableViewExtension,
    SurfaceViewExtension,
-    RootViewExtension,

    // Inline
    FootnoteViewExtension,
@@ -103,9 +94,10 @@ export function getInternalViewExtensions() {
    InlinePresetViewExtension,

    // Widget
-    // order will affect the z-index of the widget
    DragHandleViewExtension,
    EdgelessAutoConnectViewExtension,
+    EdgelessToolbarViewExtension,
+    MigratingViewExtension,
    FrameTitleViewExtension,
    KeyboardToolbarViewExtension,
    LinkedDocViewExtension,
@@ -116,15 +108,5 @@ export function getInternalViewExtensions() {
    ViewportOverlayViewExtension,
    EdgelessZoomToolbarViewExtension,
    PageDraggingAreaViewExtension,
-    EdgelessSelectedRectViewExtension,
-    EdgelessDraggingAreaViewExtension,
-    NoteSlicerViewExtension,
-    EdgelessToolbarViewExtension,
-
-    // Fragment
-    DocTitleViewExtension,
-    FramePanelViewExtension,
-    OutlineViewExtension,
-    AdapterPanelViewExtension,
  ];
 }
--- a/blocksuite/affine/all/src/foundation/store.ts
+++ b/blocksuite/affine/all/src/foundation/store.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-foundation/store';
--- a/blocksuite/affine/all/src/foundation/view.ts
+++ b/blocksuite/affine/all/src/foundation/view.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-foundation/view';
--- a/blocksuite/affine/all/src/fragments/adapter-panel/index.ts
+++ b/blocksuite/affine/all/src/fragments/adapter-panel/index.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-fragment-adapter-panel';
--- a/blocksuite/affine/all/src/fragments/adapter-panel/view.ts
+++ b/blocksuite/affine/all/src/fragments/adapter-panel/view.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-fragment-adapter-panel/view';
--- a/blocksuite/affine/all/src/fragments/doc-title/index.ts
+++ b/blocksuite/affine/all/src/fragments/doc-title/index.ts
--- a/blocksuite/affine/all/src/fragments/doc-title/view.ts
+++ b/blocksuite/affine/all/src/fragments/doc-title/view.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-fragment-doc-title/view';
--- a/blocksuite/affine/all/src/fragments/frame-panel/index.ts
+++ b/blocksuite/affine/all/src/fragments/frame-panel/index.ts
--- a/blocksuite/affine/all/src/fragments/frame-panel/view.ts
+++ b/blocksuite/affine/all/src/fragments/frame-panel/view.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-fragment-frame-panel/view';
--- a/blocksuite/affine/all/src/fragments/outline/index.ts
+++ b/blocksuite/affine/all/src/fragments/outline/index.ts
--- a/blocksuite/affine/all/src/fragments/outline/view.ts
+++ b/blocksuite/affine/all/src/fragments/outline/view.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-fragment-outline/view';
--- a/blocksuite/affine/all/src/widgets/edgeless-dragging-area/index.ts
+++ b/blocksuite/affine/all/src/widgets/edgeless-dragging-area/index.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-widget-edgeless-dragging-area';
--- a/blocksuite/affine/all/src/widgets/edgeless-dragging-area/view.ts
+++ b/blocksuite/affine/all/src/widgets/edgeless-dragging-area/view.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-widget-edgeless-dragging-area/view';
--- a/blocksuite/affine/all/src/widgets/edgeless-selected-rect/index.ts
+++ b/blocksuite/affine/all/src/widgets/edgeless-selected-rect/index.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-widget-edgeless-selected-rect';
--- a/blocksuite/affine/all/src/widgets/edgeless-selected-rect/view.ts
+++ b/blocksuite/affine/all/src/widgets/edgeless-selected-rect/view.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-widget-edgeless-selected-rect/view';
--- a/blocksuite/affine/all/src/widgets/note-slicer/index.ts
+++ b/blocksuite/affine/all/src/widgets/note-slicer/index.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-widget-note-slicer';
--- a/blocksuite/affine/all/src/widgets/note-slicer/view.ts
+++ b/blocksuite/affine/all/src/widgets/note-slicer/view.ts
@@ -1 +0,0 @@
-export * from '@blocksuite/affine-widget-note-slicer/view';
--- a/blocksuite/affine/all/tsconfig.json
+++ b/blocksuite/affine/all/tsconfig.json
@@ -16,7 +16,6 @@
    { "path": "../blocks/divider" },
    { "path": "../blocks/edgeless-text" },
    { "path": "../blocks/embed" },
-    { "path": "../blocks/embed-doc" },
    { "path": "../blocks/frame" },
    { "path": "../blocks/image" },
    { "path": "../blocks/latex" },
@@ -30,7 +29,6 @@
    { "path": "../components" },
    { "path": "../ext-loader" },
    { "path": "../foundation" },
-    { "path": "../fragments/adapter-panel" },
    { "path": "../fragments/doc-title" },
    { "path": "../fragments/frame-panel" },
    { "path": "../fragments/outline" },
@@ -56,14 +54,11 @@
    { "path": "../shared" },
    { "path": "../widgets/drag-handle" },
    { "path": "../widgets/edgeless-auto-connect" },
-    { "path": "../widgets/edgeless-dragging-area" },
-    { "path": "../widgets/edgeless-selected-rect" },
    { "path": "../widgets/edgeless-toolbar" },
    { "path": "../widgets/edgeless-zoom-toolbar" },
    { "path": "../widgets/frame-title" },
    { "path": "../widgets/keyboard-toolbar" },
    { "path": "../widgets/linked-doc" },
-    { "path": "../widgets/note-slicer" },
    { "path": "../widgets/page-dragging-area" },
    { "path": "../widgets/remote-selection" },
    { "path": "../widgets/scroll-anchoring" },
--- a/blocksuite/affine/blocks/attachment/package.json
+++ b/blocksuite/affine/blocks/attachment/package.json
@@ -10,6 +10,7 @@
  "author": "toeverything",
  "license": "MIT",
  "dependencies": {
+    "@blocksuite/affine-block-embed": "workspace:*",
    "@blocksuite/affine-block-surface": "workspace:*",
    "@blocksuite/affine-components": "workspace:*",
    "@blocksuite/affine-ext-loader": "workspace:*",
@@ -23,8 +24,8 @@
    "@floating-ui/dom": "^1.6.13",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.15",
-    "file-type": "^21.0.0",
+    "@toeverything/theme": "^1.1.12",
+    "file-type": "^20.0.0",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
    "rxjs": "^7.8.1",
@@ -32,6 +33,7 @@
  },
  "exports": {
    ".": "./src/index.ts",
+    "./effects": "./src/effects.ts",
    "./store": "./src/store.ts",
    "./view": "./src/view.ts"
  },
--- a/blocksuite/affine/blocks/attachment/src/adapters/markdown.ts
+++ b/blocksuite/affine/blocks/attachment/src/adapters/markdown.ts
@@ -10,6 +10,7 @@ import {
  isFootnoteDefinitionNode,
  type MarkdownAST,
 } from '@blocksuite/affine-shared/adapters';
+import { FeatureFlagService } from '@blocksuite/affine-shared/services';
 import { nanoid } from '@blocksuite/store';

 const isAttachmentFootnoteDefinitionNode = (node: MarkdownAST) => {
@@ -35,7 +36,15 @@ export const attachmentBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatcher
    fromMatch: o => o.node.flavour === AttachmentBlockSchema.model.flavour,
    toBlockSnapshot: {
      enter: (o, context) => {
-        if (!isFootnoteDefinitionNode(o.node)) {
+        const { provider } = context;
+        let enableCitation = false;
+        try {
+          const featureFlagService = provider?.get(FeatureFlagService);
+          enableCitation = !!featureFlagService?.getFlag('enable_citation');
+        } catch {
+          enableCitation = false;
+        }
+        if (!isFootnoteDefinitionNode(o.node) || !enableCitation) {
          return;
        }

@@ -64,7 +73,6 @@ export const attachmentBlockMarkdownAdapterMatcher: BlockMarkdownAdapterMatcher
                  name: fileName,
                  sourceId: blobId,
                  footnoteIdentifier,
-                  style: 'citation',
                },
                children: [],
              },
--- a/blocksuite/affine/blocks/attachment/src/attachment-block.ts
+++ b/blocksuite/affine/blocks/attachment/src/attachment-block.ts
@@ -1,31 +1,20 @@
+import { getEmbedCardIcons } from '@blocksuite/affine-block-embed';
 import {
  CaptionedBlockComponent,
  SelectedStyle,
 } from '@blocksuite/affine-components/caption';
-import {
-  getAttachmentFileIcon,
-  LoadingIcon,
-} from '@blocksuite/affine-components/icons';
+import { getAttachmentFileIcon } from '@blocksuite/affine-components/icons';
 import { Peekable } from '@blocksuite/affine-components/peek';
-import {
-  type ResolvedStateInfo,
-  ResourceController,
-} from '@blocksuite/affine-components/resource';
 import { toast } from '@blocksuite/affine-components/toast';
 import {
  type AttachmentBlockModel,
  AttachmentBlockStyles,
 } from '@blocksuite/affine-model';
 import {
-  CitationProvider,
-  DocModeProvider,
  FileSizeLimitProvider,
-  TelemetryProvider,
+  ThemeProvider,
 } from '@blocksuite/affine-shared/services';
-import {
-  formatSize,
-  openSingleFileWith,
-} from '@blocksuite/affine-shared/utils';
+import { humanFileSize } from '@blocksuite/affine-shared/utils';
 import {
  AttachmentIcon,
  ResetIcon,
@@ -33,27 +22,23 @@ import {
  WarningIcon,
 } from '@blocksuite/icons/lit';
 import { BlockSelection } from '@blocksuite/std';
-import { nanoid, Slice } from '@blocksuite/store';
-import { batch, computed, signal } from '@preact/signals-core';
+import { Slice } from '@blocksuite/store';
+import { type BlobState } from '@blocksuite/sync';
+import { effect, signal } from '@preact/signals-core';
 import { html, type TemplateResult } from 'lit';
+import { property } from 'lit/decorators.js';
 import { choose } from 'lit/directives/choose.js';
 import { type ClassInfo, classMap } from 'lit/directives/class-map.js';
-import { guard } from 'lit/directives/guard.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { when } from 'lit/directives/when.js';
-import { filter } from 'rxjs/operators';

 import { AttachmentEmbedProvider } from './embed';
 import { styles } from './styles';
-import { downloadAttachmentBlob, getFileType, refreshData } from './utils';
-
-type AttachmentResolvedStateInfo = ResolvedStateInfo & {
-  kind?: TemplateResult;
-};
-
+import { downloadAttachmentBlob, refreshData } from './utils';
+type State = 'loading' | 'uploading' | 'warning' | 'oversize' | 'none';
@Peekable({
  enableOn: ({ model }: AttachmentBlockComponent) => {
-    return !model.store.readonly && model.props.type.endsWith('pdf');
+    return !model.doc.readonly && model.props.type.endsWith('pdf');
  },
 })
 export class AttachmentBlockComponent extends CaptionedBlockComponent<AttachmentBlockModel> {
@@ -61,18 +46,7 @@ export class AttachmentBlockComponent extends CaptionedBlockComponent<Attachment

  blockDraggable = true;

-  resourceController = new ResourceController(
-    computed(() => this.model.props.sourceId$.value)
-  );
-
-  get blobUrl() {
-    return this.resourceController.blobUrl$.value;
-  }
-
-  get filetype() {
-    const name = this.model.props.name$.value;
-    return name.split('.').pop() ?? '';
-  }
+  blobState$ = signal<Partial<BlobState>>({});

  protected containerStyleMap = styleMap({
    position: 'relative',
@@ -84,12 +58,8 @@ export class AttachmentBlockComponent extends CaptionedBlockComponent<Attachment
    return this.std.get(FileSizeLimitProvider).maxFileSize;
  }

-  get citationService() {
-    return this.std.get(CitationProvider);
-  }
-
  get isCitation() {
-    return this.citationService.isCitationModel(this.model);
+    return !!this.model.props.footnoteIdentifier;
  }

  convertTo = () => {
@@ -99,7 +69,7 @@ export class AttachmentBlockComponent extends CaptionedBlockComponent<Attachment
  };

  copy = () => {
-    const slice = Slice.fromModels(this.store, [this.model]);
+    const slice = Slice.fromModels(this.doc, [this.model]);
    this.std.clipboard.copySlice(slice).catch(console.error);
    toast(this.host, 'Copied to clipboard');
  };
@@ -123,60 +93,32 @@ export class AttachmentBlockComponent extends CaptionedBlockComponent<Attachment
    window.open(blobUrl, '_blank');
  };

-  // Refreshes data.
  refreshData = () => {
-    refreshData(this).catch(console.error);
+    refreshData(this.std, this).catch(console.error);
  };

-  private readonly _refreshKey$ = signal<string | null>(null);
+  updateBlobState(state: Partial<BlobState>) {
+    this.blobState$.value = { ...this.blobState$.value, ...state };
+  }

-  // Refreshes the embed component.
-  reload = () => {
-    batch(() => {
-      if (this.model.props.embed$.value) {
-        this._refreshKey$.value = nanoid();
-        return;
-      }
-
-      this.refreshData();
-    });
+  determineState = (
+    loading: boolean,
+    uploading: boolean,
+    overSize: boolean,
+    error: boolean
+  ): State => {
+    if (overSize) return 'oversize';
+    if (error) return 'warning';
+    if (uploading) return 'uploading';
+    if (loading) return 'loading';
+    return 'none';
  };

-  // Replaces the current attachment.
-  replace = async () => {
-    const state = this.resourceController.state$.peek();
-    if (state.uploading) return;
-
-    const file = await openSingleFileWith();
-    if (!file) return;
-
-    const sourceId = await this.std.store.blobSync.set(file);
-    const type = await getFileType(file);
-    const { name, size } = file;
-
-    let embed = this.model.props.embed$.value ?? false;
-
-    this.std.store.captureSync();
-    this.std.store.transact(() => {
-      this.std.store.updateBlock(this.blockId, {
-        name,
-        size,
-        type,
-        sourceId,
-        embed: false,
-      });
-
-      const provider = this.std.get(AttachmentEmbedProvider);
-      embed &&= provider.embedded(this.model);
-
-      if (embed) {
-        provider.convertTo(this.model);
-      }
-
-      // Reloads
-      this.reload();
-    });
-  };
+  protected get embedView() {
+    return this.std
+      .get(AttachmentEmbedProvider)
+      .render(this.model, this.blobUrl ?? undefined, this._maxFileSize);
+  }

  private _selectBlock() {
    const selectionManager = this.host.selection;
@@ -186,59 +128,49 @@ export class AttachmentBlockComponent extends CaptionedBlockComponent<Attachment
    selectionManager.setGroup('note', [blockSelection]);
  }

-  private readonly _trackCitationDeleteEvent = () => {
-    // Check citation delete event
-    this._disposables.add(
-      this.std.store.slots.blockUpdated
-        .pipe(
-          filter(payload => {
-            if (!payload.isLocal) return false;
-
-            const { flavour, id, type } = payload;
-            if (
-              type !== 'delete' ||
-              flavour !== this.model.flavour ||
-              id !== this.model.id
-            )
-              return false;
-
-            const { model } = payload;
-            if (!this.citationService.isCitationModel(model)) return false;
-
-            return true;
-          })
-        )
-        .subscribe(() => {
-          this.citationService.trackEvent('Delete');
-        })
-    );
-  };
-
  override connectedCallback() {
    super.connectedCallback();

    this.contentEditable = 'false';

-    this.resourceController.setEngine(this.std.store.blobSync);
-
-    this.disposables.add(this.resourceController.subscribe());
-    this.disposables.add(this.resourceController);
+    this.refreshData();

    this.disposables.add(
-      this.model.props.sourceId$.subscribe(() => {
-        this.refreshData();
+      effect(() => {
+        const blobId = this.model.props.sourceId$.value;
+        if (!blobId) return;
+
+        const blobState$ = this.std.store.blobSync.blobState$(blobId);
+        if (!blobState$) return;
+
+        const subscription = blobState$.subscribe(state => {
+          if (state.overSize || state.errorMessage) {
+            state.uploading = false;
+            state.downloading = false;
+          }
+
+          this.updateBlobState(state);
+        });
+
+        return () => subscription.unsubscribe();
      })
    );

-    if (!this.model.props.style && !this.store.readonly) {
-      this.store.withoutTransact(() => {
-        this.store.updateBlock(this.model, {
+    if (!this.model.props.style && !this.doc.readonly) {
+      this.doc.withoutTransact(() => {
+        this.doc.updateBlock(this.model, {
          style: AttachmentBlockStyles[1],
        });
      });
    }
+  }

-    this._trackCitationDeleteEvent();
+  override disconnectedCallback() {
+    const blobUrl = this.blobUrl;
+    if (blobUrl) {
+      URL.revokeObjectURL(blobUrl);
+    }
+    super.disconnectedCallback();
  }

  override firstUpdated() {
@@ -270,22 +202,6 @@ export class AttachmentBlockComponent extends CaptionedBlockComponent<Attachment
          @click=${(event: MouseEvent) => {
            event.stopPropagation();
            onOverFileSize?.();
-
-            {
-              const mode =
-                this.std.get(DocModeProvider).getEditorMode() ?? 'page';
-              const segment = mode === 'page' ? 'doc' : 'whiteboard';
-              this.std
-                .getOptional(TelemetryProvider)
-                ?.track('AttachmentUpgradedEvent', {
-                  segment,
-                  page: `${segment} editor`,
-                  module: 'attachment',
-                  control: 'upgrade',
-                  category: 'card',
-                  type: this.model.props.name.split('.').pop() ?? '',
-                });
-            }
          }}
        >
          ${UpgradeIcon()} Upgrade
@@ -294,199 +210,150 @@ export class AttachmentBlockComponent extends CaptionedBlockComponent<Attachment
    );
  };

-  protected renderNormalButton = (needUpload: boolean) => {
-    const label = needUpload ? 'retry' : 'reload';
-    const run = async () => {
-      if (needUpload) {
-        await this.resourceController.upload();
-        return;
-      }
-
-      this.refreshData();
-    };
-
+  protected renderReloadButton = () => {
    return html`
      <button
        class="affine-attachment-content-button"
        @click=${(event: MouseEvent) => {
          event.stopPropagation();
-          run().catch(console.error);
-
-          {
-            const mode =
-              this.std.get(DocModeProvider).getEditorMode() ?? 'page';
-            const segment = mode === 'page' ? 'doc' : 'whiteboard';
-            this.std
-              .getOptional(TelemetryProvider)
-              ?.track('AttachmentReloadedEvent', {
-                segment,
-                page: `${segment} editor`,
-                module: 'attachment',
-                control: label,
-                category: 'card',
-                type: this.filetype,
-              });
-          }
+          this.refreshData();
        }}
      >
-        ${ResetIcon()} ${label}
+        ${ResetIcon()} Reload
      </button>
    `;
  };

  protected renderWithHorizontal(
    classInfo: ClassInfo,
-    {
-      icon,
-      title,
-      description,
-      kind,
-      state,
-      needUpload,
-    }: AttachmentResolvedStateInfo
+    icon: TemplateResult,
+    title: string,
+    description: string,
+    kind: TemplateResult,
+    state: State
  ) {
-    return html`
-      <div class=${classMap(classInfo)}>
-        <div class="affine-attachment-content">
-          <div class="affine-attachment-content-title">
-            <div class="affine-attachment-content-title-icon">${icon}</div>
-            <div class="affine-attachment-content-title-text truncate">
-              ${title}
-            </div>
-          </div>
+    return html`<div class=${classMap(classInfo)}>
+      <div class="affine-attachment-content">
+        <div class="affine-attachment-content-title">
+          <div class="affine-attachment-content-title-icon">${icon}</div>

-          <div class="affine-attachment-content-description">
-            <div class="affine-attachment-content-info truncate">
-              ${description}
-            </div>
-            ${choose(state, [
-              ['error', () => this.renderNormalButton(needUpload)],
-              ['error:oversize', this.renderUpgradeButton],
-            ])}
+          <div class="affine-attachment-content-title-text truncate">
+            ${title}
          </div>
        </div>

-        <div class="affine-attachment-banner">${kind}</div>
+        <div class="affine-attachment-content-description">
+          <div class="affine-attachment-content-info truncate">
+            ${description}
+          </div>
+          ${choose(state, [
+            ['oversize', this.renderUpgradeButton],
+            ['warning', this.renderReloadButton],
+          ])}
+        </div>
      </div>
-    `;
+
+      <div class="affine-attachment-banner">${kind}</div>
+    </div>`;
  }

  protected renderWithVertical(
    classInfo: ClassInfo,
-    {
-      icon,
-      title,
-      description,
-      kind,
-      state,
-      needUpload,
-    }: AttachmentResolvedStateInfo
+    icon: TemplateResult,
+    title: string,
+    description: string,
+    kind: TemplateResult,
+    state?: State
  ) {
-    return html`
-      <div class=${classMap(classInfo)}>
-        <div class="affine-attachment-content">
-          <div class="affine-attachment-content-title">
-            <div class="affine-attachment-content-title-icon">${icon}</div>
-            <div class="affine-attachment-content-title-text truncate">
-              ${title}
-            </div>
-          </div>
+    return html`<div class=${classMap(classInfo)}>
+      <div class="affine-attachment-content">
+        <div class="affine-attachment-content-title">
+          <div class="affine-attachment-content-title-icon">${icon}</div>

-          <div class="affine-attachment-content-info truncate">
-            ${description}
+          <div class="affine-attachment-content-title-text truncate">
+            ${title}
          </div>
        </div>

-        <div class="affine-attachment-banner">
-          ${kind}
-          ${choose(state, [
-            ['error', () => this.renderNormalButton(needUpload)],
-            ['error:oversize', this.renderUpgradeButton],
-          ])}
+        <div class="affine-attachment-content-info truncate">
+          ${description}
        </div>
      </div>
-    `;
+
+      <div class="affine-attachment-banner">
+        ${kind}
+        ${choose(state, [
+          ['oversize', this.renderUpgradeButton],
+          ['warning', this.renderReloadButton],
+        ])}
+      </div>
+    </div>`;
  }

-  protected resolvedState$ = computed<AttachmentResolvedStateInfo>(() => {
-    const size = this.model.props.size;
-    const name = this.model.props.name$.value;
-    const kind = getAttachmentFileIcon(this.filetype);
+  protected renderCard = () => {
+    const { name, size, style } = this.model.props;
+    const cardStyle = style ?? AttachmentBlockStyles[1];

-    const resolvedState = this.resourceController.resolveStateWith({
-      loadingIcon: LoadingIcon(),
-      errorIcon: WarningIcon(),
-      icon: AttachmentIcon(),
-      title: name,
-      description: formatSize(size),
-    });
+    const theme = this.std.get(ThemeProvider).theme$.value;
+    const { LoadingIcon } = getEmbedCardIcons(theme);

-    return { ...resolvedState, kind };
-  });
-
-  protected renderCardView = () => {
-    const resolvedState = this.resolvedState$.value;
-    const cardStyle = this.model.props.style$.value ?? AttachmentBlockStyles[1];
+    const blobState = this.blobState$.value;
+    const {
+      uploading = false,
+      downloading = false,
+      overSize = false,
+      errorMessage,
+    } = blobState;
+    const warning = !overSize && Boolean(errorMessage);
+    const error = overSize || warning;
+    const loading = !error && downloading;
+    const state = this.determineState(loading, uploading, overSize, error);

    const classInfo = {
      'affine-attachment-card': true,
      [cardStyle]: true,
-      loading: resolvedState.loading,
-      error: resolvedState.error,
+      error,
+      loading,
    };

+    const icon = loading
+      ? LoadingIcon
+      : error
+        ? WarningIcon()
+        : AttachmentIcon();
+    const title = uploading ? 'Uploading...' : loading ? 'Loading...' : name;
+    const description = errorMessage || humanFileSize(size);
+    const kind = getAttachmentFileIcon(name.split('.').pop() ?? '');
+
    return when(
      cardStyle === 'cubeThick',
-      () => this.renderWithVertical(classInfo, resolvedState),
-      () => this.renderWithHorizontal(classInfo, resolvedState)
+      () =>
+        this.renderWithVertical(
+          classInfo,
+          icon,
+          title,
+          description,
+          kind,
+          state
+        ),
+      () =>
+        this.renderWithHorizontal(
+          classInfo,
+          icon,
+          title,
+          description,
+          kind,
+          state
+        )
    );
  };

-  protected renderEmbedView = () => {
-    const { model, blobUrl } = this;
-    if (!model.props.embed$.value || !blobUrl) return null;
-
-    const { std, _maxFileSize } = this;
-    const provider = std.get(AttachmentEmbedProvider);
-
-    const render = provider.getRender(model, _maxFileSize);
-    if (!render) return null;
-
-    const enabled = provider.shouldShowStatus(model);
-
-    return html`
-      <div class="affine-attachment-embed-container">
-        ${guard([this._refreshKey$.value], () => render(model, blobUrl))}
-      </div>
-      ${when(enabled, () => {
-        const resolvedState = this.resolvedState$.value;
-        if (resolvedState.state !== 'error') return null;
-        // It should be an error messge.
-        const message = resolvedState.description;
-        if (!message) return null;
-
-        const needUpload = resolvedState.needUpload;
-        const action = () =>
-          needUpload ? this.resourceController.upload() : this.reload();
-
-        return html`
-          <affine-resource-status
-            class="affine-attachment-embed-status"
-            .message=${message}
-            .needUpload=${needUpload}
-            .action=${action}
-          ></affine-resource-status>
-        `;
-      })}
-    `;
-  };
-
  private readonly _renderCitation = () => {
    const { name, footnoteIdentifier } = this.model.props;
-    const icon = getAttachmentFileIcon(this.filetype);
-
+    const fileType = name.split('.').pop() ?? '';
+    const fileTypeIcon = getAttachmentFileIcon(fileType);
    return html`<affine-citation-card
-      .icon=${icon}
+      .icon=${fileTypeIcon}
      .citationTitle=${name}
      .citationIdentifier=${footnoteIdentifier}
      .active=${this.selected$.value}
@@ -505,12 +372,23 @@ export class AttachmentBlockComponent extends CaptionedBlockComponent<Attachment
        ${when(
          this.isCitation,
          () => this._renderCitation(),
-          () => this.renderEmbedView() ?? this.renderCardView()
+          () =>
+            when(
+              this.embedView,
+              () =>
+                html`<div class="affine-attachment-embed-container">
+                  ${this.embedView}
+                </div>`,
+              this.renderCard
+            )
        )}
      </div>
    `;
  }

+  @property({ attribute: false })
+  accessor blobUrl: string | null = null;
+
  override accessor selectedStyle = SelectedStyle.Border;

  override accessor useCaptionEditor = true;
--- a/blocksuite/affine/blocks/attachment/src/attachment-edgeless-block.ts
+++ b/blocksuite/affine/blocks/attachment/src/attachment-edgeless-block.ts
@@ -1,14 +1,10 @@
 import { EdgelessLegacySlotIdentifier } from '@blocksuite/affine-block-surface';
-import {
-  AttachmentBlockSchema,
-  AttachmentBlockStyles,
-} from '@blocksuite/affine-model';
+import { AttachmentBlockStyles } from '@blocksuite/affine-model';
 import {
  EMBED_CARD_HEIGHT,
  EMBED_CARD_WIDTH,
 } from '@blocksuite/affine-shared/consts';
 import { toGfxBlockComponent } from '@blocksuite/std';
-import { GfxViewInteractionExtension } from '@blocksuite/std/gfx';
 import { styleMap } from 'lit/directives/style-map.js';

 import { AttachmentBlockComponent } from './attachment-block.js';
@@ -52,21 +48,3 @@ declare global {
    'affine-edgeless-attachment': AttachmentEdgelessBlockComponent;
  }
 }
-
-export const AttachmentBlockInteraction = GfxViewInteractionExtension(
-  AttachmentBlockSchema.model.flavour,
-  {
-    resizeConstraint: {
-      lockRatio: true,
-    },
-    handleRotate: () => {
-      return {
-        beforeRotate: context => {
-          context.set({
-            rotatable: false,
-          });
-        },
-      };
-    },
-  }
-);
--- a/blocksuite/affine/blocks/attachment/src/attachment-spec.ts
+++ b/blocksuite/affine/blocks/attachment/src/attachment-spec.ts
@@ -0,0 +1,31 @@
+import { AttachmentBlockSchema } from '@blocksuite/affine-model';
+import { SlashMenuConfigExtension } from '@blocksuite/affine-widget-slash-menu';
+import { BlockViewExtension, FlavourExtension } from '@blocksuite/std';
+import type { ExtensionType } from '@blocksuite/store';
+import { literal } from 'lit/static-html.js';
+
+import { AttachmentBlockAdapterExtensions } from './adapters/extension.js';
+import { AttachmentDropOption } from './attachment-service.js';
+import { attachmentSlashMenuConfig } from './configs/slash-menu.js';
+import { createBuiltinToolbarConfigExtension } from './configs/toolbar';
+import {
+  AttachmentEmbedConfigExtension,
+  AttachmentEmbedService,
+} from './embed';
+
+const flavour = AttachmentBlockSchema.model.flavour;
+
+export const AttachmentBlockSpec: ExtensionType[] = [
+  FlavourExtension(flavour),
+  BlockViewExtension(flavour, model => {
+    return model.parent?.flavour === 'affine:surface'
+      ? literal`affine-edgeless-attachment`
+      : literal`affine-attachment`;
+  }),
+  AttachmentDropOption,
+  AttachmentEmbedConfigExtension(),
+  AttachmentEmbedService,
+  AttachmentBlockAdapterExtensions,
+  createBuiltinToolbarConfigExtension(flavour),
+  SlashMenuConfigExtension(flavour, attachmentSlashMenuConfig),
+].flat();
--- a/blocksuite/affine/blocks/attachment/src/components/rename-model.ts
+++ b/blocksuite/affine/blocks/attachment/src/components/rename-model.ts
@@ -1,7 +1,6 @@
 import { ConfirmIcon } from '@blocksuite/affine-components/icons';
 import { toast } from '@blocksuite/affine-components/toast';
 import type { AttachmentBlockModel } from '@blocksuite/affine-model';
-import { CitationProvider } from '@blocksuite/affine-shared/services';
 import type { EditorHost } from '@blocksuite/std';
 import { html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
@@ -34,7 +33,6 @@ export const RenameModal = ({

  let fileName = includeExtension ? nameWithoutExtension : originalName;
  const extension = includeExtension ? originalExtension : '';
-  const citationService = editorHost.std.get(CitationProvider);

  const abort = () => abortController.abort();
  const onConfirm = () => {
@@ -43,12 +41,9 @@ export const RenameModal = ({
      toast(editorHost, 'File name cannot be empty');
      return;
    }
-    model.store.updateBlock(model, {
+    model.doc.updateBlock(model, {
      name: newFileName,
    });
-    if (citationService.isCitationModel(model)) {
-      citationService.trackEvent('Edit');
-    }
    abort();
  };
  const onInput = (e: InputEvent) => {
--- a/blocksuite/affine/blocks/attachment/src/configs/slash-menu.ts
+++ b/blocksuite/affine/blocks/attachment/src/configs/slash-menu.ts
@@ -1,4 +1,4 @@
-import { openSingleFileWith } from '@blocksuite/affine-shared/utils';
+import { openFileOrFiles } from '@blocksuite/affine-shared/utils';
 import { type SlashMenuConfig } from '@blocksuite/affine-widget-slash-menu';
 import { ExportToPdfIcon, FileIcon } from '@blocksuite/icons/lit';

@@ -18,10 +18,10 @@ export const attachmentSlashMenuConfig: SlashMenuConfig = {
      searchAlias: ['file'],
      group: '4_Content & Media@3',
      when: ({ model }) =>
-        model.store.schema.flavourSchemaMap.has('affine:attachment'),
+        model.doc.schema.flavourSchemaMap.has('affine:attachment'),
      action: ({ std, model }) => {
        (async () => {
-          const file = await openSingleFileWith();
+          const file = await openFileOrFiles();
          if (!file) return;

          await addSiblingAttachmentBlocks(std, [file], model);
@@ -41,10 +41,10 @@ export const attachmentSlashMenuConfig: SlashMenuConfig = {
      },
      group: '4_Content & Media@4',
      when: ({ model }) =>
-        model.store.schema.flavourSchemaMap.has('affine:attachment'),
+        model.doc.schema.flavourSchemaMap.has('affine:attachment'),
      action: ({ std, model }) => {
        (async () => {
-          const file = await openSingleFileWith();
+          const file = await openFileOrFiles();
          if (!file) return;

          await addSiblingAttachmentBlocks(std, [file], model);
--- a/blocksuite/affine/blocks/attachment/src/configs/toolbar.ts
+++ b/blocksuite/affine/blocks/attachment/src/configs/toolbar.ts
@@ -24,7 +24,6 @@ import {
  DownloadIcon,
  DuplicateIcon,
  EditIcon,
-  ReplaceIcon,
  ResetIcon,
 } from '@blocksuite/icons/lit';
 import { BlockFlavourIdentifier } from '@blocksuite/std';
@@ -78,19 +77,13 @@ export const attachmentViewDropdownMenu = {
        const model = ctx.getCurrentModelByType(AttachmentBlockModel);
        if (!model) return;

-        const provider = ctx.std.get(AttachmentEmbedProvider);
-
-        // TODO(@fundon): should auto focus image block.
-        if (
-          provider.shouldBeConverted(model) &&
-          !ctx.hasSelectedSurfaceModels
-        ) {
+        if (!ctx.hasSelectedSurfaceModels) {
          // Clears
          ctx.reset();
          ctx.select('note');
        }

-        provider.convertTo(model);
+        ctx.std.get(AttachmentEmbedProvider).convertTo(model);

        ctx.track('SelectedView', {
          ...trackBaseProps,
@@ -101,32 +94,18 @@ export const attachmentViewDropdownMenu = {
    },
  ],
  content(ctx) {
-    const block = ctx.getCurrentBlockByType(AttachmentBlockComponent);
-    if (!block) return null;
+    const model = ctx.getCurrentModelByType(AttachmentBlockModel);
+    if (!model) return null;

-    const model = block.model;
    const embedProvider = ctx.std.get(AttachmentEmbedProvider);
-    const actions = computed(() => {
-      const [cardAction, embedAction] = this.actions.map(action => ({
-        ...action,
-      }));
-
-      const ok = block.resourceController.resolvedState$.value.state === 'none';
-      const sourceId = Boolean(model.props.sourceId$.value);
+    const actions = this.actions.map(action => ({ ...action }));
+    const viewType$ = computed(() => {
+      const [cardAction, embedAction] = actions;
      const embed = model.props.embed$.value ?? false;
-      // 1. Check whether `sourceId` exists.
-      // 2. Check if `embedded` is allowed.
-      // 3. Check `blobState$`
-      const allowed = ok && sourceId && embedProvider.embedded(model) && !embed;

      cardAction.disabled = !embed;
-      embedAction.disabled = !allowed;
+      embedAction.disabled = embed && embedProvider.embedded(model);

-      return [cardAction, embedAction];
-    });
-    const viewType$ = computed(() => {
-      const [cardAction, embedAction] = actions.value;
-      const embed = model.props.embed$.value ?? false;
      return embed ? embedAction.label : cardAction.label;
    });
    const onToggle = (e: CustomEvent<boolean>) => {
@@ -140,42 +119,27 @@ export const attachmentViewDropdownMenu = {
      });
    };

-    return html`<affine-view-dropdown-menu
-      @toggle=${onToggle}
-      .actions=${actions.value}
-      .context=${ctx}
-      .viewType$=${viewType$}
-    ></affine-view-dropdown-menu>`;
+    return html`${keyed(
+      model,
+      html`<affine-view-dropdown-menu
+        @toggle=${onToggle}
+        .actions=${actions}
+        .context=${ctx}
+        .viewType$=${viewType$}
+      ></affine-view-dropdown-menu>`
+    )}`;
  },
 } as const satisfies ToolbarActionGroup<ToolbarAction>;

-const replaceAction = {
-  id: 'c.replace',
-  tooltip: 'Replace attachment',
-  icon: ReplaceIcon(),
-  disabled(ctx) {
-    const block = ctx.getCurrentBlockByType(AttachmentBlockComponent);
-    if (!block) return true;
-
-    const { downloading = false, uploading = false } =
-      block.resourceController.state$.value;
-    return downloading || uploading;
-  },
-  run(ctx) {
-    const block = ctx.getCurrentBlockByType(AttachmentBlockComponent);
-    block?.replace().catch(console.error);
-  },
-} as const satisfies ToolbarAction;
-
 const downloadAction = {
-  id: 'd.download',
+  id: 'c.download',
  tooltip: 'Download',
  icon: DownloadIcon(),
  run(ctx) {
    const block = ctx.getCurrentBlockByType(AttachmentBlockComponent);
    block?.download();
  },
-  when(ctx) {
+  when: ctx => {
    const model = ctx.getCurrentModelByType(AttachmentBlockModel);
    if (!model) return false;
    // Current citation attachment block does not support download
@@ -184,7 +148,7 @@ const downloadAction = {
 } as const satisfies ToolbarAction;

 const captionAction = {
-  id: 'e.caption',
+  id: 'd.caption',
  tooltip: 'Caption',
  icon: CaptionIcon(),
  run(ctx) {
@@ -237,7 +201,6 @@ const builtinToolbarConfig = {
      },
    },
    attachmentViewDropdownMenu,
-    replaceAction,
    downloadAction,
    captionAction,
    {
@@ -280,13 +243,7 @@ const builtinToolbarConfig = {
      icon: ResetIcon(),
      run(ctx) {
        const block = ctx.getCurrentBlockByType(AttachmentBlockComponent);
-        block?.reload();
-
-        ctx.track('AttachmentReloadedEvent', {
-          ...trackBaseProps,
-          control: 'reload',
-          type: block?.model.props.name.split('.').pop() ?? '',
-        });
+        block?.refreshData();
      },
    },
    {
@@ -371,17 +328,13 @@ const builtinSurfaceToolbarConfig = {
        )}`;
      },
    } satisfies ToolbarActionGroup<ToolbarAction>,
-    {
-      ...replaceAction,
-      id: 'd.replace',
-    },
    {
      ...downloadAction,
-      id: 'e.download',
+      id: 'd.download',
    },
    {
      ...captionAction,
-      id: 'f.caption',
+      id: 'e.caption',
    },
  ],
  when: ctx => ctx.getSurfaceModelsByType(AttachmentBlockModel).length === 1,
--- a/blocksuite/affine/blocks/attachment/src/embed.ts
+++ b/blocksuite/affine/blocks/attachment/src/embed.ts
@@ -3,10 +3,6 @@ import {
  type ImageBlockProps,
  MAX_IMAGE_WIDTH,
 } from '@blocksuite/affine-model';
-import {
-  EMBED_CARD_HEIGHT,
-  EMBED_CARD_WIDTH,
-} from '@blocksuite/affine-shared/consts';
 import { FileSizeLimitProvider } from '@blocksuite/affine-shared/services';
 import {
  readImageSize,
@@ -21,7 +17,6 @@ import type { ExtensionType } from '@blocksuite/store';
 import { Extension } from '@blocksuite/store';
 import type { TemplateResult } from 'lit';
 import { html } from 'lit';
-import { styleMap } from 'lit/directives/style-map.js';

 import { getAttachmentBlob } from './utils';

@@ -39,22 +34,9 @@ export type AttachmentEmbedConfig = {
    std: BlockStdScope
  ) => Promise<void> | void;
  /**
-   * Renders the embed view.
+   * The template will be used to render the embed view.
   */
-  render?: (
-    model: AttachmentBlockModel,
-    blobUrl: string
-  ) => TemplateResult | null;
-
-  /**
-   * Should show status when turned on.
-   */
-  shouldShowStatus?: boolean;
-
-  /**
-   * Should block type conversion be required.
-   */
-  shouldBeConverted?: boolean;
+  template?: (model: AttachmentBlockModel, blobUrl: string) => TemplateResult;
 };

 // Single embed config.
@@ -115,53 +97,39 @@ export class AttachmentEmbedService extends Extension {
  // Converts to embed view.
  convertTo(model: AttachmentBlockModel, maxFileSize = this._maxFileSize) {
    const config = this.values.find(config => config.check(model, maxFileSize));
-
-    if (config?.action) {
-      config.action(model, this.std)?.catch(console.error);
+    if (!config?.action) {
+      model.doc.updateBlock(model, { embed: true });
      return;
    }
-
-    model.store.updateBlock(model, { embed: true });
+    config.action(model, this.std)?.catch(console.error);
  }

  embedded(model: AttachmentBlockModel, maxFileSize = this._maxFileSize) {
    return this.values.some(config => config.check(model, maxFileSize));
  }

-  getRender(model: AttachmentBlockModel, maxFileSize = this._maxFileSize) {
-    return (
-      this.values.find(config => config.check(model, maxFileSize))?.render ??
-      null
-    );
-  }
-
-  shouldShowStatus(
+  render(
    model: AttachmentBlockModel,
+    blobUrl?: string,
    maxFileSize = this._maxFileSize
  ) {
-    return (
-      this.values.find(config => config.check(model, maxFileSize))
-        ?.shouldShowStatus ?? false
-    );
-  }
+    if (!model.props.embed || !blobUrl) return;

-  shouldBeConverted(
-    model: AttachmentBlockModel,
-    maxFileSize = this._maxFileSize
-  ) {
-    return (
-      this.values.find(config => config.check(model, maxFileSize))
-        ?.shouldBeConverted ?? false
-    );
+    const config = this.values.find(config => config.check(model, maxFileSize));
+    if (!config || !config.template) {
+      console.error('No embed view template found!', model, model.props.type);
+      return;
+    }
+
+    return config.template(model, blobUrl);
  }
 }

 const embedConfig: AttachmentEmbedConfig[] = [
  {
    name: 'image',
-    shouldBeConverted: true,
    check: model =>
-      model.store.schema.flavourSchemaMap.has('affine:image') &&
+      model.doc.schema.flavourSchemaMap.has('affine:image') &&
      model.props.type.startsWith('image/'),
    async action(model, std) {
      const component = std.view.getBlock(model.id);
@@ -172,30 +140,16 @@ const embedConfig: AttachmentEmbedConfig[] = [
  },
  {
    name: 'pdf',
-    shouldShowStatus: true,
    check: (model, maxFileSize) =>
      model.props.type === 'application/pdf' && model.props.size <= maxFileSize,
-    action: model => {
-      const bound = Bound.deserialize(model.props.xywh);
-      bound.w = EMBED_CARD_WIDTH.pdf;
-      bound.h = EMBED_CARD_HEIGHT.pdf;
-      model.store.updateBlock(model, {
-        embed: true,
-        style: 'pdf',
-        xywh: bound.serialize(),
-      });
-    },
-    render: (_, blobUrl) => {
+    template: (_, blobUrl) => {
      // More options: https://tinytip.co/tips/html-pdf-params/
      // https://chromium.googlesource.com/chromium/src/+/refs/tags/121.0.6153.1/chrome/browser/resources/pdf/open_pdf_params_parser.ts
      const parameters = '#toolbar=0';
      return html`
        <iframe
-          style=${styleMap({
-            width: '100%',
-            minHeight: '480px',
-            colorScheme: 'auto',
-          })}
+          style="width: 100%; color-scheme: auto;"
+          height="480"
          src=${blobUrl + parameters}
          loading="lazy"
          scrolling="no"
@@ -203,7 +157,6 @@ const embedConfig: AttachmentEmbedConfig[] = [
          allowTransparency
          allowfullscreen
          type="application/pdf"
-          credentialless
        ></iframe>
        <div class="affine-attachment-embed-event-mask"></div>
      `;
@@ -211,44 +164,23 @@ const embedConfig: AttachmentEmbedConfig[] = [
  },
  {
    name: 'video',
-    shouldShowStatus: true,
    check: (model, maxFileSize) =>
      model.props.type.startsWith('video/') && model.props.size <= maxFileSize,
-    action: model => {
-      const bound = Bound.deserialize(model.props.xywh);
-      bound.w = EMBED_CARD_WIDTH.video;
-      bound.h = EMBED_CARD_HEIGHT.video;
-      model.store.updateBlock(model, {
-        embed: true,
-        style: 'video',
-        xywh: bound.serialize(),
-      });
-    },
-    render: (_, blobUrl) =>
+    template: (_, blobUrl) =>
      html`<video
-        style=${styleMap({
-          display: 'flex',
-          objectFit: 'cover',
-          backgroundSize: 'cover',
-          width: '100%',
-          height: '100%',
-        })}
-        src=${blobUrl}
-        width="100%"
-        height="100%"
+        style="max-height: max-content;"
+        width="100%;"
+        height="480"
        controls
+        src=${blobUrl}
      ></video>`,
  },
  {
    name: 'audio',
    check: (model, maxFileSize) =>
      model.props.type.startsWith('audio/') && model.props.size <= maxFileSize,
-    render: (_, blobUrl) =>
-      html`<audio
-        style=${styleMap({ margin: '4px' })}
-        src=${blobUrl}
-        controls
-      ></audio>`,
+    template: (_, blobUrl) =>
+      html`<audio controls src=${blobUrl} style="margin: 4px;"></audio>`,
  },
 ];

@@ -256,7 +188,7 @@ const embedConfig: AttachmentEmbedConfig[] = [
 * Turn the attachment block into an image block.
 */
 async function turnIntoImageBlock(model: AttachmentBlockModel) {
-  if (!model.store.schema.flavourSchemaMap.has('affine:image')) {
+  if (!model.doc.schema.flavourSchemaMap.has('affine:image')) {
    console.error('The image flavour is not supported!');
    return;
  }
--- a/blocksuite/affine/blocks/attachment/src/index.ts
+++ b/blocksuite/affine/blocks/attachment/src/index.ts
@@ -1,6 +1,7 @@
 export * from './adapters';
 export * from './attachment-block';
 export * from './attachment-service';
+export * from './attachment-spec';
 export { attachmentViewDropdownMenu } from './configs/toolbar';
 export * from './edgeless-clipboard-config';
 export {
--- a/blocksuite/affine/blocks/attachment/src/styles.ts
+++ b/blocksuite/affine/blocks/attachment/src/styles.ts
@@ -6,9 +6,9 @@ export const styles = css`
    border-radius: 8px;
    box-sizing: border-box;
    user-select: none;
-    overflow: hidden;
    border: 1px solid ${unsafeCSSVarV2('layer/background/tertiary')};
    background: ${unsafeCSSVarV2('layer/background/primary')};
+    overflow: hidden;

    &.focused {
      border-color: ${unsafeCSSVarV2('layer/insideBorder/primaryBorder')};
@@ -30,13 +30,6 @@ export const styles = css`
    min-width: 0;
  }

-  .truncate {
-    align-self: stretch;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
  .affine-attachment-content-title {
    display: flex;
    flex-direction: row;
@@ -47,10 +40,18 @@ export const styles = css`

  .affine-attachment-content-title-icon {
    display: flex;
+    width: 16px;
+    height: 16px;
    align-items: center;
    justify-content: center;
    color: var(--affine-text-primary-color);
-    font-size: 16px;
+  }
+
+  .truncate {
+    align-self: stretch;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
  }

  .affine-attachment-content-title-text {
@@ -91,7 +92,6 @@ export const styles = css`
    font-size: var(--affine-font-xs);
    font-style: normal;
    font-weight: 500;
-    text-transform: capitalize;
    line-height: 20px;

    svg {
@@ -107,7 +107,7 @@ export const styles = css`

  .affine-attachment-card.loading {
    .affine-attachment-content-title-text {
-      color: ${unsafeCSSVarV2('text/placeholder')};
+      color: var(--affine-placeholder-color);
    }
  }

@@ -117,11 +117,6 @@ export const styles = css`
    }
  }

-  .affine-attachment-card.loading,
-  .affine-attachment-card.error {
-    background: ${unsafeCSSVarV2('layer/background/secondary')};
-  }
-
  .affine-attachment-card.cubeThick {
    flex-direction: column-reverse;

@@ -143,12 +138,6 @@ export const styles = css`
    height: 100%;
  }

-  .affine-attachment-embed-status {
-    position: absolute;
-    left: 14px;
-    bottom: 64px;
-  }
-
  .affine-attachment-embed-event-mask {
    position: absolute;
    inset: 0;
--- a/blocksuite/affine/blocks/attachment/src/utils.ts
+++ b/blocksuite/affine/blocks/attachment/src/utils.ts
@@ -13,7 +13,7 @@ import {
  FileSizeLimitProvider,
  TelemetryProvider,
 } from '@blocksuite/affine-shared/services';
-import { formatSize } from '@blocksuite/affine-shared/utils';
+import { humanFileSize } from '@blocksuite/affine-shared/utils';
 import { Bound, type IVec, Vec } from '@blocksuite/global/gfx';
 import type { BlockStdScope } from '@blocksuite/std';
 import { GfxControllerIdentifier } from '@blocksuite/std/gfx';
@@ -22,13 +22,15 @@ import type { BlockModel } from '@blocksuite/store';
 import type { AttachmentBlockComponent } from './attachment-block';

 export async function getAttachmentBlob(model: AttachmentBlockModel) {
-  const { sourceId$, type$ } = model.props;
-  const sourceId = sourceId$.peek();
-  const type = type$.peek();
+  const {
+    sourceId$: { value: sourceId },
+    type$: { value: type },
+  } = model.props;
  if (!sourceId) return null;

-  const doc = model.store;
-  const blob = await doc.blobSync.get(sourceId);
+  const doc = model.doc;
+  let blob = await doc.blobSync.get(sourceId);
+
  if (!blob) return null;

  return new Blob([blob], { type });
@@ -39,9 +41,9 @@ export async function getAttachmentBlob(model: AttachmentBlockModel) {
 * the download process may take a long time!
 */
 export function downloadAttachmentBlob(block: AttachmentBlockComponent) {
-  const { host, model, blobUrl, resourceController } = block;
+  const { host, model, blobUrl, blobState$ } = block;

-  if (resourceController.state$.peek().downloading) {
+  if (blobState$.peek().downloading) {
    toast(host, 'Download in progress...');
    return;
  }
@@ -54,7 +56,7 @@ export function downloadAttachmentBlob(block: AttachmentBlockComponent) {
    return;
  }

-  resourceController.updateState({ downloading: true });
+  block.updateBlobState({ downloading: true });

  toast(host, `Downloading ${shortName}`);

@@ -65,14 +67,34 @@ export function downloadAttachmentBlob(block: AttachmentBlockComponent) {
  tmpLink.dispatchEvent(event);
  tmpLink.remove();

-  resourceController.updateState({ downloading: false });
+  block.updateBlobState({ downloading: false });
 }

-export async function refreshData(block: AttachmentBlockComponent) {
+export async function refreshData(
+  std: BlockStdScope,
+  block: AttachmentBlockComponent
+) {
  const model = block.model;
+  const sourceId = model.props.sourceId$.peek();
+  if (!sourceId) return;
+
+  const blobUrl = block.blobUrl;
+  if (blobUrl) {
+    URL.revokeObjectURL(blobUrl);
+    block.blobUrl = null;
+  }
+
+  let blob = await std.store.blobSync.get(sourceId);
+  if (!blob) {
+    block.updateBlobState({ errorMessage: 'File not found' });
+    return;
+  }
+
  const type = model.props.type$.peek();

-  await block.resourceController.refreshUrlWith(type);
+  blob = new Blob([blob], { type });
+
+  block.blobUrl = URL.createObjectURL(blob);
 }

 export async function getFileType(file: File) {
@@ -82,7 +104,7 @@ export async function getFileType(file: File) {
  const buffer = await file.arrayBuffer();
  const FileType = await import('file-type');
  const fileType = await FileType.fileTypeFromBuffer(buffer);
-  return fileType?.mime ?? '';
+  return fileType ? fileType.mime : '';
 }

 function hasExceeded(
@@ -93,7 +115,7 @@ function hasExceeded(
  const exceeded = files.some(file => file.size > maxFileSize);

  if (exceeded) {
-    const size = formatSize(maxFileSize);
+    const size = humanFileSize(maxFileSize, true, 0);
    toast(std.host, `You can only upload files less than ${size}`);
  }

@@ -130,7 +152,7 @@ async function buildPropsWith(
    std.getOptional(TelemetryProvider)?.track('AttachmentUploadedEvent', {
      page: `${mode} editor`,
      module: 'attachment',
-      segment: mode,
+      segment: 'attachment',
      control: 'uploader',
      type,
      category,
--- a/blocksuite/affine/blocks/attachment/src/view.ts
+++ b/blocksuite/affine/blocks/attachment/src/view.ts
@@ -7,7 +7,6 @@ import { SlashMenuConfigExtension } from '@blocksuite/affine-widget-slash-menu';
 import { BlockViewExtension, FlavourExtension } from '@blocksuite/std';
 import { literal } from 'lit/static-html.js';

-import { AttachmentBlockInteraction } from './attachment-edgeless-block.js';
 import { AttachmentDropOption } from './attachment-service.js';
 import { attachmentSlashMenuConfig } from './configs/slash-menu.js';
 import { createBuiltinToolbarConfigExtension } from './configs/toolbar';
@@ -45,7 +44,6 @@ export class AttachmentViewExtension extends ViewExtensionProvider {
    ]);
    if (this.isEdgeless(context.scope)) {
      context.register(EdgelessClipboardAttachmentConfig);
-      context.register(AttachmentBlockInteraction);
    }
  }
 }
--- a/blocksuite/affine/blocks/attachment/tsconfig.json
+++ b/blocksuite/affine/blocks/attachment/tsconfig.json
@@ -7,6 +7,7 @@
  },
  "include": ["./src"],
  "references": [
+    { "path": "../embed" },
    { "path": "../surface" },
    { "path": "../../components" },
    { "path": "../../ext-loader" },
--- a/blocksuite/affine/blocks/bookmark/package.json
+++ b/blocksuite/affine/blocks/bookmark/package.json
@@ -11,7 +11,6 @@
  "license": "MIT",
  "dependencies": {
    "@blocksuite/affine-block-embed": "workspace:*",
-    "@blocksuite/affine-block-embed-doc": "workspace:*",
    "@blocksuite/affine-block-surface": "workspace:*",
    "@blocksuite/affine-components": "workspace:*",
    "@blocksuite/affine-ext-loader": "workspace:*",
@@ -24,7 +23,7 @@
    "@blocksuite/store": "workspace:*",
    "@lit/context": "^1.1.2",
    "@preact/signals-core": "^1.8.0",
-    "@toeverything/theme": "^1.1.15",
+    "@toeverything/theme": "^1.1.12",
    "lit": "^3.2.0",
    "minimatch": "^10.0.1",
    "rxjs": "^7.8.1",
@@ -32,10 +31,11 @@
    "zod": "^3.23.8"
  },
  "devDependencies": {
-    "vitest": "3.1.3"
+    "vitest": "3.1.1"
  },
  "exports": {
    ".": "./src/index.ts",
+    "./effects": "./src/effects.ts",
    "./store": "./src/store.ts",
    "./view": "./src/view.ts"
  },
--- a/blocksuite/affine/blocks/bookmark/src/tests/adapters/preprocessor.unit.spec.ts
+++ b/blocksuite/affine/blocks/bookmark/src/tests/adapters/preprocessor.unit.spec.ts
@@ -140,16 +140,4 @@ Some text in between
    `.trim();
    expect(footnoteUrlPreprocessor(input)).toBe(expected);
  });
-
-  it('should encode partial encoded URLs in footnote definitions', () => {
-    const input = `
-[^ref]: {"type":"url","url":"https://zh.wikipedia.org/zh-hans/%E5%B0%8F%E7%B1%B3SU7"}
-[^ref2]: {"type":"url","url":"https://www.dw.com/zh/%E5%B0%8F%E7%B1%B3%E9%A6%96%E6%AC%BE%E6%B1%BD%E8%BD%A6%E5%8F%91%E5%B8%83-su7%E8%B5%B7%E4%BB%B72159%E4%B8%87%E5%85%83/a-68693432"}
-  `.trim();
-    const expected = `
-[^ref]: {"type":"url","url":"https%3A%2F%2Fzh.wikipedia.org%2Fzh-hans%2F%25E5%25B0%258F%25E7%25B1%25B3SU7"}
-[^ref2]: {"type":"url","url":"https%3A%2F%2Fwww.dw.com%2Fzh%2F%25E5%25B0%258F%25E7%25B1%25B3%25E9%25A6%2596%25E6%25AC%25BE%25E6%25B1%25BD%25E8%25BD%25A6%25E5%258F%2591%25E5%25B8%2583-su7%25E8%25B5%25B7%25E4%25BB%25B72159%25E4%25B8%2587%25E5%2585%2583%2Fa-68693432"}
-    `.trim();
-    expect(footnoteUrlPreprocessor(input)).toBe(expected);
-  });
 });
--- a/blocksuite/affine/blocks/bookmark/src/adapters/markdown/markdown.ts
+++ b/blocksuite/affine/blocks/bookmark/src/adapters/markdown/markdown.ts
@@ -10,6 +10,7 @@ import {
  isFootnoteDefinitionNode,
  type MarkdownAST,
 } from '@blocksuite/affine-shared/adapters';
+import { FeatureFlagService } from '@blocksuite/affine-shared/services';
 import { nanoid } from '@blocksuite/store';

 const isUrlFootnoteDefinitionNode = (node: MarkdownAST) => {
@@ -32,7 +33,15 @@ export const bookmarkBlockMarkdownAdapterMatcher =
    toMatch: o => isUrlFootnoteDefinitionNode(o.node),
    toBlockSnapshot: {
      enter: (o, context) => {
-        if (!isFootnoteDefinitionNode(o.node)) {
+        const { provider } = context;
+        let enableCitation = false;
+        try {
+          const featureFlagService = provider?.get(FeatureFlagService);
+          enableCitation = !!featureFlagService?.getFlag('enable_citation');
+        } catch {
+          enableCitation = false;
+        }
+        if (!isFootnoteDefinitionNode(o.node) || !enableCitation) {
          return;
        }

--- a/blocksuite/affine/blocks/bookmark/src/adapters/markdown/preprocessor.ts
+++ b/blocksuite/affine/blocks/bookmark/src/adapters/markdown/preprocessor.ts
@@ -23,17 +23,12 @@ type FootnoteDefinition = {
  content: FootNoteReferenceParams;
 };

-/**
- * Check if a URL is already encoded with encodeURIComponent to avoid markdown link parsing
- * @example
- * https://example.com/path%20with%20spaces should return false
- * https://example.com/ should return false
- * https%3A%2F%2Fexample.com%2F should return true
- */
-function isFullyEncoded(uri: string): boolean {
+// Check if a URL is already encoded with encodeURIComponent
+function isEncoded(uri: string): boolean {
  try {
-    // Should check if the components of the URI are fully encoded
-    return uri === encodeURIComponent(decodeURIComponent(uri));
+    // If decoding produces a different result than the original,
+    // then the URI contains encoded characters
+    return uri !== decodeURIComponent(uri);
  } catch {
    // If decoding fails, the URI contains invalid percent-encoding
    return true;
@@ -199,10 +194,10 @@ class FootnoteParser {
  // Process URLs in footnote content
  private processUrls(footnote: FootnoteDefinition): FootnoteDefinition {
    const content = footnote.content;
-    if (content.url && !isFullyEncoded(content.url)) {
+    if (content.url && !isEncoded(content.url)) {
      content.url = encodeURIComponent(content.url);
    }
-    if (content.favicon && !isFullyEncoded(content.favicon)) {
+    if (content.favicon && !isEncoded(content.favicon)) {
      content.favicon = encodeURIComponent(content.favicon);
    }
    return footnote;
--- a/blocksuite/affine/blocks/bookmark/src/bookmark-block.ts
+++ b/blocksuite/affine/blocks/bookmark/src/bookmark-block.ts
@@ -2,24 +2,14 @@ import {
  CaptionedBlockComponent,
  SelectedStyle,
 } from '@blocksuite/affine-components/caption';
-import type {
-  BookmarkBlockModel,
-  LinkPreviewData,
-} from '@blocksuite/affine-model';
-import { ImageProxyService } from '@blocksuite/affine-shared/adapters';
-import {
-  CitationProvider,
-  DocModeProvider,
-  LinkPreviewServiceIdentifier,
-} from '@blocksuite/affine-shared/services';
-import { normalizeUrl } from '@blocksuite/affine-shared/utils';
+import type { BookmarkBlockModel } from '@blocksuite/affine-model';
+import { DocModeProvider } from '@blocksuite/affine-shared/services';
 import { BlockSelection } from '@blocksuite/std';
-import { computed, type ReadonlySignal, signal } from '@preact/signals-core';
+import { computed, type ReadonlySignal } from '@preact/signals-core';
 import { html } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { type ClassInfo, classMap } from 'lit/directives/class-map.js';
 import { type StyleInfo, styleMap } from 'lit/directives/style-map.js';
-import { filter } from 'rxjs/operators';

 import { refreshBookmarkUrlData } from './utils.js';

@@ -38,62 +28,6 @@ export class BookmarkBlockComponent extends CaptionedBlockComponent<BookmarkBloc

  protected containerStyleMap!: ReturnType<typeof styleMap>;

-  /**
-   * @description Local link preview data
-   * When the doc is in readonly mode, and the link preview data are not provided (stored in the block model),
-   * We will use the local link preview data fetched from the link previewer service to render the block.
-   */
-  private readonly _localLinkPreview$ = signal<LinkPreviewData>({
-    icon: null,
-    title: null,
-    description: null,
-    image: null,
-  });
-
-  /**
-   * @description Link preview data for actual rendering
-   * When the doc is not in readonly mode, and the link preview data are provided (stored in the block model),
-   * We will use the model props to render the block.
-   * Otherwise, we will use the local link preview data to render the block.
-   */
-  linkPreview$ = computed(() => {
-    const modelProps = this.model.props;
-    const local = this._localLinkPreview$.value;
-    return {
-      icon: modelProps.icon$.value ?? local.icon ?? null,
-      title: modelProps.title$.value ?? local.title ?? null,
-      description: modelProps.description$.value ?? local.description ?? null,
-      image: modelProps.image$.value ?? local.image ?? null,
-    };
-  });
-
-  private readonly _updateLocalLinkPreview = () => {
-    // cancel any inflight request
-    this._fetchAbortController?.abort();
-    this._fetchAbortController = new AbortController();
-
-    this.loading = true;
-    this.error = false;
-
-    this.std
-      .get(LinkPreviewServiceIdentifier)
-      .query(this.model.props.url, this._fetchAbortController.signal)
-      .then(data => {
-        this._localLinkPreview$.value = {
-          icon: data.icon ?? null,
-          title: data.title ?? null,
-          description: data.description ?? null,
-          image: data.image ?? null,
-        };
-      })
-      .catch(() => {
-        this.error = true;
-      })
-      .finally(() => {
-        this.loading = false;
-      });
-  };
-
  selectBlock = () => {
    const selectionManager = this.std.selection;
    const blockSelection = selectionManager.create(BlockSelection, {
@@ -102,12 +36,12 @@ export class BookmarkBlockComponent extends CaptionedBlockComponent<BookmarkBloc
    selectionManager.setGroup('note', [blockSelection]);
  };

-  get link() {
-    return normalizeUrl(this.model.props.url);
-  }
-
  open = () => {
-    window.open(this.link, '_blank');
+    let link = this.model.props.url;
+    if (!link.match(/^[a-zA-Z]+:\/\//)) {
+      link = 'https://' + link;
+    }
+    window.open(link, '_blank');
  };

  refreshData = () => {
@@ -116,46 +50,24 @@ export class BookmarkBlockComponent extends CaptionedBlockComponent<BookmarkBloc
    );
  };

-  get citationService() {
-    return this.std.get(CitationProvider);
-  }
-
  get isCitation() {
-    return this.citationService.isCitationModel(this.model);
+    return (
+      !!this.model.props.footnoteIdentifier &&
+      this.model.props.style === 'citation'
+    );
  }

-  get imageProxyService() {
-    return this.std.get(ImageProxyService);
-  }
-
-  handleClick = (event: MouseEvent) => {
-    event.stopPropagation();
-
-    if (
-      this.model.parent?.flavour !== 'affine:surface' &&
-      !this.store.readonly
-    ) {
-      this.selectBlock();
-    }
-  };
-
-  handleDoubleClick = (event: MouseEvent) => {
-    event.stopPropagation();
-    this.open();
-  };
-
  private readonly _renderCitationView = () => {
-    const { url, footnoteIdentifier } = this.model.props;
-    const { icon, title, description } = this.linkPreview$.value;
-    const iconSrc = icon ? this.imageProxyService.buildUrl(icon) : undefined;
+    const { title, description, url, icon, footnoteIdentifier } =
+      this.model.props;
    return html`
      <affine-citation-card
-        .icon=${iconSrc}
+        .icon=${icon}
        .citationTitle=${title || url}
        .citationContent=${description}
        .citationIdentifier=${footnoteIdentifier}
-        .onClickCallback=${this.handleClick}
-        .onDoubleClickCallback=${this.handleDoubleClick}
+        .onClickCallback=${this.selectBlock}
+        .onDoubleClickCallback=${this.open}
        .active=${this.selected$.value}
      ></affine-citation-card>
    `;
@@ -169,31 +81,6 @@ export class BookmarkBlockComponent extends CaptionedBlockComponent<BookmarkBloc
    ></bookmark-card>`;
  };

-  private readonly _trackCitationDeleteEvent = () => {
-    // Check citation delete event
-    this._disposables.add(
-      this.std.store.slots.blockUpdated
-        .pipe(
-          filter(payload => {
-            if (!payload.isLocal) return false;
-            const { flavour, id, type } = payload;
-            if (
-              type !== 'delete' ||
-              flavour !== this.model.flavour ||
-              id !== this.model.id
-            )
-              return false;
-            const { model } = payload;
-            if (!this.citationService.isCitationModel(model)) return false;
-            return true;
-          })
-        )
-        .subscribe(() => {
-          this.citationService.trackEvent('Delete');
-        })
-    );
-  };
-
  override connectedCallback() {
    super.connectedCallback();

@@ -210,17 +97,10 @@ export class BookmarkBlockComponent extends CaptionedBlockComponent<BookmarkBloc

    this.contentEditable = 'false';

-    if (
-      (!this.model.props.description && !this.model.props.title) ||
-      (!this.model.props.image && this.model.props.style === 'vertical')
-    ) {
-      // When the doc is readonly, and the preview data not provided
-      // We should fetch the preview data and update the local link preview data
-      if (this.store.readonly) {
-        this._updateLocalLinkPreview();
+    if (!this.model.props.description && !this.model.props.title) {
+      if (this.doc.readonly) {
        return;
      }
-      // Otherwise, we should refresh the data to the model props
      this.refreshData();
    }

@@ -231,8 +111,6 @@ export class BookmarkBlockComponent extends CaptionedBlockComponent<BookmarkBloc
        }
      })
    );
-
-    this._trackCitationDeleteEvent();
  }

  override disconnectedCallback(): void {
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
UNIDY	914e4baf82	fix: according to graphite-app's suggestions	2025-04-29 17:32:46 +08:00
UNIDY	bd268044b4	feat: implement textAlign property for paragraph blocks, image blocks, list blocks, and table blocks	2025-04-29 17:32:46 +08:00
@@ -1 +1 @@
 .16.0
 .15.0
				`@@ -1 +0,0 @@`
				`export * from '@blocksuite/affine-block-embed-doc';`
				`@@ -1 +0,0 @@`
				`export * from '@blocksuite/affine-components/citation';`
				`@@ -1 +0,0 @@`
				`export * from '@blocksuite/affine-foundation/store';`
				`@@ -1 +0,0 @@`
				`export * from '@blocksuite/affine-fragment-adapter-panel';`
				`@@ -1 +0,0 @@`
				`export * from '@blocksuite/affine-widget-edgeless-dragging-area';`