diff --git a/.github/ISSUE_TEMPLATE/bug-report-alpha.yml b/.github/ISSUE_TEMPLATE/bug-report-alpha.yml
new file mode 100644
index 0000000000..599cf75af2
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug-report-alpha.yml
@@ -0,0 +1,45 @@
+name: 🐛 Bug report (Alpha)
+description: "Report a reproducible bug or regression for https://pathfinder.affine.pro"
+title: "[bug]: "
+labels: ["bug", "alpha"]
+body:
+  - type: markdown
+    attributes:
+      value: Thanks for taking the time to fill out this bug report!
+  - type: input
+    id: description
+    attributes:
+      label: Describe the bug
+      placeholder: A clear and concise description of what the bug is.
+  - type: textarea
+    id: reproduce
+    attributes:
+      label: To Reproduce
+      placeholder: "Steps to reproduce the behavior\n1. Go to '...'\n2. Click on '....'\n3. Scroll down to '....'\n4. See error"
+    validations:
+      required: true
+  - type: textarea
+    id: screenshots
+    attributes:
+      label: Screenshots
+      placeholder: If applicable, add screenshots to help explain your problem.
+  - type: textarea
+    id: expected
+    attributes:
+      label: Expected behavior
+      placeholder: A clear and concise description of what you expected to happen.
+  - type: input
+    id: platform
+    attributes:
+      label: Platform
+      placeholder: e.g. MacOS, Windows10...
+  - type: input
+    id: browser
+    attributes:
+      label: Browser
+      placeholder: e.g. Chrome, Safari
+  - type: textarea
+    id: additional
+    attributes:
+      label: Additional context
+      placeholder: Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/bug-report-pre-alpha.yml b/.github/ISSUE_TEMPLATE/bug-report-pre-alpha.yml
new file mode 100644
index 0000000000..a75e3db6cd
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug-report-pre-alpha.yml
@@ -0,0 +1,45 @@
+name: 🐛 Bug report (Pre-Alpha)
+description: "Report a reproducible bug or regression for https://livedemo.affine.pro"
+title: "[bug]: "
+labels: ["bug", "pre-alpha"]
+body:
+  - type: markdown
+    attributes:
+      value: Thanks for taking the time to fill out this bug report!
+  - type: input
+    id: description
+    attributes:
+      label: Describe the bug
+      placeholder: A clear and concise description of what the bug is.
+  - type: textarea
+    id: reproduce
+    attributes:
+      label: To Reproduce
+      placeholder: "Steps to reproduce the behavior\n1. Go to '...'\n2. Click on '....'\n3. Scroll down to '....'\n4. See error"
+    validations:
+      required: true
+  - type: textarea
+    id: screenshots
+    attributes:
+      label: Screenshots
+      placeholder: If applicable, add screenshots to help explain your problem.
+  - type: textarea
+    id: expected
+    attributes:
+      label: Expected behavior
+      placeholder: A clear and concise description of what you expected to happen.
+  - type: input
+    id: platform
+    attributes:
+      label: Platform
+      placeholder: e.g. MacOS, Windows10...
+  - type: input
+    id: browser
+    attributes:
+      label: Browser
+      placeholder: e.g. Chrome, Safari
+  - type: textarea
+    id: additional
+    attributes:
+      label: Additional context
+      placeholder: Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000000..bad3192b20
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,11 @@
+blank_issues_enabled: false
+contact_links:
+  - name: 💭 Questions and Help - Reddit
+    url: https://www.reddit.com/r/Affine/
+    about: Please ask and answer questions here.
+  - name: 💬 Questions and Help - Telegram
+    url: https://t.me/affineworkos
+    about: Please ask and answer questions here.
+  - name: 🗯 Questions and Help - Discord
+    url: https://discord.gg/yz6tGVsf5p
+    about: Please ask and answer questions here.
diff --git a/.github/ISSUE_TEMPLATE/feature-request.yml b/.github/ISSUE_TEMPLATE/feature-request.yml
new file mode 100644
index 0000000000..54c1caa4f3
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature-request.yml
@@ -0,0 +1,31 @@
+name: ✨ Feature request
+description: An idea or request for new functionality
+title: "[feature]: "
+labels: ["enhancement"]
+body:
+  - type: markdown
+    attributes:
+      value: Thanks for taking the time to fill out this feature request!
+  - type: textarea
+    id: description
+    attributes:
+      label: 1~3 main use cases of the proposed feature
+      description: e.g. As a ..., I have many tasks scattered across documents, and I want to have a unified entry to view these tasks.
+      placeholder: e.g. As a ...
+    validations:
+      required: true
+  - type: textarea
+    id: solution
+    attributes:
+      label: Ideas for solution
+      placeholder: e.g. A task view can be added to view all tasks.
+  - type: input
+    id: userType
+    attributes:
+      label: what types of users can benefit from using your proposed feature
+      placeholder: busy student
+  - type: textarea
+    id: additional
+    attributes:
+      label: Additional context
+      placeholder: Add any other context or screenshots about the feature request here.
diff --git a/.github/ISSUE_TEMPLATE/improvement-request.yml b/.github/ISSUE_TEMPLATE/improvement-request.yml
new file mode 100644
index 0000000000..769e679131
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/improvement-request.yml
@@ -0,0 +1,31 @@
+name: 🪄 Improvement request
+description: An improvement to existing functionality
+title: "[improvement]: "
+labels: ["improvement"]
+body:
+  - type: markdown
+    attributes:
+      value: Thanks for taking the time to fill out this improvement request!
+  - type: textarea
+    id: description
+    attributes:
+      label: 1~3 main use cases of the proposed improvement
+      description: e.g. As a ..., I have many tasks scattered across documents, and I want to have a unified entry to view these tasks.
+      placeholder: e.g. As a ...
+    validations:
+      required: true
+  - type: textarea
+    id: solution
+    attributes:
+      label: Ideas for solution
+      placeholder: e.g. A task view can be added to view all tasks.
+  - type: input
+    id: userType
+    attributes:
+      label: what types of users can benefit from using your proposed improvement
+      placeholder: busy student
+  - type: textarea
+    id: additional
+    attributes:
+      label: Additional context
+      placeholder: Add any other context or screenshots about the improvement request here.
diff --git a/.github/workflows/build-community.yml b/.github/workflows/build-community.yml
index 557e23fbc2..2291513cd0 100644
--- a/.github/workflows/build-community.yml
+++ b/.github/workflows/build-community.yml
@@ -17,7 +17,7 @@ concurrency:
 jobs:
   build:
     name: Lint and Build
