snapshot of https://github.com/toeverything/AFFiNE.git (canary, 2026-09-16; blobs > 131072B omitted)

tests/blocksuite/snapshots/attachment.spec.ts/can-insert-attachment-from-slash-menu.json

@@ -0,0 +1,63 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:attachment",
+          "id": "3",
+          "props": {
+            "embed": false,
+            "footnoteIdentifier": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "name": "test-card-1.png",
+            "rotate": 0,
+            "size": 45801,
+            "sourceId": "ejImogf-Tb7AuKY-v94uz1zuOJbClqK-tWBxVr_ksGA=",
+            "style": "horizontalThin",
+            "type": "image/png",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/attachment.spec.ts/should-attachment-can-be-deleted.json

@@ -0,0 +1,42 @@
+{
+  "children": [
+    {
+      "children": [
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/attachment.spec.ts/should-turn-attachment-to-image-works-1.json

@@ -0,0 +1,61 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:image",
+          "id": "4",
+          "props": {
+            "caption": "",
+            "height": 345,
+            "index": "a0",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "size": 45801,
+            "sourceId": "ejImogf-Tb7AuKY-v94uz1zuOJbClqK-tWBxVr_ksGA=",
+            "width": 460,
+            "xywh": "[0,0,460,345]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/attachment.spec.ts/should-turn-attachment-to-image-works-2.json

@@ -0,0 +1,64 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:attachment",
+          "id": "5",
+          "props": {
+            "caption": "",
+            "embed": false,
+            "footnoteIdentifier": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "name": "test-card-1.png",
+            "rotate": 0,
+            "size": 45801,
+            "sourceId": "ejImogf-Tb7AuKY-v94uz1zuOJbClqK-tWBxVr_ksGA=",
+            "style": "horizontalThin",
+            "type": "image/png",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/attachment.spec.ts/should-undo-redo-works-for-attachment-1.json

@@ -0,0 +1,63 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:attachment",
+          "id": "3",
+          "props": {
+            "embed": false,
+            "footnoteIdentifier": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "name": "test-card-1.png",
+            "rotate": 0,
+            "size": 45801,
+            "sourceId": "ejImogf-Tb7AuKY-v94uz1zuOJbClqK-tWBxVr_ksGA=",
+            "style": "horizontalThin",
+            "type": "image/png",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/attachment.spec.ts/should-undo-redo-works-for-attachment-2.json

@@ -0,0 +1,62 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "/"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/attachment.spec.ts/should-undo-redo-works-for-attachment-3.json

@@ -0,0 +1,63 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:attachment",
+          "id": "3",
+          "props": {
+            "embed": false,
+            "footnoteIdentifier": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "name": "test-card-1.png",
+            "rotate": 0,
+            "size": 45801,
+            "sourceId": "ejImogf-Tb7AuKY-v94uz1zuOJbClqK-tWBxVr_ksGA=",
+            "style": "horizontalThin",
+            "type": "image/png",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/attachment.spec.ts/support-dragging-attachment-block-directly-1.json

@@ -0,0 +1,63 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:attachment",
+          "id": "3",
+          "props": {
+            "embed": false,
+            "footnoteIdentifier": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "name": "test-card-1.png",
+            "rotate": 0,
+            "size": 45801,
+            "sourceId": "ejImogf-Tb7AuKY-v94uz1zuOJbClqK-tWBxVr_ksGA=",
+            "style": "horizontalThin",
+            "type": "image/png",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/attachment.spec.ts/support-dragging-attachment-block-directly-2.json

@@ -0,0 +1,123 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:attachment",
+          "id": "3",
+          "props": {
+            "embed": false,
+            "footnoteIdentifier": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "name": "test-card-1.png",
+            "rotate": 0,
+            "size": 45801,
+            "sourceId": "ejImogf-Tb7AuKY-v94uz1zuOJbClqK-tWBxVr_ksGA=",
+            "style": "horizontalThin",
+            "type": "image/png",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "111"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "5",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "222"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "6",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "333"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/attachment.spec.ts/support-dragging-attachment-block-directly-3.json

@@ -0,0 +1,123 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "111"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "5",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "222"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:attachment",
+          "id": "3",
+          "props": {
+            "embed": false,
+            "footnoteIdentifier": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "name": "test-card-1.png",
+            "rotate": 0,
+            "size": 45801,
+            "sourceId": "ejImogf-Tb7AuKY-v94uz1zuOJbClqK-tWBxVr_ksGA=",
+            "style": "horizontalThin",
+            "type": "image/png",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "6",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "333"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/bookmark.spec.ts/copy-bookmark-url-by-copy-button-final.json

@@ -0,0 +1,84 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "lockedBySelf": false,
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:bookmark",
+          "version": 1,
+          "props": {
+            "style": "horizontal",
+            "url": "http://localhost",
+            "caption": null,
+            "description": null,
+            "footnoteIdentifier": null,
+            "icon": null,
+            "image": null,
+            "title": null,
+            "index": "a0",
+            "xywh": "[0,0,0,0]",
+            "lockedBySelf": false,
+            "rotate": 0
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "4",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "http://localhost",
+                  "attributes": {
+                    "link": "http://localhost"
+                  }
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/bookmark.spec.ts/copy-url-to-create-bookmark-in-edgeless-mode-final.json

@@ -0,0 +1,96 @@
+{
+  "children": [
+    {
+      "children": [
+      ],
+      "flavour": "affine:surface",
+      "id": "1",
+      "props": {
+        "elements": {
+        }
+      },
+      "type": "block",
+      "version": 5
+    },
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "http://localhost"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:bookmark",
+          "id": "4",
+          "props": {
+            "caption": null,
+            "description": null,
+            "footnoteIdentifier": null,
+            "icon": null,
+            "image": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "style": "horizontal",
+            "title": null,
+            "url": "http://localhost",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "2",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,262]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/bookmark.spec.ts/copy-url-to-create-bookmark-in-page-mode-final.json

@@ -0,0 +1,84 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "http://localhost"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:bookmark",
+          "id": "3",
+          "props": {
+            "caption": null,
+            "description": null,
+            "footnoteIdentifier": null,
+            "icon": null,
+            "image": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "style": "horizontal",
+            "title": null,
+            "url": "http://localhost",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/bookmark.spec.ts/covert-bookmark-block-to-link-text-final.json

@@ -0,0 +1,65 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "link": "http://localhost"
+                  },
+                  "insert": "http://localhost"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/bookmark.spec.ts/create-bookmark-by-slash-menu-final.json

@@ -0,0 +1,64 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:bookmark",
+          "id": "3",
+          "props": {
+            "caption": null,
+            "description": null,
+            "footnoteIdentifier": null,
+            "icon": null,
+            "image": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "style": "horizontal",
+            "title": null,
+            "url": "http://localhost",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/bookmark.spec.ts/embed-figma.json

@@ -0,0 +1,59 @@
+{
+  "type": "block",
+  "id": "*",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "*",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "lockedBySelf": false,
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "*",
+          "flavour": "affine:embed-figma",
+          "version": 1,
+          "props": {
+            "index": "a0",
+            "xywh": "[0,0,0,0]",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "style": "figma",
+            "url": "https://www.figma.com/design/JuXs6uOAICwf4I4tps0xKZ123",
+            "caption": null,
+            "title": "Figma",
+            "description": null
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/bookmark.spec.ts/embed-youtube.json

@@ -0,0 +1,64 @@
+{
+  "type": "block",
+  "id": "*",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "*",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "lockedBySelf": false,
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "*",
+          "flavour": "affine:embed-youtube",
+          "version": 1,
+          "props": {
+            "index": "a0",
+            "xywh": "[0,0,0,0]",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "style": "video",
+            "url": "https://www.youtube.com/watch?v=fakeid",
+            "caption": null,
+            "image": null,
+            "title": null,
+            "description": null,
+            "creator": null,
+            "creatorUrl": null,
+            "creatorImage": null,
+            "videoId": "fakeid"
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/bookmark.spec.ts/horizontal-figma.json

@@ -0,0 +1,62 @@
+{
+  "type": "block",
+  "id": "*",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "*",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "lockedBySelf": false,
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "*",
+          "flavour": "affine:bookmark",
+          "version": 1,
+          "props": {
+            "style": "horizontal",
+            "url": "https://www.figma.com/design/JuXs6uOAICwf4I4tps0xKZ123",
+            "caption": null,
+            "description": null,
+            "icon": null,
+            "image": null,
+            "title": null,
+            "index": "a0",
+            "xywh": "[0,0,0,0]",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "footnoteIdentifier": null
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/bookmark.spec.ts/horizontal-youtube.json

@@ -0,0 +1,62 @@
+{
+  "type": "block",
+  "id": "*",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "*",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "lockedBySelf": false,
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "*",
+          "flavour": "affine:bookmark",
+          "version": 1,
+          "props": {
+            "style": "horizontal",
+            "url": "https://www.youtube.com/watch?v=fakeid",
+            "caption": null,
+            "description": null,
+            "icon": null,
+            "image": null,
+            "title": null,
+            "index": "a0",
+            "xywh": "[0,0,0,0]",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "footnoteIdentifier": null
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-after-add-paragraph.json

@@ -0,0 +1,117 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:bookmark",
+          "version": 1,
+          "props": {
+            "style": "horizontal",
+            "url": "http://localhost",
+            "caption": null,
+            "description": null,
+            "footnoteIdentifier": null,
+            "icon": null,
+            "image": null,
+            "title": null,
+            "index": "a0",
+            "xywh": "[0,0,0,0]",
+            "rotate": 0
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "4",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "111"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "5",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "222"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "6",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "333"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-after-drag.json

@@ -0,0 +1,117 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "4",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "111"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "5",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "222"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:bookmark",
+          "version": 1,
+          "props": {
+            "style": "horizontal",
+            "url": "http://localhost",
+            "caption": null,
+            "description": null,
+            "footnoteIdentifier": null,
+            "icon": null,
+            "image": null,
+            "title": null,
+            "index": "a0",
+            "xywh": "[0,0,0,0]",
+            "rotate": 0
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "6",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "333"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-init.json

@@ -0,0 +1,60 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:bookmark",
+          "version": 1,
+          "props": {
+            "style": "horizontal",
+            "url": "http://localhost",
+            "caption": null,
+            "description": null,
+            "footnoteIdentifier": null,
+            "icon": null,
+            "image": null,
+            "title": null,
+            "index": "a0",
+            "xywh": "[0,0,0,0]",
+            "rotate": 0
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/clipboard/clipboard.spec.ts/auto-identify-url-final.json

@@ -0,0 +1,68 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "test "
+                },
+                {
+                  "attributes": {
+                    "link": "https://www.google.com"
+                  },
+                  "insert": "https://www.google.com"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/clipboard/clipboard.spec.ts/clipboard-copy-nested-items-clipboard.html

@@ -0,0 +1,9 @@
+<div class="affine-paragraph-block-container">
+  <p>bc</p>
+  <div class="affine-block-children-container" style="padding-left: 26px;">
+    <div class="affine-paragraph-block-container">
+      <p>d</p>
+      <div class="affine-block-children-container" style="padding-left: 26px;"></div>
+    </div>
+  </div>
+</div>

tests/blocksuite/snapshots/clipboard/clipboard.spec.ts/clipboard-copy-nested-items-clipboard.json

@@ -0,0 +1,49 @@
+[
+  {
+    "type": "block",
+    "id": "",
+    "flavour": "affine:note",
+    "props": {},
+    "children": [
+      {
+        "type": "block",
+        "id": "2",
+        "flavour": "affine:paragraph",
+        "version": 1,
+        "props": {
+          "type": "text",
+          "text": {
+            "$blocksuite:internal:text$": true,
+            "delta": [
+              {
+                "insert": "bc"
+              }
+            ]
+          },
+          "collapsed": false
+        },
+        "children": [
+          {
+            "type": "block",
+            "id": "3",
+            "flavour": "affine:paragraph",
+            "version": 1,
+            "props": {
+              "type": "text",
+              "text": {
+                "$blocksuite:internal:text$": true,
+                "delta": [
+                  {
+                    "insert": "d"
+                  }
+                ]
+              },
+              "collapsed": false
+            },
+            "children": []
+          }
+        ]
+      }
+    ]
+  }
+]

tests/blocksuite/snapshots/clipboard/clipboard.spec.ts/clipboard-copy-nested-items-clipboard.md

@@ -0,0 +1,2 @@
+bc
+d

tests/blocksuite/snapshots/clipboard/clipboard.spec.ts/clipboard-copy-nested-items-clipboard2.html

@@ -0,0 +1,8 @@
+<div class="affine-paragraph-block-container">
+  <p>hi</p>
+  <div class="affine-block-children-container" style="padding-left: 26px;"></div>
+</div>
+<div class="affine-paragraph-block-container">
+  <p>j</p>
+  <div class="affine-block-children-container" style="padding-left: 26px;"></div>
+</div>

tests/blocksuite/snapshots/clipboard/clipboard.spec.ts/clipboard-copy-nested-items-clipboard2.json

@@ -0,0 +1,48 @@
+[
+  {
+    "type": "block",
+    "id": "",
+    "flavour": "affine:note",
+    "props": {},
+    "children": [
+      {
+        "type": "block",
+        "id": "4",
+        "flavour": "affine:paragraph",
+        "version": 1,
+        "props": {
+          "type": "text",
+          "text": {
+            "$blocksuite:internal:text$": true,
+            "delta": [
+              {
+                "insert": "hi"
+              }
+            ]
+          },
+          "collapsed": false
+        },
+        "children": []
+      },
+      {
+        "type": "block",
+        "id": "5",
+        "flavour": "affine:paragraph",
+        "version": 1,
+        "props": {
+          "type": "text",
+          "text": {
+            "$blocksuite:internal:text$": true,
+            "delta": [
+              {
+                "insert": "j"
+              }
+            ]
+          },
+          "collapsed": false
+        },
+        "children": []
+      }
+    ]
+  }
+]

tests/blocksuite/snapshots/clipboard/clipboard.spec.ts/clipboard-copy-nested-items-clipboard2.md

@@ -0,0 +1,2 @@
+hi
+j

tests/blocksuite/snapshots/clipboard/list.spec.ts/copy-a-nested-list-by-clicking-button-the-clipboard-data-should-be-complete-clipboard.html

@@ -0,0 +1,11 @@
+<ul class="bulleted-list">
+  <li class="affine-list-block-container">aaa
+    <ul class="bulleted-list">
+      <li class="affine-list-block-container">bbb
+        <ul class="bulleted-list">
+          <li class="affine-list-block-container">ccc</li>
+        </ul>
+      </li>
+    </ul>
+  </li>
+</ul>

tests/blocksuite/snapshots/clipboard/list.spec.ts/copy-a-nested-list-by-clicking-button-the-clipboard-data-should-be-complete-clipboard.json

@@ -0,0 +1,75 @@
+[
+  {
+    "type": "block",
+    "id": "",
+    "flavour": "affine:note",
+    "props": {},
+    "children": [
+      {
+        "type": "block",
+        "id": "3",
+        "flavour": "affine:list",
+        "version": 1,
+        "props": {
+          "type": "bulleted",
+          "text": {
+            "$blocksuite:internal:text$": true,
+            "delta": [
+              {
+                "insert": "aaa"
+              }
+            ]
+          },
+          "checked": false,
+          "collapsed": false,
+          "order": null
+        },
+        "children": [
+          {
+            "type": "block",
+            "id": "4",
+            "flavour": "affine:list",
+            "version": 1,
+            "props": {
+              "type": "bulleted",
+              "text": {
+                "$blocksuite:internal:text$": true,
+                "delta": [
+                  {
+                    "insert": "bbb"
+                  }
+                ]
+              },
+              "checked": false,
+              "collapsed": false,
+              "order": null
+            },
+            "children": [
+              {
+                "type": "block",
+                "id": "5",
+                "flavour": "affine:list",
+                "version": 1,
+                "props": {
+                  "type": "bulleted",
+                  "text": {
+                    "$blocksuite:internal:text$": true,
+                    "delta": [
+                      {
+                        "insert": "ccc"
+                      }
+                    ]
+                  },
+                  "checked": false,
+                  "collapsed": false,
+                  "order": null
+                },
+                "children": []
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+]

tests/blocksuite/snapshots/clipboard/list.spec.ts/copy-a-nested-list-by-clicking-button-the-clipboard-data-should-be-complete-clipboard.md

@@ -0,0 +1,3 @@
+aaa
+bbb
+ccc

tests/blocksuite/snapshots/clipboard/list.spec.ts/cut-will-delete-all-content-and-copy-will-reappear-content-after-cut.json

@@ -0,0 +1,61 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:list",
+          "id": "3",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/clipboard/list.spec.ts/cut-will-delete-all-content-and-copy-will-reappear-content-after-paste.json

@@ -0,0 +1,130 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:list",
+              "id": "8",
+              "props": {
+                "checked": false,
+                "collapsed": false,
+                "order": null,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "2"
+                    }
+                  ]
+                },
+                "type": "bulleted"
+              },
+              "type": "block",
+              "version": 1
+            },
+            {
+              "children": [
+              ],
+              "flavour": "affine:list",
+              "id": "9",
+              "props": {
+                "checked": false,
+                "collapsed": false,
+                "order": null,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "3"
+                    }
+                  ]
+                },
+                "type": "bulleted"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:list",
+          "id": "7",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "1"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:list",
+          "id": "10",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "4"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/clipboard/list.spec.ts/should-keep-paragraph-block-s-type-when-pasting-at-the-start-of-empty-paragraph-block-except-type-text-after-paste-1.json

@@ -0,0 +1,62 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "quote"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/clipboard/list.spec.ts/should-keep-paragraph-block-s-type-when-pasting-at-the-start-of-empty-paragraph-block-except-type-text-after-paste-2.json

@@ -0,0 +1,82 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "quote"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/copy-paste.spec.ts/code-block-has-content-click-code-block-copy-menu-copy-whole-code-block-pasted.json

@@ -0,0 +1,84 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "",
+            "language": "javascript",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "use"
+                }
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "4",
+          "props": {
+            "caption": "",
+            "language": "javascript",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "use"
+                }
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/copy-paste.spec.ts/code-block-is-empty-click-code-block-copy-menu-copy-the-empty-code-block-pasted.json

@@ -0,0 +1,78 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "",
+            "language": "javascript",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "4",
+          "props": {
+            "caption": "",
+            "language": "javascript",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/add-caption-works.json

@@ -0,0 +1,77 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "BlockSuite",
+            "language": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/change-code-language-can-work-1.json

@@ -0,0 +1,60 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "",
+            "language": "rust",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/change-code-language-can-work-2.json

@@ -0,0 +1,60 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "",
+            "language": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/delete-code-block-in-more-menu-final.json

@@ -0,0 +1,42 @@
+{
+  "children": [
+    {
+      "children": [
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/duplicate-code-block-final.json

@@ -0,0 +1,84 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "BlockSuite",
+            "language": "rust",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "let a: u8 = 7"
+                }
+              ]
+            },
+            "wrap": true
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "4",
+          "props": {
+            "caption": "BlockSuite",
+            "language": "rust",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "let a: u8 = 7"
+                }
+              ]
+            },
+            "wrap": true
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/format-text-in-code-block-format.json

@@ -0,0 +1,90 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "3",
+          "props": {
+            "caption": "",
+            "language": "typescript",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "c"
+                },
+                {
+                  "attributes": {
+                    "bold": true
+                  },
+                  "insert": "o"
+                },
+                {
+                  "insert": "ns"
+                },
+                {
+                  "attributes": {
+                    "bold": true
+                  },
+                  "insert": "t a"
+                },
+                {
+                  "insert": "a"
+                },
+                {
+                  "attributes": {
+                    "bold": true
+                  },
+                  "insert": "a = 1000"
+                },
+                {
+                  "insert": ";"
+                }
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/format-text-in-code-block-init.json

@@ -0,0 +1,63 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "3",
+          "props": {
+            "caption": "",
+            "language": "typescript",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "const aaa = 1000;"
+                }
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/format-text-in-code-block-link.json

@@ -0,0 +1,101 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "3",
+          "props": {
+            "caption": "",
+            "language": "typescript",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "c"
+                },
+                {
+                  "attributes": {
+                    "bold": true
+                  },
+                  "insert": "o"
+                },
+                {
+                  "insert": "ns"
+                },
+                {
+                  "attributes": {
+                    "bold": true,
+                    "link": "https://www.baidu.com"
+                  },
+                  "insert": "t a"
+                },
+                {
+                  "attributes": {
+                    "link": "https://www.baidu.com"
+                  },
+                  "insert": "a"
+                },
+                {
+                  "attributes": {
+                    "bold": true,
+                    "link": "https://www.baidu.com"
+                  },
+                  "insert": "a "
+                },
+                {
+                  "attributes": {
+                    "bold": true
+                  },
+                  "insert": "= 1000"
+                },
+                {
+                  "insert": ";"
+                }
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/toggle-code-block-wrap-can-work-1.json

@@ -0,0 +1,60 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "",
+            "language": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/toggle-code-block-wrap-can-work-2.json

@@ -0,0 +1,60 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "",
+            "language": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": true
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/toggle-code-block-wrap-can-work-3.json

@@ -0,0 +1,60 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "",
+            "language": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/undo-code-block-wrap-can-work-1.json

@@ -0,0 +1,60 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "",
+            "language": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/undo-code-block-wrap-can-work-2.json

@@ -0,0 +1,60 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "",
+            "language": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": true
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/undo-code-block-wrap-can-work-3.json

@@ -0,0 +1,60 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "2",
+          "props": {
+            "caption": "",
+            "language": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/use-markdown-syntax-can-create-code-block-init.json

@@ -0,0 +1,102 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+                {
+                  "children": [
+                  ],
+                  "flavour": "affine:paragraph",
+                  "id": "4",
+                  "props": {
+                    "collapsed": false,
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "ccc"
+                        }
+                      ]
+                    },
+                    "type": "text"
+                  },
+                  "type": "block",
+                  "version": 1
+                }
+              ],
+              "flavour": "affine:paragraph",
+              "id": "3",
+              "props": {
+                "collapsed": false,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "bbb"
+                    }
+                  ]
+                },
+                "type": "text"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "aaa"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/code/crud.spec.ts/use-markdown-syntax-can-create-code-block-markdown-syntax.json

@@ -0,0 +1,120 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "5",
+          "props": {
+            "caption": "",
+            "language": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "6",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "aaa"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:paragraph",
+              "id": "4",
+              "props": {
+                "collapsed": false,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "ccc"
+                    }
+                  ]
+                },
+                "type": "text"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "bbb"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/cross-platform/basic.spec.ts/automatic-identify-url-text-final.json

@@ -0,0 +1,71 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "abc "
+                },
+                {
+                  "attributes": {
+                    "link": "https://google.com"
+                  },
+                  "insert": "https://google.com"
+                },
+                {
+                  "insert": " "
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/cross-platform/basic.spec.ts/basic-test-default.json

@@ -0,0 +1,62 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "hello"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-3-4.json

@@ -0,0 +1,190 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "lockedBySelf": false,
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "5",
+          "flavour": "affine:list",
+          "version": 1,
+          "props": {
+            "type": "bulleted",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "C"
+                }
+              ]
+            },
+            "checked": false,
+            "collapsed": false,
+            "order": null
+          },
+          "children": [
+            {
+              "type": "block",
+              "id": "6",
+              "flavour": "affine:list",
+              "version": 1,
+              "props": {
+                "type": "bulleted",
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "D"
+                    }
+                  ]
+                },
+                "checked": false,
+                "collapsed": false,
+                "order": null
+              },
+              "children": []
+            },
+            {
+              "type": "block",
+              "id": "7",
+              "flavour": "affine:list",
+              "version": 1,
+              "props": {
+                "type": "bulleted",
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "E"
+                    }
+                  ]
+                },
+                "checked": false,
+                "collapsed": false,
+                "order": null
+              },
+              "children": [
+                {
+                  "type": "block",
+                  "id": "8",
+                  "flavour": "affine:list",
+                  "version": 1,
+                  "props": {
+                    "type": "bulleted",
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "F"
+                        }
+                      ]
+                    },
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null
+                  },
+                  "children": []
+                },
+                {
+                  "type": "block",
+                  "id": "9",
+                  "flavour": "affine:list",
+                  "version": 1,
+                  "props": {
+                    "type": "bulleted",
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "G"
+                        }
+                      ]
+                    },
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null
+                  },
+                  "children": []
+                }
+              ]
+            },
+            {
+              "type": "block",
+              "id": "4",
+              "flavour": "affine:list",
+              "version": 1,
+              "props": {
+                "type": "bulleted",
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "B"
+                    }
+                  ]
+                },
+                "checked": false,
+                "collapsed": false,
+                "order": null
+              },
+              "children": []
+            }
+          ]
+        },
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:list",
+          "version": 1,
+          "props": {
+            "type": "bulleted",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "A"
+                }
+              ]
+            },
+            "checked": false,
+            "collapsed": false,
+            "order": null
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-3-9.json

@@ -0,0 +1,196 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:list",
+          "id": "4",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "B"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:list",
+              "id": "6",
+              "props": {
+                "checked": false,
+                "collapsed": false,
+                "order": null,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "D"
+                    }
+                  ]
+                },
+                "type": "bulleted"
+              },
+              "type": "block",
+              "version": 1
+            },
+            {
+              "children": [
+                {
+                  "children": [
+                  ],
+                  "flavour": "affine:list",
+                  "id": "8",
+                  "props": {
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null,
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "F"
+                        }
+                      ]
+                    },
+                    "type": "bulleted"
+                  },
+                  "type": "block",
+                  "version": 1
+                },
+                {
+                  "children": [
+                  ],
+                  "flavour": "affine:list",
+                  "id": "9",
+                  "props": {
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null,
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "G"
+                        }
+                      ]
+                    },
+                    "type": "bulleted"
+                  },
+                  "type": "block",
+                  "version": 1
+                },
+                {
+                  "children": [
+                  ],
+                  "flavour": "affine:list",
+                  "id": "3",
+                  "props": {
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null,
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "A"
+                        }
+                      ]
+                    },
+                    "type": "bulleted"
+                  },
+                  "type": "block",
+                  "version": 1
+                }
+              ],
+              "flavour": "affine:list",
+              "id": "7",
+              "props": {
+                "checked": false,
+                "collapsed": false,
+                "order": null,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "E"
+                    }
+                  ]
+                },
+                "type": "bulleted"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:list",
+          "id": "5",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "C"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-4-3.json

@@ -0,0 +1,196 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:list",
+              "id": "6",
+              "props": {
+                "checked": false,
+                "collapsed": false,
+                "order": null,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "D"
+                    }
+                  ]
+                },
+                "type": "bulleted"
+              },
+              "type": "block",
+              "version": 1
+            },
+            {
+              "children": [
+                {
+                  "children": [
+                  ],
+                  "flavour": "affine:list",
+                  "id": "8",
+                  "props": {
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null,
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "F"
+                        }
+                      ]
+                    },
+                    "type": "bulleted"
+                  },
+                  "type": "block",
+                  "version": 1
+                },
+                {
+                  "children": [
+                  ],
+                  "flavour": "affine:list",
+                  "id": "9",
+                  "props": {
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null,
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "G"
+                        }
+                      ]
+                    },
+                    "type": "bulleted"
+                  },
+                  "type": "block",
+                  "version": 1
+                },
+                {
+                  "children": [
+                  ],
+                  "flavour": "affine:list",
+                  "id": "3",
+                  "props": {
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null,
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "A"
+                        }
+                      ]
+                    },
+                    "type": "bulleted"
+                  },
+                  "type": "block",
+                  "version": 1
+                },
+                {
+                  "children": [
+                  ],
+                  "flavour": "affine:list",
+                  "id": "4",
+                  "props": {
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null,
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "B"
+                        }
+                      ]
+                    },
+                    "type": "bulleted"
+                  },
+                  "type": "block",
+                  "version": 1
+                }
+              ],
+              "flavour": "affine:list",
+              "id": "7",
+              "props": {
+                "checked": false,
+                "collapsed": false,
+                "order": null,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "E"
+                    }
+                  ]
+                },
+                "type": "bulleted"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:list",
+          "id": "5",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "C"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-init.json