-    runs-on: ubuntu-latest
+    runs-on: self-hosted
 
     steps:
       - uses: actions/checkout@v2
diff --git a/.github/workflows/build-livedemo.yml b/.github/workflows/build-livedemo.yml
index ca43de69c2..9cbf01a71a 100644
--- a/.github/workflows/build-livedemo.yml
+++ b/.github/workflows/build-livedemo.yml
@@ -17,7 +17,7 @@ concurrency:
 jobs:
   build:
     name: Lint and Build
-    runs-on: ubuntu-latest
+    runs-on: self-hosted
 
     steps:
       - uses: actions/checkout@v2
diff --git a/.github/workflows/build-test-version.yml b/.github/workflows/build-test-version.yml
index ea0313d984..265986417d 100644
--- a/.github/workflows/build-test-version.yml
+++ b/.github/workflows/build-test-version.yml
@@ -19,7 +19,7 @@ concurrency:
 jobs:
   build:
     name: Lint and Build
-    runs-on: ubuntu-latest
+    runs-on: self-hosted
 
     steps:
       - uses: actions/checkout@v2
diff --git a/README.md b/README.md
index 3a8717d9b3..81907105a3 100644
--- a/README.md
+++ b/README.md
@@ -43,9 +43,7 @@ See https://github.com/all-?/all-contributors/issues/361#issuecomment-637166066
     <a href="https://medium.com/@affineworkos"><img src="https://img.shields.io/badge/-Medium-red?style=social&logo=medium" height=25></a>
 </p>
 
-<br />
-
-<p align="center"><img width="1920" alt="affine_screen" src="https://user-images.githubusercontent.com/21084335/182552060-972cac0e-6258-4ccb-85bd-3bb466c30ccd.png"><p/>
+<p align="center"><img width="1920" alt="affine_screen" src="https://user-images.githubusercontent.com/4605025/198174913-d4f90da8-ae2a-4eb6-8424-55c94de432a1.jpeg"><p/>
 
 ## Join our community
 
@@ -59,7 +57,7 @@ Before we tell you how to get started with AFFiNE, we'd like to shamelessly plug
 
 **Clean, intuitive design** — With AFFiNE you can concentrate on editing with a clean and modern interface. Which is responsive, so it looks great on tablets too, and mobile support is coming in the future.
 
-**Seamless transtions** — However you want your data displayed, whichever viewing mode you use, AFFiNE supports easy transitions to allow you to quickly and effortlessly view your data in the way you want.
+**Seamless transitions** — However you want your data displayed, whichever viewing mode you use, AFFiNE supports easy transitions to allow you to quickly and effortlessly view your data in the way you want.
 
 **Markdown support** — When you write in AFFiNE you can use Markdown syntax which helps create an easier editing experience, that can be experienced with just a keyboard. And this allows you to export your data cleanly into Markdown.
 <!--
diff --git a/packages/app/package.json b/packages/app/package.json
index 85ec3b0ed9..55f231b965 100644
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@blocksuite/blocks": "^0.2.19",
-    "@blocksuite/editor": "^0.2.19",
+    "@blocksuite/blocks": "^0.2.22",
+    "@blocksuite/editor": "^0.2.22",
     "@emotion/css": "^11.10.0",
     "@emotion/react": "^11.10.4",
     "@emotion/server": "^11.10.0",