@@ -0,0 +1,196 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:list",
+          "id": "3",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "A"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:list",
+          "id": "4",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "B"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:list",
+              "id": "6",
+              "props": {
+                "checked": false,
+                "collapsed": false,
+                "order": null,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "D"
+                    }
+                  ]
+                },
+                "type": "bulleted"
+              },
+              "type": "block",
+              "version": 1
+            },
+            {
+              "children": [
+                {
+                  "children": [
+                  ],
+                  "flavour": "affine:list",
+                  "id": "8",
+                  "props": {
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null,
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "F"
+                        }
+                      ]
+                    },
+                    "type": "bulleted"
+                  },
+                  "type": "block",
+                  "version": 1
+                },
+                {
+                  "children": [
+                  ],
+                  "flavour": "affine:list",
+                  "id": "9",
+                  "props": {
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null,
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "G"
+                        }
+                      ]
+                    },
+                    "type": "bulleted"
+                  },
+                  "type": "block",
+                  "version": 1
+                }
+              ],
+              "flavour": "affine:list",
+              "id": "7",
+              "props": {
+                "checked": false,
+                "collapsed": false,
+                "order": null,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "E"
+                    }
+                  ]
+                },
+                "type": "bulleted"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:list",
+          "id": "5",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "C"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/drag.spec.ts/should-be-able-to-drag-drop-multiple-blocks-to-nested-block-finial.json

@@ -0,0 +1,189 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "5",
+          "flavour": "affine:list",
+          "version": 1,
+          "props": {
+            "type": "bulleted",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "C"
+                }
+              ]
+            },
+            "checked": false,
+            "collapsed": false,
+            "order": null
+          },
+          "children": [
+            {
+              "type": "block",
+              "id": "6",
+              "flavour": "affine:list",
+              "version": 1,
+              "props": {
+                "type": "bulleted",
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "D"
+                    }
+                  ]
+                },
+                "checked": false,
+                "collapsed": false,
+                "order": null
+              },
+              "children": []
+            },
+            {
+              "type": "block",
+              "id": "7",
+              "flavour": "affine:list",
+              "version": 1,
+              "props": {
+                "type": "bulleted",
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "E"
+                    }
+                  ]
+                },
+                "checked": false,
+                "collapsed": false,
+                "order": null
+              },
+              "children": [
+                {
+                  "type": "block",
+                  "id": "8",
+                  "flavour": "affine:list",
+                  "version": 1,
+                  "props": {
+                    "type": "bulleted",
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "F"
+                        }
+                      ]
+                    },
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null
+                  },
+                  "children": []
+                },
+                {
+                  "type": "block",
+                  "id": "3",
+                  "flavour": "affine:list",
+                  "version": 1,
+                  "props": {
+                    "type": "bulleted",
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "A"
+                        }
+                      ]
+                    },
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null
+                  },
+                  "children": []
+                },
+                {
+                  "type": "block",
+                  "id": "4",
+                  "flavour": "affine:list",
+                  "version": 1,
+                  "props": {
+                    "type": "bulleted",
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "B"
+                        }
+                      ]
+                    },
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null
+                  },
+                  "children": []
+                },
+                {
+                  "type": "block",
+                  "id": "9",
+                  "flavour": "affine:list",
+                  "version": 1,
+                  "props": {
+                    "type": "bulleted",
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "G"
+                        }
+                      ]
+                    },
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null
+                  },
+                  "children": []
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/drag.spec.ts/should-be-able-to-drag-drop-multiple-blocks-to-nested-block-init.json