diff --git a/packages/app/src/components/editor.tsx b/packages/app/src/components/editor.tsx
index 4dcf1792e2..1735a62a57 100644
--- a/packages/app/src/components/editor.tsx
+++ b/packages/app/src/components/editor.tsx
@@ -27,7 +27,7 @@ const BlockSuiteEditor = forwardRef<EditorContainer>(({}, ref) => {
       editor.remove();
     };
   }, [ref]);
-  return <div ref={containerElement} />;
+  return <div id="editor" style={{ height: '100%' }} ref={containerElement} />;
 });
 
 export const Editor = () => {
@@ -67,6 +67,7 @@ declare global {
 
   namespace JSX {
     interface IntrinsicElements {
+      // TODO fix types on react
       'editor-container': EditorContainer;
     }
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4d04beb5b2..8231fc0496 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,8 +18,8 @@ importers:
 
   packages/app:
     specifiers:
-      '@blocksuite/blocks': ^0.2.19
-      '@blocksuite/editor': ^0.2.19
+      '@blocksuite/blocks': ^0.2.22
+      '@blocksuite/editor': ^0.2.22
       '@emotion/css': ^11.10.0
       '@emotion/react': ^11.10.4
       '@emotion/server': ^11.10.0
@@ -48,8 +48,8 @@ importers:
       react-dom: 18.2.0
       typescript: 4.8.3
     dependencies:
-      '@blocksuite/blocks': 0.2.19
-      '@blocksuite/editor': 0.2.19
+      '@blocksuite/blocks': 0.2.22
+      '@blocksuite/editor': 0.2.22
       '@emotion/css': 11.10.0
       '@emotion/react': 11.10.4_w5j4k42lgipnm43s3brx6h3c34
       '@emotion/server': 11.10.0_@emotion+css@11.10.0
@@ -166,10 +166,10 @@ packages:
       to-fast-properties: 2.0.0
     dev: false
 
-  /@blocksuite/blocks/0.2.19:
-    resolution: {integrity: sha512-Xg1d8dIOb4qCYJ1u63zfgGdYfrV7S926srflCzbWuJOMAQ1auRPypHVCxidOir/S583B3l6t80vIhy0Xmu3+2Q==}
+  /@blocksuite/blocks/0.2.22:
+    resolution: {integrity: sha512-66HqtUlXI44MZSffxF3uCDhaoMsMBABw4WKZxjCwFYxa2eeddm2Vl6+qNDrmsOK6ype5uVzY2u3BBis3k8A0Cw==}
     dependencies:
-      '@blocksuite/store': 0.2.19
+      '@blocksuite/store': 0.2.22
       hotkeys-js: 3.10.0
       lit: 2.4.0
       quill: 1.3.7
@@ -180,11 +180,11 @@ packages:
       - utf-8-validate
     dev: false
 
-  /@blocksuite/editor/0.2.19:
-    resolution: {integrity: sha512-KYgn+fvBSCEbo8XBVQd/NNSTw2xV+Ysyec1l+Jv6ukW22ezf05HZlG+tMgg2JDLEsiDHgVhqvqBAZA8BtYF6qw==}
+  /@blocksuite/editor/0.2.22:
+    resolution: {integrity: sha512-TgJTNeNXynbYZW39hYBs/Z84Cha3wuNm2AngSa1f/GQV8Bbi0Q1C8KtBXATQ+WkHAAfZ7K1HXx0jrFbsiLk1sg==}
     dependencies:
-      '@blocksuite/blocks': 0.2.19
-      '@blocksuite/store': 0.2.19
+      '@blocksuite/blocks': 0.2.22
+      '@blocksuite/store': 0.2.22
       lit: 2.4.0
       marked: 4.1.1
       turndown: 7.1.1
@@ -194,8 +194,8 @@ packages:
       - utf-8-validate
     dev: false
 
-  /@blocksuite/store/0.2.19:
-    resolution: {integrity: sha512-/MSuLTd9zNJj7Mxmj6GC1NMzSQ6HHZJdbevn3/o3Sp41KKI2TYygmk26xwvi5duaNgw2GQISWDdHuHnweh8p8w==}
+  /@blocksuite/store/0.2.22:
+    resolution: {integrity: sha512-sc85o52s3ga3ZtOXzqkRUw763+JxQsvPnVK905QaQyoQLcbtfJx3yx0iVUGcturGaNCkiUFwJsUQHLOiDvRTMA==}
     dependencies:
       lib0: 0.2.52
       y-protocols: 1.0.5
@@ -1438,7 +1438,7 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.0_76twfck5d7crjqrmw4yltga7zm
+      '@typescript-eslint/parser': 5.38.0_eslint@8.22.0
       debug: 3.2.7
       eslint: 8.22.0
       eslint-import-resolver-node: 0.3.6
@@ -1457,7 +1457,7 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.38.0_76twfck5d7crjqrmw4yltga7zm
+      '@typescript-eslint/parser': 5.38.0_eslint@8.22.0
       array-includes: 3.1.5
       array.prototype.flat: 1.3.0
       debug: 2.6.9