@@ -0,0 +1,189 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:list",
+          "version": 1,
+          "props": {
+            "type": "bulleted",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "A"
+                }
+              ]
+            },
+            "checked": false,
+            "collapsed": false,
+            "order": null
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "4",
+          "flavour": "affine:list",
+          "version": 1,
+          "props": {
+            "type": "bulleted",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "B"
+                }
+              ]
+            },
+            "checked": false,
+            "collapsed": false,
+            "order": null
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "5",
+          "flavour": "affine:list",
+          "version": 1,
+          "props": {
+            "type": "bulleted",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "C"
+                }
+              ]
+            },
+            "checked": false,
+            "collapsed": false,
+            "order": null
+          },
+          "children": [
+            {
+              "type": "block",
+              "id": "6",
+              "flavour": "affine:list",
+              "version": 1,
+              "props": {
+                "type": "bulleted",
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "D"
+                    }
+                  ]
+                },
+                "checked": false,
+                "collapsed": false,
+                "order": null
+              },
+              "children": []
+            },
+            {
+              "type": "block",
+              "id": "7",
+              "flavour": "affine:list",
+              "version": 1,
+              "props": {
+                "type": "bulleted",
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "E"
+                    }
+                  ]
+                },
+                "checked": false,
+                "collapsed": false,
+                "order": null
+              },
+              "children": [
+                {
+                  "type": "block",
+                  "id": "8",
+                  "flavour": "affine:list",
+                  "version": 1,
+                  "props": {
+                    "type": "bulleted",
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "F"
+                        }
+                      ]
+                    },
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null
+                  },
+                  "children": []
+                },
+                {
+                  "type": "block",
+                  "id": "9",
+                  "flavour": "affine:list",
+                  "version": 1,
+                  "props": {
+                    "type": "bulleted",
+                    "text": {
+                      "$blocksuite:internal:text$": true,
+                      "delta": [
+                        {
+                          "insert": "G"
+                        }
+                      ]
+                    },
+                    "checked": false,
+                    "collapsed": false,
+                    "order": null
+                  },
+                  "children": []
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-add-linked-doc.json

@@ -0,0 +1,121 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:paragraph",
+              "id": "5",
+              "props": {
+                "collapsed": false,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "attributes": {
+                        "reference": {
+                          "pageId": "6",
+                          "type": "LinkedPage"
+                        }
+                      },
+                      "insert": " "
+                    }
+                  ]
+                },
+                "type": "text"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:edgeless-text",
+          "id": "4",
+          "props": {
+            "color": {
+              "dark": "#ffffff",
+              "light": "#000000"
+            },
+            "fontFamily": "blocksuite:surface:Inter",
+            "fontStyle": "normal",
+            "fontWeight": "400",
+            "hasMaxWidth": false,
+            "index": "a1",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "scale": 1,
+            "textAlign": "left",
+            "xywh": "[-25,-25,220,26]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:surface",
+      "id": "1",
+      "props": {
+        "elements": {
+        }
+      },
+      "type": "block",
+      "version": 5
+    },
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "2",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-drag.json

@@ -0,0 +1,113 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:embed-linked-doc",
+              "id": "11",
+              "props": {
+                "caption": null,
+                "footnoteIdentifier": null,
+                "index": "a0",
+                "lockedBySelf": false,
+                "pageId": "6",
+                "rotate": 0,
+                "style": "horizontal",
+                "xywh": "[0,0,0,0]"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:edgeless-text",
+          "id": "4",
+          "props": {
+            "color": {
+              "dark": "#ffffff",
+              "light": "#000000"
+            },
+            "fontFamily": "blocksuite:surface:Inter",
+            "fontStyle": "normal",
+            "fontWeight": "400",
+            "hasMaxWidth": true,
+            "index": "a1",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "scale": 1,
+            "textAlign": "left",
+            "xywh": "[-25,-25,497,154]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:surface",
+      "id": "1",
+      "props": {
+        "elements": {
+        }
+      },
+      "type": "block",
+      "version": 5
+    },
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "2",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-init.json

@@ -0,0 +1,112 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:paragraph",
+              "id": "5",
+              "props": {
+                "collapsed": false,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                  ]
+                },
+                "type": "text"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:edgeless-text",
+          "id": "4",
+          "props": {
+            "color": {
+              "dark": "#ffffff",
+              "light": "#000000"
+            },
+            "fontFamily": "blocksuite:surface:Inter",
+            "fontStyle": "normal",
+            "fontWeight": "400",
+            "hasMaxWidth": false,
+            "index": "a1",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "scale": 1,
+            "textAlign": "left",
+            "xywh": "[-25,-25,220,26]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:surface",
+      "id": "1",
+      "props": {
+        "elements": {
+        }
+      },
+      "type": "block",
+      "version": 5
+    },
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "2",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card-min-width.json

@@ -0,0 +1,113 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:embed-linked-doc",
+              "id": "11",
+              "props": {
+                "caption": null,
+                "footnoteIdentifier": null,
+                "index": "a0",
+                "lockedBySelf": false,
+                "pageId": "6",
+                "rotate": 0,
+                "style": "horizontal",
+                "xywh": "[0,0,0,0]"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:edgeless-text",
+          "id": "4",
+          "props": {
+            "color": {
+              "dark": "#ffffff",
+              "light": "#000000"
+            },
+            "fontFamily": "blocksuite:surface:Inter",
+            "fontStyle": "normal",
+            "fontWeight": "400",
+            "hasMaxWidth": true,
+            "index": "a1",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "scale": 1,
+            "textAlign": "left",
+            "xywh": "[-25,-25,452,154]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:surface",
+      "id": "1",
+      "props": {
+        "elements": {
+        }
+      },
+      "type": "block",
+      "version": 5
+    },
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "2",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card.json

@@ -0,0 +1,113 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:embed-linked-doc",
+              "id": "11",
+              "props": {
+                "caption": null,
+                "footnoteIdentifier": null,
+                "index": "a0",
+                "lockedBySelf": false,
+                "pageId": "6",
+                "rotate": 0,
+                "style": "horizontal",
+                "xywh": "[0,0,0,0]"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:edgeless-text",
+          "id": "4",
+          "props": {
+            "color": {
+              "dark": "#ffffff",
+              "light": "#000000"
+            },
+            "fontFamily": "blocksuite:surface:Inter",
+            "fontStyle": "normal",
+            "fontWeight": "400",
+            "hasMaxWidth": false,
+            "index": "a1",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "scale": 1,
+            "textAlign": "left",
+            "xywh": "[-25,-25,452,154]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:surface",
+      "id": "1",
+      "props": {
+        "elements": {
+        }
+      },
+      "type": "block",
+      "version": 5
+    },
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "2",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-finial.json

@@ -0,0 +1,118 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:paragraph",
+              "id": "4",
+              "props": {
+                "collapsed": false,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "aaa"
+                    }
+                  ]
+                },
+                "type": "text"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:edgeless-text",
+          "id": "3",
+          "props": {
+            "color": {
+              "dark": "#ffffff",
+              "light": "#000000"
+            },
+            "fontFamily": "blocksuite:surface:Inter",
+            "fontStyle": "normal",
+            "fontWeight": "400",
+            "hasMaxWidth": true,
+            "index": "a1",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "scale": 1,
+            "textAlign": "left",
+            "xywh": "[-25,-25,220,26]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:surface",
+      "id": "1",
+      "props": {
+        "elements": {
+        }
+      },
+      "type": "block",
+      "version": 5
+    },
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "5",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "2",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,48]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+        {
+          "insert": "bbb"
+        }
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-note-empty.json

@@ -0,0 +1,98 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:paragraph",
+              "id": "4",
+              "props": {
+                "collapsed": false,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "aaa"
+                    }
+                  ]
+                },
+                "type": "text"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:edgeless-text",
+          "id": "3",
+          "props": {
+            "color": {
+              "dark": "#ffffff",
+              "light": "#000000"
+            },
+            "fontFamily": "blocksuite:surface:Inter",
+            "fontStyle": "normal",
+            "fontWeight": "400",
+            "hasMaxWidth": true,
+            "index": "a1",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "scale": 1,
+            "textAlign": "left",
+            "xywh": "[-25,-25,220,26]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:surface",
+      "id": "1",
+      "props": {
+        "elements": {
+        }
+      },
+      "type": "block",
+      "version": 5
+    },
+    {
+      "children": [
+      ],
+      "flavour": "affine:note",
+      "id": "2",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,48]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-note-not-empty.json

@@ -0,0 +1,115 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+            {
+              "children": [
+              ],
+              "flavour": "affine:paragraph",
+              "id": "4",
+              "props": {
+                "collapsed": false,
+                "text": {
+                  "$blocksuite:internal:text$": true,
+                  "delta": [
+                    {
+                      "insert": "aaa"
+                    }
+                  ]
+                },
+                "type": "text"
+              },
+              "type": "block",
+              "version": 1
+            }
+          ],
+          "flavour": "affine:edgeless-text",
+          "id": "3",
+          "props": {
+            "color": {
+              "dark": "#ffffff",
+              "light": "#000000"
+            },
+            "fontFamily": "blocksuite:surface:Inter",
+            "fontStyle": "normal",
+            "fontWeight": "400",
+            "hasMaxWidth": true,
+            "index": "a1",
+            "lockedBySelf": false,
+            "rotate": 0,
+            "scale": 1,
+            "textAlign": "left",
+            "xywh": "[-25,-25,220,26]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:surface",
+      "id": "1",
+      "props": {
+        "elements": {
+        }
+      },
+      "type": "block",
+      "version": 5
+    },
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "5",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "2",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,48]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/create-linked-doc-from-block-selection-with-format-bar.json

@@ -0,0 +1,60 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:embed-linked-doc",
+          "id": "12",
+          "props": {
+            "caption": null,
+            "footnoteIdentifier": null,
+            "index": "a0",
+            "lockedBySelf": false,
+            "pageId": "5",
+            "rotate": 0,
+            "style": "horizontal",
+            "xywh": "[0,0,0,0]"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-default-color.json

@@ -0,0 +1,105 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "color": "var(--affine-text-highlight-foreground-red)"
+                  },
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-init.json

@@ -0,0 +1,105 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "color": "var(--affine-text-highlight-foreground-red)"
+                  },
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-select-all.json

@@ -0,0 +1,108 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "color": "var(--affine-text-highlight-foreground-red)"
+                  },
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "color": "var(--affine-text-highlight-foreground-red)"
+                  },
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-bulleted.json

@@ -0,0 +1,104 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:list",
+          "id": "5",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-finial.json

@@ -0,0 +1,102 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "6",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-init.json

@@ -0,0 +1,102 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "h1"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-finial.json

@@ -0,0 +1,106 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "italic": true,
+                    "strike": true
+                  },
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-init.json

@@ -0,0 +1,109 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "bold": true,
+                    "code": true,
+                    "italic": true,
+                    "strike": true,
+                    "underline": true
+                  },
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-when-select-multiple-line-finial.json

@@ -0,0 +1,102 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-when-select-multiple-line-init.json

@@ -0,0 +1,111 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "bold": true
+                  },
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "bold": true
+                  },
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "bold": true
+                  },
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-link-text-finial.json

@@ -0,0 +1,102 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-link-text-init.json

@@ -0,0 +1,105 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "link": "https://www.example.com"
+                  },
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-show-after-convert-to-code-block.json

@@ -0,0 +1,63 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:code",
+          "id": "5",
+          "props": {
+            "caption": "",
+            "language": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123\n456\n789"
+                }
+              ]
+            },
+            "wrap": false
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-with-block-selection-works-when-update-block-type-final.json

@@ -0,0 +1,102 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "8",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "h1"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "9",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "h1"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "10",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "h1"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-with-block-selection-works-when-update-block-type-init.json

@@ -0,0 +1,108 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:list",
+          "id": "5",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:list",
+          "id": "6",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:list",
+          "id": "7",
+          "props": {
+            "checked": false,
+            "collapsed": false,
+            "order": null,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "bulleted"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-work-in-multiple-block-selection.json

@@ -0,0 +1,114 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "bold": true,
+                    "underline": true
+                  },
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "bold": true,
+                    "underline": true
+                  },
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "bold": true,
+                    "underline": true
+                  },
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/format-bar.spec.ts/should-format-quick-bar-work-in-single-block-selection.json

@@ -0,0 +1,107 @@
+{
+  "children": [
+    {
+      "children": [
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "2",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "3",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "attributes": {
+                    "bold": true,
+                    "italic": true,
+                    "underline": true
+                  },
+                  "insert": "456"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        },
+        {
+          "children": [
+          ],
+          "flavour": "affine:paragraph",
+          "id": "4",
+          "props": {
+            "collapsed": false,
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "type": "text"
+          },
+          "type": "block",
+          "version": 1
+        }
+      ],
+      "flavour": "affine:note",
+      "id": "1",
+      "props": {
+        "background": {
+          "dark": "#252525",
+          "light": "#ffffff"
+        },
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        },
+        "hidden": false,
+        "index": "a0",
+        "lockedBySelf": false,
+        "xywh": "[0,0,498,92]"
+      },
+      "type": "block",
+      "version": 1
+    }
+  ],
+  "flavour": "affine:page",
+  "id": "0",
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": [
+      ]
+    }
+  },
+  "type": "block",
+  "version": 2
+}

tests/blocksuite/snapshots/hotkey.spec.ts/Enter-key-should-as-expected-after-setting-heading-by-shortkey.json

@@ -0,0 +1,78 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "2",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "h1",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "hello"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "world"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-init.json

@@ -0,0 +1,112 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "2",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "1"
+                },
+                {
+                  "insert": "23",
+                  "attributes": {
+                    "code": true
+                  }
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456",
+                  "attributes": {
+                    "code": true
+                  }
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "4",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "78",
+                  "attributes": {
+                    "code": true
+                  }
+                },
+                {
+                  "insert": "9"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-redo.json

@@ -0,0 +1,112 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "2",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "1"
+                },
+                {
+                  "insert": "23",
+                  "attributes": {
+                    "code": true
+                  }
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456",
+                  "attributes": {
+                    "code": true
+                  }
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "4",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "78",
+                  "attributes": {
+                    "code": true
+                  }
+                },
+                {
+                  "insert": "9"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-undo.json

@@ -0,0 +1,97 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "2",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "4",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/should-cut-work-multiple-line-init.json

@@ -0,0 +1,59 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "2",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "19"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/should-cut-work-multiple-line-undo.json

@@ -0,0 +1,97 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "2",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "123"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "456"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        },
+        {
+          "type": "block",
+          "id": "4",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "789"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/should-cut-work-single-line-init.json

@@ -0,0 +1,59 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "2",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "ho"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/should-cut-work-single-line-undo.json

@@ -0,0 +1,59 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "2",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "hello"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-init.json

@@ -0,0 +1,59 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "2",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "h1",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "hello"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-0.json

@@ -0,0 +1,59 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "4",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "text",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "hello"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-6.json

@@ -0,0 +1,59 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "2",
+          "flavour": "affine:paragraph",
+          "version": 1,
+          "props": {
+            "type": "h6",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "hello"
+                }
+              ]
+            },
+            "collapsed": false
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}

tests/blocksuite/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-8.json

@@ -0,0 +1,61 @@
+{
+  "type": "block",
+  "id": "0",
+  "flavour": "affine:page",
+  "version": 2,
+  "props": {
+    "title": {
+      "$blocksuite:internal:text$": true,
+      "delta": []
+    }
+  },
+  "children": [
+    {
+      "type": "block",
+      "id": "1",
+      "flavour": "affine:note",
+      "version": 1,
+      "props": {
+        "xywh": "[0,0,498,92]",
+        "background": {
+          "dark": "#000000",
+          "light": "#ffffff"
+        },
+        "index": "a0",
+        "hidden": false,
+        "displayMode": "both",
+        "edgeless": {
+          "style": {
+            "borderRadius": 8,
+            "borderSize": 4,
+            "borderStyle": "none",
+            "shadowType": "--affine-note-shadow-box"
+          }
+        }
+      },
+      "children": [
+        {
+          "type": "block",
+          "id": "3",
+          "flavour": "affine:list",
+          "version": 1,
+          "props": {
+            "type": "bulleted",
+            "text": {
+              "$blocksuite:internal:text$": true,
+              "delta": [
+                {
+                  "insert": "hello"
+                }
+              ]
+            },
+            "checked": false,
+            "collapsed": false,
+            "order": null
+          },
+          "children": []
+        }
+      ]
+    }
+  ]
+}