chore: bump version 0.2.7 (#3022 )

* chore: bump version 0.2.7 * chore: update language files using inlang machine translation
fix: focus is clickable if text field is being edited (#3020 )
2023-07-18 19:59:35 +08:00 · 2023-07-18 18:25:25 +08:00 · 2023-07-18 17:04:19 +07:00 · 2023-07-18 15:59:41 +08:00 · 2023-07-18 10:47:55 +08:00 · 2023-07-18 10:47:42 +08:00
948 changed files with 47125 additions and 13900 deletions
@@ -21,12 +21,13 @@ on:
      - unlocked
      - ready_for_review

+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
 jobs:
  build-app:
    if: github.event.pull_request.draft != true
-    concurrency: 
-      group: docker_ci-${{ github.event.pull_request.number || github.ref }}
-      cancel-in-progress: true
    runs-on: ubuntu-latest
    steps:
      - name: Checkout source code
@@ -25,8 +25,13 @@ env:
  FLUTTER_VERSION: "3.10.1"
  RUST_TOOLCHAIN: "1.70"

+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
 jobs:
  build:
+    if: github.event.pull_request.draft != true
    strategy:
      fail-fast: false
      matrix:
@@ -119,9 +124,16 @@ jobs:
        run: |
          cargo make dart_unit_test

-      - uses: codecov/codecov-action@v3
+      - name: Upload coverage to Codecov
+        uses: Wandalen/wretry.action@v1.0.36
        with:
-          name: appflowy
-          flags: appflowy_flutter_unit_test
-          fail_ci_if_error: true
-          verbose: true
+          action: codecov/codecov-action@v3
+          with: |
+            name: appflowy
+            flags: appflowy_flutter_unit_test
+            fail_ci_if_error: true
+            verbose: true
+            os: ${{ matrix.os }}
+          attempt_limit: 20
+          attempt_delay: 10000
+
@@ -6,7 +6,7 @@ on:
      - "main"
      - "release/*"
    paths:
-      - ".github/workflows/flutter_ci.yaml"
+      - ".github/workflows/integration_test.yml"
      - "frontend/**"
      - "!frontend/appflowy_tauri/**"

@@ -15,52 +15,70 @@ on:
      - "main"
      - "release/*"
    paths:
-      - ".github/workflows/flutter_ci.yaml"
+      - ".github/workflows/integration_test.yml"
      - "frontend/**"
      - "!frontend/appflowy_tauri/**"

 env:
  CARGO_TERM_COLOR: always
+  FLUTTER_VERSION: "3.10.1"
+  RUST_TOOLCHAIN: "1.70"
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true

 jobs:
-  tests:
+  build:
+    if: github.event.pull_request.draft != true
    strategy:
+      fail-fast: false
      matrix:
-        os: [ubuntu-latest]
-
+        os: [ubuntu-latest, windows-latest]
+        include:
+          - os: ubuntu-latest
+            flutter_profile: development-linux-x86_64
+            target: x86_64-unknown-linux-gnu
+          - os: windows-latest
+            flutter_profile: development-windows-x86
+            target: x86_64-pc-windows-msvc
    runs-on: ${{ matrix.os }}

    steps:
-      - uses: actions/checkout@v2
-      - uses: actions-rs/toolchain@v1
-        with:
-          toolchain: "stable-2022-04-07"
+      - name: Checkout source code
+        uses: actions/checkout@v2

-      - uses: subosito/flutter-action@v2
+      - name: Install Rust toolchain
+        id: rust_toolchain
+        uses: actions-rs/toolchain@v1
+        with:
+          toolchain: ${{ env.RUST_TOOLCHAIN }}
+          target: ${{ matrix.target }}
+          override: true
+          profile: minimal
+
+      - name: Install flutter
+        id: flutter
+        uses: subosito/flutter-action@v2
        with:
          channel: "stable"
-          flutter-version: "3.10.1"
+          flutter-version: ${{ env.FLUTTER_VERSION }}
          cache: true

-      - name: Cache Cargo
-        uses: actions/cache@v2
+      - uses: Swatinem/rust-cache@v2
        with:
-          path: |
-            ~/.cargo
-          key: ${{ runner.os }}-cargo-${{ steps.rust_toolchain.outputs.rustc_hash }}-${{ hashFiles('./frontend/rust-lib/Cargo.toml') }}
+          prefix-key: ${{ matrix.os }}
+          workspaces: |
+            frontend/rust-lib
+          cache-all-crates: true

-      - name: Cache Rust
-        id: cache-rust-target
-        uses: actions/cache@v2
+      - uses: davidB/rust-cargo-make@v1
        with:
-          path: |
-            frontend/rust-lib/target
-            shared-lib/target
-          key: ${{ runner.os }}-rust-rust-lib-share-lib-${{ steps.rust_toolchain.outputs.rustc_hash }}-${{ hashFiles('./frontend/rust-lib/Cargo.toml') }}
+          version: '0.36.6'

-      - name: Setup Environment
+      - name: Install prerequisites
+        working-directory: frontend
        run: |
-          cargo install --force cargo-make
          cargo install --force duckscript_cli
          if [ "$RUNNER_OS" == "Linux" ]; then
            sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
@@ -73,56 +91,50 @@ jobs:
          elif [ "$RUNNER_OS" == "macOS" ]; then
            echo 'do nothing'
          fi
+          cargo make appflowy-flutter-deps-tools
        shell: bash

-      - if: steps.cache-cargo.outputs.cache-hit != 'true'
-        name: Rust Deps
-        working-directory: frontend
-        run: |
-          cargo install cargo-make
-          cargo make appflowy-flutter-deps-tools
-
-      - name: Config Flutter
+      - name: Enable Flutter Desktop
        run: |
          if [ "$RUNNER_OS" == "Linux" ]; then
            flutter config --enable-linux-desktop
          elif [ "$RUNNER_OS" == "macOS" ]; then
            flutter config --enable-macos-desktop
          elif [ "$RUNNER_OS" == "Windows" ]; then
+            git config --system core.longpaths true
            flutter config --enable-windows-desktop
          fi
        shell: bash

-      - name: Build Test lib
+      - name: Build AppFlowy
        working-directory: frontend
        run: |
-          if [ "$RUNNER_OS" == "Linux" ]; then
-            cargo make --profile development-linux-x86_64 appflowy-dev
-          elif [ "$RUNNER_OS" == "macOS" ]; then
-            cargo make --profile development-mac-x86_64 appflowy-dev
-          elif [ "$RUNNER_OS" == "Windows" ]; then
-            cargo make --profile development-windows-x86 appflowy-dev
-          fi
-        shell: bash
+          cargo make --profile ${{ matrix.flutter_profile }} appflowy-dev

-      - name: Run AppFlowy tests
+      - name: Run Flutter integration tests
        working-directory: frontend/appflowy_flutter
        run: |
          if [ "$RUNNER_OS" == "Linux" ]; then
            export DISPLAY=:99
            sudo Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 &
            sudo apt-get install network-manager
-            flutter test integration_test/runner.dart -d Linux --coverage --verbose
+            flutter test integration_test/runner.dart -d Linux --coverage
          elif [ "$RUNNER_OS" == "macOS" ]; then
-            flutter test integration_test/runner.dart -d macOS --coverage --verbose
+            flutter test integration_test/runner.dart -d macOS --coverage
          elif [ "$RUNNER_OS" == "Windows" ]; then
-            flutter test integration_test/runner.dart -d Windows --coverage --verbose
+            flutter test integration_test/runner.dart -d Windows --coverage
          fi
        shell: bash

-      - uses: codecov/codecov-action@v3
+      - name: Upload coverage to Codecov
+        uses: Wandalen/wretry.action@v1.0.36
        with:
-          name: appflowy
-          flags: appflowy_flutter_integrateion_test
-          fail_ci_if_error: true
-          verbose: true
+          action: codecov/codecov-action@v3
+          with: |
+            name: appflowy
+            flags: appflowy_flutter_integrateion_test
+            fail_ci_if_error: true
+            verbose: true
+            os: ${{ matrix.os }}
+          attempt_limit: 20
+          attempt_delay: 10000
@@ -2,6 +2,7 @@ name: Tauri-CI
 on:
  pull_request:
    paths:
+      - ".github/workflows/tauri_ci.yaml"
      - "frontend/rust-lib/**"
      - "frontend/appflowy_tauri/**"

@@ -10,8 +11,13 @@ env:
  PNPM_VERSION: "8.5.0"
  RUST_TOOLCHAIN: "1.70"

+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
 jobs:
  tauri-build:
+    if: github.event.pull_request.draft != true
    strategy:
      fail-fast: false
      matrix:
@@ -38,7 +44,7 @@ jobs:
        with:
          prefix-key: 'ubuntu-latest-tauri'
          workspaces: |
-            frontend/rust-lib 
+            frontend/rust-lib
            frontend/appflowy_tauri/src-tauri

      - name: install dependencies (windows only)
@@ -1,16 +1,72 @@
 # Release Notes

-## Version 0.2.1 - 06/11/2023
+## Version 0.2.7 - 07/18/2023
+
 ### New Features
- Added support for creating or referencing a calendar in the document
- Added `+` icon in grid's add field
-
+
+- Dynamic load themes
+- Inline math equation
+
+## Version 0.2.6 - 07/11/2023
+
+### New Features
+
+- Dynamic load themes
+- Inline math equation
+
+
+## Version 0.2.5 - 07/02/2023
+
+### New Features
+
+- Insert local images
+- Mention a page
+- Outlines (Table of contents)
+- Added support for aligning the image by image menu
+
+### Bug fixes
+
+- Some UI issues
+
+## Version 0.2.4 - 06/23/2023
+
+### Bug fixes:
+
+- Unable to copy and paste a word
+- Some UI issues
+
+## Version 0.2.3 - 06/21/2023
+
+### New Features
+
+- Added support for creating multiple database views for existing database
+
+## Version 0.2.2 - 06/15/2023
+
+### New Features
+
+- Added support for embedding a document in the database's row detail page
+- Added support for inserting an emoji in the database's row detail page

 ### Other Updates
+
+- Added language selector on the welcome page
+- Added support for importing multiple markdown files all at once
+
+## Version 0.2.1 - 06/11/2023
+
+### New Features
+
+- Added support for creating or referencing a calendar in the document
+- Added `+` icon in grid's add field
+
+### Other Updates
+
 - Added vertical padding for progress bar
 - Hide url cell accessory when the content is empty

 ### Bug fixes:
+
 - Fixed unable to export markdown
 - Fixed adding vertical padding for progress bar
 - Fixed database view didn't update after the database layout changed.
@@ -18,6 +74,7 @@
 ## Version 0.2.0 - 06/08/2023

 ### New Features
+
 - Improved checklists to support each cell having its own list
 - Drag and drop calendar events
 - Switch layouts (calendar, grid, kanban) of a database
@@ -31,44 +88,53 @@
 - Added support for an 'Option' button to delete, duplicate, and customize block actions

 ### Other Updates
+
 - Added support for importing v0.1.x documents and databases
 - Added support for database import and export to CSV
 - Optimized scroll behavior in documents.
 - Redesigned the launch page

 ### Bug fixes
+
 - Fixed bugs related to numbers
 - Fixed issues with referenced databases in documents
 - Fixed menu overflow issues in documents

 ### Data migration
+
 The data format of this version is not compatible with previous versions. Therefore, to migrate your data to the new version, you need to use the export and import functions. Please follow the guide to learn how to export and import your data.

 #### Export files in v0.1.6
+
 https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/0c89bf2b-cd97-4a7b-b627-59df8d2967d9

 #### Import files in v0.2.0
+
 https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/7b392f35-4972-497a-8a7f-f38efced32e2

 ## Version 0.1.5 - 11/05/2023

 ### Bug Fixes
+
 - Fix: calendar dates don't match with weekdays.
 - Fix: sort numbers in Grid.

 ## Version 0.1.4 - 04/05/2023

 ### New features
+
 - Use AppFlowy’s calendar views to plan and manage tasks and deadlines.
 - Writing can be improved with the help of OpenAI.

 ## Version 0.1.3 - 24/04/2023

 ### New features
+
 - Launch the official Dark Mode.
 - Customize the font color and highlight color by setting a hex color value and an opacity level.

 ### Bug Fixes
+
 - Fix: the slash menu can be triggered by all other keyboards than English.
 - Fix: convert the single asterisk to italic text and the double asterisks to bold text.

@@ -118,15 +118,11 @@
    {
      "label": "AF: Generate Freezed Files",
      "type": "shell",
-      "command": "dart run build_runner build -d",
+      "command": "sh ./scripts/code_generation/freezed/generate_freezed.sh",
      "options": {
-        "cwd": "${workspaceFolder}/appflowy_flutter"
-      }
-    },
-    {
-      "label": "AF: Generate Language Files",
-      "type": "shell",
-      "command": "sh ./scripts/generate_language_files.sh",
+        "cwd": "${workspaceFolder}"
+      },
+      "group": "build",
      "windows": {
        "options": {
          "shell": {
@@ -134,7 +130,24 @@
            "args": [
              "/d",
              "/c",
-              ".\\scripts\\generate_language_files.cmd"
+              ".\\scripts\\code_generation\\freezed\\generate_freezed.cmd"
+            ]
+          }
+        }
+      },
+    },
+    {
+      "label": "AF: Generate Language Files",
+      "type": "shell",
+      "command": "sh ./scripts/code_generation/language_files/generate_language_files.sh",
+      "windows": {
+        "options": {
+          "shell": {
+            "executable": "cmd.exe",
+            "args": [
+              "/d",
+              "/c",
+              ".\\scripts\\code_generation\\language_files\\generate_language_files.cmd"
            ]
          }
        }
@@ -221,5 +234,13 @@
        "cwd": "${workspaceFolder}/appflowy_tauri"
      }
    },
+    {
+      "label": "AF: Generate Env",
+      "type": "shell",
+      "command": "dart run build_runner clean && dart run build_runner build --delete-conflicting-outputs ",
+      "options": {
+        "cwd": "${workspaceFolder}/appflowy_flutter"
+      }
+    },
  ]
-}
+}
@@ -23,7 +23,7 @@ CARGO_MAKE_EXTEND_WORKSPACE_MAKEFILE = true
 CARGO_MAKE_CRATE_FS_NAME = "dart_ffi"
 CARGO_MAKE_CRATE_NAME = "dart-ffi"
 LIB_NAME = "dart_ffi"
-CURRENT_APP_VERSION = "0.2.1"
+CURRENT_APP_VERSION = "0.2.7"
 FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite"
 PRODUCT_NAME = "AppFlowy"
 # CRATE_TYPE: https://doc.rust-lang.org/reference/linkage.html
@@ -70,5 +70,10 @@ windows/flutter/dart_ffi/
 **/.vscode/

 *.env
+*.env.*

 coverage/
+
+**/failures/*.png
+
+assets/translations/
@@ -0,0 +1 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" style="width: 16px; height: 16px; display: block; fill: inherit; flex-shrink: 0; backface-visibility: hidden;" width="30"  height="30" ><path d="M6.04883 27.3232C7.24219 27.3232 7.86426 26.4854 8.20703 25.3936L13.9834 6.79492H27.5039C28.2275 6.79492 28.7227 6.35059 28.7227 5.65234C28.7227 4.97949 28.2275 4.53516 27.5039 4.53516H13.958C12.6631 4.53516 12.0791 5.01758 11.7363 6.13477L6.18848 24.3525H5.97266L3.58594 15.9355C3.38281 15.2373 3.00195 14.9072 2.40527 14.9072C1.73242 14.9072 1.2373 15.3896 1.2373 16.0117C1.2373 16.2656 1.30078 16.4941 1.35156 16.6846L4.04297 25.5332C4.36035 26.5615 4.93164 27.3232 6.04883 27.3232ZM16.3955 24.7334C16.8652 24.7334 17.1064 24.5684 17.4619 24.0732L20.4707 19.8203H20.5215L23.5049 24.0732C23.873 24.5684 24.1143 24.7334 24.5713 24.7334C25.2061 24.7334 25.6758 24.3018 25.6758 23.7051C25.6758 23.4258 25.6123 23.1973 25.4219 22.9561L21.9307 18.208L25.4473 13.4346C25.6377 13.168 25.7139 12.9395 25.7139 12.6855C25.7139 12.127 25.2568 11.6953 24.6475 11.6953C24.2031 11.6953 23.9365 11.8477 23.6064 12.3174L20.7246 16.5957H20.6611L17.6904 12.3047C17.373 11.8477 17.0938 11.6953 16.624 11.6953C16.0146 11.6953 15.5068 12.165 15.5068 12.7363C15.5068 13.0537 15.583 13.2568 15.8115 13.5488L19.1504 18.1445L15.6084 23.0322C15.418 23.2861 15.3672 23.4639 15.3672 23.7559C15.3672 24.3018 15.8115 24.7334 16.3955 24.7334Z"  fill="#2F3030"></path></svg>
@@ -0,0 +1,4 @@
+<svg width="207" height="205" viewBox="0 0 207 205" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="103.5" cy="102.5" rx="103.5" ry="102.5" fill="white"/>
+<path d="M102.752 16C53.1943 16 13.0083 55.0187 13.0083 103.152C13.0083 141.658 38.7225 174.327 74.3807 185.851C78.8658 186.658 80.5127 183.96 80.5127 181.658C80.5127 179.58 80.4286 172.715 80.3907 165.433C55.4239 170.704 50.1557 155.15 50.1557 155.15C46.0731 145.076 40.1907 142.397 40.1907 142.397C32.0486 136.988 40.8049 137.1 40.8049 137.1C49.8163 137.714 54.5615 146.08 54.5615 146.08C62.5662 159.404 75.5565 155.552 80.6775 153.325C81.4831 147.693 83.8087 143.847 86.3755 141.671C66.442 139.468 45.4876 131.994 45.4876 98.6005C45.4876 89.0853 48.9932 81.3105 54.734 75.2072C53.8022 73.012 50.7306 64.1484 55.6034 52.1433C55.6034 52.1433 63.1397 49.8011 80.2898 61.077C87.4482 59.1461 95.1254 58.1779 102.752 58.1445C110.379 58.1779 118.063 59.1454 125.234 61.077C142.363 49.8018 149.889 52.144 149.889 52.144C154.774 64.1478 151.701 73.0127 150.769 75.2072C156.523 81.3105 160.005 89.0853 160.005 98.6005C160.005 132.074 139.011 139.445 119.027 141.602C122.245 144.307 125.114 149.611 125.114 157.742C125.114 169.402 125.01 178.787 125.01 181.658C125.01 183.978 126.625 186.695 131.174 185.838C166.813 174.302 192.495 141.646 192.495 103.153C192.495 55.0187 152.314 16 102.752 16ZM46.6206 140.15C46.4229 140.583 45.7211 140.713 45.0824 140.415C44.431 140.132 44.0658 139.541 44.2761 139.107C44.4696 138.661 45.1728 138.536 45.8221 138.835C46.4741 139.12 46.8457 139.716 46.6206 140.15ZM51.0349 143.975C50.6072 144.36 49.7701 144.181 49.2022 143.573C48.6153 142.965 48.5052 142.152 48.9392 141.762C49.3809 141.376 50.1921 141.557 50.7804 142.164C51.3679 142.779 51.4815 143.586 51.0349 143.975ZM54.0637 148.869C53.5133 149.24 52.6145 148.892 52.0585 148.118C51.5088 147.343 51.5088 146.413 52.0704 146.041C52.6278 145.668 53.5133 146.003 54.0763 146.773C54.6246 147.561 54.6246 148.49 54.063 148.87L54.0637 148.869ZM59.1847 154.537C58.6932 155.064 57.645 154.923 56.878 154.204C56.0935 153.501 55.8754 152.504 56.369 151.977C56.8668 151.449 57.9206 151.597 58.6932 152.311C59.4714 153.012 59.7098 154.017 59.1847 154.537ZM65.8047 156.451C65.5873 157.134 64.5777 157.444 63.5618 157.154C62.5466 156.855 61.8826 156.056 62.0873 155.366C62.2984 154.678 63.3122 154.356 64.3358 154.666C65.3496 154.963 66.0157 155.756 65.8047 156.451ZM73.3375 157.263C73.3627 157.981 72.501 158.577 71.4339 158.591C70.3612 158.614 69.4925 158.032 69.4806 157.324C69.4806 156.599 70.3234 156.009 71.3968 155.991C72.4639 155.971 73.3375 156.548 73.3375 157.263ZM80.7378 156.987C80.8654 157.689 80.1243 158.409 79.0642 158.601C78.023 158.785 77.0583 158.352 76.9258 157.657C76.7968 156.938 77.5519 156.218 78.5917 156.032C79.6532 155.853 80.6025 156.274 80.7378 156.987Z" fill="#161614"/>
+</svg>
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.99999 15.8333C13.2217 15.8333 15.8333 13.2216 15.8333 9.99996C15.8333 6.7783 13.2217 4.16663 9.99999 4.16663C6.77833 4.16663 4.16666 6.7783 4.16666 9.99996C4.16666 13.2216 6.77833 15.8333 9.99999 15.8333Z" stroke="#333333" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.16666 10H15.8333" stroke="#333333" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.0002 4.16663C11.4593 5.764 12.2884 7.83698 12.3335 9.99996C12.2884 12.1629 11.4593 14.2359 10.0002 15.8333C8.54109 14.2359 7.7119 12.1629 7.66684 9.99996C7.7119 7.83698 8.54109 5.764 10.0002 4.16663V4.16663Z" stroke="#333333" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -0,0 +1,11 @@
+"{""id"":""2_OVWb"",""name"":""Name"",""field_type"":0,""visibility"":true,""width"":150,""type_options"":{""0"":{""data"":""""}},""is_primary"":true}","{""id"":""xjmOSi"",""name"":""Type"",""field_type"":3,""visibility"":true,""width"":150,""type_options"":{""3"":{""content"":""{\""options\"":[{\""id\"":\""t1WZ\"",\""name\"":\""s6\"",\""color\"":\""Lime\""},{\""id\"":\""GzNa\"",\""name\"":\""s5\"",\""color\"":\""Yellow\""},{\""id\"":\""l_8w\"",\""name\"":\""s4\"",\""color\"":\""Orange\""},{\""id\"":\""TzVT\"",\""name\"":\""s3\"",\""color\"":\""LightPink\""},{\""id\"":\""b5WF\"",\""name\"":\""s2\"",\""color\"":\""Pink\""},{\""id\"":\""AcHA\"",\""name\"":\""s1\"",\""color\"":\""Purple\""}],\""disable_color\"":false}""}},""is_primary"":false}","{""id"":""Hpbiwr"",""name"":""Done"",""field_type"":5,""visibility"":true,""width"":150,""type_options"":{""5"":{""is_selected"":false}},""is_primary"":false}","{""id"":""F7WLnw"",""name"":""checklist"",""field_type"":7,""visibility"":true,""width"":120,""type_options"":{""0"":{""data"":""""},""7"":{}},""is_primary"":false}","{""id"":""KABhMe"",""name"":""number"",""field_type"":1,""visibility"":true,""width"":120,""type_options"":{""1"":{""format"":0,""symbol"":""RUB"",""scale"":0,""name"":""Number""},""0"":{""scale"":0,""data"":"""",""format"":0,""name"":""Number"",""symbol"":""RUB""}},""is_primary"":false}","{""id"":""lEn6Bv"",""name"":""date"",""field_type"":2,""visibility"":true,""width"":120,""type_options"":{""2"":{""field_type"":2,""time_format"":1,""timezone_id"":"""",""date_format"":3},""0"":{""field_type"":2,""date_format"":3,""time_format"":1,""data"":"""",""timezone_id"":""""}},""is_primary"":false}","{""id"":""B8Prnx"",""name"":""url"",""field_type"":6,""visibility"":true,""width"":120,""type_options"":{""6"":{""content"":"""",""url"":""""},""0"":{""content"":"""",""data"":"""",""url"":""""}},""is_primary"":false}","{""id"":""MwUow4"",""name"":""multi-select"",""field_type"":4,""visibility"":true,""width"":240,""type_options"":{""0"":{""content"":""{\""options\"":[],\""disable_color\"":false}"",""data"":""""},""4"":{""content"":""{\""options\"":[{\""id\"":\""__Us\"",\""name\"":\""m7\"",\""color\"":\""Green\""},{\""id\"":\""n9-g\"",\""name\"":\""m6\"",\""color\"":\""Lime\""},{\""id\"":\""KFYu\"",\""name\"":\""m5\"",\""color\"":\""Yellow\""},{\""id\"":\""KftP\"",\""name\"":\""m4\"",\""color\"":\""Orange\""},{\""id\"":\""5lWo\"",\""name\"":\""m3\"",\""color\"":\""LightPink\""},{\""id\"":\""Djrz\"",\""name\"":\""m2\"",\""color\"":\""Pink\""},{\""id\"":\""2uRu\"",\""name\"":\""m1\"",\""color\"":\""Purple\""}],\""disable_color\"":false}""}},""is_primary"":false}"
+"{""field_type"":0,""created_at"":1686793246,""data"":""A"",""last_modified"":1686793246}","{""last_modified"":1686793275,""created_at"":1686793261,""data"":""AcHA"",""field_type"":3}","{""created_at"":1686793241,""field_type"":5,""last_modified"":1686793241,""data"":""Yes""}","{""data"":""{\""options\"":[{\""id\"":\""pi1A\"",\""name\"":\""t1\"",\""color\"":\""Purple\""},{\""id\"":\""6Pym\"",\""name\"":\""t2\"",\""color\"":\""Purple\""},{\""id\"":\""erEe\"",\""name\"":\""t3\"",\""color\"":\""Purple\""}],\""selected_option_ids\"":[\""pi1A\"",\""6Pym\""]}"",""created_at"":1686793302,""field_type"":7,""last_modified"":1686793308}","{""created_at"":1686793333,""field_type"":1,""data"":""-1"",""last_modified"":1686793333}","{""last_modified"":1686793370,""field_type"":2,""data"":""1685583770"",""include_time"":false,""created_at"":1686793370}","{""created_at"":1686793395,""data"":""appflowy.io"",""field_type"":6,""last_modified"":1686793399,""url"":""https://appflowy.io""}","{""last_modified"":1686793446,""field_type"":4,""data"":""2uRu"",""created_at"":1686793428}"
+"{""last_modified"":1686793247,""data"":""B"",""field_type"":0,""created_at"":1686793247}","{""created_at"":1686793278,""data"":""b5WF"",""field_type"":3,""last_modified"":1686793278}","{""created_at"":1686793292,""last_modified"":1686793292,""data"":""Yes"",""field_type"":5}","{""data"":""{\""options\"":[{\""id\"":\""YHDO\"",\""name\"":\""t1\"",\""color\"":\""Purple\""},{\""id\"":\""QjtW\"",\""name\"":\""t2\"",\""color\"":\""Purple\""},{\""id\"":\""K2nM\"",\""name\"":\""t3\"",\""color\"":\""Purple\""}],\""selected_option_ids\"":[\""YHDO\""]}"",""field_type"":7,""last_modified"":1686793318,""created_at"":1686793311}","{""data"":""-2"",""last_modified"":1686793335,""created_at"":1686793335,""field_type"":1}","{""field_type"":2,""data"":""1685670174"",""include_time"":false,""created_at"":1686793374,""last_modified"":1686793374}","{""last_modified"":1686793403,""field_type"":6,""created_at"":1686793399,""url"":"""",""data"":""no url""}","{""data"":""2uRu,Djrz"",""field_type"":4,""last_modified"":1686793449,""created_at"":1686793449}"
+"{""data"":""C"",""created_at"":1686793248,""last_modified"":1686793248,""field_type"":0}","{""created_at"":1686793280,""field_type"":3,""data"":""TzVT"",""last_modified"":1686793280}","{""data"":""Yes"",""last_modified"":1686793292,""field_type"":5,""created_at"":1686793292}","{""last_modified"":1686793329,""field_type"":7,""created_at"":1686793322,""data"":""{\""options\"":[{\""id\"":\""iWM1\"",\""name\"":\""t1\"",\""color\"":\""Purple\""},{\""id\"":\""WDvF\"",\""name\"":\""t2\"",\""color\"":\""Purple\""},{\""id\"":\""w3k7\"",\""name\"":\""t3\"",\""color\"":\""Purple\""}],\""selected_option_ids\"":[\""iWM1\"",\""WDvF\"",\""w3k7\""]}""}","{""field_type"":1,""last_modified"":1686793339,""data"":""0.1"",""created_at"":1686793339}","{""last_modified"":1686793377,""data"":""1685756577"",""created_at"":1686793377,""include_time"":false,""field_type"":2}","{""created_at"":1686793403,""field_type"":6,""data"":""appflowy.io"",""last_modified"":1686793408,""url"":""https://appflowy.io""}","{""data"":""2uRu,Djrz,5lWo"",""created_at"":1686793453,""last_modified"":1686793454,""field_type"":4}"
+"{""data"":""D"",""last_modified"":1686793249,""created_at"":1686793249,""field_type"":0}","{""data"":""l_8w"",""created_at"":1686793284,""last_modified"":1686793284,""field_type"":3}","{""data"":""Yes"",""created_at"":1686793293,""last_modified"":1686793293,""field_type"":5}",,"{""field_type"":1,""last_modified"":1686793341,""created_at"":1686793341,""data"":""0.2""}","{""created_at"":1686793379,""last_modified"":1686793379,""field_type"":2,""data"":""1685842979"",""include_time"":false}","{""last_modified"":1686793419,""field_type"":6,""created_at"":1686793408,""data"":""https://github.com/AppFlowy-IO/"",""url"":""https://github.com/AppFlowy-IO/""}","{""data"":""2uRu,Djrz,5lWo"",""last_modified"":1686793459,""field_type"":4,""created_at"":1686793459}"
+"{""field_type"":0,""last_modified"":1686793250,""created_at"":1686793250,""data"":""E""}","{""field_type"":3,""last_modified"":1686793290,""created_at"":1686793290,""data"":""GzNa""}","{""last_modified"":1686793294,""created_at"":1686793294,""data"":""Yes"",""field_type"":5}",,"{""created_at"":1686793346,""field_type"":1,""last_modified"":1686793346,""data"":""1""}","{""last_modified"":1686793383,""data"":""1685929383"",""field_type"":2,""include_time"":false,""created_at"":1686793383}","{""field_type"":6,""url"":"""",""data"":"""",""last_modified"":1686793421,""created_at"":1686793419}","{""field_type"":4,""last_modified"":1686793465,""data"":""2uRu,Djrz,5lWo,KFYu,KftP"",""created_at"":1686793463}"
+"{""field_type"":0,""created_at"":1686793251,""data"":"""",""last_modified"":1686793289}",,,,"{""data"":""2"",""field_type"":1,""created_at"":1686793347,""last_modified"":1686793347}","{""include_time"":false,""data"":""1685929385"",""last_modified"":1686793385,""field_type"":2,""created_at"":1686793385}",,
+"{""created_at"":1686793254,""field_type"":0,""last_modified"":1686793288,""data"":""""}",,,,"{""created_at"":1686793351,""last_modified"":1686793351,""data"":""10"",""field_type"":1}","{""include_time"":false,""data"":""1686879792"",""field_type"":2,""created_at"":1686793392,""last_modified"":1686793392}",,
+,,,,"{""last_modified"":1686793354,""created_at"":1686793354,""field_type"":1,""data"":""11""}",,,
+,,,,"{""field_type"":1,""last_modified"":1686793356,""data"":""12"",""created_at"":1686793356}",,,
+,,,,,,,
@@ -0,0 +1,22 @@
+# Welcome to AppFlowy!
+
+## Here are the basics
+
+- [ ] Click anywhere and just start typing.
+- [ ] Highlight any text, and use the editing menu to _style_ **your** <u>writing</u> `however` you ~~like.~~
+- [ ] As soon as you type /a menu will pop up. Select different types of content blocks you can add.
+- [ ] Type `/` followed by `/bullet` or `/num` to create a list.
+- [x] Click `+ New Page `button at the bottom of your sidebar to add a new page.
+- [ ] Click `+` next to any page title in the sidebar to quickly add a new subpage, `Document`, `Grid`, or `Kanban Board`.
+
+---
+
+## Keyboard shortcuts, markdown, and code block
+
+1. Keyboard shortcuts [guide](https://appflowy.gitbook.io/docs/essential-documentation/shortcuts)
+1. Markdown [reference](https://appflowy.gitbook.io/docs/essential-documentation/markdown)
+1. Type `/code` to insert a code block
+
+## Have a question❓
+
+> Click `?` at the bottom right for help and support.
@@ -0,0 +1 @@
+# test
@@ -1,153 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Jo",
-  "welcomeText": "Benvingut a @:appName",
-  "githubStarText": "Preferit a Github",
-  "subscribeNewsletterText": "Subscriu-me al butlletí",
-  "letsGoButtonText": "Endavant",
-  "title": "Títol",
-  "signUp": {
-    "buttonText": "Registra't",
-    "title": "Registra't a @:appName",
-    "getStartedText": "Comencem",
-    "emptyPasswordError": "La contrasenya no pot ser buida",
-    "repeatPasswordEmptyError": "La contrasenya repetida no pot ser buida",
-    "unmatchedPasswordError": "Les contrasenyes no concorden",
-    "alreadyHaveAnAccount": "Ja tens un compte?",
-    "emailHint": "Correu electrònic",
-    "passwordHint": "Contrasenya",
-    "repeatPasswordHint": "Repeteix la contrasenya"
-  },
-  "signIn": {
-    "loginTitle": "Inicia sessió a @:appName",
-    "loginButtonText": "Inicia sessió",
-    "buttonText": "Inicia sessió",
-    "forgotPassword": "Has oblidat la contrasenya?",
-    "emailHint": "Correu electrònic",
-    "passwordHint": "Contrasenya",
-    "dontHaveAnAccount": "No tens un compte?",
-    "repeatPasswordEmptyError": "La contrasenya repetida no pot ser buida",
-    "unmatchedPasswordError": "Les contrasenyes no concorden"
-  },
-  "workspace": {
-    "create": "Crear un espai de treball",
-    "hint": "espai de treball",
-    "notFoundError": "No s'ha trobat l'espai de treball"
-  },
-  "shareAction": {
-    "buttonText": "Compartir",
-    "workInProgress": "Pròximament",
-    "markdown": "Markdown",
-    "copyLink": "Copiar l'enllaç"
-  },
-  "disclosureAction": {
-    "rename": "Canviar el nom",
-    "delete": "Eliminar",
-    "duplicate": "Duplicar"
-  },
-  "blankPageTitle": "Pàgina en blanc",
-  "newPageText": "Nova pàgina",
-  "trash": {
-    "text": "Paperera",
-    "restoreAll": "Recuperar-ho tot",
-    "deleteAll": "Eliminar-ho tot",
-    "pageHeader": {
-      "fileName": "Nom del fitxer",
-      "lastModified": "Última modificació",
-      "created": "Creat"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Aquest pàgina es troba a la paperera",
-    "restore": "Recuperar-la",
-    "deletePermanent": "Elimina-la"
-  },
-  "dialogCreatePageNameHint": "Nom de la pàgina",
-  "questionBubble": {
-    "whatsNew": "Què hi ha de nou?",
-    "help": "Ajuda i Suport",
-    "debug": {
-      "name": "Informació de depuració",
-      "success": "S'ha copiat la informació de depuració!",
-      "fail": "No es pot copiar la informació de depuració"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Afegeix ràpidament una pàgina dins",
-    "defaultNewPageName": "Sense títol",
-    "renameDialog": "Canviar el nom"
-  },
-  "toolbar": {
-    "undo": "Desfer",
-    "redo": "Refer",
-    "bold": "Negreta",
-    "italic": "Cursiva",
-    "underline": "Text subratllar",
-    "strike": "Ratllat",
-    "numList": "Llista numerada",
-    "bulletList": "Llista de punts",
-    "checkList": "Llista de comprovació",
-    "inlineCode": "Inserir codi",
-    "quote": "Bloc citat",
-    "header": "Capçalera",
-    "highlight": "Subratllar"
-  },
-  "tooltip": {
-    "lightMode": "Canviar a mode clar",
-    "darkMode": "Canviar a mode fosc"
-  },
-  "contactsPage": {
-    "title": "Contactes",
-    "whatsHappening": "Que passa aquesta setmana?",
-    "addContact": "Afegir un contacte",
-    "editContact": "Editar un contacte"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Cancel·lar",
-    "signIn": "Iniciar sessió",
-    "signOut": "Tancar sessió",
-    "complete": "Completar",
-    "save": "Guardar"
-  },
-  "label": {
-    "welcome": "Benvingut!",
-    "firstName": "Nom",
-    "middleName": "Segon Nom",
-    "lastName": "Cognom",
-    "stepX": "Pas {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "No s'ha pogut connectar al teu compte.",
-      "failedMsg": "Assegureu-vos que heu completat el procés d'inici de sessió al vostre navegador."
-    },
-    "google": {
-      "title": "Iniciar sessió amb Google",
-      "instruction1": "Per importar els vostres contactes de Google, haureu d'autoritzar aquesta aplicació mitjançant el vostre navegador web.",
-      "instruction2": "Copia aquest codi clicant la icona o seleccionant el text:",
-      "instruction3": "Navega al següent enllaç amb el teu navegador i insereix el codi anterior:",
-      "instruction4": "Pressiona el botó d'avall una vegada hagis completat el registre:"
-    }
-  },
-  "settings": {
-    "title": "Configuració",
-    "menu": {
-      "appearance": "Aparença",
-      "language": "Idioma",
-      "open": "Obrir la configuració"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "Mode Clar",
-        "dark": "Mode Fosc",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "sideBar": {
-    "openSidebar": "Open sidebar",
-    "closeSidebar": "Close sidebar"
-  }
-}
@@ -1,159 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Ich",
-  "welcomeText": "Willkommen bei @:appName",
-  "githubStarText": "GitHub Star vergeben",
-  "subscribeNewsletterText": "Abonniere den Newsletter",
-  "letsGoButtonText": "Los geht's",
-  "title": "Titel",
-  "signUp": {
-    "buttonText": "Registrieren",
-    "title": "Registriere dich bei @:appName",
-    "getStartedText": "Erste Schritte",
-    "emptyPasswordError": "Passwort darf nicht leer sein",
-    "repeatPasswordEmptyError": "Passwortwiederholung darf nicht leer sein",
-    "unmatchedPasswordError": "Passwörter stimmen nicht überein",
-    "alreadyHaveAnAccount": "Bereits registriert?",
-    "emailHint": "E-Mail",
-    "passwordHint": "Passwort",
-    "repeatPasswordHint": "Wiederhole Passwort"
-  },
-  "signIn": {
-    "loginTitle": "Bei @:appName einloggen",
-    "loginButtonText": "Anmelden",
-    "buttonText": "Anmelden",
-    "forgotPassword": "Passwort vergessen?",
-    "emailHint": "E-Mail",
-    "passwordHint": "Passwort",
-    "dontHaveAnAccount": "Du besitzt noch kein Konto?",
-    "repeatPasswordEmptyError": "Passwortwiederholung darf nicht leer sein",
-    "unmatchedPasswordError": "Passwörter stimmen nicht überein"
-  },
-  "workspace": {
-    "create": "Arbeitsbereich erstellen",
-    "hint": "Arbeitsbereich",
-    "notFoundError": "Arbeitsbereich nicht gefunden"
-  },
-  "shareAction": {
-    "buttonText": "Teilen",
-    "workInProgress": "Demnächst verfügbar",
-    "markdown": "Markdown",
-    "copyLink": "Link kopieren"
-  },
-  "disclosureAction": {
-    "rename": "Umbenennen",
-    "delete": "Löschen",
-    "duplicate": "Duplizieren"
-  },
-  "blankPageTitle": "Leere Seite",
-  "newPageText": "Neue Seite",
-  "trash": {
-    "text": "Papierkorb",
-    "restoreAll": "Alles wiederherstellen",
-    "deleteAll": "Alles löschen",
-    "pageHeader": {
-      "fileName": "Dateiname",
-      "lastModified": "Letzte Änderung",
-      "created": "Erstellt"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Diese Seite ist im Papierkorb",
-    "restore": "Seite wiederherstellen",
-    "deletePermanent": "Dauerhaft löschen"
-  },
-  "dialogCreatePageNameHint": "Seitenname",
-  "questionBubble": {
-    "whatsNew": "Was gibt es Neues?",
-    "help": "Hilfe & Support",
-    "debug": {
-      "name": "Debug-Informationen",
-      "success": "Debug-Informationen in die Zwischenablage kopiert!",
-      "fail": "Debug-Informationen können nicht in die Zwischenablage kopiert werden"
-    },
-    "shortcuts": "Abkürzungen"
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Schnell eine Seite innerhalb hinzufügen",
-    "defaultNewPageName": "Unbenannt",
-    "renameDialog": "Umbenennen"
-  },
-  "toolbar": {
-    "undo": "Rückgängig",
-    "redo": "Wiederherstellen",
-    "bold": "Fett",
-    "italic": "Kursiv",
-    "underline": "Unterstreichen",
-    "strike": "Durchstreichen",
-    "numList": "Nummerierte Liste",
-    "bulletList": "Aufzählung",
-    "checkList": "Checkliste",
-    "inlineCode": "Inline-Code",
-    "quote": "Zitat",
-    "header": "Überschrift",
-    "highlight": "Hervorhebung",
-    "color": "Farbe"
-  },
-  "tooltip": {
-    "lightMode": "In den hellen Modus wechseln",
-    "darkMode": "In den dunklen Modus wechseln",
-    "openAsPage": "Als Seite öffnen"
-  },
-  "contactsPage": {
-    "title": "Kontakte",
-    "whatsHappening": "Was geschieht diese Woche?",
-    "addContact": "Kontakt hinzufügen",
-    "editContact": "Kontakt bearbeiten"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Abbrechen",
-    "signIn": "Anmelden",
-    "signOut": "Abmelden",
-    "complete": "Fertig",
-    "save": "Speichern"
-  },
-  "label": {
-    "welcome": "Willkommen!",
-    "firstName": "Vorname",
-    "middleName": "Zweiter Vorname",
-    "lastName": "Nachname",
-    "stepX": "Schritt {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Keine Verbindung zu Ihrem Konto möglich.",
-      "failedMsg": "Bitte vergewissern Sie sich, dass Sie den Anmeldevorgang in Ihrem Browser abgeschlossen haben."
-    },
-    "google": {
-      "title": "GOOGLE ANMELDUNG",
-      "instruction1": "Um Ihre Google-Kontakte zu importieren, müssen Sie diese Anwendung über Ihren Webbrowser autorisieren.",
-      "instruction2": "Kopieren Sie diesen Code in Ihre Zwischenablage, indem Sie auf das Symbol klicken oder den Text auswählen:",
-      "instruction3": "Rufen Sie den folgenden Link in Ihrem Webbrowser auf, und geben Sie den obigen Code ein:",
-      "instruction4": "Klicken Sie unten auf die Schaltfläche, wenn Sie die Anmeldung abgeschlossen haben:"
-    }
-  },
-  "settings": {
-    "title": "Einstellungen",
-    "menu": {
-      "appearance": "Aussehen",
-      "language": "Sprache",
-      "open": "Einstellungen öffnen"
-    },
-    "appearance": {
-      "lightLabel": "Heller Modus",
-      "darkLabel": "Dunkler Modus"
-    }
-  },
-  "sideBar": {
-    "openSidebar": "Open sidebar",
-    "closeSidebar": "Close sidebar"
-  },
-  "moreAction": {
-    "small": "klein",
-    "medium": "mittel",
-    "large": "groß",
-    "fontSize": "Schriftgröße",
-    "import": "Importieren"
-  }
-}
@@ -1,231 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Mi",
-  "welcomeText": "Bienvenido a @:appName",
-  "githubStarText": "Favorito en GitHub",
-  "subscribeNewsletterText": "Suscribir al boletín",
-  "letsGoButtonText": "Vamos",
-  "title": "Título",
-  "signUp": {
-    "buttonText": "Registrar",
-    "title": "Registrar en @:appName",
-    "getStartedText": "Empezar",
-    "emptyPasswordError": "La contraseña no puede estar en blanco",
-    "repeatPasswordEmptyError": "La contraseña no puede estar en blanco",
-    "unmatchedPasswordError": "Las contraseñas no coinciden",
-    "alreadyHaveAnAccount": "¿Posee credenciales?",
-    "emailHint": "Correo",
-    "passwordHint": "Contraseña",
-    "repeatPasswordHint": "Repetir contraseña"
-  },
-  "signIn": {
-    "loginTitle": "Ingresa a @:appName",
-    "loginButtonText": "Ingresar",
-    "buttonText": "Ingresar",
-    "forgotPassword": "¿Olvidó su contraseña?",
-    "emailHint": "Correo",
-    "passwordHint": "Contraseña",
-    "dontHaveAnAccount": "¿No posee credenciales?",
-    "repeatPasswordEmptyError": "La contraseña no puede estar en blanco",
-    "unmatchedPasswordError": "Las contraseñas no coinciden"
-  },
-  "workspace": {
-    "create": "Crear espacio de trabajo",
-    "hint": "Espacio de trabajo",
-    "notFoundError": "Espacio de trabajo no encontrado"
-  },
-  "shareAction": {
-    "buttonText": "Compartir",
-    "workInProgress": "Próximamente",
-    "markdown": "Marcador",
-    "copyLink": "Copiar enlace"
-  },
-  "disclosureAction": {
-    "rename": "Renombrar",
-    "delete": "Eliminar",
-    "duplicate": "Duplicar"
-  },
-  "blankPageTitle": "Página en blanco",
-  "newPageText": "Nueva página",
-  "trash": {
-    "text": "Papelera",
-    "restoreAll": "Recuperar todo",
-    "deleteAll": "Eliminar todo",
-    "pageHeader": {
-      "fileName": "Nombre de archivo",
-      "lastModified": "Última modificación",
-      "created": "Creado"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Esta página está en la Papelera",
-    "restore": "Recuperar página",
-    "deletePermanent": "Eliminar permanentemente"
-  },
-  "dialogCreatePageNameHint": "Nombre de página",
-  "questionBubble": {
-    "whatsNew": "¿Qué hay de nuevo?",
-    "help": "Ayuda y Soporte",
-    "debug": {
-      "name": "Información de depuración",
-      "success": "¡Información copiada!",
-      "fail": "No fue posible copiar la información"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Inserta una página",
-    "defaultNewPageName": "Sin Título",
-    "renameDialog": "Renombrar"
-  },
-  "toolbar": {
-    "undo": "Deshacer",
-    "redo": "Rehacer",
-    "bold": "Negrita",
-    "italic": "Cursiva",
-    "underline": "Subrayado",
-    "strike": "Tachado",
-    "numList": "Lista numerada",
-    "bulletList": "Lista con viñetas",
-    "checkList": "Lista de verificación",
-    "inlineCode": "Código embebido",
-    "quote": "Cita",
-    "header": "Título",
-    "highlight": "Resaltado",
-    "color": "Color"
-  },
-  "tooltip": {
-    "lightMode": "Cambiar a modo Claro",
-    "darkMode": "Cambiar a modo Oscuro"
-  },
-  "notifications": {
-    "export": {
-      "markdown": "Nota exportada a Markdown",
-      "path": "Documentos/flowy"
-    }
-  },
-  "contactsPage": {
-    "title": "Contactos",
-    "whatsHappening": "¿Qué está pasando esta semana?",
-    "addContact": "Agregar Contacto",
-    "editContact": "Editar Contacto"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Cancelar",
-    "signIn": "Ingresar",
-    "signOut": "Salir",
-    "complete": "Completar",
-    "save": "Guardar"
-  },
-  "label": {
-    "welcome": "¡Bienvenido!",
-    "firstName": "Primer nombre",
-    "middleName": "Segundo nombre",
-    "lastName": "Apellido",
-    "stepX": "Paso {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Imposible conectarse con sus credenciales.",
-      "failedMsg": "Por favor asegurese haber completado el proceso de ingreso en su navegador."
-    },
-    "google": {
-      "title": "Ingresar con Google",
-      "instruction1": "Para importar sus contactos de Google, debe autorizar esta aplicación usando su navegador web.",
-      "instruction2": "Copie este código al presionar el icono o al seleccionar el texto:",
-      "instruction3": "Navege al siguiente enlace en su navegador web, e ingrese el código anterior:",
-      "instruction4": "Presione el botón de abajo cuando haya completado su registro:"
-    }
-  },
-  "settings": {
-    "title": "Ajustes",
-    "menu": {
-      "appearance": "Apariencia",
-      "language": "Lenguaje",
-      "open": "Abrir ajustes"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "Modo Claro",
-        "dark": "Modo Oscuro",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "grid": {
-    "settings": {
-      "filter": "Filtrar",
-      "sortBy": "Ordenar por",
-      "Properties": "Propiedades"
-    },
-    "field": {
-      "hide": "Ocultar",
-      "insertLeft": "Insertar a la Izquierda",
-      "insertRight": "Insertar a la Derecha",
-      "duplicate": "Duplicar",
-      "delete": "Eliminar",
-      "textFieldName": "Texto",
-      "checkboxFieldName": "Casilla de verificación",
-      "dateFieldName": "Fecha",
-      "numberFieldName": "Números",
-      "singleSelectFieldName": "Seleccionar",
-      "multiSelectFieldName": "Selección múltiple",
-      "urlFieldName": "URL",
-      "numberFormat": "Formato numérico",
-      "dateFormat": "Formato de fecha",
-      "includeTime": "Incluir tiempo",
-      "dateFormatFriendly": "Mes Día, Año",
-      "dateFormatISO": "Año-Mes-Día",
-      "dateFormatLocal": "Mes/Día/Año",
-      "dateFormatUS": "Año/Mes/Día",
-      "timeFormat": "Formato de tiempo",
-      "invalidTimeFormat": "Formato de tiempo inválido",
-      "timeFormatTwelveHour": "12 horas",
-      "timeFormatTwentyFourHour": "24 horas",
-      "addSelectOption": "Añadir una opción",
-      "optionTitle": "Opciones",
-      "addOption": "Añadir opción",
-      "editProperty": "Editar propiedad"
-    },
-    "row": {
-      "duplicate": "Duplicar",
-      "delete": "Eliminar",
-      "textPlaceholder": "Vacío",
-      "copyProperty": "Propiedad copiada al portapapeles"
-    },
-    "selectOption": {
-      "create": "Crear",
-      "purpleColor": "Morado",
-      "pinkColor": "Rosa",
-      "lightPinkColor": "Rosa Claro",
-      "orangeColor": "Naranja",
-      "yellowColor": "Amarillo",
-      "limeColor": "Lima",
-      "greenColor": "Verde",
-      "aquaColor": "Agua",
-      "blueColor": "Azul",
-      "deleteTag": "Borrar etiqueta",
-      "colorPanelTitle": "Colores",
-      "panelTitle": "Selecciona una opción o crea una",
-      "searchOption": "Buscar una opción"
-    },
-    "menuName": "Cuadrícula"
-  },
-  "document": {
-    "menuName": "Documento",
-    "date": {
-      "timeHintTextInTwelveHour": "01:00 PM",
-      "timeHintTextInTwentyFourHour": "13:00"
-    }
-  },
-  "sideBar": {
-    "openSidebar": "Abrir panel lateral",
-    "closeSidebar": "Cerrar panel lateral"
-  },
-  "board": {
-    "column": {
-      "create_new_card": "Nuevo"
-    }
-  }
-}
@@ -1,333 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Ni",
-  "welcomeText": "Ongietorri @:appName -ra",
-  "githubStarText": "Izarra GitHub-en",
-  "subscribeNewsletterText": "Harpidetu buletinera",
-  "letsGoButtonText": "Hasi",
-  "title": "Izenburua",
-  "signUp": {
-    "buttonText": "Izena eman",
-    "title": "Izena eman @:appName -ra",
-    "getStartedText": "Hasi",
-    "emptyPasswordError": "Pasahitzak ezin du hutsik egon",
-    "repeatPasswordEmptyError": "Pasahitz errepikapenak ezin du hutsik egon",
-    "unmatchedPasswordError": "Pasahitz errepikapena ez da berdina",
-    "alreadyHaveAnAccount": "Kontu bat duzu jada?",
-    "emailHint": "Emaila",
-    "passwordHint": "Pasahitza",
-    "repeatPasswordHint": "Pasahitza errepikatu"
-  },
-  "signIn": {
-    "loginTitle": "Hasi saioa @:appName -n",
-    "loginButtonText": "Hasi saioa",
-    "buttonText": "Sartu",
-    "forgotPassword": "Pasahitza ahaztu duzu?",
-    "emailHint": "Emaila",
-    "passwordHint": "Pasahitza",
-    "dontHaveAnAccount": "Ez daukazu konturik?",
-    "repeatPasswordEmptyError": "Pasahitz errepikapenak ezin du hutsik egon",
-    "unmatchedPasswordError": "Pasahitz errepikapena ez da berdina"
-  },
-  "workspace": {
-    "create": "Lan-eremua",
-    "hint": "lan-eremua",
-    "notFoundError": "Lan-eremurik ez da aurkitu"
-  },
-  "shareAction": {
-    "buttonText": "Konpartitu",
-    "workInProgress": "Laister",
-    "markdown": "Markdown",
-    "copyLink": "Esteka kopiatu"
-  },
-  "moreAction": {
-    "small": "txikia",
-    "medium": "ertaina",
-    "large": "handia",
-    "fontSize": "Letra tamaina"
-  },
-  "disclosureAction": {
-    "rename": "Izena aldatu",
-    "delete": "Ezabatu",
-    "duplicate": "Duplikatu"
-  },
-  "blankPageTitle": "Orri zuria",
-  "newPageText": "Orri berria",
-  "trash": {
-    "text": "Zaborrontzia",
-    "restoreAll": "Guztia berreskuratu",
-    "deleteAll": "Guztia ezabatu",
-    "pageHeader": {
-      "fileName": "Fitxategi izena",
-      "lastModified": "Azken aldaketa",
-      "created": "Sortua"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Orri hau zaborrontzian dago",
-    "restore": "Orria berreskuratu",
-    "deletePermanent": "Betirako ezabatu"
-  },
-  "dialogCreatePageNameHint": "Orriaren izena",
-  "questionBubble": {
-    "whatsNew": "Ze berri?",
-    "help": "Laguntza",
-    "debug": {
-      "name": "Debug informazioa",
-      "success": "Debug informazioa kopiatu da!",
-      "fail": "Ezin izan da debug informazioa kopiatu"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Gehitu orri bat",
-    "defaultNewPageName": "Izenbururik ez",
-    "renameDialog": "Izena aldatu"
-  },
-  "toolbar": {
-    "undo": "Desegin",
-    "redo": "Berregin",
-    "bold": "Lodia",
-    "italic": "Etzana",
-    "underline": "Azpimarratua",
-    "strike": "Markatua",
-    "numList": "Zembakidun zerrenda",
-    "bulletList": "Buletetako zerrenda",
-    "checkList": "Egiaztapen zerrenda",
-    "inlineCode": "Lerroko kodea",
-    "quote": "Aipamena",
-    "header": "Goiburua",
-    "highlight": "Nabarmendu",
-    "color": "Kolorea"
-  },
-  "tooltip": {
-    "lightMode": "Modu argira aldatu",
-    "darkMode": "Modu ilunera aldatu",
-    "openAsPage": "Orri gisa ireki",
-    "addNewRow": "Ilara berri bat gehitu",
-    "openMenu": "Egin klik menua irekitzeko"
-  },
-  "sideBar": {
-    "closeSidebar": "Alboko barra itxi",
-    "openSidebar": "Alboko barra ireki"
-  },
-  "notifications": {
-    "export": {
-      "markdown": "Oharra markdownera esportatuta",
-      "path": "Documents/flowy"
-    }
-  },
-  "contactsPage": {
-    "title": "Kontaktuak",
-    "whatsHappening": "Ze berri aste honetan?",
-    "addContact": "Kontaktua gehitu",
-    "editContact": "Kontaktua editatu"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Ezteztatu",
-    "signIn": "Saioa hasi",
-    "signOut": "Saioa itxi",
-    "complete": "Burututa",
-    "save": "Gorde"
-  },
-  "label": {
-    "welcome": "Ongi etorri!",
-    "firstName": "Izena",
-    "middleName": "Bigarren izena",
-    "lastName": "Abizena",
-    "stepX": "{X}. pausoa"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Ezin izan da kontura sartu.",
-      "failedMsg": "Mesedez, ziurtatu zure arakatzailean saioa hasteko prozesua amaitu duzula."
-    },
-    "google": {
-      "title": "GOOGLE SAIOA HASI",
-      "instruction1": "Zure Google Kontaktuak inportatzeko, zure web arakatzailea erabiliz aplikazio hau baimendu beharko duzu.",
-      "instruction2": "Kopiatu kode hau ikonoan klik eginez edo testua hautatuz:",
-      "instruction3": "Nabigatu zure web arakatzailean esteka honetara eta idatzi goiko kodea:",
-      "instruction4": "Sakatu beheko botoia erregistroa amaitzean:"
-    }
-  },
-  "settings": {
-    "title": "Ezarpenak",
-    "menu": {
-      "appearance": "Itxura",
-      "language": "Hizkuntza",
-      "user": "Erabiltzailea",
-      "files": "Fitxategiak",
-      "open": "Ezarpenak ireki"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Itxura modua",
-        "light": "Modu argia",
-        "dark": "Modu iluna",
-        "system": "Zure sistemara moldatu"
-      },
-      "theme": "Itxura"
-    },
-    "files": {
-      "defaultLocation": "Non gordetzen diren zure datuak",
-      "doubleTapToCopy": "Sakatu birritan bidea kopiatzeko",
-      "restoreLocation": "Berrezarri AppFlowy-ren biden lehenetsira",
-      "customizeLocation": "Beste karpeta bat ireki",
-      "restartApp": "Mesedez, berrabiarazi aplikazioa aldaketak indarrean egon daitezen.",
-      "exportDatabase": "Datubasea exportatu",
-      "selectFiles": "Aukeratu exportatu nahi dituzun fitxategiak",
-      "createNewFolder": "Karpeta berri bat sortu",
-      "createNewFolderDesc": "Non nahi dituzu datuak gorde ...",
-      "open": "Oreki",
-      "openFolder": "Ireki karpeta bat",
-      "openFolderDesc": "Irakurri eta idatzi zure AppFlowy karpetan...",
-      "folderHintText": "karpetaren izena",
-      "location": "Karpeta berria sortzen",
-      "locationDesc": "Aukeratu izen bat AppFlowy datuen karpetarako",
-      "browser": "Bilatu",
-      "create": "Sortu",
-      "folderPath": "Zure karpeta gordetzeko bidea",
-      "locationCannotBeEmpty": "Bideak ezin du hutsa egon"
-    }
-  },
-  "grid": {
-    "settings": {
-      "filter": "Filtroa",
-      "sort": "Ordenatu",
-      "sortBy": "Ordenatu honekiko",
-      "Properties": "Propietateak",
-      "group": "Taldea",
-      "addFilter": "Gehitu iragazkia",
-      "deleteFilter": "Ezabatu iragazkia",
-      "filterBy": "Iragazi arabera...",
-      "typeAValue": "Idatzi balio bat..."
-    },
-    "textFilter": {
-      "contains": "Dauka",
-      "doesNotContain": "Ez dauka",
-      "endsWith": "Honez amaitzen da",
-      "startWith": "Honez hasten da",
-      "is": "da",
-      "isNot": "Ez da",
-      "isEmpty": "Hutsa dago",
-      "isNotEmpty": "Ez dago hutsik",
-      "choicechipPrefix": {
-        "isNot": "Ez da",
-        "startWith": "Honez hasten da",
-        "endWith": "Honez amaitzen da",
-        "isEmpty": "hutsik dago",
-        "isNotEmpty": "ez dago hutsik"
-      }
-    },
-    "checkboxFilter": {
-      "isChecked": "Egiaztatuta",
-      "isUnchecked": "Desmarkatua",
-      "choicechipPrefix": {
-        "da": "da"
-      }
-    },
-    "checklistFilter": {
-      "isComplete": "osatu da",
-      "isIncomplted": "osatu gabe dago"
-    },
-    "singleSelectOptionFilter": {
-      "is": "da",
-      "isNot": "Ez da",
-      "isEmpty": "Hutsa dago",
-      "isNotEmpty": "Ez dago hutsik"
-    },
-    "multiSelectOptionFilter": {
-      "contains": "Duen",
-      "doesNotContain": "Ez dauka",
-      "isEmpty": "Hutsa dago",
-      "isNotEmpty": "Ez dago hutsik"
-    },
-    "field": {
-      "hide": "Ezkutatu",
-      "insertLeft": "Txertatu ezkerrera",
-      "insertRight": "Txertatu eskuinera",
-      "duplicate": "Bikoiztu",
-      "delete": "Ezabatu",
-      "textFieldName": "Testua",
-      "checkboxFieldName": "Markatu laukia",
-      "dateFieldName": "Data",
-      "numberFieldName": "Zenbakiak",
-      "singleSelectFieldName": "Hautatu",
-      "multiSelectFieldName": "Multi-hautaketa",
-      "urlFieldName": "URL",
-      "checklistFieldName": "Kontrol zerrenda",
-      "numberFormat": "Zenbaki formatua",
-      "dateFormat": "Data formatua",
-      "includeTime": "Sartu ordua",
-      "dateFormatFriendly": "Hilabete Eguna, Urtea",
-      "dateFormatISO": "Urtea-Hilabetea-Eguna",
-      "dateFormatLocal": "Hilabetea/Eguna/Urtea",
-      "dateFormatUS": "Urtea/Hilabetea/Eguna",
-      "timeFormat": "Denboraren formatua",
-      "invalidTimeFormat": "Formatu baliogabea",
-      "timeFormatTwelveHour": "12 ordu",
-      "timeFormatTwentyFourHour": "24 ordu",
-      "addSelectOption": "Gehitu aukera bat",
-      "optionTitle": "Aukerak",
-      "addOption": "Gehitu aukera",
-      "editProperty": "Editatu propietatea",
-      "newProperty": "Zutabe berria",
-      "deleteFieldPromptMessage": "Ziur al zaude? Propietate hau ezabatu egingo da"
-    },
-    "sort": {
-      "ascending": "Gorarantz",
-      "descending": "Jaisten",
-      "deleteSort": "Ezabatu ordena",
-      "addSort": "Gehitu ordenatu"
-    },
-    "row": {
-      "duplicate": "Bikoiztu",
-      "delete": "Ezabatu",
-      "textPlaceholder": "Hutsik",
-      "copyProperty": "Propietatea arbelean kopiatu da",
-      "count": "Kontatu",
-      "newRow": "Errenkada berria"
-    },
-    "selectOption": {
-      "create": "Sortu",
-      "purpleColor": "Purple",
-      "pinkColor": "Rosa",
-      "lightPinkColor": "Arrosa argia",
-      "orangeColor": "Laranja",
-      "yellowColor": "Horia",
-      "limeColor": "Lima",
-      "greenColor": "Berdea",
-      "aquaColor": "Aqua",
-      "blueColor": "Urdina",
-      "deleteTag": "Ezabatu etiketa",
-      "colorPanelTitle": "Koloreak",
-      "panelTitle": "Hautatu aukera bat edo sortu bat",
-      "searchOption": "Aukera bat bilatu"
-    },
-    "checklist": {
-      "panelTitle": "Gehitu elementu bat"
-    },
-    "menuName": "Sareta"
-  },
-  "document": {
-    "menuName": "Dokumentua",
-    "data": {
-      "timeHintTextInTwelveHour": "01:00 PM",
-      "timeHintTextInTwentyFourHour": "13:00"
-    }
-  },
-  "board": {
-    "column": {
-      "create_new_card": "Berria"
-    }
-  },
-  "calendar": {
-    "menuName": "Egutegia",
-    "navigation": {
-      "today": "Gaur",
-      "jumpToday": "Gaurko egunera salto egin",
-      "previousMonth": "Aurreko hilabetea",
-      "nextMonth": "Hurrengo hilabetea"
-    }
-  }
-}
@@ -1,153 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Moi",
-  "welcomeText": "Bienvenue sur @:appName",
-  "githubStarText": "Favoriser sur GitHub",
-  "subscribeNewsletterText": "Abonnez-vous à notre courriel",
-  "letsGoButtonText": "Allons-y",
-  "title": "Titre",
-  "signUp": {
-    "buttonText": "S'inscrire",
-    "title": "S'inscrire à @:appName",
-    "getStartedText": "Commencer",
-    "emptyPasswordError": "Vous n'avez pas saisi votre mot de passe",
-    "repeatPasswordEmptyError": "Mot de passe ne doit pas être vide",
-    "unmatchedPasswordError": "Les deux mots de passe ne sont pas identiques",
-    "alreadyHaveAnAccount": "Avez-vous déjà un compte?",
-    "emailHint": "courriel",
-    "passwordHint": "Mot de passe",
-    "repeatPasswordHint": "Ressaisir votre mot de passe"
-  },
-  "signIn": {
-    "loginTitle": "Connexion à @:appName",
-    "loginButtonText": "Connexion",
-    "buttonText": "Se connecter",
-    "forgotPassword": "Mot de passe oublié?",
-    "emailHint": "courriel",
-    "passwordHint": "Mot de passe",
-    "dontHaveAnAccount": "Vous n'avez pas de compte?",
-    "repeatPasswordEmptyError": "Mot de passe ne doit pas être vide",
-    "unmatchedPasswordError": "Les deux mots de passe ne sont pas identiques"
-  },
-  "workspace": {
-    "create": "Créer un espace de travail",
-    "hint": "Espace de travail",
-    "notFoundError": "Espace de travail introuvable"
-  },
-  "shareAction": {
-    "buttonText": "Partager",
-    "workInProgress": "Bientôt disponible",
-    "markdown": "Markdown",
-    "copyLink": "Copier le lien"
-  },
-  "disclosureAction": {
-    "rename": "Renommer",
-    "delete": "Supprimer",
-    "duplicate": "Dupliquer"
-  },
-  "blankPageTitle": "Page vierge",
-  "newPageText": "Nouvelle page",
-  "trash": {
-    "text": "Corbeille",
-    "restoreAll": "Tout récupérer",
-    "deleteAll": "Tout supprimer",
-    "pageHeader": {
-      "fileName": "Nom de fichier",
-      "lastModified": "Dernière modification",
-      "created": "Créé"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Cette page est dans la corbeille",
-    "restore": "Récupérer la page",
-    "deletePermanent": "Supprimer définitivement"
-  },
-  "dialogCreatePageNameHint": "Nom de la page",
-  "questionBubble": {
-    "whatsNew": "Nouveautés",
-    "help": "Aide et Support Technique",
-    "debug": {
-      "name": "Infos du système",
-      "success": "Info copié!",
-      "fail": "Impossible de copier l'info"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Ajouter une page",
-    "defaultNewPageName": "Sans titre",
-    "renameDialog": "Renommer"
-  },
-  "toolbar": {
-    "undo": "Annuler",
-    "redo": "Rétablir",
-    "bold": "Gras",
-    "italic": "Italique",
-    "underline": "Souligner",
-    "strike": "Barré",
-    "numList": "Liste numérotée",
-    "bulletList": "Liste à puces",
-    "checkList": "Liste de contrôle",
-    "inlineCode": "Code en ligne",
-    "quote": "Citation",
-    "header": "En-tête",
-    "highlight": "Surligner"
-  },
-  "tooltip": {
-    "lightMode": "Passer en mode clair",
-    "darkMode": "Passer en mode sombre"
-  },
-  "contactsPage": {
-    "title": "Contacts",
-    "whatsHappening": "Quoi de neuf?",
-    "addContact": "Ajouter un contact",
-    "editContact": "Modifier le contact"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Annuler",
-    "signIn": "Se connecter",
-    "signOut": "Se déconnecter",
-    "complete": "Achevé",
-    "save": "Sauvegarder"
-  },
-  "label": {
-    "welcome": "Bienvenue!",
-    "firstName": "Prénom",
-    "middleName": "Deuxième nom",
-    "lastName": "Nom de famille",
-    "stepX": "Étape {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Incapable de se connecter à votre compte.",
-      "failedMsg": "SVP vous assurrez d'avoir complèté le processus d'enregistrement dans votre fureteur."
-    },
-    "google": {
-      "title": "S'identifier avec Google",
-      "instruction1": "Pour importer vos contacts Google, vous devez autoriser cette application à l'aide de votre navigateur Web.",
-      "instruction2": "Copiez ce code dans votre presse-papiers en cliquant sur l'icône ou en sélectionnant le texte:",
-      "instruction3": "Accédez au lien suivant dans votre navigateur Web et saisissez le code ci-dessus:",
-      "instruction4": "Appuyez sur le bouton ci-dessous lorsque vous avez terminé votre inscription:"
-    }
-  },
-  "settings": {
-    "title": "Paramètres",
-    "menu": {
-      "appearance": "Apparence",
-      "language": "Langue",
-      "open": "Ouvrir les paramètres"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "Mode clair",
-        "dark": "Mode sombre",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "sideBar": {
-    "openSidebar": "Open sidebar",
-    "closeSidebar": "Close sidebar"
-  }
-}
@@ -1,239 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Moi",
-  "welcomeText": "Bienvenue sur @:appName",
-  "githubStarText": "Favoriser sur GitHub",
-  "subscribeNewsletterText": "S'inscrire à la Newsletter",
-  "letsGoButtonText": "Allons-y",
-  "title": "Titre",
-  "signUp": {
-    "buttonText": "S'inscrire",
-    "title": "Inscrivez-vous sur @:appName",
-    "getStartedText": "Commencer",
-    "emptyPasswordError": "Vous n'avez pas saisi votre mot de passe",
-    "repeatPasswordEmptyError": "Vous n'avez pas ressaisi votre mot de passe",
-    "unmatchedPasswordError": "Les deux mots de passe ne sont pas identiques",
-    "alreadyHaveAnAccount": "Avez-vous déjà un compte ?",
-    "emailHint": "Email",
-    "passwordHint": "Mot de passe",
-    "repeatPasswordHint": "Ressaisir votre mot de passe"
-  },
-  "signIn": {
-    "loginTitle": "Connexion à @:appName",
-    "loginButtonText": "Connexion",
-    "buttonText": "Se connecter",
-    "forgotPassword": "Mot de passe oublié ?",
-    "emailHint": "Email",
-    "passwordHint": "Mot de passe",
-    "dontHaveAnAccount": "Vous n'avez pas encore créé votre compte ?",
-    "repeatPasswordEmptyError": "Vous n'avez pas ressaisi votre mot de passe",
-    "unmatchedPasswordError": "Les deux mots de passe ne sont pas identiques"
-  },
-  "workspace": {
-    "create": "Créer un espace de travail",
-    "hint": "Espace de travail",
-    "notFoundError": "Espace de travail introuvable"
-  },
-  "shareAction": {
-    "buttonText": "Partager",
-    "workInProgress": "Bientôt disponible",
-    "markdown": "Markdown",
-    "copyLink": "Copier le lien"
-  },
-  "disclosureAction": {
-    "rename": "Renommer",
-    "delete": "Supprimer",
-    "duplicate": "Dupliquer"
-  },
-  "blankPageTitle": "Page vierge",
-  "newPageText": "Nouvelle page",
-  "trash": {
-    "text": "Corbeille",
-    "restoreAll": "Restaurer tout",
-    "deleteAll": "Supprimer tout",
-    "pageHeader": {
-      "fileName": "Nom de fichier",
-      "lastModified": "Dernière modification",
-      "created": "Créé"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Cette page a été supprimée, vous pouvez la retrouver dans la corbeille",
-    "restore": "Restaurer la page",
-    "deletePermanent": "Supprimer définitivement"
-  },
-  "dialogCreatePageNameHint": "Nom de la page",
-  "questionBubble": {
-    "whatsNew": "Nouveautés",
-    "help": "Aide et Support",
-    "debug": {
-      "name": "Informations de Débogage",
-      "success": "Informations de Débogage copiées dans le presse-papiers !",
-      "fail": "Impossible de copier les informations de Débogage dans le presse-papiers"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Ajoutez rapidement une page à l'intérieur",
-    "defaultNewPageName": "Sans-titre",
-    "renameDialog": "Renommer"
-  },
-  "toolbar": {
-    "undo": "Annuler",
-    "redo": "Rétablir",
-    "bold": "Gras",
-    "italic": "Italique",
-    "underline": "Souligner",
-    "strike": "Barré",
-    "numList": "Liste numérotée",
-    "bulletList": "Liste à puces",
-    "checkList": "To-Do List",
-    "inlineCode": "Code",
-    "quote": "Bloc de citation",
-    "header": "En-tête",
-    "highlight": "Surligner"
-  },
-  "tooltip": {
-    "lightMode": "Passer en mode clair",
-    "darkMode": "Passer en mode sombre",
-    "openAsPage": "Ouvrir en tant que page",
-    "addNewRow": "Ajouter une ligne",
-    "openMenu": "Cliquer pour ouvrir le menu"
-  },
-  "sideBar": {
-    "closeSidebar": "Fermer le menu latéral",
-    "openSidebar": "Ouvrir le menu latéral"
-  },
-  "notifications": {
-    "export": {
-      "markdown": "Note exportée en Markdown",
-      "path": "Documents/flowy"
-    }
-  },
-  "contactsPage": {
-    "title": "Contacts",
-    "whatsHappening": "Que se passe-t-il cette semaine ?",
-    "addContact": "Ajouter un contact",
-    "editContact": "Modifier le contact"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Annuler",
-    "signIn": "Se connecter",
-    "signOut": "Se déconnecter",
-    "complete": "Achevé",
-    "save": "Enregistrer"
-  },
-  "label": {
-    "welcome": "Bienvenue !",
-    "firstName": "Prénom",
-    "middleName": "Deuxième prénom",
-    "lastName": "Nom",
-    "stepX": "Étape {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Impossible de se connecter à votre compte.",
-      "failedMsg": "Assurez-vous d'avoir terminé le processus de connexion dans votre navigateur."
-    },
-    "google": {
-      "title": "CONNEXION VIA GOOGLE",
-      "instruction1": "Pour importer vos contacts Google, vous devez autoriser cette application à l'aide de votre navigateur web.",
-      "instruction2": "Copiez ce code dans votre presse-papiers en cliquant sur l'icône ou en sélectionnant le texte:",
-      "instruction3": "Accédez au lien suivant dans votre navigateur web et saisissez le code ci-dessus:",
-      "instruction4": "Appuyez sur le bouton ci-dessous lorsque vous avez terminé votre inscription:"
-    }
-  },
-  "settings": {
-    "title": "Paramètres",
-    "menu": {
-      "appearance": "Apparence",
-      "language": "Langue",
-      "user": "Utilisateur",
-      "open": "Ouvrir les paramètres"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "Mode clair",
-        "dark": "Mode sombre",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "grid": {
-    "settings": {
-      "filter": "Filtrer",
-      "sortBy": "Filtrer par",
-      "Properties": "Propriétés",
-      "group": "Groupe"
-    },
-    "field": {
-      "hide": "Cacher",
-      "insertLeft": "Insérer à gauche",
-      "insertRight": "Insérer à droite",
-      "duplicate": "Dupliquer",
-      "delete": "Supprimer",
-      "textFieldName": "Texte",
-      "checkboxFieldName": "Case à cocher",
-      "dateFieldName": "Date",
-      "numberFieldName": "Nombre",
-      "singleSelectFieldName": "Sélectionner",
-      "multiSelectFieldName": "Multisélection",
-      "urlFieldName": "URL",
-      "numberFormat": "Format du nombre",
-      "dateFormat": "Format de la date",
-      "includeTime": "Inclure l'heure",
-      "dateFormatFriendly": "Mois Jour, Année",
-      "dateFormatISO": "Année-Mois-Jour",
-      "dateFormatLocal": "Mois/Jour/Année",
-      "dateFormatUS": "Année/Mois/Jour",
-      "timeFormat": "Format du temps",
-      "invalidTimeFormat": "Format invalide",
-      "timeFormatTwelveHour": "12 heures",
-      "timeFormatTwentyFourHour": "24 heures",
-      "addSelectOption": "Ajouter une option",
-      "optionTitle": "Options",
-      "addOption": "Ajouter une option",
-      "editProperty": "Modifier la propriété",
-      "newProperty": "Nouvelle colonne",
-      "deleteFieldPromptMessage": "Vous voulez supprimer cette propriété ?"
-    },
-    "row": {
-      "duplicate": "Dupliquer",
-      "delete": "Supprimer",
-      "textPlaceholder": "Vide",
-      "copyProperty": "Copie de la propriété dans le presse-papiers",
-      "count": "Nombre",
-      "newRow": "Nouvelle ligne"
-    },
-    "selectOption": {
-      "create": "Créer",
-      "purpleColor": "Violet",
-      "pinkColor": "Rose",
-      "lightPinkColor": "Rose clair",
-      "orangeColor": "Orange",
-      "yellowColor": "Jaune",
-      "limeColor": "Citron vert",
-      "greenColor": "Vert",
-      "aquaColor": "Aqua",
-      "blueColor": "Bleu",
-      "deleteTag": "Supprimer l'étiquette",
-      "colorPanelTitle": "Couleurs",
-      "panelTitle": "Sélectionnez une option ou créez-en une",
-      "searchOption": "Rechercher une option"
-    },
-    "menuName": "Grille"
-  },
-  "document": {
-    "menuName": "Document",
-    "date": {
-      "timeHintTextInTwelveHour": "01:00 PM",
-      "timeHintTextInTwentyFourHour": "13:00"
-    }
-  },
-  "board": {
-    "column": {
-      "create_new_card": "Nouveau"
-    }
-  }
-}
@@ -1,153 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Én",
-  "welcomeText": "Üdvözöl az @:appName",
-  "githubStarText": "GitHub csillagozás",
-  "subscribeNewsletterText": "Iratkozz fel a hírlevelünkre",
-  "letsGoButtonText": "Vágjunk bele",
-  "title": "Cím",
-  "signUp": {
-    "buttonText": "Regisztráció",
-    "title": "Regisztrálj az @:appName -ra",
-    "getStartedText": "Kezdés",
-    "emptyPasswordError": "A jelszó nem lehet üres",
-    "repeatPasswordEmptyError": "A jelszó megerősítése nem lehet üres",
-    "unmatchedPasswordError": "A jelszavak nem egyeznek",
-    "alreadyHaveAnAccount": "Rendelkezel már fiókkal?",
-    "emailHint": "Email",
-    "passwordHint": "Jelszó",
-    "repeatPasswordHint": "Jelszó megerősítése"
-  },
-  "signIn": {
-    "loginTitle": "Bejelentkezés az @:appName -ba",
-    "loginButtonText": "Belépés",
-    "buttonText": "Bejelentkezés",
-    "forgotPassword": "Elfelejtett jelszó?",
-    "emailHint": "Email",
-    "passwordHint": "Jelszó",
-    "dontHaveAnAccount": "Még nincs fiókod?",
-    "repeatPasswordEmptyError": "A jelszó megerősítése nem lehet üres",
-    "unmatchedPasswordError": "A jelszavak nem egyeznek"
-  },
-  "workspace": {
-    "create": "Új munkaterület létrehozása",
-    "hint": "munkaterület",
-    "notFoundError": "munkaterület nem található"
-  },
-  "shareAction": {
-    "buttonText": "Megosztás",
-    "workInProgress": "Hamarosan érkezik...",
-    "markdown": "Markdown",
-    "copyLink": "Link másolása"
-  },
-  "disclosureAction": {
-    "rename": "Átnevezés",
-    "delete": "Törlés",
-    "duplicate": "Duplikálás"
-  },
-  "blankPageTitle": "Üres oldal",
-  "newPageText": "Új oldal",
-  "trash": {
-    "text": "Kuka",
-    "restoreAll": "Összes visszaállítása",
-    "deleteAll": "Összes törlése",
-    "pageHeader": {
-      "fileName": "Fájlnév",
-      "lastModified": "Utoljára módosítva",
-      "created": "Létrehozva"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Ez az oldal a kukában van",
-    "restore": "Oldal visszaállítása",
-    "deletePermanent": "Végleges törlés"
-  },
-  "dialogCreatePageNameHint": "Oldalnév",
-  "questionBubble": {
-    "whatsNew": "Újdonságok",
-    "help": "Segítség & Támogatás",
-    "debug": {
-      "name": "Debug Információ",
-      "success": "Debug információ a vágólapra másolva",
-      "fail": "A Debug információ nem másolható a vágólapra"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Belső oldal hozzáadása",
-    "defaultNewPageName": "Névtelen",
-    "renameDialog": "Átnevezés"
-  },
-  "toolbar": {
-    "undo": "Vissza",
-    "redo": "Előre",
-    "bold": "Félkövér",
-    "italic": "Dőlt",
-    "underline": "Aláhúzott",
-    "strike": "Áthúzott",
-    "numList": "Számozott lista",
-    "bulletList": "Felsorolás",
-    "checkList": "Ellenőrző lista",
-    "inlineCode": "Inline kód",
-    "quote": "Idézet",
-    "header": "Címsor",
-    "highlight": "Kiemelés"
-  },
-  "tooltip": {
-    "lightMode": "Világos mód",
-    "darkMode": "Éjjeli mód"
-  },
-  "contactsPage": {
-    "title": "Kontaktok",
-    "whatsHappening": "Heti újdonságok",
-    "addContact": "Új Kontakt",
-    "editContact": "Kontakt Szerkesztése"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Mégse",
-    "signIn": "Bejelentkezés",
-    "signOut": "Kijelentkezés",
-    "complete": "Kész",
-    "save": "Mentés"
-  },
-  "label": {
-    "welcome": "Üdvözlünk!",
-    "firstName": "Keresztnév",
-    "middleName": "Középső név",
-    "lastName": "Vezetéknév",
-    "stepX": "{X}. lépés"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Sikertelen bejelentkezés.",
-      "failedMsg": "Kérjük győződj meg róla, hogy elvégezted a bejelentkezési folyamatot a böngésződben"
-    },
-    "google": {
-      "title": "Bejelentkezés Google-al",
-      "instruction1": "Ahhoz, hogy hozzáférj a Google Kontaktjaidhoz, kérjük hatalmazd fel ezt az alkalmazást a böngésződben.",
-      "instruction2": "Másold ezt a kódot a vágólapra az ikonra kattintással vagy a szöveg kijelölésével:",
-      "instruction3": "Nyisd meg ezt a linket a böngésződben, és írjd be a fenti kódot:",
-      "instruction4": "Nyomd meg az alábbi gombot, ha elvégezted a registrációt:"
-    }
-  },
-  "settings": {
-    "title": "Beállítások",
-    "menu": {
-      "appearance": "Megjelenés",
-      "language": "Nyelv",
-      "open": "Beállítások megnyitása"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "Világos mód",
-        "dark": "Éjjeli mód",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "sideBar": {
-    "openSidebar": "Open sidebar",
-    "closeSidebar": "Close sidebar"
-  }
-}
@@ -1,226 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Saya",
-  "welcomeText": "Selamat datang di @:appName",
-  "githubStarText": "Bintangi GitHub",
-  "subscribeNewsletterText": "Berlangganan buletin",
-  "letsGoButtonText": "Ayo",
-  "title": "Judul",
-  "signUp": {
-    "buttonText": "Daftar",
-    "title": "Daftar ke @:appName",
-    "getStartedText": "Mulai",
-    "emptyPasswordError": "Sandi tidak boleh kosong",
-    "repeatPasswordEmptyError": "Sandi ulang tidak boleh kosong",
-    "unmatchedPasswordError": "Sandi ulang tidak sama dengan sandi",
-    "alreadyHaveAnAccount": "Sudah punya akun?",
-    "emailHint": "Email",
-    "passwordHint": "Sandi",
-    "repeatPasswordHint": "Sandi ulang"
-  },
-  "signIn": {
-    "loginTitle": "Masuk ke @:appName",
-    "loginButtonText": "Masuk",
-    "buttonText": "Masuk",
-    "forgotPassword": "Lupa Sandi?",
-    "emailHint": "Email",
-    "passwordHint": "Sandi",
-    "dontHaveAnAccount": "Belum punya akun?",
-    "repeatPasswordEmptyError": "Sandi ulang tidak boleh kosong",
-    "unmatchedPasswordError": "Sandi ulang tidak sama dengan sandi"
-  },
-  "workspace": {
-    "create": "Buat workspace",
-    "hint": "workspace",
-    "notFoundError": "Workspace tidak ditemukan"
-  },
-  "shareAction": {
-    "buttonText": "Bagikan",
-    "workInProgress": "Segera",
-    "markdown": "Markdown",
-    "copyLink": "Salin tautan"
-  },
-  "disclosureAction": {
-    "rename": "Ganti nama",
-    "delete": "Hapus",
-    "duplicate": "Duplikat"
-  },
-  "blankPageTitle": "Halaman kosong",
-  "newPageText": "Halaman baru",
-  "trash": {
-    "text": "Sampah",
-    "restoreAll": "Pulihkan Semua",
-    "deleteAll": "Hapus semua",
-    "pageHeader": {
-      "fileName": "Nama file",
-      "lastModified": "Terakhir diubah",
-      "created": "Dibuat"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Halaman ini di tempat sampah",
-    "restore": "Pulihkan halaman",
-    "deletePermanent": "Hapus secara permanen"
-  },
-  "dialogCreatePageNameHint": "Nama halaman",
-  "questionBubble": {
-    "whatsNew": "Apa yang baru?",
-    "help": "Bantuan & Dukungan",
-    "debug": {
-      "name": "Info debug",
-      "success": "Info debug disalin ke papan klip!",
-      "fail": "Tidak dapat menyalin info debug ke papan klip"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Menambahkan halaman di dalam dengan cepat",
-    "defaultNewPageName": "Tanpa Judul",
-    "renameDialog": "Ganti nama"
-  },
-  "toolbar": {
-    "undo": "Undo",
-    "redo": "Redo",
-    "bold": "Tebal",
-    "italic": "Miring",
-    "underline": "Garis bawah",
-    "strike": "Dicoret",
-    "numList": "Daftar bernomor",
-    "bulletList": "Daftar berpoin",
-    "checkList": "Daftar periksa",
-    "inlineCode": "Kode sebaris",
-    "quote": "Blok kutipan",
-    "header": "Tajuk",
-    "highlight": "Sorotan"
-  },
-  "tooltip": {
-    "lightMode": "Ganti mode terang",
-    "darkMode": "Ganti mode gelap"
-  },
-  "notifications": {
-    "export": {
-      "markdown": "Mengekspor Catatan ke Markdown",
-      "path": "Documents/flowy"
-    }
-  },
-  "contactsPage": {
-    "title": "Kontak",
-    "whatsHappening": "Apa yang terjadi minggu ini?",
-    "addContact": "Tambahkan Kontak",
-    "editContact": "Ubah Kontak"
-  },
-  "button": {
-    "OK": "Ya",
-    "Cancel": "Batal",
-    "signIn": "Masuk",
-    "signOut": "Keluar",
-    "complete": "Selesai",
-    "save": "Simpan"
-  },
-  "label": {
-    "welcome": "Selamat datang!",
-    "firstName": "Nama Depan",
-    "middleName": "Nama Tengah",
-    "lastName": "Nama Akhir",
-    "stepX": "Langkah {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Tidak dapat terhubung ke akun anda",
-      "failedMsg": "Mohon pastikan anda menyelesaikan proses pendaftaran pada browser anda."
-    },
-    "google": {
-      "title": "MASUK GOOGLE",
-      "instruction1": "Untuk mengimpor kontak Google Contacts anda, anda harus mengizinkan aplikasi ini menggunakan browser web anda.",
-      "instruction2": "Salin kode ini ke papan klip anda dengan cara mengklik ikon atau memilih teks:",
-      "instruction3": "Arahkan ke tautan berikut di browser web Anda, dan masukkan kode di atas:",
-      "instruction4": "Tekan tombol di bawah ini setelah Anda menyelesaikan pendaftaran:"
-    }
-  },
-  "settings": {
-    "title": "Pengaturan",
-    "menu": {
-      "appearance": "Tampilan",
-      "language": "Bahasa",
-      "user": "Pengguna",
-      "open": "Buka Pengaturan"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "Mode Terang",
-        "dark": "Mode Gelap",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "grid": {
-    "settings": {
-      "filter": "Filter",
-      "sortBy": "Sortir dengan",
-      "Properties": "Properti"
-    },
-    "field": {
-      "hide": "Sembunyikan",
-      "insertLeft": "Sisipkan Kiri",
-      "insertRight": "Sisipkan Kanan",
-      "duplicate": "Duplikasi",
-      "delete": "Hapus",
-      "textFieldName": "Teks",
-      "checkboxFieldName": "Kotak Centang",
-      "dateFieldName": "Tanggal",
-      "numberFieldName": "Angka",
-      "singleSelectFieldName": "seleksi",
-      "multiSelectFieldName": "Multi seleksi",
-      "urlFieldName": "URL",
-      "numberFormat": "Format angka",
-      "dateFormat": "Format tanggal",
-      "includeTime": "Sertakan waktu",
-      "dateFormatFriendly": "Bulan Hari, Tahun",
-      "dateFormatISO": "Tahun-Bulan-Hari",
-      "dateFormatLocal": "Bulan/Hari/Tahun",
-      "dateFormatUS": "Tahun/Bulan/Hari",
-      "timeFormat": "Format waktu",
-      "invalidTimeFormat": "Format yang tidak valid",
-      "timeFormatTwelveHour": "12 jam",
-      "timeFormatTwentyFourHour": "24 jam",
-      "addSelectOption": "Tambahkan opsi",
-      "optionTitle": "Opsi",
-      "addOption": "Tambahkan opsi",
-      "editProperty": "Ubah properti"
-    },
-    "row": {
-      "duplicate": "Duplikasi",
-      "delete": "Hapus",
-      "textPlaceholder": "Kosong",
-      "copyProperty": "Salin properti ke papan klip"
-    },
-    "selectOption": {
-      "create": "Buat",
-      "purpleColor": "Ungu",
-      "pinkColor": "Merah Jambu",
-      "lightPinkColor": "Merah Jambu Muda",
-      "orangeColor": "Oranye",
-      "yellowColor": "Kuning",
-      "limeColor": "Limau",
-      "greenColor": "Hijau",
-      "aquaColor": "Air",
-      "blueColor": "Biru",
-      "deleteTag": "Hapus tag",
-      "colorPanelTitle": "Warna",
-      "panelTitle": "Pilih opsi atau buat baru",
-      "searchOption": "Cari opsi"
-    },
-    "menuName": "Grid"
-  },
-  "document": {
-    "menuName": "Dokter",
-    "date": {
-      "timeHintTextInTwelveHour": "01:00 PM",
-      "timeHintTextInTwentyFourHour": "13:00"
-    }
-  },
-  "sideBar": {
-    "openSidebar": "Open sidebar",
-    "closeSidebar": "Close sidebar"
-  }
-}
@@ -1,159 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Me",
-  "welcomeText": "Benvenuto in @:appName",
-  "githubStarText": "Vota su GitHub",
-  "subscribeNewsletterText": "Sottoscrivi la Newsletter",
-  "letsGoButtonText": "Andiamo",
-  "title": "Titolo",
-  "signUp": {
-    "buttonText": "Registrati",
-    "title": "Registrati per @:appName",
-    "getStartedText": "Iniziamo",
-    "emptyPasswordError": "La password non può essere vuota",
-    "repeatPasswordEmptyError": "La password ripetuta non può essere vuota",
-    "unmatchedPasswordError": "La password ripetuta non è uguale alla password",
-    "alreadyHaveAnAccount": "Hai già un account?",
-    "emailHint": "Email",
-    "passwordHint": "Password",
-    "repeatPasswordHint": "Ripeti password"
-  },
-  "signIn": {
-    "loginTitle": "Accedi a @:appName",
-    "loginButtonText": "Login",
-    "buttonText": "Accedi",
-    "forgotPassword": "Password Dimentica?",
-    "emailHint": "Email",
-    "passwordHint": "Password",
-    "dontHaveAnAccount": "Non hai un account?",
-    "repeatPasswordEmptyError": "La password ripetuta non può essere vuota",
-    "unmatchedPasswordError": "La password ripetuta non è uguale alla password"
-  },
-  "workspace": {
-    "create": "Crea spazio di lavoro",
-    "hint": "spazio di lavoro",
-    "notFoundError": "Spazio di lavoro non trovato"
-  },
-  "shareAction": {
-    "buttonText": "Condividi",
-    "workInProgress": "Prossimamente",
-    "markdown": "Markdown",
-    "copyLink": "Copia Link"
-  },
-  "disclosureAction": {
-    "rename": "Rinomina",
-    "delete": "Cancella",
-    "duplicate": "Duplica"
-  },
-  "blankPageTitle": "Pagina vuota",
-  "newPageText": "Nuova pagina",
-  "trash": {
-    "text": "Cestino",
-    "restoreAll": "Ripristina Tutto",
-    "deleteAll": "Elimina Tutto",
-    "pageHeader": {
-      "fileName": "Nome file",
-      "lastModified": "Ultima Modifica",
-      "created": "Creato"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Questa pagina è nel Cestino",
-    "restore": "Ripristina pagina",
-    "deletePermanent": "Elimina definitivamente"
-  },
-  "dialogCreatePageNameHint": "Nome pagina",
-  "questionBubble": {
-    "whatsNew": "Cosa c'è di nuovo?",
-    "help": "Aiuto & Supporto",
-    "debug": {
-      "name": "Informazioni di debug",
-      "success": "Informazioni di debug copiate negli appunti!",
-      "fail": "Impossibile copiare le informazioni di debug negli appunti"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Aggiungi velocemente una pagina all'interno",
-    "defaultNewPageName": "Senza titolo",
-    "renameDialog": "Rinomina"
-  },
-  "toolbar": {
-    "undo": "Undo",
-    "redo": "Redo",
-    "bold": "Grassetto",
-    "italic": "Italico",
-    "underline": "Sottolineato",
-    "strike": "Barrato",
-    "numList": "Lista numerata",
-    "bulletList": "Lista a punti",
-    "checkList": "Lista Controllo",
-    "inlineCode": "Codice in linea",
-    "quote": "Cita Blocco",
-    "header": "intestazione",
-    "highlight": "Evidenziare"
-  },
-  "tooltip": {
-    "lightMode": "Passa alla modalità Chiara",
-    "darkMode": "Passa alla modalità Scura"
-  },
-  "contactsPage": {
-    "title": "Contatti",
-    "whatsHappening": "Cosa accadrà la prossima settimana?",
-    "addContact": "Aggiungi Contatti",
-    "editContact": "Modifica Contatti"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Annulla",
-    "signIn": "Accedi",
-    "signOut": "Esci",
-    "complete": "Completa",
-    "save": "Salva"
-  },
-  "label": {
-    "welcome": "Benvenuto!",
-    "firstName": "Name",
-    "middleName": "Secondo Name",
-    "lastName": "Cognome",
-    "stepX": "Passo {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Impossibile collegarsi al tuo account.",
-      "failedMsg": "Si prega di verificare di aver completato il processo di iscrizione nel tuo browser."
-    },
-    "google": {
-      "title": "GOOGLE SIGN-IN",
-      "instruction1": "Al fine di importare i tuoi Contatti Google è necessario autorizzare questa applicazione ad utilizzare il tuo beowser web.",
-      "instruction2": "Copia questo codice negli appunti premendo l'icona o selezionando il testo:",
-      "instruction3": "Naviga sul seguente link con il tuo browser web e inserisci il codice seguente:",
-      "instruction4": "Premi il bottone qui sotto quando hai completato l'iscrizione:"
-    }
-  },
-  "settings": {
-    "title": "Impostazioni",
-    "menu": {
-      "appearance": "Aspetto",
-      "language": "Lingua",
-      "open": "aprire le impostazioni"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "Modalità Chiara",
-        "dark": "Modalità Scura",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "grid": {
-    "menuName": "Griglia"
-  },
-  "document": {
-    "menuName": "Documento"
-  },
-  "sideBar": {
-    "openSidebar": "Open sidebar",
-    "closeSidebar": "Close sidebar"
-  }
-}
@@ -1,207 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "ユーザー",
-  "welcomeText": "Welcome to @:appName",
-  "githubStarText": "Star on GitHub",
-  "subscribeNewsletterText": "新着情報を受け取る",
-  "letsGoButtonText": "Let's Go",
-  "title": "タイトル",
-  "signUp": {
-    "buttonText": "新規登録",
-    "title": "@:appNameに新規登録",
-    "getStartedText": "はじめる",
-    "emptyPasswordError": "パスワードを空にはできません",
-    "repeatPasswordEmptyError": "パスワード（確認用）を空にはできません",
-    "unmatchedPasswordError": "パスワード（確認用）が一致しません",
-    "alreadyHaveAnAccount": "すでにアカウントを登録済ですか？",
-    "emailHint": "メールアドレス",
-    "passwordHint": "パスワード",
-    "repeatPasswordHint": "パスワード（確認用）"
-  },
-  "signIn": {
-    "loginTitle": "@:appName にログイン",
-    "loginButtonText": "ログイン",
-    "buttonText": "サインイン",
-    "forgotPassword": "パスワードをお忘れですか？",
-    "emailHint": "メールアドレス",
-    "passwordHint": "パスワード",
-    "dontHaveAnAccount": "まだアカウントをお持ちではないですか？",
-    "repeatPasswordEmptyError": "パスワード（確認用）を空にはできません",
-    "unmatchedPasswordError": "パスワード（確認用）が一致しません"
-  },
-  "workspace": {
-    "create": "ワークスペースを作成する",
-    "hint": "ワークスペース",
-    "notFoundError": "ワークスペースがみつかりません"
-  },
-  "shareAction": {
-    "buttonText": "共有する",
-    "workInProgress": "Coming soon",
-    "markdown": "Markdown",
-    "copyLink": "Copy Link"
-  },
-  "disclosureAction": {
-    "rename": "名前を変更",
-    "delete": "削除",
-    "duplicate": "コピーを作成"
-  },
-  "blankPageTitle": "空のページ",
-  "newPageText": "新しいページ",
-  "trash": {
-    "text": "ごみ箱",
-    "restoreAll": "全て復元",
-    "deleteAll": "全て削除",
-    "pageHeader": {
-      "fileName": "ファイル名",
-      "lastModified": "最終更新日時",
-      "created": "作成日時"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "このページはごみ箱にあります",
-    "restore": "ページを元に戻す",
-    "deletePermanent": "削除する"
-  },
-  "dialogCreatePageNameHint": "ページ名",
-  "questionBubble": {
-    "whatsNew": "What's new?",
-    "help": "ヘルプとサポート",
-    "debug": {
-      "name": "デバッグ情報",
-      "success": "デバッグ情報をクリップボードにコピーしました！",
-      "fail": "デバッグ情報をクリップボードにコピーできませんでした"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "内部ページを追加",
-    "defaultNewPageName": "Untitled",
-    "renameDialog": "名前を変更"
-  },
-  "toolbar": {
-    "undo": "元に戻す",
-    "redo": "やり直し",
-    "bold": "太字",
-    "italic": "斜体",
-    "underline": "下線",
-    "strike": "取り消し線",
-    "numList": "番号付きリスト",
-    "bulletList": "箇条書き",
-    "checkList": "チェックボックス",
-    "inlineCode": "インラインコード",
-    "quote": "引用文",
-    "header": "見出し",
-    "highlight": "文字の背景色"
-  },
-  "tooltip": {
-    "lightMode": "ライトモードに切り替える",
-    "darkMode": "ダークモードに切り替える"
-  },
-  "contactsPage": {
-    "title": "連絡先",
-    "whatsHappening": "今週はどんなことがありましたか？",
-    "addContact": "連絡先を追加する",
-    "editContact": "連絡先を編集する"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "キャンセル",
-    "signIn": "サインイン",
-    "signOut": "サインアウト",
-    "complete": "完了",
-    "save": "保存"
-  },
-  "label": {
-    "welcome": "ようこそ！",
-    "firstName": "名",
-    "middleName": "ミドルネーム",
-    "lastName": "姓",
-    "stepX": "Step {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "アカウントに接続できません",
-      "failedMsg": "サインインが完了したことをブラウザーで確認してください"
-    },
-    "google": {
-      "title": "GOOGLEでサインイン",
-      "instruction1": "GOOGLEでのサインインを有効にするためには、Webブラウザーを使ってこのアプリケーションを認証する必要があります。",
-      "instruction2": "アイコンをクリックするか、以下のテキストを選択して、このコードをクリップボードにコピーします。",
-      "instruction3": "以下のリンク先をブラウザーで開いて、次のコードを入力します。",
-      "instruction4": "登録が完了したら以下のボタンを押してください。"
-    }
-  },
-  "settings": {
-    "title": "設定",
-    "menu": {
-      "appearance": "外観",
-      "language": "言語",
-      "open": "設定"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "ライトモード",
-        "dark": "ダークモード",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "grid": {
-    "settings": {
-      "filter": "絞り込み",
-      "sortBy": "並び替え",
-      "Properties": "プロパティ"
-    },
-    "field": {
-      "hide": "隠す",
-      "insertLeft": "左に挿入",
-      "insertRight": "右に挿入",
-      "duplicate": "コピーを作成",
-      "delete": "削除",
-      "textFieldName": "テキスト",
-      "checkboxFieldName": "チェックボックス",
-      "dateFieldName": "日付",
-      "numberFieldName": "数値",
-      "singleSelectFieldName": "単一選択",
-      "multiSelectFieldName": "複数選択",
-      "numberFormat": "数値書式",
-      "dateFormat": "日付書式",
-      "includeTime": "時刻を含める",
-      "dateFormatFriendly": "月 日, 年",
-      "dateFormatISO": "年-月-日",
-      "dateFormatLocal": "月/日/年",
-      "dateFormatUS": "年/月/日",
-      "timeFormat": "時刻書式",
-      "timeFormatTwelveHour": "12 時間表記",
-      "timeFormatTwentyFourHour": "24 時間表記",
-      "addSelectOption": "選択候補追加",
-      "optionTitle": "選択候補",
-      "addOption": "選択候補追加",
-      "editProperty": "プロパティの編集"
-    },
-    "row": {
-      "duplicate": "コピーを作成",
-      "delete": "削除",
-      "textPlaceholder": "空白"
-    },
-    "selectOption": {
-      "purpleColor": "紫",
-      "pinkColor": "ピンク",
-      "lightPinkColor": "ライトピンク",
-      "orangeColor": "オレンジ",
-      "yellowColor": "黄色",
-      "limeColor": "ライム",
-      "greenColor": "緑",
-      "aquaColor": "水色",
-      "blueColor": "青",
-      "deleteTag": "選択候補を削除",
-      "colorPanelTitle": "色",
-      "panelTitle": "選択候補を検索 または 作成する",
-      "searchOption": "選択候補を検索"
-    }
-  },
-  "sideBar": {
-    "openSidebar": "Open sidebar",
-    "closeSidebar": "Close sidebar"
-  }
-}
@@ -1,235 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Me",
-  "welcomeText": "@:appName 에 오신것을 환영합니다",
-  "githubStarText": "Star on GitHub",
-  "subscribeNewsletterText": "뉴스레터 구독",
-  "letsGoButtonText": "Let's Go",
-  "title": "제목",
-  "signUp": {
-    "buttonText": "회원가입",
-    "title": "@:appName 에 회원가입",
-    "getStartedText": "시작하기",
-    "emptyPasswordError": "비밀번호는 공백일 수 없습니다",
-    "repeatPasswordEmptyError": "비밀번호 재입력란은 공백일 수 없습니다",
-    "unmatchedPasswordError": "재입력 하신 비밀번호가 같지 않습니다",
-    "alreadyHaveAnAccount": "이미 계정이 있으신가요?",
-    "emailHint": "이메일",
-    "passwordHint": "비밀번호",
-    "repeatPasswordHint": "비밀번호 재입력"
-  },
-  "signIn": {
-    "loginTitle": "@:appName 에 로그인",
-    "loginButtonText": "로그인",
-    "buttonText": "로그인",
-    "forgotPassword": "비밀번호를 잊으셨나요?",
-    "emailHint": "이메일",
-    "passwordHint": "비밀번호",
-    "dontHaveAnAccount": "계정이 없으신가요?",
-    "repeatPasswordEmptyError": "비밀번호 재입력란은 공백일 수 없습니다",
-    "unmatchedPasswordError": "재입력 하신 비밀번호가 같지 않습니다"
-  },
-  "workspace": {
-    "create": "워크스페이스 생성",
-    "hint": "워크스페이스",
-    "notFoundError": "워크스페이스를 찾을 수 없습니다"
-  },
-  "shareAction": {
-    "buttonText": "공유",
-    "workInProgress": "Coming soon",
-    "markdown": "마크다운",
-    "copyLink": "링크 복사"
-  },
-  "disclosureAction": {
-    "rename": "이름변경",
-    "delete": "삭제",
-    "duplicate": "복제"
-  },
-  "blankPageTitle": "빈 페이지",
-  "newPageText": "새로운 페이지",
-  "trash": {
-    "text": "휴지통",
-    "restoreAll": "모두 복구",
-    "deleteAll": "모두 삭제",
-    "pageHeader": {
-      "fileName": "파일 이름",
-      "lastModified": "수정날짜",
-      "created": "생성날짜"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "현재 페이지는 휴지통에 있습니다",
-    "restore": "페이지 복구",
-    "deletePermanent": "영구 삭제"
-  },
-  "dialogCreatePageNameHint": "페이지 이름",
-  "questionBubble": {
-    "whatsNew": "새로운 소식",
-    "help": "도움 및 지원",
-    "debug": {
-      "name": "디버그 정보",
-      "success": "디버그 정보를 클립보드로 복사했습니다.",
-      "fail": "디버그 정보를 클립보드로 복사할 수 없습니다."
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "하위에 페이지 추가",
-    "defaultNewPageName": "제목없음",
-    "renameDialog": "이름변경"
-  },
-  "toolbar": {
-    "undo": "실행취소",
-    "redo": "재실행",
-    "bold": "굵게",
-    "italic": "기울임꼴",
-    "underline": "밑줄",
-    "strike": "취소선",
-    "numList": "번호 매기기 목록",
-    "bulletList": "글머리 기호 목록",
-    "checkList": "작업 목록",
-    "inlineCode": "인라인 코드",
-    "quote": "인용구 블록",
-    "header": "헤더",
-    "highlight": "하이라이트"
-  },
-  "tooltip": {
-    "lightMode": "라이트 모드로 변경",
-    "darkMode": "다크 모드로 변경",
-    "openAsPage": "페이지로 열기",
-    "addNewRow": "열 추가",
-    "openMenu": "메뉴를 여시려면 클릭하세요"
-  },
-  "sideBar": {
-    "closeSidebar": "사이드바 닫기",
-    "openSidebar": "사이드바 열기"
-  },
-  "notifications": {
-    "export": {
-      "markdown": "마크다운으로 노트를 내보냄",
-      "path": "Documents/flowy"
-    }
-  },
-  "contactsPage": {
-    "title": "연락처",
-    "whatsHappening": "이번주에는 무슨 일이 있나요?",
-    "addContact": "연락처 추가",
-    "editContact": "연락처 편집"
-  },
-  "button": {
-    "OK": "확인",
-    "Cancel": "취소",
-    "signIn": "로그인",
-    "signOut": "로그아웃",
-    "complete": "완료",
-    "save": "저장"
-  },
-  "label": {
-    "welcome": "환영합니다!",
-    "firstName": "이름",
-    "middleName": "중간 이름",
-    "lastName": "성",
-    "stepX": "{X} 단계"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "계정에 연결을 할 수 없습니다.",
-      "failedMsg": "브라우저에서 회원가입이 완료되었는지 확인해주세요."
-    },
-    "google": {
-      "title": "GOOGLE SIGN-IN",
-      "instruction1": "구글 연락처를 가져오기 위해서 웹브라우저로 앱을 승인 해야 합니다.",
-      "instruction2": "아이콘을 클릭 또는 텍스트를 선택해서 이 코드를 클립보드로 복사하세요:",
-      "instruction3": "웹브라우저로 다음 링크로 가셔서 위 코드를 입력해주세요:",
-      "instruction4": "가입 완료 후 아래 버튼을 눌러주세요:"
-    }
-  },
-  "settings": {
-    "title": "설정",
-    "menu": {
-      "appearance": "화면",
-      "language": "언어",
-      "user": "사용자",
-      "open": "설정 열기"
-    },
-    "appearance": {
-      "lightLabel": "라이트 모드",
-      "darkLabel": "다크 모드"
-    }
-  },
-  "grid": {
-    "settings": {
-      "filter": "필터",
-      "sortBy": "정렬 기준",
-      "Properties": "속성",
-      "group": "그룹"
-    },
-    "field": {
-      "hide": "숨기기",
-      "insertLeft": "왼쪽 삽입",
-      "insertRight": "오른쪽 삽입",
-      "duplicate": "복제",
-      "delete": "삭제",
-      "textFieldName": "텍스트",
-      "checkboxFieldName": "체크박스",
-      "dateFieldName": "날짜",
-      "numberFieldName": "숫자",
-      "singleSelectFieldName": "선택",
-      "multiSelectFieldName": "다중선택",
-      "urlFieldName": "링크",
-      "numberFormat": "숫자 형식",
-      "dateFormat": "날짜 형식",
-      "includeTime": "시간 표시",
-      "dateFormatFriendly": "월 일, 년",
-      "dateFormatISO": "년-월-일",
-      "dateFormatLocal": "월/일/년",
-      "dateFormatUS": "년/월/일",
-      "timeFormat": "시간 형식",
-      "invalidTimeFormat": "잘못된 형식",
-      "timeFormatTwelveHour": "12 시간",
-      "timeFormatTwentyFourHour": "24 시간",
-      "addSelectOption": "옵션 추가",
-      "optionTitle": "옵션",
-      "addOption": "옵션 추가",
-      "editProperty": "속성 편집",
-      "newProperty": "열 추가",
-      "deleteFieldPromptMessage": "해당 속성을 삭제 하시겠습니까?"
-    },
-    "row": {
-      "duplicate": "복제",
-      "delete": "삭제",
-      "textPlaceholder": "비어있음",
-      "copyProperty": "속성이 클립보드로 복사됨",
-      "count": "개수",
-      "newRow": "행 추가"
-    },
-    "selectOption": {
-      "create": "생성",
-      "purpleColor": "보라색",
-      "pinkColor": "핑크색",
-      "lightPinkColor": "연한 핑크색",
-      "orangeColor": "오렌지색",
-      "yellowColor": "노랑색",
-      "limeColor": "라임색",
-      "greenColor": "초록색",
-      "aquaColor": "아쿠아색",
-      "blueColor": "파랑색",
-      "deleteTag": "태그 삭제",
-      "colorPanelTitle": "색상",
-      "panelTitle": "옵션 선택 또는 생성",
-      "searchOption": "옵션 검색"
-    },
-    "menuName": "그리드"
-  },
-  "document": {
-    "menuName": "도큐먼트",
-    "date": {
-      "timeHintTextInTwelveHour": "01:00 PM",
-      "timeHintTextInTwentyFourHour": "13:00"
-    }
-  },
-  "board": {
-    "column": {
-      "create_new_card": "추가"
-    }
-  }
-}
@@ -1,153 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Ja",
-  "welcomeText": "Witaj w @:appName",
-  "githubStarText": "Gwiazdka na GitHub-ie",
-  "subscribeNewsletterText": "Zapisz się do naszego Newslettera",
-  "letsGoButtonText": "Start!",
-  "title": "Tytuł",
-  "signUp": {
-    "buttonText": "Zarejestruj",
-    "title": "Zarejestruj się w @:appName",
-    "getStartedText": "Zaczynamy",
-    "emptyPasswordError": "Hasło nie moze być puste",
-    "repeatPasswordEmptyError": "Powtórzone hasło nie moze być puste",
-    "unmatchedPasswordError": "Hasła nie są takie same",
-    "alreadyHaveAnAccount": "Masz juz konto?",
-    "emailHint": "Email",
-    "passwordHint": "Hasło",
-    "repeatPasswordHint": "Powtórz hasło"
-  },
-  "signIn": {
-    "loginTitle": "Zaloguj do @:appName",
-    "loginButtonText": "Logowanie",
-    "buttonText": "Zaloguj",
-    "forgotPassword": "Zapomniałem hasła?",
-    "emailHint": "Email",
-    "passwordHint": "Password",
-    "dontHaveAnAccount": "Nie masz konta?",
-    "repeatPasswordEmptyError": "Powtórzone hasło nie moze być puste",
-    "unmatchedPasswordError": "Hasła nie są takie same"
-  },
-  "workspace": {
-    "create": "Utwórz przestrzeń",
-    "hint": "przestrzeń robocza",
-    "notFoundError": "Przestrzeni nie znaleziono"
-  },
-  "shareAction": {
-    "buttonText": "Udostępnij",
-    "workInProgress": "Wkrótce",
-    "markdown": "Markdown",
-    "copyLink": "Skopiuj link"
-  },
-  "disclosureAction": {
-    "rename": "Zmień nazwę",
-    "delete": "Usuń",
-    "duplicate": "Duplikuj"
-  },
-  "blankPageTitle": "Pusta strona",
-  "newPageText": "Nowa strona",
-  "trash": {
-    "text": "Kosz",
-    "restoreAll": "Przywróć Wszystko",
-    "deleteAll": "Usuń Wszystko",
-    "pageHeader": {
-      "fileName": "Nazwa Pliku",
-      "lastModified": "Ostatnio Zmodyfikowano",
-      "created": "Utworzono"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Ta strona jest w Koszu",
-    "restore": "Przywróć strone",
-    "deletePermanent": "Usuń bezpowrotnie"
-  },
-  "dialogCreatePageNameHint": "Nazwa Strony",
-  "questionBubble": {
-    "whatsNew": "What's new?",
-    "help": "Pomoc & Wsparcie",
-    "debug": {
-      "name": "Informacje Debugowania",
-      "success": "Skopiowano informacje debugowania do schowka!",
-      "fail": "Nie mozna skopiować informacji debugowania do schowka"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Szybko dodaj stronę do środka",
-    "defaultNewPageName": "Brak tytułu",
-    "renameDialog": "Zmień nazwę"
-  },
-  "toolbar": {
-    "undo": "Cofnij",
-    "redo": "Powtórz",
-    "bold": "Pogrubiony",
-    "italic": "Kursywa",
-    "underline": "Podkreśl",
-    "strike": "Przekreśl",
-    "numList": "Lista Numerowana",
-    "bulletList": "Lista Punktowana",
-    "checkList": "Lista Kontrolna",
-    "inlineCode": "Kod Wbudowany",
-    "quote": "Blok cytat",
-    "header": "Nagłówek",
-    "highlight": "Podświetl"
-  },
-  "tooltip": {
-    "lightMode": "Przełącz w Tryb Jasny",
-    "darkMode": "Przełącz w Tryb Ciemny"
-  },
-  "contactsPage": {
-    "title": "Kontakty",
-    "whatsHappening": "Co się dzieje w tym tygodniu?",
-    "addContact": "Dodaj Kontakt",
-    "editContact": "Edytuj Kontakt"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Anuluj",
-    "signIn": "Zaloguj",
-    "signOut": "Wyloguj",
-    "complete": "Zakończono",
-    "save": "Zapisz"
-  },
-  "label": {
-    "welcome": "Witaj!",
-    "firstName": "Imię Pierwsze",
-    "middleName": "Imię Drugie",
-    "lastName": "Nazwisko",
-    "stepX": "Krok {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Nie można połączyć się z Twoim kontem.",
-      "failedMsg": "Upewnij się, że zakończyłeś proces logowania w przeglądarce."
-    },
-    "google": {
-      "title": "LOGOWANIE GOOGLE",
-      "instruction1": "Aby zaimportować Kontakty Google, musisz autoryzować tę aplikację za pomocą przeglądarki internetowej.",
-      "instruction2": "Skopiuj ten kod do schowka, klikając ikonę lub zaznaczając tekst:",
-      "instruction3": "Przejdź do następującego linku w przeglądarce internetowej i wprowadź powyższy kod:",
-      "instruction4": "Naciśnij poniższy przycisk po zakończeniu rejestracji:"
-    }
-  },
-  "settings": {
-    "title": "Ustawienia",
-    "menu": {
-      "appearance": "Wygląd",
-      "language": "Język",
-      "open": "Otwórz Ustawienia"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "Tryb Jasny",
-        "dark": "Tryb Ciemny",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "sideBar": {
-    "openSidebar": "Open sidebar",
-    "closeSidebar": "Close sidebar"
-  }
-}
@@ -1,149 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Me",
-  "welcomeText": "Bem vindo ao @:appName",
-  "githubStarText": "Star on GitHub",
-  "subscribeNewsletterText": "Inscreve-te ao Newsletter",
-  "letsGoButtonText": "Bora",
-  "title": "Título",
-  "signUp": {
-    "buttonText": "Inscreve-te",
-    "title": "Inscreve-te ao @:appName",
-    "getStartedText": "Começar",
-    "emptyPasswordError": "A palavra-passe não pode estar em branco.",
-    "repeatPasswordEmptyError": "Confirmar a palavra-passe não pode estar em branco.",
-    "unmatchedPasswordError": "As palavras-passes não coincidem.",
-    "alreadyHaveAnAccount": "Já possuis uma conta?",
-    "emailHint": "Email",
-    "passwordHint": "Password",
-    "repeatPasswordHint": "Confirma a tua password"
-  },
-  "signIn": {
-    "loginTitle": "Entre no @:appName",
-    "loginButtonText": "Login",
-    "buttonText": "Entre",
-    "forgotPassword": "Esqueceste-te da tua palavra-passe?",
-    "emailHint": "Email",
-    "passwordHint": "Palavra-passe",
-    "dontHaveAnAccount": "Não possuis uma conta?",
-    "repeatPasswordEmptyError": "Confirmar a palavra-passe não pode estar em branco.",
-    "unmatchedPasswordError": "As palavras-passes não conferem."
-  },
-  "workspace": {
-    "create": "Cria um ambiente de trabalho",
-    "hint": "ambiente de trabalho",
-    "notFoundError": "Ambiente de trabalho não encontrada"
-  },
-  "shareAction": {
-    "buttonText": "Partilhar",
-    "workInProgress": "Em breve",
-    "markdown": "Markdown",
-    "copyLink": "Copiar o link"
-  },
-  "disclosureAction": {
-    "rename": "Renomear",
-    "delete": "Apagar",
-    "duplicate": "Duplicar"
-  },
-  "blankPageTitle": "Página em branco",
-  "newPageText": "Nova página",
-  "trash": {
-    "text": "Lixo",
-    "restoreAll": "Restaurar todos",
-    "deleteAll": "Apagar todos",
-    "pageHeader": {
-      "fileName": "Nome do ficheiro",
-      "lastModified": "Última modificação",
-      "created": "Criado"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Esta página está no lixo",
-    "restore": "Restaurar a página",
-    "deletePermanent": "Apagar permanentemente"
-  },
-  "dialogCreatePageNameHint": "Nome da página",
-  "questionBubble": {
-    "whatsNew": "O que há de novo?",
-    "help": "Ajuda & Suporte",
-    "debug": {
-      "name": "Informação de depuração",
-      "success": "Copiar informação de depuração para o clipboard!",
-      "fail": "Falha em copiar a informação de depuração para o clipboard"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Adiciona uma nova página.",
-    "defaultNewPageName": "Sem título",
-    "renameDialog": "Renomear"
-  },
-  "toolbar": {
-    "undo": "Desfazer",
-    "redo": "Refazer",
-    "bold": "Negrito",
-    "italic": "Itálico",
-    "underline": "Sublinhado",
-    "strike": "Riscado",
-    "numList": "Lista numerada",
-    "bulletList": "Lista com marcadores",
-    "checkList": "Lista de verificação",
-    "inlineCode": "Embutir código",
-    "quote": "Citação em bloco",
-    "header": "Cabeçalho",
-    "highlight": "Realçar"
-  },
-  "tooltip": {
-    "lightMode": "Mudar para o modo Claro.",
-    "darkMode": "Mudar para o modo Escuro."
-  },
-  "contactsPage": {
-    "title": "Conctatos",
-    "whatsHappening": "O que está a acontecer nesta semana?",
-    "addContact": "Adicionar um conctato",
-    "editContact": "Editar um conctato"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Cancelar",
-    "signIn": "Entrar",
-    "signOut": "Sair",
-    "complete": "Completar",
-    "save": "Guardar"
-  },
-  "label": {
-    "welcome": "Bem vindo!",
-    "firstName": "Nome",
-    "middleName": "Nome do Meio",
-    "lastName": "Apelido",
-    "stepX": "Passo {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Erro ao conectar à sua conta.",
-      "failedMsg": "Verifica se concluiste o processo de login no teu navegador."
-    },
-    "google": {
-      "title": "GOOGLE SIGN-IN",
-      "instruction1": "Para importar os teus Conctatos do Google, tens de autorizar esta aplicação usando o teu navegador web.",
-      "instruction2": "Copia este código para a tua área de transferências clicando no ícone ou selecionando o texto:",
-      "instruction3": "Navega até o link a seguir no seu navegador e digite o código acima:",
-      "instruction4": "Clica no botão abaixo ao concluir a inscrição:"
-    }
-  },
-  "settings": {
-    "title": "Definições",
-    "menu": {
-      "appearance": "Aparência",
-      "language": "Idioma",
-      "open": "Abrir as Definições"
-    },
-    "appearance": {
-      "lightLabel": "Modo Claro",
-      "darkLabel": "Modo Escuro"
-    }
-  },
-  "sideBar": {
-    "openSidebar": "Open sidebar",
-    "closeSidebar": "Close sidebar"
-  }
-}
@@ -1,239 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Jag",
-  "welcomeText": "Välkommen till @:appName",
-  "githubStarText": "Stärnmärk på GitHub",
-  "subscribeNewsletterText": "Prenumerera på nyhetsbrev",
-  "letsGoButtonText": "Kör igång",
-  "title": "Namn",
-  "signUp": {
-    "buttonText": "Registrera dig",
-    "title": "Registrera dig på @:appName",
-    "getStartedText": "Sätt igång",
-    "emptyPasswordError": "Lösenordet kan inte vara tomt",
-    "repeatPasswordEmptyError": "Upprepat lösenord kan inte vara tomt",
-    "unmatchedPasswordError": "Upprepat lösenord är inte samma som det första",
-    "alreadyHaveAnAccount": "Har du redan ett konto?",
-    "emailHint": "E-post",
-    "passwordHint": "Lösenord",
-    "repeatPasswordHint": "Uprepa lösenordet"
-  },
-  "signIn": {
-    "loginTitle": "Logga in till @:appName",
-    "loginButtonText": "Logga in",
-    "buttonText": "Registrering",
-    "forgotPassword": "Glömt lösenordet?",
-    "emailHint": "E-post",
-    "passwordHint": "Lösenord",
-    "dontHaveAnAccount": "Har du inget konto?",
-    "repeatPasswordEmptyError": "Upprepat lösenord kan inte vara tomt",
-    "unmatchedPasswordError": "Upprepat lösenord är inte samma som det första"
-  },
-  "workspace": {
-    "create": "Skapa arbetsyta",
-    "hint": "Arbetsyta",
-    "notFoundError": "Hittade ingen arbetsyta"
-  },
-  "shareAction": {
-    "buttonText": "Dela",
-    "workInProgress": "Kommer snart",
-    "markdown": "Markdown",
-    "copyLink": "Kopiera länk"
-  },
-  "disclosureAction": {
-    "rename": "Byt namn",
-    "delete": "Ta bort",
-    "duplicate": "Klona"
-  },
-  "blankPageTitle": "Tom sida",
-  "newPageText": "Ny sida",
-  "trash": {
-    "text": "Skräp",
-    "restoreAll": "Återställ alla",
-    "deleteAll": "Ta bort alla",
-    "pageHeader": {
-      "fileName": "Filnamn",
-      "lastModified": "Ändrad",
-      "created": "Skapad"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Denna sida är i skräpmappen",
-    "restore": "Återställ sida",
-    "deletePermanent": "Radera permanent"
-  },
-  "dialogCreatePageNameHint": "Sidnamn",
-  "questionBubble": {
-    "whatsNew": "Vad nytt?",
-    "help": "Hjälp & Support",
-    "debug": {
-      "name": "Felsökningsinfo",
-      "success": "Kopierade felsökningsinfo till urklipp!",
-      "fail": "Kunde inte kopiera felsökningsinfo till urklipp"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Lägg snabbt till en sida inuti",
-    "defaultNewPageName": "Namnlös",
-    "renameDialog": "Byt namn"
-  },
-  "toolbar": {
-    "undo": "Ångra",
-    "redo": "Upprepa",
-    "bold": "Fet",
-    "italic": "Kursiv",
-    "underline": "Understruken",
-    "strike": "Genomstruken",
-    "numList": "Numrerad lista",
-    "bulletList": "Punktlista",
-    "checkList": "Checklista",
-    "inlineCode": "Infogad kod",
-    "quote": "Citatblock",
-    "header": "Rubrik",
-    "highlight": "Färgmarkera"
-  },
-  "tooltip": {
-    "lightMode": "Växla till ljust läge",
-    "darkMode": "Växla till mörkt läge",
-    "openAsPage": "Öppna som sida",
-    "addNewRow": "Lägg till ny rad",
-    "openMenu": "Klicka för att öppna meny"
-  },
-  "sideBar": {
-    "closeSidebar": "Stäng sidofältet",
-    "openSidebar": "Öppna sidofältet"
-  },
-  "notifications": {
-    "export": {
-      "markdown": "Exporterade anteckning till Markdown",
-      "path": "Dokument/flowy"
-    }
-  },
-  "contactsPage": {
-    "title": "Kontakter",
-    "whatsHappening": "Vad händer denna vecka?",
-    "addContact": "Lägg till kontakt",
-    "editContact": "Redigera kontakt"
-  },
-  "button": {
-    "OK": "OK",
-    "Cancel": "Avbryt",
-    "signIn": "Logga in",
-    "signOut": "Logga ut",
-    "complete": "Slutfört",
-    "save": "Spara"
-  },
-  "label": {
-    "welcome": "Välkommen!",
-    "firstName": "Förnamn",
-    "middleName": "Mellannamn",
-    "lastName": "Efternamn",
-    "stepX": "Steg {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Kan inte ansluta till ditt konto.",
-      "failedMsg": "Tillse att du har slutfört registreringsprocessen i din webbläsare."
-    },
-    "google": {
-      "title": "GOOGLE-inloggning",
-      "instruction1": "För att kunna importera dina Google-kontakter, måste du auktorisera detta program med hjälp av din webbläsare.",
-      "instruction2": "Kopiera den här koden till urklipp genom att klicka på ikonen eller genom att markera texten:",
-      "instruction3": "Gå till följande länk i din webbläsare, och ange ovanstående kod:",
-      "instruction4": "Tryck på nedanstående knapp när du slutfört registreringen:"
-    }
-  },
-  "settings": {
-    "title": "Inställningar",
-    "menu": {
-      "appearance": "Utseende",
-      "language": "Språk",
-      "user": "Användare",
-      "open": "Öppna inställningarna"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "Ljust läge",
-        "dark": "Mörkt läge",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "grid": {
-    "settings": {
-      "filter": "Filter",
-      "sortBy": "Sortera efter",
-      "Properties": "Egenskaper",
-      "group": "Grupp"
-    },
-    "field": {
-      "hide": "Dölj",
-      "insertLeft": "Infoga till vänster",
-      "insertRight": "Infoga till höger",
-      "duplicate": "Klona",
-      "delete": "Ta bort",
-      "textFieldName": "Text",
-      "checkboxFieldName": "Checkruta",
-      "dateFieldName": "Datum",
-      "numberFieldName": "Siffror",
-      "singleSelectFieldName": "Välj",
-      "multiSelectFieldName": "Välj flera",
-      "urlFieldName": "URL",
-      "numberFormat": "Sifferformat",
-      "dateFormat": "Datumformat",
-      "includeTime": "Inkludera tid",
-      "dateFormatFriendly": "Månad Dag, År",
-      "dateFormatISO": "År-Månad-Dag",
-      "dateFormatLocal": "Månad/Dag/År",
-      "dateFormatUS": "År/Månad/Dag",
-      "timeFormat": "Tidsformat",
-      "invalidTimeFormat": "Ogiltigt format",
-      "timeFormatTwelveHour": "12-timmars",
-      "timeFormatTwentyFourHour": "24-timmars",
-      "addSelectOption": "Lägg till ett alternativ",
-      "optionTitle": "Alternativ",
-      "addOption": "Lägg till alternativ",
-      "editProperty": "Redigera egenskap",
-      "newProperty": "Ny kolumn",
-      "deleteFieldPromptMessage": "Är du säker? Denna egenskap kommer att raderas."
-    },
-    "row": {
-      "duplicate": "Klona",
-      "delete": "Ta bort",
-      "textPlaceholder": "Tom",
-      "copyProperty": "Kopierade egenskap till urklipp",
-      "count": "Antal",
-      "newRow": "Ny rad"
-    },
-    "selectOption": {
-      "create": "Skapa",
-      "purpleColor": "Purpur",
-      "pinkColor": "Rosa",
-      "lightPinkColor": "Ljusrosa",
-      "orangeColor": "Orange",
-      "yellowColor": "Gul",
-      "limeColor": "Lime",
-      "greenColor": "Grön",
-      "aquaColor": "Vatten",
-      "blueColor": "Blå",
-      "deleteTag": "Ta bort tagg",
-      "colorPanelTitle": "Färger",
-      "panelTitle": "Välj ett alternativ eller skapa ett",
-      "searchOption": "Sök efter ett alternativ"
-    },
-    "menuName": "Tabell"
-  },
-  "document": {
-    "menuName": "Dokument",
-    "date": {
-      "timeHintTextInTwelveHour": "01:00 PM",
-      "timeHintTextInTwentyFourHour": "13:00"
-    }
-  },
-  "board": {
-    "column": {
-      "create_new_card": "Nytt"
-    }
-  }
-}
@@ -1,153 +0,0 @@
-{
-  "appName": "AppFlowy",
-  "defaultUsername": "Ben",
-  "welcomeText": "@:appName'e Hoş Geldiniz!",
-  "githubStarText": "GitHub Yıldızı!",
-  "subscribeNewsletterText": "Bültene Abone Ol",
-  "letsGoButtonText": "Hadi başlayalım.",
-  "title": "Başlık",
-  "signUp": {
-    "buttonText": "Kayıt Ol",
-    "title": "@:appName'e kaydolun.",
-    "getStartedText": "başlayalım",
-    "emptyPasswordError": "Parola boş olamaz",
-    "repeatPasswordEmptyError": "Parola (tekrar) boş olamaz",
-    "unmatchedPasswordError": "Parolalar eşleşmiyor",
-    "alreadyHaveAnAccount": "Zaten hesabınız var mı?",
-    "emailHint": "E-Posta",
-    "passwordHint": "Parola",
-    "repeatPasswordHint": "Tekrar parola"
-  },
-  "signIn": {
-    "loginTitle": "@:appName oturum aç",
-    "loginButtonText": "Giriş",
-    "buttonText": "Oturum Aç",
-    "forgotPassword": "Parolanızı mı Unuttunuz?",
-    "emailHint": "E-Posta",
-    "passwordHint": "Parola",
-    "dontHaveAnAccount": "Hesabınız yok mu?",
-    "repeatPasswordEmptyError": "Parola (tekrar) boş olamaz",
-    "unmatchedPasswordError": "Parolalar eşleşmiyor"
-  },
-  "workspace": {
-    "create": "Çalışma alanı oluştur",
-    "hint": "Çalışma alanı",
-    "notFoundError": "Çalışma alanı bulunamadı"
-  },
-  "shareAction": {
-    "buttonText": "Paylaş",
-    "workInProgress": "Yakında",
-    "markdown": "Markdown",
-    "copyLink": "Link'i Kopyala"
-  },
-  "disclosureAction": {
-    "rename": "Yeniden adlandır",
-    "delete": "Sil",
-    "duplicate": "Çoğalt"
-  },
-  "blankPageTitle": "Boş sayfa",
-  "newPageText": "Yeni sayfa",
-  "trash": {
-    "text": "Çöp",
-    "restoreAll": "Geri Yükle",
-    "deleteAll": "Sil",
-    "pageHeader": {
-      "fileName": "Dosya adı",
-      "lastModified": "Son Değiştirme",
-      "created": "Oluşturuldu"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "Bu sayfa Çöp Kutusu'nda",
-    "restore": "Sayfayı geri yükle",
-    "deletePermanent": "Kalıcı olarak sil"
-  },
-  "dialogCreatePageNameHint": "Sayfa adı",
-  "questionBubble": {
-    "whatsNew": "Yeni ne var?",
-    "help": "Yardım & Destek",
-    "debug": {
-      "name": "Hata Ayıklama",
-      "success": "Hata ayıklama bilgileri panoya kopyalandı!",
-      "fail": "Hata ayıklama bilgileri panoya kopyalanamıyor"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "Yeni bir sayfa ekleyin",
-    "defaultNewPageName": "Başlıksız",
-    "renameDialog": "Yeniden adlandır"
-  },
-  "toolbar": {
-    "undo": "Geri",
-    "redo": "İleri",
-    "bold": "Kalın",
-    "italic": "İtalik",
-    "underline": "Altı Çizili",
-    "strike": "Üstü Çizili",
-    "numList": "Numaralı Liste",
-    "bulletList": "Madde İşaretli Liste",
-    "checkList": "Yapılacaklar Listesi",
-    "inlineCode": "Kod",
-    "quote": "Alıntı",
-    "header": "Başlık",
-    "highlight": "Vurgu"
-  },
-  "tooltip": {
-    "lightMode": "Aydınlık Mod'a Geç",
-    "darkMode": "Karanlık Mod'a Geç"
-  },
-  "contactsPage": {
-    "title": "İletişim",
-    "whatsHappening": "Bu hafta neler var?",
-    "addContact": "Kişi Ekle",
-    "editContact": "Kişiyi Düzenle"
-  },
-  "button": {
-    "OK": "TAMAM",
-    "Cancel": "İptal",
-    "signIn": "Oturum Aç",
-    "signOut": "Oturum Kapat",
-    "complete": "Tamamlandı",
-    "save": "Kaydet"
-  },
-  "label": {
-    "welcome": "Merhaba!",
-    "firstName": "Ad",
-    "middleName": "İkinci Ad",
-    "lastName": "Soyad",
-    "stepX": "Aşama {X}"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "Hesabınıza bağlanılamıyor.",
-      "failedMsg": "Lütfen, tarayıcınızda oturum açma işlemini tamamladığınızdan emin olun."
-    },
-    "google": {
-      "title": "GOOGLE OTURUM AÇMA",
-      "instruction1": "Google Kişilerinizi içe aktarmak için web tarayıcınızı kullanarak bu uygulamaya izin vermeniz gerekir.",
-      "instruction2": "Simgeyi tıklayarak veya metni seçerek bu kodu panonuza kopyalayın:",
-      "instruction3": "Web tarayıcınızda aşağıdaki bağlantıyı açın ve yukarıdaki kodu girin:",
-      "instruction4": "Kayıt işlemini tamamladığınızda aşağıdaki düğmeye basın:"
-    }
-  },
-  "settings": {
-    "title": "Ayarlar",
-    "menu": {
-      "appearance": "Görünüm",
-      "language": "Dil",
-      "open": "Ayarları Aç"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "Aydınlık Mod",
-        "dark": "Karanlık Mod",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "sideBar": {
-    "openSidebar": "Open sidebar",
-    "closeSidebar": "Close sidebar"
-  }
-}
@@ -1,240 +0,0 @@
-{
-  "appName": "Appflowy",
-  "defaultUsername": "我",
-  "welcomeText": "欢迎使用 @:appName",
-  "githubStarText": "Star on GitHub",
-  "subscribeNewsletterText": "消息订阅",
-  "letsGoButtonText": "开始",
-  "title": "标题",
-  "signUp": {
-    "buttonText": "注册",
-    "title": "注册 @:appName 账户",
-    "getStartedText": "开始",
-    "emptyPasswordError": "密码不能为空",
-    "repeatPasswordEmptyError": "确认密码不能为空",
-    "unmatchedPasswordError": "两次密码输入不一致",
-    "alreadyHaveAnAccount": "已有账户?",
-    "emailHint": "邮箱",
-    "passwordHint": "密码",
-    "repeatPasswordHint": "确认密码"
-  },
-  "signIn": {
-    "loginTitle": "登录 @:appName",
-    "loginButtonText": "登录",
-    "buttonText": "登录",
-    "forgotPassword": "忘记密码?",
-    "emailHint": "邮箱",
-    "passwordHint": "密码",
-    "dontHaveAnAccount": "没有已注册的账户?",
-    "repeatPasswordEmptyError": "确认密码不能为空",
-    "unmatchedPasswordError": "两次密码输入不一致"
-  },
-  "workspace": {
-    "create": "新建空间",
-    "hint": "空间",
-    "notFoundError": "未知的空间"
-  },
-  "shareAction": {
-    "buttonText": "分享",
-    "workInProgress": "敬请期待",
-    "markdown": "Markdown",
-    "copyLink": "复制链接"
-  },
-  "disclosureAction": {
-    "rename": "重命名",
-    "delete": "删除",
-    "duplicate": "复制"
-  },
-  "blankPageTitle": "空白页",
-  "newPageText": "新页面",
-  "trash": {
-    "text": "回收站",
-    "restoreAll": "全部恢复",
-    "deleteAll": "全部删除",
-    "pageHeader": {
-      "fileName": "文件名",
-      "lastModified": "最近修改",
-      "created": "创建"
-    }
-  },
-  "deletePagePrompt": {
-    "text": "此页面已被移动至回收站",
-    "restore": "恢复页面",
-    "deletePermanent": "彻底删除"
-  },
-  "dialogCreatePageNameHint": "页面名称",
-  "questionBubble": {
-    "whatsNew": "新功能?",
-    "help": "帮助 & 支持",
-    "debug": {
-      "name": "调试信息",
-      "success": "将调试信息复制到剪贴板！",
-      "fail": "无法将调试信息复制到剪贴板"
-    }
-  },
-  "menuAppHeader": {
-    "addPageTooltip": "在其中快速添加页面",
-    "defaultNewPageName": "未命名页面",
-    "renameDialog": "重命名"
-  },
-  "toolbar": {
-    "undo": "撤销",
-    "redo": "恢复",
-    "bold": "加粗",
-    "italic": "斜体",
-    "underline": "下划线",
-    "strike": "删除线",
-    "numList": "有序列表",
-    "bulletList": "无序列表",
-    "checkList": "任务列表",
-    "inlineCode": "内联代码",
-    "quote": "块引用",
-    "header": "标题",
-    "highlight": "高亮"
-  },
-  "tooltip": {
-    "lightMode": "切换到亮色模式",
-    "darkMode": "切换到暗色模式",
-    "openAsPage": "作为页面打开",
-    "addNewRow": "增加一行",
-    "openMenu": "点击打开菜单"
-  },
-  "sideBar": {
-    "openSidebar": "打开侧边栏",
-    "closeSidebar": "关闭侧边栏"
-  },
-  "notifications": {
-    "export": {
-      "markdown": "导出笔记为Markdown文档",
-      "path": "Documents/flowy"
-    }
-  },
-  "contactsPage": {
-    "title": "联系人",
-    "whatsHappening": "这周发生了哪些事?",
-    "addContact": "添加联系人",
-    "editContact": "编辑联系人"
-  },
-  "button": {
-    "OK": "确认",
-    "Cancel": "取消",
-    "signIn": "登录",
-    "signOut": "登出",
-    "complete": "完成",
-    "save": "保存"
-  },
-  "label": {
-    "welcome": "欢迎!",
-    "firstName": "名",
-    "middleName": "中间名",
-    "lastName": "姓",
-    "stepX": "第{X}步"
-  },
-  "oAuth": {
-    "err": {
-      "failedTitle": "无法连接到您的账户。",
-      "failedMsg": "请确认您已在浏览器中完成登录。"
-    },
-    "google": {
-      "title": "Google 账号登录",
-      "instruction1": "为了导入您的 Google 联系人，您需要在浏览器中给予本程序授权。",
-      "instruction2": "单击图标或选择文本复制到剪贴板：",
-      "instruction3": "进入下面的链接，然后输入上面的代码：",
-      "instruction4": "完成注册后，点击下面的按钮："
-    }
-  },
-  "settings": {
-    "title": "设置",
-    "menu": {
-      "appearance": "外观",
-      "language": "语言",
-      "user": "用户",
-      "open": "打开设置"
-    },
-    "appearance": {
-      "themeMode": {
-        "label": "Theme Mode",
-        "light": "日间模式",
-        "dark": "夜间模式",
-        "system": "Adapt to System"
-      }
-    }
-  },
-  "grid": {
-    "settings": {
-      "filter": "过滤器",
-      "sortBy": "排序",
-      "Properties": "属性",
-      "group": "组"
-    },
-    "field": {
-      "hide": "隐藏",
-      "insertLeft": "左侧插入",
-      "insertRight": "右侧插入",
-      "duplicate": "拷贝",
-      "delete": "删除",
-      "textFieldName": "文本",
-      "checkboxFieldName": "勾选框",
-      "dateFieldName": "日期",
-      "numberFieldName": "数字",
-      "singleSelectFieldName": "单项选择器",
-      "multiSelectFieldName": "多项选择器",
-      "urlFieldName": "链接",
-      "numberFormat": "数字格式",
-      "dateFormat": "日期格式",
-      "includeTime": "包含时间",
-      "dateFormatFriendly": "月 日, 年",
-      "dateFormatISO": "年-月-日",
-      "dateFormatLocal": "月/日/年",
-      "dateFormatUS": "年/月/日",
-      "timeFormat": "时间格式",
-      "invalidTimeFormat": "时间格式错误",
-      "timeFormatTwelveHour": "12小时制",
-      "timeFormatTwentyFourHour": "24小时制",
-      "addSelectOption": "添加一个标签",
-      "optionTitle": "标签",
-      "addOption": "添加标签",
-      "editProperty": "编辑列属性",
-      "newProperty": "增加一列",
-      "deleteFieldPromptMessage": "确定要删除这个属性吗? "
-    },
-    "row": {
-      "duplicate": "复制",
-      "delete": "删除",
-      "textPlaceholder": "空",
-      "copyProperty": "复制列",
-      "count": "数量",
-      "newRow": "添加一行"
-    },
-    "selectOption": {
-      "create": "新建",
-      "purpleColor": "紫色",
-      "pinkColor": "粉色",
-      "lightPinkColor": "浅粉色",
-      "orangeColor": "橙色",
-      "yellowColor": "黄色",
-      "limeColor": "鲜绿色",
-      "greenColor": "绿色",
-      "aquaColor": "水蓝色",
-      "blueColor": "蓝色",
-      "deleteTag": "删除标签",
-      "colorPanelTitle": "颜色",
-      "panelTitle": "选择或新建一个标签",
-      "searchOption": "搜索标签"
-    },
-    "menuName": "网格"
-  },
-  "document": {
-    "menuName": "文档",
-    "date": {
-      "timeHintTextInTwelveHour": "01:00 PM",
-      "timeHintTextInTwentyFourHour": "13:00"
-    }
-  },
-  "board": {
-    "column": {
-      "create_new_card": "新建"
-    },
-    "menuName": "看板"
-  }
-}
@@ -0,0 +1,45 @@
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_appearance_view.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('appearance settings tests', () {
+    testWidgets('after editing text field, button should be able to be clicked',
+        (tester) async {
+      await tester.initializeAppFlowy();
+
+      await tester.tapGoButton();
+      tester.expectToSeeHomePage();
+      await tester.openSettings();
+
+      await tester.openSettingsPage(SettingsPage.appearance);
+
+      final dropDown = find.byKey(ThemeFontFamilySetting.popoverKey);
+      await tester.tap(dropDown);
+      await tester.pumpAndSettle();
+
+      final textField = find.byKey(ThemeFontFamilySetting.textFieldKey);
+      await tester.tap(textField);
+      await tester.pumpAndSettle();
+
+      await tester.enterText(textField, 'Abel');
+      await tester.pumpAndSettle();
+      final fontFamilyButton = find.byKey(const Key('Abel'));
+
+      expect(fontFamilyButton, findsOneWidget);
+      await tester.tap(fontFamilyButton);
+      await tester.pumpAndSettle();
+
+      // just switch the page and verify that the font family was set after that
+      await tester.openSettingsPage(SettingsPage.files);
+      await tester.openSettingsPage(SettingsPage.appearance);
+
+      expect(find.textContaining('Abel'), findsOneWidget);
+    });
+  });
+}
@@ -1,35 +0,0 @@
-import 'package:flutter_test/flutter_test.dart';
-import 'package:integration_test/integration_test.dart';
-
-import 'util/util.dart';
-
-void main() {
-  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
-
-  group('cover image', () {
-    const location = 'cover_image';
-
-    setUp(() async {
-      await TestFolder.cleanTestLocation(location);
-      await TestFolder.setTestLocation(location);
-    });
-
-    tearDown(() async {
-      await TestFolder.cleanTestLocation(location);
-    });
-
-    tearDownAll(() async {
-      await TestFolder.cleanTestLocation(null);
-    });
-
-    testWidgets(
-        'hovering on cover image will display change and delete cover image buttons',
-        (tester) async {
-      await tester.initializeAppFlowy();
-
-      await tester.tapGoButton();
-      await tester.hoverOnCoverPluginAddButton();
-      await tester.expectToSeePluginAddCoverAndIconButton();
-    });
-  });
-}
@@ -0,0 +1,189 @@
+import 'package:appflowy_backend/protobuf/flowy-database2/setting_entities.pbenum.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/view.pbenum.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/database_test_op.dart';
+import 'util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('calendar database view', () {
+    testWidgets('update calendar layout', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateCalendarButton();
+
+      // open setting
+      await tester.tapDatabaseSettingButton();
+      await tester.tapDatabaseLayoutButton();
+      await tester.selectDatabaseLayoutType(DatabaseLayoutPB.Board);
+      await tester.assertCurrentDatabaseLayoutType(DatabaseLayoutPB.Board);
+
+      await tester.tapDatabaseSettingButton();
+      await tester.tapDatabaseLayoutButton();
+      await tester.selectDatabaseLayoutType(DatabaseLayoutPB.Grid);
+      await tester.assertCurrentDatabaseLayoutType(DatabaseLayoutPB.Grid);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('calendar start from day setting', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create calendar view
+      await tester.createNewPageWithName(ViewLayoutPB.Calendar, 'calendar');
+
+      // Open setting
+      await tester.tapDatabaseSettingButton();
+      await tester.tapCalendarLayoutSettingButton();
+
+      // select the first day of week is Monday
+      await tester.tapFirstDayOfWeek();
+      await tester.tapFirstDayOfWeekStartFromMonday();
+
+      // Open the other page and open the new calendar page again
+      await tester.openPage(readme);
+      await tester.pumpAndSettle(const Duration(milliseconds: 300));
+      await tester.openPage('calendar');
+
+      // Open setting again and check the start from Monday is selected
+      await tester.tapDatabaseSettingButton();
+      await tester.tapCalendarLayoutSettingButton();
+      await tester.tapFirstDayOfWeek();
+      tester.assertFirstDayOfWeekStartFromMonday();
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('creating and editing calendar events', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create the calendar view
+      await tester.tapAddButton();
+      await tester.tapCreateCalendarButton();
+
+      // Scroll until today's date cell is visible
+      await tester.scrollToToday();
+
+      // Hover over today's calendar cell
+      await tester.hoverOnTodayCalendarCell();
+
+      // Tap on create new event button
+      await tester.tapAddCalendarEventButton();
+
+      // Make sure that the row details page is opened
+      tester.assertRowDetailPageOpened();
+
+      // Dismiss the row details page
+      await tester.dismissRowDetailPage();
+
+      tester.assertNumberOfEventsInCalendar(1);
+
+      // Double click on today's calendar cell to create a new event
+      await tester.doubleClickCalendarCell(DateTime.now());
+
+      // Make sure that the row details page is opened
+      tester.assertRowDetailPageOpened();
+
+      // Dismiss the row details page
+      await tester.dismissRowDetailPage();
+
+      // Make sure that the event is inserted in the cell
+      tester.assertNumberOfEventsInCalendar(2);
+
+      // Click on the event
+      await tester.openCalendarEvent(index: 0);
+      tester.assertRowDetailPageOpened();
+
+      // Change the title of the event
+      await tester.editTitleInRowDetailPage('hello world');
+      await tester.dismissRowDetailPage();
+
+      // Make sure that the event is edited
+      tester.assertNumberOfEventsInCalendar(1, title: 'hello world');
+      tester.assertNumberOfEventsOnSpecificDay(2, DateTime.now());
+
+      // Click on the event
+      await tester.openCalendarEvent(index: 1);
+      tester.assertRowDetailPageOpened();
+
+      // Duplicate the event
+      await tester.tapRowDetailPageDuplicateRowButton();
+      await tester.dismissRowDetailPage();
+
+      // Check that there are 2 events
+      tester.assertNumberOfEventsInCalendar(2, title: 'hello world');
+      tester.assertNumberOfEventsOnSpecificDay(3, DateTime.now());
+
+      // Delete an event
+      await tester.openCalendarEvent(index: 1);
+      await tester.tapRowDetailPageDeleteRowButton();
+
+      // Check that there is 1 event
+      tester.assertNumberOfEventsInCalendar(1, title: 'hello world');
+      tester.assertNumberOfEventsOnSpecificDay(2, DateTime.now());
+    });
+
+    testWidgets('rescheduling events', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create the calendar view
+      await tester.tapAddButton();
+      await tester.tapCreateCalendarButton();
+
+      // Create a new event on the first of this month
+      final today = DateTime.now();
+      final firstOfThisMonth = DateTime(today.year, today.month, 1);
+      await tester.doubleClickCalendarCell(firstOfThisMonth);
+      await tester.dismissRowDetailPage();
+
+      // Drag and drop the event onto the next week, same day
+      await tester.dragDropRescheduleCalendarEvent(firstOfThisMonth);
+
+      // Make sure that the event has been rescheduled to the new date
+      final sameDayNextWeek = firstOfThisMonth.add(const Duration(days: 7));
+      tester.assertNumberOfEventsInCalendar(1);
+      tester.assertNumberOfEventsOnSpecificDay(1, sameDayNextWeek);
+
+      // Delete the event
+      await tester.openCalendarEvent(index: 0, date: sameDayNextWeek);
+      await tester.tapRowDetailPageDeleteRowButton();
+
+      // Create a new event in today's calendar cell
+      await tester.scrollToToday();
+      await tester.doubleClickCalendarCell(today);
+      await tester.dismissRowDetailPage();
+
+      // Make sure that the event is today
+      tester.assertNumberOfEventsOnSpecificDay(1, today);
+
+      // Click on the event
+      await tester.openCalendarEvent(index: 0);
+
+      // Open the date editor of the event
+      await tester.tapDateCellInRowDetailPage();
+      await tester.findDateEditor(findsOneWidget);
+
+      // Edit the event's date. To avoid selecting a day outside of the current month, the new date will be one day closer to the middle of the month.
+      final newDate = today.day < 15
+          ? today.add(const Duration(days: 1))
+          : today.subtract(const Duration(days: 1));
+      await tester.selectDay(content: newDate.day);
+      await tester.dismissCellEditor();
+
+      // Dismiss the row details page
+      await tester.dismissRowDetailPage();
+
+      // Make sure that the event is edited
+      tester.assertNumberOfEventsInCalendar(1);
+      tester.assertNumberOfEventsOnSpecificDay(1, newDate);
+    });
+  });
+}
@@ -0,0 +1,437 @@
+import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:intl/intl.dart';
+
+import 'util/database_test_op.dart';
+import 'util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('grid cell', () {
+    testWidgets('edit text cell', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      await tester.editCell(
+        rowIndex: 0,
+        fieldType: FieldType.RichText,
+        input: 'hello world',
+      );
+
+      await tester.assertCellContent(
+        rowIndex: 0,
+        fieldType: FieldType.RichText,
+        content: 'hello world',
+      );
+
+      await tester.pumpAndSettle();
+    });
+
+    // Makesure the text cells are filled with the right content when there are
+    // multiple text cell
+    testWidgets('edit multiple text cells', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+      await tester.createNewPageWithName(ViewLayoutPB.Grid, 'my grid');
+      await tester.createField(FieldType.RichText, 'description');
+
+      await tester.editCell(
+        rowIndex: 0,
+        fieldType: FieldType.RichText,
+        input: 'hello',
+      );
+
+      await tester.editCell(
+        rowIndex: 0,
+        fieldType: FieldType.RichText,
+        input: 'world',
+        cellIndex: 1,
+      );
+
+      await tester.assertCellContent(
+        rowIndex: 0,
+        fieldType: FieldType.RichText,
+        content: 'hello',
+        cellIndex: 0,
+      );
+
+      await tester.assertCellContent(
+        rowIndex: 0,
+        fieldType: FieldType.RichText,
+        content: 'world',
+        cellIndex: 1,
+      );
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('edit number cell', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      const fieldType = FieldType.Number;
+
+      // Create a number field
+      await tester.createField(fieldType, fieldType.name);
+
+      await tester.editCell(
+        rowIndex: 0,
+        fieldType: fieldType,
+        input: '-1',
+      );
+      // edit the next cell to force the previous cell at row 0 to lose focus
+      await tester.editCell(
+        rowIndex: 1,
+        fieldType: fieldType,
+        input: '0.2',
+      );
+      // -1 -> -1
+      await tester.assertCellContent(
+        rowIndex: 0,
+        fieldType: fieldType,
+        content: '-1',
+      );
+
+      // edit the next cell to force the previous cell at row 1 to lose focus
+      await tester.editCell(
+        rowIndex: 2,
+        fieldType: fieldType,
+        input: '.1',
+      );
+      // 0.2 -> 0.2
+      await tester.assertCellContent(
+        rowIndex: 1,
+        fieldType: fieldType,
+        content: '0.2',
+      );
+
+      // edit the next cell to force the previous cell at row 2 to lose focus
+      await tester.editCell(
+        rowIndex: 0,
+        fieldType: fieldType,
+        input: '',
+      );
+      // .1 -> 0.1
+      await tester.assertCellContent(
+        rowIndex: 2,
+        fieldType: fieldType,
+        content: '0.1',
+      );
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('edit checkbox cell', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      await tester.assertCheckboxCell(rowIndex: 0, isSelected: false);
+      await tester.tapCheckboxCellInGrid(rowIndex: 0);
+      await tester.assertCheckboxCell(rowIndex: 0, isSelected: true);
+
+      await tester.tapCheckboxCellInGrid(rowIndex: 1);
+      await tester.tapCheckboxCellInGrid(rowIndex: 2);
+      await tester.assertCheckboxCell(rowIndex: 1, isSelected: true);
+      await tester.assertCheckboxCell(rowIndex: 2, isSelected: true);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('edit create time cell', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      const fieldType = FieldType.CreatedTime;
+      // Create a create time field
+      // The create time field is not editable
+      await tester.createField(fieldType, fieldType.name);
+
+      await tester.tapCellInGrid(rowIndex: 0, fieldType: fieldType);
+
+      await tester.findDateEditor(findsNothing);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('edit last time cell', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      const fieldType = FieldType.LastEditedTime;
+      // Create a last time field
+      // The last time field is not editable
+      await tester.createField(fieldType, fieldType.name);
+
+      await tester.tapCellInGrid(rowIndex: 0, fieldType: fieldType);
+
+      await tester.findDateEditor(findsNothing);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('edit time cell', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      const fieldType = FieldType.DateTime;
+      await tester.createField(fieldType, fieldType.name);
+
+      // Tap the cell to invoke the field editor
+      await tester.tapCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findDateEditor(findsOneWidget);
+
+      // Toggle include time
+      await tester.toggleIncludeTime();
+
+      // Dismiss the cell editor
+      await tester.dismissCellEditor();
+
+      await tester.tapCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findDateEditor(findsOneWidget);
+
+      // Turn off include time
+      await tester.toggleIncludeTime();
+
+      // Select a date
+      final today = DateTime.now();
+      await tester.selectDay(content: today.day);
+
+      await tester.dismissCellEditor();
+
+      await tester.assertDateCellInGrid(
+        rowIndex: 0,
+        fieldType: fieldType,
+        content: DateFormat('MMM dd, y').format(today),
+      );
+
+      await tester.tapCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findDateEditor(findsOneWidget);
+
+      // Toggle include time
+      final now = DateTime.now();
+      await tester.toggleIncludeTime();
+
+      await tester.dismissCellEditor();
+
+      await tester.assertDateCellInGrid(
+        rowIndex: 0,
+        fieldType: fieldType,
+        content: DateFormat('MMM dd, y HH:mm').format(now),
+      );
+
+      await tester.tapCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findDateEditor(findsOneWidget);
+
+      // Change date format
+      await tester.changeDateFormat();
+
+      await tester.dismissCellEditor();
+
+      await tester.assertDateCellInGrid(
+        rowIndex: 0,
+        fieldType: fieldType,
+        content: DateFormat('dd/MM/y HH:mm').format(now),
+      );
+
+      await tester.tapCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findDateEditor(findsOneWidget);
+
+      // Change time format
+      await tester.changeTimeFormat();
+
+      await tester.dismissCellEditor();
+
+      await tester.assertDateCellInGrid(
+        rowIndex: 0,
+        fieldType: fieldType,
+        content: DateFormat('dd/MM/y hh:mm a').format(now),
+      );
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('edit single select cell', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      const fieldType = FieldType.SingleSelect;
+      await tester.tapAddButton();
+      // When create a grid, it will create a single select field by default
+      await tester.tapCreateGridButton();
+
+      // Tap the cell to invoke the selection option editor
+      await tester.tapSelectOptionCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findSelectOptionEditor(findsOneWidget);
+
+      // Create a new select option
+      await tester.createOption(name: 'tag 1');
+      await tester.dismissCellEditor();
+
+      // Make sure the option is created and displayed in the cell
+      await tester.findSelectOptionWithNameInGrid(
+        rowIndex: 0,
+        name: 'tag 1',
+      );
+
+      await tester.tapSelectOptionCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findSelectOptionEditor(findsOneWidget);
+
+      // Create another select option
+      await tester.createOption(name: 'tag 2');
+      await tester.dismissCellEditor();
+
+      await tester.findSelectOptionWithNameInGrid(
+        rowIndex: 0,
+        name: 'tag 2',
+      );
+
+      await tester.assertNumberOfSelectedOptionsInGrid(
+        rowIndex: 0,
+        matcher: findsOneWidget,
+      );
+
+      await tester.tapSelectOptionCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findSelectOptionEditor(findsOneWidget);
+
+      // switch to first option
+      await tester.selectOption(name: 'tag 1');
+      await tester.dismissCellEditor();
+
+      await tester.findSelectOptionWithNameInGrid(
+        rowIndex: 0,
+        name: 'tag 1',
+      );
+
+      await tester.assertNumberOfSelectedOptionsInGrid(
+        rowIndex: 0,
+        matcher: findsOneWidget,
+      );
+
+      await tester.tapSelectOptionCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findSelectOptionEditor(findsOneWidget);
+
+      // Deselect the currently-selected option
+      await tester.selectOption(name: 'tag 1');
+      await tester.dismissCellEditor();
+
+      await tester.assertNumberOfSelectedOptionsInGrid(
+        rowIndex: 0,
+        matcher: findsNothing,
+      );
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('edit multi select cell', (tester) async {
+      final tags = [
+        'tag 1',
+        'tag 2',
+        'tag 3',
+        'tag 4',
+      ];
+
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      const fieldType = FieldType.MultiSelect;
+      await tester.createField(fieldType, fieldType.name);
+
+      // Tap the cell to invoke the selection option editor
+      await tester.tapSelectOptionCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findSelectOptionEditor(findsOneWidget);
+
+      // Create a new select option
+      await tester.createOption(name: tags.first);
+      await tester.dismissCellEditor();
+
+      // Make sure the option is created and displayed in the cell
+      await tester.findSelectOptionWithNameInGrid(
+        rowIndex: 0,
+        name: tags.first,
+      );
+
+      await tester.tapSelectOptionCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findSelectOptionEditor(findsOneWidget);
+
+      // Create some other select options
+      await tester.createOption(name: tags[1]);
+      await tester.createOption(name: tags[2]);
+      await tester.createOption(name: tags[3]);
+      await tester.dismissCellEditor();
+
+      for (final tag in tags) {
+        await tester.findSelectOptionWithNameInGrid(
+          rowIndex: 0,
+          name: tag,
+        );
+      }
+
+      await tester.assertNumberOfSelectedOptionsInGrid(
+        rowIndex: 0,
+        matcher: findsNWidgets(4),
+      );
+
+      await tester.tapSelectOptionCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findSelectOptionEditor(findsOneWidget);
+
+      // Deselect all options
+      for (final tag in tags) {
+        await tester.selectOption(name: tag);
+      }
+      await tester.dismissCellEditor();
+
+      await tester.assertNumberOfSelectedOptionsInGrid(
+        rowIndex: 0,
+        matcher: findsNothing,
+      );
+
+      await tester.tapSelectOptionCellInGrid(rowIndex: 0, fieldType: fieldType);
+      await tester.findSelectOptionEditor(findsOneWidget);
+
+      // Select some options
+      await tester.selectOption(name: tags[1]);
+      await tester.selectOption(name: tags[3]);
+      await tester.dismissCellEditor();
+
+      await tester.findSelectOptionWithNameInGrid(
+        rowIndex: 0,
+        name: tags[1],
+      );
+      await tester.findSelectOptionWithNameInGrid(
+        rowIndex: 0,
+        name: tags[3],
+      );
+
+      await tester.assertNumberOfSelectedOptionsInGrid(
+        rowIndex: 0,
+        matcher: findsNWidgets(2),
+      );
+
+      await tester.pumpAndSettle();
+    });
+  });
+}
@@ -0,0 +1,215 @@
+import 'package:appflowy/plugins/database_view/grid/presentation/grid_page.dart';
+import 'package:appflowy/plugins/database_view/grid/presentation/widgets/header/type_option/select_option.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/database_test_op.dart';
+import 'util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('grid page', () {
+    testWidgets('rename existing field', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Invoke the field editor
+      await tester.tapGridFieldWithName('Name');
+      await tester.tapEditPropertyButton();
+
+      await tester.renameField('hello world');
+      await tester.dismissFieldEditor();
+
+      await tester.tapGridFieldWithName('hello world');
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('update field type of existing field', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Invoke the field editor
+      await tester.tapGridFieldWithName('Type');
+      await tester.tapEditPropertyButton();
+
+      await tester.tapTypeOptionButton();
+      await tester.selectFieldType(FieldType.Checkbox);
+      await tester.dismissFieldEditor();
+
+      await tester.assertFieldTypeWithFieldName(
+        'Type',
+        FieldType.Checkbox,
+      );
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('create a field and rename it', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // create a field
+      await tester.createField(FieldType.Checklist, 'checklist');
+
+      // check the field is created successfully
+      await tester.findFieldWithName('checklist');
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('delete field', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // create a field
+      await tester.createField(FieldType.Checkbox, 'New field 1');
+
+      // Delete the field
+      await tester.tapGridFieldWithName('New field 1');
+      await tester.tapDeletePropertyButton();
+
+      // confirm delete
+      await tester.tapDialogOkButton();
+
+      await tester.noFieldWithName('New field 1');
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('duplicate field', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // create a field
+      await tester.scrollToRight(find.byType(GridPage));
+      await tester.tapNewPropertyButton();
+      await tester.renameField('New field 1');
+      await tester.dismissFieldEditor();
+
+      // Delete the field
+      await tester.tapGridFieldWithName('New field 1');
+      await tester.tapDuplicatePropertyButton();
+
+      await tester.findFieldWithName('New field 1 (copy)');
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('hide field', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // create a field
+      await tester.scrollToRight(find.byType(GridPage));
+      await tester.tapNewPropertyButton();
+      await tester.renameField('New field 1');
+      await tester.dismissFieldEditor();
+
+      // Delete the field
+      await tester.tapGridFieldWithName('New field 1');
+      await tester.tapHidePropertyButton();
+
+      await tester.noFieldWithName('New field 1');
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('create checklist field ', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      await tester.scrollToRight(find.byType(GridPage));
+      await tester.tapNewPropertyButton();
+
+      // Open the type option menu
+      await tester.tapTypeOptionButton();
+
+      await tester.selectFieldType(FieldType.Checklist);
+
+      // After update the field type, the cells should be updated
+      await tester.findCellByFieldType(FieldType.Checklist);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('create list of fields', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      for (final fieldType in [
+        FieldType.Checklist,
+        FieldType.DateTime,
+        FieldType.Number,
+        FieldType.URL,
+        FieldType.MultiSelect,
+        FieldType.LastEditedTime,
+        FieldType.CreatedTime,
+        FieldType.Checkbox,
+      ]) {
+        await tester.scrollToRight(find.byType(GridPage));
+        await tester.tapNewPropertyButton();
+        await tester.renameField(fieldType.name);
+
+        // Open the type option menu
+        await tester.tapTypeOptionButton();
+
+        await tester.selectFieldType(fieldType);
+        await tester.dismissFieldEditor();
+
+        // After update the field type, the cells should be updated
+        await tester.findCellByFieldType(fieldType);
+        await tester.pumpAndSettle();
+      }
+    });
+
+    testWidgets('add option', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.createNewPageWithName(ViewLayoutPB.Grid);
+
+      // Invoke the field editor
+      await tester.tapGridFieldWithName('Type');
+      await tester.tapEditPropertyButton();
+
+      // tap 'add option' button
+      await tester.tapAddSelectOptionButton();
+      const text = 'Hello AppFlowy';
+      final inputField = find.descendant(
+        of: find.byType(CreateOptionTextField),
+        matching: find.byType(TextField),
+      );
+      await tester.enterText(inputField, text);
+      await tester.pumpAndSettle();
+      await tester.testTextInput.receiveAction(TextInputAction.done);
+      await tester.pumpAndSettle(const Duration(seconds: 1));
+
+      // check the result
+      tester.expectToSeeText(text);
+    });
+  });
+}
@@ -0,0 +1,142 @@
+import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/choicechip/checkbox.dart';
+import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/choicechip/text.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/database_test_op.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('grid', () {
+    testWidgets('add text filter', (tester) async {
+      await tester.openV020database();
+
+      // create a filter
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(FieldType.RichText, 'Name');
+      await tester.tapFilterButtonInGrid('Name');
+
+      // enter 'A' in the filter text field
+      await tester.assertNumberOfRowsInGridPage(10);
+      await tester.enterTextInTextFilter('A');
+      await tester.assertNumberOfRowsInGridPage(1);
+
+      // after remove the filter, the grid should show all rows
+      await tester.enterTextInTextFilter('');
+      await tester.assertNumberOfRowsInGridPage(10);
+
+      await tester.enterTextInTextFilter('B');
+      await tester.assertNumberOfRowsInGridPage(1);
+
+      // open the menu to delete the filter
+      await tester.tapDisclosureButtonInFinder(find.byType(TextFilterEditor));
+      await tester.tapDeleteFilterButtonInGrid();
+      await tester.assertNumberOfRowsInGridPage(10);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('add checkbox filter', (tester) async {
+      await tester.openV020database();
+
+      // create a filter
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(FieldType.Checkbox, 'Done');
+      await tester.assertNumberOfRowsInGridPage(5);
+
+      await tester.tapFilterButtonInGrid('Done');
+      await tester.tapCheckboxFilterButtonInGrid();
+
+      await tester.tapUnCheckedButtonOnCheckboxFilter();
+      await tester.assertNumberOfRowsInGridPage(5);
+
+      await tester
+          .tapDisclosureButtonInFinder(find.byType(CheckboxFilterEditor));
+      await tester.tapDeleteFilterButtonInGrid();
+      await tester.assertNumberOfRowsInGridPage(10);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('add checklist filter', (tester) async {
+      await tester.openV020database();
+
+      // create a filter
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(FieldType.Checklist, 'checklist');
+
+      // By default, the condition of checklist filter is 'uncompleted'
+      await tester.assertNumberOfRowsInGridPage(9);
+
+      await tester.tapFilterButtonInGrid('checklist');
+      await tester.tapChecklistFilterButtonInGrid();
+
+      await tester.tapCompletedButtonOnChecklistFilter();
+      await tester.assertNumberOfRowsInGridPage(1);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('add single select filter', (tester) async {
+      await tester.openV020database();
+
+      // create a filter
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(FieldType.SingleSelect, 'Type');
+
+      await tester.tapFilterButtonInGrid('Type');
+
+      // select the option 's6'
+      await tester.tapOptionFilterWithName('s6');
+      await tester.assertNumberOfRowsInGridPage(0);
+
+      // unselect the option 's6'
+      await tester.tapOptionFilterWithName('s6');
+      await tester.assertNumberOfRowsInGridPage(10);
+
+      // select the option 's5'
+      await tester.tapOptionFilterWithName('s5');
+      await tester.assertNumberOfRowsInGridPage(1);
+
+      // select the option 's4'
+      await tester.tapOptionFilterWithName('s4');
+
+      // The row with 's4' or 's5' should be shown.
+      await tester.assertNumberOfRowsInGridPage(2);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('add multi select filter', (tester) async {
+      await tester.openV020database();
+
+      // create a filter
+      await tester.tapDatabaseFilterButton();
+      await tester.tapCreateFilterByFieldType(
+        FieldType.MultiSelect,
+        'multi-select',
+      );
+
+      await tester.tapFilterButtonInGrid('multi-select');
+      await tester.scrollOptionFilterListByOffset(const Offset(0, -200));
+
+      // select the option 'm1'. Any option with 'm1' should be shown.
+      await tester.tapOptionFilterWithName('m1');
+      await tester.assertNumberOfRowsInGridPage(5);
+      await tester.tapOptionFilterWithName('m1');
+
+      // select the option 'm2'. Any option with 'm2' should be shown.
+      await tester.tapOptionFilterWithName('m2');
+      await tester.assertNumberOfRowsInGridPage(4);
+      await tester.tapOptionFilterWithName('m2');
+
+      // select the option 'm4'. Any option with 'm4' should be shown.
+      await tester.tapOptionFilterWithName('m4');
+      await tester.assertNumberOfRowsInGridPage(1);
+
+      await tester.pumpAndSettle();
+    });
+  });
+}
@@ -0,0 +1,273 @@
+import 'package:appflowy/plugins/database_view/widgets/row/row_banner.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flowy_infra_ui/style_widget/text.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/database_test_op.dart';
+import 'util/emoji.dart';
+import 'util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('grid', () {
+    testWidgets('row details page opens', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Hover first row and then open the row page
+      await tester.openFirstRowDetailPage();
+
+      // Make sure that the row page is opened
+      tester.assertRowDetailPageOpened();
+    });
+
+    testWidgets('insert emoji in the row detail page', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Hover first row and then open the row page
+      await tester.openFirstRowDetailPage();
+
+      await tester.hoverRowBanner();
+
+      await tester.openEmojiPicker();
+      await tester.switchToEmojiList();
+      await tester.tapEmoji('😀');
+
+      // After select the emoji, the EmojiButton will show up
+      await tester.tapButton(find.byType(EmojiButton));
+    });
+
+    testWidgets('update emoji in the row detail page', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Hover first row and then open the row page
+      await tester.openFirstRowDetailPage();
+      await tester.hoverRowBanner();
+      await tester.openEmojiPicker();
+      await tester.switchToEmojiList();
+      await tester.tapEmoji('😀');
+
+      // Update existing selected emoji
+      await tester.tapButton(find.byType(EmojiButton));
+      await tester.switchToEmojiList();
+      await tester.tapEmoji('😅');
+
+      // The emoji already displayed in the row banner
+      final emojiText = find.byWidgetPredicate(
+        (widget) => widget is FlowyText && widget.text == '😅',
+      );
+
+      // The number of emoji should be two. One in the row displayed in the grid
+      // one in the row detail page.
+      expect(emojiText, findsNWidgets(2));
+    });
+
+    testWidgets('remove emoji in the row detail page', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Hover first row and then open the row page
+      await tester.openFirstRowDetailPage();
+      await tester.hoverRowBanner();
+      await tester.openEmojiPicker();
+      await tester.switchToEmojiList();
+      await tester.tapEmoji('😀');
+
+      // Remove the emoji
+      await tester.tapButton(find.byType(RemoveEmojiButton));
+      final emojiText = find.byWidgetPredicate(
+        (widget) => widget is FlowyText && widget.text == '😀',
+      );
+      expect(emojiText, findsNothing);
+    });
+
+    testWidgets('create list of fields in row detail page', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Hover first row and then open the row page
+      await tester.openFirstRowDetailPage();
+
+      for (final fieldType in [
+        FieldType.Checklist,
+        FieldType.DateTime,
+        FieldType.Number,
+        FieldType.URL,
+        FieldType.MultiSelect,
+        FieldType.LastEditedTime,
+        FieldType.CreatedTime,
+        FieldType.Checkbox,
+      ]) {
+        await tester.tapRowDetailPageCreatePropertyButton();
+        await tester.renameField(fieldType.name);
+
+        // Open the type option menu
+        await tester.tapTypeOptionButton();
+
+        await tester.selectFieldType(fieldType);
+        await tester.dismissFieldEditor();
+
+        // After update the field type, the cells should be updated
+        await tester.findCellByFieldType(fieldType);
+        await tester.scrollRowDetailByOffset(const Offset(0, -50));
+      }
+    });
+
+    testWidgets('check document is exist in row detail page', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Hover first row and then open the row page
+      await tester.openFirstRowDetailPage();
+
+      // Each row detail page should have a document
+      await tester.assertDocumentExistInRowDetailPage();
+    });
+
+    testWidgets('update the content of the document and re-open it',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Hover first row and then open the row page
+      await tester.openFirstRowDetailPage();
+
+      // Wait for the document to be loaded
+      await tester.wait(500);
+
+      // Focus on the editor
+      final textBlock = find.byType(TextBlockComponentWidget);
+      await tester.tapAt(tester.getCenter(textBlock));
+      await tester.pumpAndSettle();
+
+      // Input some text
+      const inputText = 'Hello World';
+      await tester.ime.insertText(inputText);
+      expect(
+        find.textContaining(inputText, findRichText: true),
+        findsOneWidget,
+      );
+
+      // Tap outside to dismiss the field
+      await tester.tapAt(Offset.zero);
+      await tester.pumpAndSettle();
+
+      // Re-open the document
+      await tester.openFirstRowDetailPage();
+      expect(
+        find.textContaining(inputText, findRichText: true),
+        findsOneWidget,
+      );
+    });
+
+    testWidgets(
+        'check if the title wraps properly when a long text is inserted',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Hover first row and then open the row page
+      await tester.openFirstRowDetailPage();
+
+      // Wait for the document to be loaded
+      await tester.wait(500);
+
+      // Focus on the editor
+      final textField = find
+          .descendant(
+            of: find.byType(SimpleDialog),
+            matching: find.byType(TextField),
+          )
+          .first;
+
+      // Input a long text
+      await tester.enterText(textField, 'Long text' * 25);
+      await tester.pumpAndSettle();
+
+      // Tap outside to dismiss the field
+      await tester.tapAt(Offset.zero);
+      await tester.pumpAndSettle();
+
+      // Check if there is any overflow in the widget tree
+      expect(tester.takeException(), isNull);
+
+      // Re-open the document
+      await tester.openFirstRowDetailPage();
+
+      // Check again if there is any overflow in the widget tree
+      expect(tester.takeException(), isNull);
+    });
+
+    testWidgets('delete row in row detail page', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Hover first row and then open the row page
+      await tester.openFirstRowDetailPage();
+
+      await tester.tapRowDetailPageDeleteRowButton();
+      await tester.tapEscButton();
+
+      await tester.assertNumberOfRowsInGridPage(2);
+    });
+
+    testWidgets('duplicate row in row detail page', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // Create a new grid
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Hover first row and then open the row page
+      await tester.openFirstRowDetailPage();
+
+      await tester.tapRowDetailPageDuplicateRowButton();
+      await tester.tapEscButton();
+
+      await tester.assertNumberOfRowsInGridPage(4);
+    });
+  });
+}
@@ -0,0 +1,70 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/database_test_op.dart';
+import 'util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('grid', () {
+    testWidgets('create row of the grid', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+      await tester.tapCreateRowButtonInGrid();
+
+      // The initial number of rows is 3
+      await tester.assertNumberOfRowsInGridPage(4);
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('create row from row menu of the grid', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+      await tester.hoverOnFirstRowOfGrid();
+
+      await tester.tapCreateRowButtonInRowMenuOfGrid();
+
+      // The initial number of rows is 3
+      await tester.assertNumberOfRowsInGridPage(4);
+      await tester.assertRowCountInGridPage(4);
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('delete row of the grid', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+      await tester.hoverOnFirstRowOfGrid();
+
+      // Open the row menu and then click the delete
+      await tester.tapRowMenuButtonInGrid();
+      await tester.tapDeleteOnRowMenu();
+
+      // The initial number of rows is 3
+      await tester.assertNumberOfRowsInGridPage(2);
+      await tester.assertRowCountInGridPage(2);
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('check number of row indicator in the initial grid',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+      await tester.assertRowCountInGridPage(3);
+
+      await tester.pumpAndSettle();
+    });
+  });
+}
@@ -0,0 +1,51 @@
+import 'package:appflowy_backend/protobuf/flowy-database2/setting_entities.pbenum.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/database_test_op.dart';
+import 'util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('grid', () {
+    testWidgets('update layout', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // open setting
+      await tester.tapDatabaseSettingButton();
+      // select the layout
+      await tester.tapDatabaseLayoutButton();
+      // select layout by board
+      await tester.selectDatabaseLayoutType(DatabaseLayoutPB.Board);
+      await tester.assertCurrentDatabaseLayoutType(DatabaseLayoutPB.Board);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('update layout multiple times', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // open setting
+      await tester.tapDatabaseSettingButton();
+      await tester.tapDatabaseLayoutButton();
+      await tester.selectDatabaseLayoutType(DatabaseLayoutPB.Board);
+      await tester.assertCurrentDatabaseLayoutType(DatabaseLayoutPB.Board);
+
+      await tester.tapDatabaseSettingButton();
+      await tester.tapDatabaseLayoutButton();
+      await tester.selectDatabaseLayoutType(DatabaseLayoutPB.Calendar);
+      await tester.assertCurrentDatabaseLayoutType(DatabaseLayoutPB.Calendar);
+
+      await tester.pumpAndSettle();
+    });
+  });
+}
@@ -0,0 +1,166 @@
+import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/database_test_op.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('database', () {
+    testWidgets('import v0.2.0 database data', (tester) async {
+      await tester.openV020database();
+      // wait the database data is loaded
+      await tester.pumpAndSettle(const Duration(microseconds: 500));
+
+      // check the text cell
+      final textCells = <String>['A', 'B', 'C', 'D', 'E', '', '', '', '', ''];
+      for (final (index, content) in textCells.indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.RichText,
+          content: content,
+        );
+      }
+
+      // check the checkbox cell
+      final checkboxCells = <bool>[
+        true,
+        true,
+        true,
+        true,
+        true,
+        false,
+        false,
+        false,
+        false,
+        false
+      ];
+      for (final (index, content) in checkboxCells.indexed) {
+        await tester.assertCheckboxCell(
+          rowIndex: index,
+          isSelected: content,
+        );
+      }
+
+      // check the number cell
+      final numberCells = <String>[
+        '-1',
+        '-2',
+        '0.1',
+        '0.2',
+        '1',
+        '2',
+        '10',
+        '11',
+        '12',
+        ''
+      ];
+      for (final (index, content) in numberCells.indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.Number,
+          content: content,
+        );
+      }
+
+      // check the url cell
+      final urlCells = <String>[
+        'appflowy.io',
+        'no url',
+        'appflowy.io',
+        'https://github.com/AppFlowy-IO/',
+        '',
+        '',
+      ];
+      for (final (index, content) in urlCells.indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.URL,
+          content: content,
+        );
+      }
+
+      // check the single select cell
+      final singleSelectCells = <String>[
+        's1',
+        's2',
+        's3',
+        's4',
+        's5',
+        '',
+        '',
+        '',
+        '',
+        '',
+      ];
+      for (final (index, content) in singleSelectCells.indexed) {
+        await tester.assertSingleSelectOption(
+          rowIndex: index,
+          content: content,
+        );
+      }
+
+      // check the multi select cell
+      final List<List<String>> multiSelectCells = [
+        ['m1'],
+        ['m1', 'm2'],
+        ['m1', 'm2', 'm3'],
+        ['m1', 'm2', 'm3'],
+        ['m1', 'm2', 'm3', 'm4', 'm5'],
+        [],
+        [],
+        [],
+        [],
+        [],
+      ];
+      for (final (index, contents) in multiSelectCells.indexed) {
+        await tester.assertMultiSelectOption(
+          rowIndex: index,
+          contents: contents,
+        );
+      }
+
+      // check the checklist cell
+      final List<double> checklistCells = [
+        0.6,
+        0.3,
+        1.0,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+        0.0,
+      ];
+      for (final (index, percent) in checklistCells.indexed) {
+        await tester.assertChecklistCellInGrid(
+          rowIndex: index,
+          percent: percent,
+        );
+      }
+
+      // check the date cell
+      final List<String> dateCells = [
+        'Jun 01, 2023',
+        'Jun 02, 2023',
+        'Jun 03, 2023',
+        'Jun 04, 2023',
+        'Jun 05, 2023',
+        'Jun 05, 2023',
+        'Jun 16, 2023',
+        '',
+        '',
+        ''
+      ];
+      for (final (index, content) in dateCells.indexed) {
+        await tester.assertDateCellInGrid(
+          rowIndex: index,
+          fieldType: FieldType.DateTime,
+          content: content,
+        );
+      }
+    });
+  });
+}
@@ -0,0 +1,267 @@
+import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/database_test_op.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('grid', () {
+    testWidgets('add text sort', (tester) async {
+      await tester.openV020database();
+      // create a filter
+      await tester.tapDatabaseSortButton();
+      await tester.tapCreateSortByFieldType(FieldType.RichText, 'Name');
+
+      // check the text cell order
+      final textCells = <String>[
+        '',
+        '',
+        '',
+        '',
+        '',
+        'A',
+        'B',
+        'C',
+        'D',
+        'E',
+      ];
+      for (final (index, content) in textCells.indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.RichText,
+          content: content,
+        );
+      }
+
+      // open the sort menu and select order by descending
+      await tester.tapSortMenuInSettingBar();
+      await tester.tapSortButtonByName('Name');
+      await tester.tapSortByDescending();
+      for (final (index, content) in <String>[
+        'E',
+        'D',
+        'C',
+        'B',
+        'A',
+        '',
+        '',
+        '',
+        '',
+        '',
+      ].indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.RichText,
+          content: content,
+        );
+      }
+
+      // delete all sorts
+      await tester.tapSortMenuInSettingBar();
+      await tester.tapAllSortButton();
+
+      // check the text cell order
+      for (final (index, content) in <String>[
+        'A',
+        'B',
+        'C',
+        'D',
+        'E',
+        '',
+        '',
+        '',
+        '',
+        '',
+      ].indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.RichText,
+          content: content,
+        );
+      }
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('add checkbox sort', (tester) async {
+      await tester.openV020database();
+      // create a filter
+      await tester.tapDatabaseSortButton();
+      await tester.tapCreateSortByFieldType(FieldType.Checkbox, 'Done');
+
+      // check the checkbox cell order
+      for (final (index, content) in <bool>[
+        false,
+        false,
+        false,
+        false,
+        false,
+        true,
+        true,
+        true,
+        true,
+        true,
+      ].indexed) {
+        await tester.assertCheckboxCell(
+          rowIndex: index,
+          isSelected: content,
+        );
+      }
+
+      // open the sort menu and select order by descending
+      await tester.tapSortMenuInSettingBar();
+      await tester.tapSortButtonByName('Done');
+      await tester.tapSortByDescending();
+      for (final (index, content) in <bool>[
+        true,
+        true,
+        true,
+        true,
+        true,
+        false,
+        false,
+        false,
+        false,
+        false,
+      ].indexed) {
+        await tester.assertCheckboxCell(
+          rowIndex: index,
+          isSelected: content,
+        );
+      }
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('add number sort', (tester) async {
+      await tester.openV020database();
+      // create a filter
+      await tester.tapDatabaseSortButton();
+      await tester.tapCreateSortByFieldType(FieldType.Number, 'number');
+
+      // check the number cell order
+      for (final (index, content) in <String>[
+        '',
+        '-2',
+        '-1',
+        '0.1',
+        '0.2',
+        '1',
+        '2',
+        '10',
+        '11',
+        '12',
+      ].indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.Number,
+          content: content,
+        );
+      }
+
+      // open the sort menu and select order by descending
+      await tester.tapSortMenuInSettingBar();
+      await tester.tapSortButtonByName('number');
+      await tester.tapSortByDescending();
+      for (final (index, content) in <String>[
+        '12',
+        '11',
+        '10',
+        '2',
+        '1',
+        '0.2',
+        '0.1',
+        '-1',
+        '-2',
+        '',
+      ].indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.Number,
+          content: content,
+        );
+      }
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('add number and text sort', (tester) async {
+      await tester.openV020database();
+      // create a filter
+      await tester.tapDatabaseSortButton();
+      await tester.tapCreateSortByFieldType(FieldType.Number, 'number');
+
+      // open the sort menu and select number order by descending
+      await tester.tapSortMenuInSettingBar();
+      await tester.tapSortButtonByName('number');
+      await tester.tapSortByDescending();
+      for (final (index, content) in <String>[
+        '12',
+        '11',
+        '10',
+        '2',
+        '1',
+        '0.2',
+        '0.1',
+        '-1',
+        '-2',
+        '',
+      ].indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.Number,
+          content: content,
+        );
+      }
+
+      await tester.tapSortMenuInSettingBar();
+      await tester.tapCreateSortByFieldTypeInSortMenu(
+        FieldType.RichText,
+        'Name',
+      );
+
+      // check number cell order
+      for (final (index, content) in <String>[
+        '12',
+        '11',
+        '10',
+        '2',
+        '',
+        '-1',
+        '-2',
+        '0.1',
+        '0.2',
+        '1',
+      ].indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.Number,
+          content: content,
+        );
+      }
+
+      // check text cell order
+      for (final (index, content) in <String>[
+        '',
+        '',
+        '',
+        '',
+        '',
+        'A',
+        'B',
+        'C',
+        'D',
+        'E',
+      ].indexed) {
+        await tester.assertCellContent(
+          rowIndex: index,
+          fieldType: FieldType.RichText,
+          content: content,
+        );
+      }
+
+      await tester.pumpAndSettle();
+    });
+  });
+}
@@ -0,0 +1,81 @@
+import 'package:appflowy/plugins/database_view/tar_bar/tar_bar_add_button.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/setting_entities.pbenum.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/database_test_op.dart';
+import 'util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('database', () {
+    testWidgets('create linked view', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Create board view
+      await tester.tapCreateLinkedDatabaseViewButton(AddButtonAction.board);
+      tester.assertCurrentDatabaseTagIs(DatabaseLayoutPB.Board);
+
+      // Create grid view
+      await tester.tapCreateLinkedDatabaseViewButton(AddButtonAction.grid);
+      tester.assertCurrentDatabaseTagIs(DatabaseLayoutPB.Grid);
+
+      // Create calendar view
+      await tester.tapCreateLinkedDatabaseViewButton(AddButtonAction.calendar);
+      tester.assertCurrentDatabaseTagIs(DatabaseLayoutPB.Calendar);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('rename and delete linked view', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Create board view
+      await tester.tapCreateLinkedDatabaseViewButton(AddButtonAction.board);
+      tester.assertCurrentDatabaseTagIs(DatabaseLayoutPB.Board);
+
+      // rename board view
+      await tester.renameLinkedView(
+        tester.findTabBarLinkViewByViewLayout(ViewLayoutPB.Board),
+        'new board',
+      );
+      final findBoard = tester.findTabBarLinkViewByViewName('new board');
+      expect(findBoard, findsOneWidget);
+
+      // delete the board
+      await tester.deleteDatebaseView(findBoard);
+      expect(tester.findTabBarLinkViewByViewName('new board'), findsNothing);
+
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('delete the last database view', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.tapAddButton();
+      await tester.tapCreateGridButton();
+
+      // Create board view
+      await tester.tapCreateLinkedDatabaseViewButton(AddButtonAction.board);
+      tester.assertCurrentDatabaseTagIs(DatabaseLayoutPB.Board);
+
+      // delete the board
+      await tester.deleteDatebaseView(
+        tester.findTabBarLinkViewByViewLayout(ViewLayoutPB.Board),
+      );
+
+      await tester.pumpAndSettle();
+    });
+  });
+}
@@ -4,27 +4,12 @@ import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';

-import 'util/util.dart';
+import '../util/util.dart';

 void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

-  group('document', () {
-    const location = 'appflowy';
-
-    setUp(() async {
-      await TestFolder.cleanTestLocation(location);
-      await TestFolder.setTestLocation(location);
-    });
-
-    tearDown(() async {
-      await TestFolder.cleanTestLocation(location);
-    });
-
-    tearDownAll(() async {
-      await TestFolder.cleanTestLocation(null);
-    });
-
+  group('create and delete the document', () {
    testWidgets('create a new document when launching app in first time',
        (tester) async {
      await tester.initializeAppFlowy();
@@ -0,0 +1,26 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'document_create_and_delete_test.dart'
+    as document_create_and_delete_test;
+import 'document_with_cover_image_test.dart' as document_with_cover_image_test;
+import 'document_with_database_test.dart' as document_with_database_test;
+import 'document_with_inline_math_equation_test.dart'
+    as document_with_inline_math_equation_test;
+import 'document_with_inline_page_test.dart' as document_with_inline_page_test;
+import 'document_with_toggle_list_test.dart' as document_with_toggle_list_test;
+import 'edit_document_test.dart' as document_edit_test;
+import 'document_with_outline_block_test.dart' as document_with_outline_block;
+
+void startTesting() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  // Document integration tests
+  document_create_and_delete_test.main();
+  document_edit_test.main();
+  document_with_database_test.main();
+  document_with_inline_page_test.main();
+  document_with_inline_math_equation_test.main();
+  document_with_cover_image_test.main();
+  document_with_outline_block.main();
+  document_with_toggle_list_test.main();
+}
@@ -0,0 +1,120 @@
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/document_header_node_widget.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../util/emoji.dart';
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('cover image', () {
+    testWidgets('document cover tests', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      tester.expectToSeeNoDocumentCover();
+
+      // Hover over cover toolbar to show 'Add Cover' and 'Add Icon' buttons
+      await tester.editor.hoverOnCoverToolbar();
+      tester.expectToSeePluginAddCoverAndIconButton();
+
+      // Insert a document cover
+      await tester.editor.tapOnAddCover();
+      tester.expectToSeeDocumentCover(CoverType.asset);
+
+      // Hover over the cover to show the 'Change Cover' and delete buttons
+      await tester.editor.hoverOnCover();
+      tester.expectChangeCoverAndDeleteButton();
+
+      // Change cover to a solid color background
+      await tester.editor.tapOnChangeCover();
+      await tester.editor.switchSolidColorBackground();
+      await tester.editor.dismissCoverPicker();
+      tester.expectToSeeDocumentCover(CoverType.color);
+
+      // Change cover to a network image
+      const imageUrl =
+          "https://raw.githubusercontent.com/AppFlowy-IO/AppFlowy/main/frontend/appflowy_flutter/assets/images/appflowy_launch_splash.jpg";
+      await tester.editor.hoverOnCover();
+      await tester.editor.tapOnChangeCover();
+      await tester.editor.addNetworkImageCover(imageUrl);
+      await tester.editor.switchNetworkImageCover(imageUrl);
+      await tester.editor.dismissCoverPicker();
+      tester.expectToSeeDocumentCover(CoverType.file);
+
+      // Remove the cover
+      await tester.editor.hoverOnCover();
+      await tester.editor.tapOnRemoveCover();
+      tester.expectToSeeNoDocumentCover();
+    });
+
+    testWidgets('document icon tests', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      tester.expectToSeeDocumentIcon(null);
+
+      // Hover over cover toolbar to show the 'Add Cover' and 'Add Icon' buttons
+      await tester.editor.hoverOnCoverToolbar();
+      tester.expectToSeePluginAddCoverAndIconButton();
+
+      // Insert a document icon
+      await tester.editor.tapAddIconButton();
+      await tester.switchToEmojiList();
+      await tester.tapEmoji('😀');
+      tester.expectToSeeDocumentIcon('😀');
+
+      // Remove the document icon from the cover toolbar
+      await tester.editor.hoverOnCoverToolbar();
+      await tester.editor.tapRemoveIconButton();
+      tester.expectToSeeDocumentIcon(null);
+
+      // Add the icon back for further testing
+      await tester.editor.hoverOnCoverToolbar();
+      await tester.editor.tapAddIconButton();
+      await tester.switchToEmojiList();
+      await tester.tapEmoji('😀');
+      tester.expectToSeeDocumentIcon('😀');
+
+      // Change the document icon
+      await tester.editor.tapOnIconWidget();
+      await tester.switchToEmojiList();
+      await tester.tapEmoji('😅');
+      tester.expectToSeeDocumentIcon('😅');
+
+      // Remove the document icon from the icon picker
+      await tester.editor.tapOnIconWidget();
+      await tester.editor.tapRemoveIconButton(isInPicker: true);
+      tester.expectToSeeDocumentIcon(null);
+    });
+
+    testWidgets('icon and cover at the same time', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      tester.expectToSeeDocumentIcon(null);
+      tester.expectToSeeNoDocumentCover();
+
+      // Hover over cover toolbar to show the 'Add Cover' and 'Add Icon' buttons
+      await tester.editor.hoverOnCoverToolbar();
+      tester.expectToSeePluginAddCoverAndIconButton();
+
+      // Insert a document icon
+      await tester.editor.tapAddIconButton();
+      await tester.switchToEmojiList();
+      await tester.tapEmoji('😀');
+
+      // Insert a document cover
+      await tester.editor.tapOnAddCover();
+
+      // Expect to see the icon and cover at the same time
+      tester.expectToSeeDocumentIcon('😀');
+      tester.expectToSeeDocumentCover(CoverType.asset);
+
+      // Hover over the cover toolbar and see that neither icons are shown
+      await tester.editor.hoverOnCoverToolbar();
+      tester.expectToSeeEmptyDocumentHeaderToolbar();
+    });
+  });
+}
@@ -0,0 +1,100 @@
+import 'package:appflowy/plugins/database_view/board/presentation/board_page.dart';
+import 'package:appflowy/plugins/database_view/calendar/presentation/calendar_page.dart';
+import 'package:appflowy/plugins/database_view/grid/presentation/grid_page.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/base/link_to_page_widget.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('database view in document', () {
+    testWidgets('insert a referenced grid', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await insertReferenceDatabase(tester, ViewLayoutPB.Grid);
+
+      // validate the referenced grid is inserted
+      expect(
+        find.descendant(
+          of: find.byType(AppFlowyEditor),
+          matching: find.byType(GridPage),
+        ),
+        findsOneWidget,
+      );
+    });
+
+    testWidgets('insert a referenced board', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await insertReferenceDatabase(tester, ViewLayoutPB.Board);
+
+      // validate the referenced board is inserted
+      expect(
+        find.descendant(
+          of: find.byType(AppFlowyEditor),
+          matching: find.byType(BoardPage),
+        ),
+        findsOneWidget,
+      );
+    });
+
+    testWidgets('insert a referenced calendar', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await insertReferenceDatabase(tester, ViewLayoutPB.Calendar);
+
+      // validate the referenced grid is inserted
+      expect(
+        find.descendant(
+          of: find.byType(AppFlowyEditor),
+          matching: find.byType(CalendarPage),
+        ),
+        findsOneWidget,
+      );
+    });
+  });
+}
+
+/// Insert a referenced database of [layout] into the document
+Future<void> insertReferenceDatabase(
+  WidgetTester tester,
+  ViewLayoutPB layout,
+) async {
+  // create a new grid
+  final id = uuid();
+  final name = '${layout.name}_$id';
+  await tester.createNewPageWithName(
+    layout,
+    name,
+  );
+  // create a new document
+  await tester.createNewPageWithName(
+    ViewLayoutPB.Document,
+    'insert_a_reference_${layout.name}',
+  );
+  // tap the first line of the document
+  await tester.editor.tapLineOfEditorAt(0);
+  // insert a referenced view
+  await tester.editor.showSlashMenu();
+  await tester.editor.tapSlashMenuItemWithName(
+    layout.referencedMenuName,
+  );
+
+  final linkToPageMenu = find.byType(LinkToPageMenu);
+  expect(linkToPageMenu, findsOneWidget);
+  final referencedDatabase = find.descendant(
+    of: linkToPageMenu,
+    matching: find.findTextInFlowyText(name),
+  );
+  expect(referencedDatabase, findsOneWidget);
+  await tester.tapButton(referencedDatabase);
+}
@@ -0,0 +1,120 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra_ui/style_widget/button.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+  TestWidgetsFlutterBinding.ensureInitialized();
+
+  group('inline math equation in document', () {
+    testWidgets('insert an inline math equation', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new document
+      await tester.createNewPageWithName(
+        ViewLayoutPB.Document,
+        LocaleKeys.document_plugins_createInlineMathEquation.tr(),
+      );
+
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      // insert a inline page
+      const formula = 'E = MC ^ 2';
+      await tester.ime.insertText(formula);
+      await tester.editor.updateSelection(
+        Selection.single(path: [0], startOffset: 0, endOffset: formula.length),
+      );
+
+      // tap the inline math equation button
+      final inlineMathEquationButton = find.byTooltip(
+        LocaleKeys.document_plugins_createInlineMathEquation.tr(),
+      );
+      await tester.tapButton(inlineMathEquationButton);
+
+      // expect to see the math equation block
+      final inlineMathEquation = find.byType(InlineMathEquation);
+      expect(inlineMathEquation, findsOneWidget);
+
+      // tap it and update the content
+      await tester.tapButton(inlineMathEquation);
+      final textFormField = find.descendant(
+        of: find.byType(MathInputTextField),
+        matching: find.byType(TextFormField),
+      );
+      const newFormula = 'E = MC ^ 3';
+      await tester.enterText(textFormField, newFormula);
+      await tester.tapButton(
+        find.descendant(
+          of: find.byType(MathInputTextField),
+          matching: find.byType(FlowyButton),
+        ),
+      );
+      await tester.pumpAndSettle();
+    });
+
+    testWidgets('remove the inline math equation format', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new document
+      await tester.createNewPageWithName(
+        ViewLayoutPB.Document,
+        LocaleKeys.document_plugins_createInlineMathEquation.tr(),
+      );
+
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      // insert a inline page
+      const formula = 'E = MC ^ 2';
+      await tester.ime.insertText(formula);
+      await tester.editor.updateSelection(
+        Selection.single(path: [0], startOffset: 0, endOffset: formula.length),
+      );
+
+      // tap the inline math equation button
+      var inlineMathEquationButton = find.byTooltip(
+        LocaleKeys.document_plugins_createInlineMathEquation.tr(),
+      );
+      await tester.tapButton(inlineMathEquationButton);
+
+      // expect to see the math equation block
+      var inlineMathEquation = find.byType(InlineMathEquation);
+      expect(inlineMathEquation, findsOneWidget);
+
+      // highlight the math equation block
+      await tester.editor.updateSelection(
+        Selection.single(path: [0], startOffset: 0, endOffset: 1),
+      );
+
+      // expect to the see the inline math equation button is highlighted
+      inlineMathEquationButton = find.byWidgetPredicate(
+        (widget) =>
+            widget is SVGIconItemWidget &&
+            widget.tooltip ==
+                LocaleKeys.document_plugins_createInlineMathEquation.tr(),
+      );
+      expect(
+        tester.widget<SVGIconItemWidget>(inlineMathEquationButton).isHighlight,
+        isTrue,
+      );
+
+      // cancel the format
+      await tester.tapButton(inlineMathEquationButton);
+
+      // expect to see the math equation block is removed
+      inlineMathEquation = find.byType(InlineMathEquation);
+      expect(inlineMathEquation, findsNothing);
+
+      tester.expectToSeeText(formula);
+    });
+  });
+}
@@ -0,0 +1,118 @@
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_page_block.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flowy_infra_ui/widget/error_page.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('inline page view in document', () {
+    testWidgets('insert a inline page - grid', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await insertingInlinePage(tester, ViewLayoutPB.Grid);
+
+      final mentionBlock = find.byType(MentionPageBlock);
+      expect(mentionBlock, findsOneWidget);
+      await tester.tapButton(mentionBlock);
+    });
+
+    testWidgets('insert a inline page - board', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await insertingInlinePage(tester, ViewLayoutPB.Board);
+
+      final mentionBlock = find.byType(MentionPageBlock);
+      expect(mentionBlock, findsOneWidget);
+      await tester.tapButton(mentionBlock);
+    });
+
+    testWidgets('insert a inline page - calendar', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await insertingInlinePage(tester, ViewLayoutPB.Calendar);
+
+      final mentionBlock = find.byType(MentionPageBlock);
+      expect(mentionBlock, findsOneWidget);
+      await tester.tapButton(mentionBlock);
+    });
+
+    testWidgets('insert a inline page - document', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await insertingInlinePage(tester, ViewLayoutPB.Document);
+
+      final mentionBlock = find.byType(MentionPageBlock);
+      expect(mentionBlock, findsOneWidget);
+      await tester.tapButton(mentionBlock);
+    });
+
+    testWidgets('insert a inline page and rename it', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      final pageName = await insertingInlinePage(tester, ViewLayoutPB.Document);
+
+      // rename
+      await tester.hoverOnPageName(pageName);
+      const newName = 'RenameToNewPageName';
+      await tester.renamePage(newName);
+      final finder = find.descendant(
+        of: find.byType(MentionPageBlock),
+        matching: find.findTextInFlowyText(newName),
+      );
+      expect(finder, findsOneWidget);
+    });
+
+    testWidgets('insert a inline page and delete it', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      final pageName = await insertingInlinePage(tester, ViewLayoutPB.Grid);
+
+      // rename
+      await tester.hoverOnPageName(pageName);
+      await tester.tapDeletePageButton();
+      final finder = find.descendant(
+        of: find.byType(MentionPageBlock),
+        matching: find.findTextInFlowyText(pageName),
+      );
+      expect(finder, findsOneWidget);
+      await tester.tapButton(finder);
+      expect(find.byType(FlowyErrorPage), findsOneWidget);
+    });
+  });
+}
+
+/// Insert a referenced database of [layout] into the document
+Future<String> insertingInlinePage(
+  WidgetTester tester,
+  ViewLayoutPB layout,
+) async {
+  // create a new grid
+  final id = uuid();
+  final name = '${layout.name}_$id';
+  await tester.createNewPageWithName(
+    layout,
+    name,
+  );
+  // create a new document
+  await tester.createNewPageWithName(
+    ViewLayoutPB.Document,
+    'insert_a_inline_page_${layout.name}',
+  );
+  // tap the first line of the document
+  await tester.editor.tapLineOfEditorAt(0);
+  // insert a inline page
+  await tester.editor.showAtMenu();
+  await tester.editor.tapAtMenuItemWithName(name);
+  return name;
+}
@@ -0,0 +1,85 @@
+import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:url_launcher_platform_interface/url_launcher_platform_interface.dart';
+
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('test editing link in document', () {
+    late MockUrlLauncher mock;
+
+    setUp(() {
+      mock = MockUrlLauncher();
+      UrlLauncherPlatform.instance = mock;
+    });
+
+    testWidgets('insert/edit/open link', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new document
+      await tester.createNewPageWithName(
+        ViewLayoutPB.Document,
+      );
+
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      // insert a inline page
+      const link = 'AppFlowy';
+      await tester.ime.insertText(link);
+      await tester.editor.updateSelection(
+        Selection.single(path: [0], startOffset: 0, endOffset: link.length),
+      );
+
+      // tap the link button
+      final linkButton = find.byTooltip(
+        'Link',
+      );
+      await tester.tapButton(linkButton);
+      expect(find.text('Add your link', findRichText: true), findsOneWidget);
+
+      // input the link
+      const url = 'https://appflowy.io';
+      final textField = find.byWidgetPredicate(
+        (widget) => widget is TextField && widget.decoration!.hintText == 'URL',
+      );
+      await tester.enterText(textField, url);
+      await tester.testTextInput.receiveAction(TextInputAction.done);
+      await tester.pumpAndSettle();
+
+      // single-click the link menu to show the menu
+      await tester.tapButton(find.text(link, findRichText: true));
+      expect(find.text('Open link', findRichText: true), findsOneWidget);
+      expect(find.text('Copy link', findRichText: true), findsOneWidget);
+      expect(find.text('Remove link', findRichText: true), findsOneWidget);
+
+      // double-click the link menu to open the link
+      mock
+        ..setLaunchExpectations(
+          url: url,
+          useSafariVC: false,
+          useWebView: false,
+          universalLinksOnly: false,
+          enableJavaScript: true,
+          enableDomStorage: true,
+          headers: <String, String>{},
+          webOnlyWindowName: null,
+          launchMode: PreferredLaunchMode.platformDefault,
+        )
+        ..setResponse(true);
+
+      await tester.simulateKeyEvent(LogicalKeyboardKey.escape);
+      await tester.doubleTapAt(
+        tester.getTopLeft(find.text(link, findRichText: true)).translate(5, 5),
+      );
+      expect(mock.canLaunchCalled, isTrue);
+      expect(mock.launchCalled, isTrue);
+    });
+  });
+}
@@ -0,0 +1,102 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/outline/outline_block_component.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('outline block test', () {
+    testWidgets('insert an outline block', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.createNewPageWithName(
+        ViewLayoutPB.Document,
+        'outline_test',
+      );
+
+      await tester.editor.tapLineOfEditorAt(0);
+      await insertOutlineInDocument(tester);
+
+      // validate the outline is inserted
+      expect(find.byType(OutlineBlockWidget), findsOneWidget);
+    });
+
+    testWidgets('insert an outline block and check if headings are visible',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      await tester.createNewPageWithName(
+        ViewLayoutPB.Document,
+        'outline_test',
+      );
+      await tester.editor.tapLineOfEditorAt(0);
+
+      await tester.ime.insertText('# Heading 1\n');
+      await tester.ime.insertText('## Heading 2\n');
+      await tester.ime.insertText('### Heading 3\n');
+
+      /* Results in:
+      * # Heading 1
+      * ## Heading 2
+      * ### Heading 3
+      */
+
+      await tester.editor.tapLineOfEditorAt(3);
+      await insertOutlineInDocument(tester);
+
+      expect(
+        find.descendant(
+          of: find.byType(OutlineBlockWidget),
+          matching: find.text('Heading 1'),
+        ),
+        findsOneWidget,
+      );
+
+      // Heading 2 is prefixed with a bullet
+      expect(
+        find.descendant(
+          of: find.byType(OutlineBlockWidget),
+          matching: find.text('Heading 2'),
+        ),
+        findsOneWidget,
+      );
+
+      // Heading 3 is prefixed with a dash
+      expect(
+        find.descendant(
+          of: find.byType(OutlineBlockWidget),
+          matching: find.text('Heading 3'),
+        ),
+        findsOneWidget,
+      );
+
+      // update the Heading 1 to Heading 1Hello world
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.ime.insertText('Hello world');
+      expect(
+        find.descendant(
+          of: find.byType(OutlineBlockWidget),
+          matching: find.text('Heading 1Hello world'),
+        ),
+        findsOneWidget,
+      );
+    });
+  });
+}
+
+/// Inserts an outline block in the document
+Future<void> insertOutlineInDocument(WidgetTester tester) async {
+  // open the actions menu and insert the outline block
+  await tester.editor.showSlashMenu();
+  await tester.editor.tapSlashMenuItemWithName(
+    LocaleKeys.document_selectionMenu_outline.tr(),
+  );
+  await tester.pumpAndSettle();
+}
@@ -0,0 +1,227 @@
+import 'dart:io';
+
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+  TestWidgetsFlutterBinding.ensureInitialized();
+
+  group('toggle list in document', () {
+    void expectToggleListOpened() {
+      expect(find.byIcon(Icons.arrow_drop_down), findsOneWidget);
+      expect(find.byIcon(Icons.arrow_right), findsNothing);
+    }
+
+    void expectToggleListClosed() {
+      expect(find.byIcon(Icons.arrow_drop_down), findsNothing);
+      expect(find.byIcon(Icons.arrow_right), findsOneWidget);
+    }
+
+    testWidgets('convert > to toggle list, and click the icon to close it',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new document
+      await tester.createNewPageWithName(
+        ViewLayoutPB.Document,
+      );
+
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      // insert a toggle list
+      const text = 'This is a toggle list sample';
+      await tester.ime.insertText('> $text');
+
+      final editorState = tester.editor.getCurrentEditorState();
+      final toggleList = editorState.document.nodeAtPath([0])!;
+      expect(
+        toggleList.type,
+        ToggleListBlockKeys.type,
+      );
+      expect(
+        toggleList.attributes[ToggleListBlockKeys.collapsed],
+        false,
+      );
+      expect(
+        toggleList.delta!.toPlainText(),
+        text,
+      );
+
+      // Simulate pressing enter key to move the cursor to the next line
+      await tester.ime.insertCharacter('\n');
+      const text2 = 'This is a child node';
+      await tester.ime.insertText(text2);
+      expect(find.text(text2, findRichText: true), findsOneWidget);
+
+      // Click the toggle list icon to close it
+      final toggleListIcon = find.byIcon(Icons.arrow_drop_down);
+      await tester.tapButton(toggleListIcon);
+
+      // expect the toggle list to be closed
+      expect(find.text(text2, findRichText: true), findsNothing);
+    });
+
+    testWidgets('press enter key when the toggle list is closed',
+        (tester) async {
+      // if the toggle list is closed, press enter key will insert a new toggle list after it
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new document
+      await tester.createNewPageWithName(
+        ViewLayoutPB.Document,
+      );
+
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      // insert a toggle list
+      const text = 'Hello AppFlowy';
+      await tester.ime.insertText('> $text');
+
+      // Click the toggle list icon to close it
+      final toggleListIcon = find.byIcon(Icons.arrow_drop_down);
+      await tester.tapButton(toggleListIcon);
+
+      // Press the enter key
+      await tester.editor.updateSelection(
+        Selection.collapse(
+          [0],
+          'Hello '.length,
+        ),
+      );
+      await tester.ime.insertCharacter('\n');
+
+      final editorState = tester.editor.getCurrentEditorState();
+      final node0 = editorState.getNodeAtPath([0])!;
+      final node1 = editorState.getNodeAtPath([1])!;
+
+      expect(node0.type, ToggleListBlockKeys.type);
+      expect(node0.attributes[ToggleListBlockKeys.collapsed], true);
+      expect(node0.delta!.toPlainText(), 'Hello ');
+      expect(node1.type, ToggleListBlockKeys.type);
+      expect(node1.delta!.toPlainText(), 'AppFlowy');
+    });
+
+    testWidgets('press enter key when the toggle list is open', (tester) async {
+      // if the toggle list is open, press enter key will insert a new paragraph inside it
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new document
+      await tester.createNewPageWithName(
+        ViewLayoutPB.Document,
+      );
+
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      // insert a toggle list
+      const text = 'Hello AppFlowy';
+      await tester.ime.insertText('> $text');
+
+      // Press the enter key
+      await tester.editor.updateSelection(
+        Selection.collapse(
+          [0],
+          'Hello '.length,
+        ),
+      );
+      await tester.ime.insertCharacter('\n');
+
+      final editorState = tester.editor.getCurrentEditorState();
+      final node0 = editorState.getNodeAtPath([0])!;
+      final node00 = editorState.getNodeAtPath([0, 0])!;
+      final node1 = editorState.getNodeAtPath([1]);
+
+      expect(node0.type, ToggleListBlockKeys.type);
+      expect(node0.attributes[ToggleListBlockKeys.collapsed], false);
+      expect(node0.delta!.toPlainText(), 'Hello ');
+      expect(node00.type, ParagraphBlockKeys.type);
+      expect(node00.delta!.toPlainText(), 'AppFlowy');
+      expect(node1, isNull);
+    });
+
+    testWidgets('clear the format if toggle list if empty', (tester) async {
+      // if the toggle list is open, press enter key will insert a new paragraph inside it
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new document
+      await tester.createNewPageWithName(
+        ViewLayoutPB.Document,
+      );
+
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      // insert a toggle list
+      await tester.ime.insertText('> ');
+
+      // Press the enter key
+      // Click the toggle list icon to close it
+      final toggleListIcon = find.byIcon(Icons.arrow_drop_down);
+      await tester.tapButton(toggleListIcon);
+
+      await tester.editor.updateSelection(
+        Selection.collapse(
+          [0],
+          0,
+        ),
+      );
+      await tester.ime.insertCharacter('\n');
+
+      final editorState = tester.editor.getCurrentEditorState();
+      final node0 = editorState.getNodeAtPath([0])!;
+
+      expect(node0.type, ParagraphBlockKeys.type);
+    });
+
+    testWidgets('use cmd/ctrl + enter to open/close the toggle list',
+        (tester) async {
+      // if the toggle list is open, press enter key will insert a new paragraph inside it
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new document
+      await tester.createNewPageWithName(
+        ViewLayoutPB.Document,
+      );
+
+      // tap the first line of the document
+      await tester.editor.tapLineOfEditorAt(0);
+      // insert a toggle list
+      await tester.ime.insertText('> Hello');
+
+      expectToggleListOpened();
+
+      await tester.editor.updateSelection(
+        Selection.collapse(
+          [0],
+          0,
+        ),
+      );
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.enter,
+        isMetaPressed: Platform.isMacOS,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+      );
+
+      expectToggleListClosed();
+
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.enter,
+        isMetaPressed: Platform.isMacOS,
+        isControlPressed: Platform.isLinux || Platform.isWindows,
+      );
+
+      expectToggleListOpened();
+    });
+  });
+}
@@ -0,0 +1,128 @@
+import 'dart:io';
+
+import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('edit document', () {
+    testWidgets('redo & undo', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new document called Sample
+      const pageName = 'Sample';
+      await tester.createNewPageWithName(ViewLayoutPB.Document, pageName);
+
+      // focus on the editor
+      await tester.editor.tapLineOfEditorAt(0);
+
+      // insert 1. to trigger it to be a numbered list
+      await tester.ime.insertText('1. ');
+      expect(find.text('1.', findRichText: true), findsOneWidget);
+      expect(
+        tester.editor.getCurrentEditorState().getNodeAtPath([0])!.type,
+        NumberedListBlockKeys.type,
+      );
+
+      // undo
+      // numbered list will be reverted to paragraph
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyZ,
+        isControlPressed: Platform.isWindows || Platform.isLinux,
+        isMetaPressed: Platform.isMacOS,
+      );
+      expect(
+        tester.editor.getCurrentEditorState().getNodeAtPath([0])!.type,
+        ParagraphBlockKeys.type,
+      );
+
+      // redo
+      await tester.simulateKeyEvent(
+        LogicalKeyboardKey.keyZ,
+        isControlPressed: Platform.isWindows || Platform.isLinux,
+        isMetaPressed: Platform.isMacOS,
+        isShiftPressed: true,
+      );
+      expect(
+        tester.editor.getCurrentEditorState().getNodeAtPath([0])!.type,
+        NumberedListBlockKeys.type,
+      );
+
+      // switch to other page and switch back
+      await tester.openPage(readme);
+      await tester.openPage(pageName);
+
+      // the numbered list should be kept
+      expect(
+        tester.editor.getCurrentEditorState().getNodeAtPath([0])!.type,
+        NumberedListBlockKeys.type,
+      );
+    });
+
+    testWidgets('write a readme document', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // create a new document called Sample
+      const pageName = 'Sample';
+      await tester.createNewPageWithName(ViewLayoutPB.Document, pageName);
+
+      // focus on the editor
+      await tester.editor.tapLineOfEditorAt(0);
+
+      // mock inputting the sample
+      final lines = _sample.split('\n');
+      for (final line in lines) {
+        await tester.ime.insertText(line);
+        await tester.ime.insertCharacter('\n');
+      }
+
+      // switch to other page and switch back
+      await tester.openPage(readme);
+      await tester.openPage(pageName);
+
+      // this screenshots are different on different platform, so comment it out temporarily.
+      // check the document
+      // await expectLater(
+      //   find.byType(AppFlowyEditor),
+      //   matchesGoldenFile('document/edit_document_test.png'),
+      // );
+    });
+  });
+}
+
+const _sample = r'''
+# Heading 1
+## Heading 2
+### Heading 3
+---
+[] Highlight any text, and use the editing menu to _style_ **your** writing `however` you ~~like.~~
+
+[] Type followed by bullet or num to create a list.
+
+[x] Click `+ New Page` button at the bottom of your sidebar to add a new page.
+
+[] Click `+` next to any page title in the sidebar to quickly add a new subpage, `Document`, `Grid`, or `Kanban Board`.
+---
+* bulleted list 1
+
+* bulleted list 2
+
+* bulleted list 3
+bulleted list 4
+---
+1. numbered list 1
+
+2. numbered list 2
+
+3. numbered list 3
+numbered list 4
+---
+" quote''';
@@ -0,0 +1,95 @@
+import 'dart:io';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/home/menu/menu.dart';
+import 'package:appflowy/workspace/presentation/settings/settings_dialog.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/keyboard.dart';
+import 'util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('hotkeys test', () {
+    testWidgets('toggle theme mode', (tester) async {
+      await tester.initializeAppFlowy();
+
+      await tester.tapGoButton();
+      tester.expectToSeeHomePage();
+
+      await tester.openSettings();
+      await tester.openSettingsPage(SettingsPage.appearance);
+      await tester.pumpAndSettle();
+
+      tester.expectToSeeText(
+        LocaleKeys.settings_appearance_themeMode_system.tr(),
+      );
+
+      await tester.tapButton(
+        find.bySemanticsLabel(
+          LocaleKeys.settings_appearance_themeMode_system.tr(),
+        ),
+      );
+
+      await tester.pumpAndSettle();
+
+      await tester.tapButton(
+        find.bySemanticsLabel(
+          LocaleKeys.settings_appearance_themeMode_dark.tr(),
+        ),
+      );
+
+      await tester.pumpAndSettle(const Duration(seconds: 1));
+
+      await tester.tap(find.byType(SettingsDialog));
+
+      await tester.pumpAndSettle();
+
+      await FlowyTestKeyboard.simulateKeyDownEvent(
+        [
+          Platform.isMacOS
+              ? LogicalKeyboardKey.meta
+              : LogicalKeyboardKey.control,
+          LogicalKeyboardKey.shift,
+          LogicalKeyboardKey.keyL,
+        ],
+        tester: tester,
+      );
+
+      await tester.pumpAndSettle();
+
+      tester.expectToSeeText(
+        LocaleKeys.settings_appearance_themeMode_light.tr(),
+      );
+    });
+
+    testWidgets('show or hide home menu', (tester) async {
+      await tester.initializeAppFlowy();
+
+      await tester.tapGoButton();
+      tester.expectToSeeHomePage();
+
+      await tester.pumpAndSettle();
+
+      expect(find.byType(HomeMenu), findsOneWidget);
+
+      await FlowyTestKeyboard.simulateKeyDownEvent(
+        [
+          Platform.isMacOS
+              ? LogicalKeyboardKey.meta
+              : LogicalKeyboardKey.control,
+          LogicalKeyboardKey.backslash,
+        ],
+        tester: tester,
+      );
+
+      await tester.pumpAndSettle();
+
+      expect(find.byType(HomeMenu), findsNothing);
+    });
+  });
+}
@@ -0,0 +1,48 @@
+import 'dart:io';
+
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/mock/mock_file_picker.dart';
+import 'util/util.dart';
+import 'package:path/path.dart' as p;
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('import files', () {
+    testWidgets('import multiple markdown files', (tester) async {
+      final context = await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // expect to see a readme page
+      tester.expectToSeePageName(readme);
+
+      await tester.tapAddButton();
+      await tester.tapImportButton();
+
+      final testFileNames = ['test1.md', 'test2.md'];
+      final paths = <String>[];
+      for (final fileName in testFileNames) {
+        final str = await rootBundle.loadString(
+          'assets/test/workspaces/markdowns/$fileName',
+        );
+        final path = p.join(context.applicationDataDirectory, fileName);
+        paths.add(path);
+        File(path).writeAsStringSync(str);
+      }
+      // mock get files
+      await mockPickFilePaths(
+        paths: testFileNames
+            .map((e) => p.join(context.applicationDataDirectory, e))
+            .toList(),
+      );
+
+      await tester.tapTextAndMarkdownButton();
+
+      tester.expectToSeePageName('test1');
+      tester.expectToSeePageName('test2');
+    });
+  });
+}
@@ -0,0 +1,35 @@
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_language_view.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('document', () {
+    testWidgets(
+        'change the language successfully when launching the app for the first time',
+        (tester) async {
+      await tester.initializeAppFlowy();
+
+      await tester.tapLanguageSelectorOnWelcomePage();
+      expect(find.byType(LanguageItemsListView), findsOneWidget);
+
+      await tester.tapLanguageItem(languageCode: 'zh', countryCode: 'CN');
+      tester.expectToSeeText('开始');
+
+      await tester.tapLanguageItem(languageCode: 'en', scrollDelta: -100);
+      tester.expectToSeeText('Quick Start');
+
+      await tester.tapLanguageItem(languageCode: 'it', countryCode: 'IT');
+      tester.expectToSeeText('Andiamo');
+    });
+
+    /// Make sure this test is executed after the test above.
+    testWidgets('check the language after relaunching the app', (tester) async {
+      await tester.initializeAppFlowy();
+      tester.expectToSeeText('Andiamo');
+    });
+  });
+}
@@ -17,7 +17,8 @@ void main() {
    setUpAll(() async => await service.setUpAll());
    setUp(() async => await service.setUp());

-    testWidgets('testing selection on open-ai smart menu replace', (tester) async {
+    testWidgets('testing selection on open-ai smart menu replace',
+        (tester) async {
      final appFlowyEditor = await setUpOpenAITesting(tester);
      final editorState = appFlowyEditor.editorState;

@@ -38,7 +39,8 @@ void main() {
      await tester.tap(find.text('Summarize'));
      await tester.pumpAndSettle();

-      await tester.tap(find.byType(FlowyRichTextButton, skipOffstage: false).first);
+      await tester
+          .tap(find.byType(FlowyRichTextButton, skipOffstage: false).first);
      await tester.pumpAndSettle();

      expect(
@@ -49,7 +51,8 @@ void main() {
        ),
      );
    });
-    testWidgets('testing selection on open-ai smart menu insert', (tester) async {
+    testWidgets('testing selection on open-ai smart menu insert',
+        (tester) async {
      final appFlowyEditor = await setUpOpenAITesting(tester);
      final editorState = appFlowyEditor.editorState;

@@ -69,7 +72,8 @@ void main() {
      await tester.tap(find.text('Summarize'));
      await tester.pumpAndSettle();

-      await tester.tap(find.byType(FlowyRichTextButton, skipOffstage: false).at(1));
+      await tester
+          .tap(find.byType(FlowyRichTextButton, skipOffstage: false).at(1));
      await tester.pumpAndSettle();

      expect(
@@ -1,8 +1,19 @@
 import 'package:integration_test/integration_test.dart';

+import 'database_calendar_test.dart' as database_calendar_test;
+import 'database_cell_test.dart' as database_cell_test;
+import 'database_field_test.dart' as database_field_test;
+import 'database_filter_test.dart' as database_filter_test;
+import 'database_row_page_test.dart' as database_row_page_test;
+import 'database_row_test.dart' as database_row_test;
+import 'database_setting_test.dart' as database_setting_test;
+import 'database_share_test.dart' as database_share_test;
+import 'database_sort_test.dart' as database_sort_test;
+import 'database_view_test.dart' as database_view_test;
+import 'document/document_test_runner.dart' as document_test_runner;
+import 'import_files_test.dart' as import_files_test;
+import 'share_markdown_test.dart' as share_markdown_test;
 import 'switch_folder_test.dart' as switch_folder_test;
-import 'document_test.dart' as document_test;
-import 'cover_image_test.dart' as cover_image_test;

 /// The main task runner for all integration tests in AppFlowy.
 ///
@@ -14,8 +25,24 @@ import 'cover_image_test.dart' as cover_image_test;
 void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
  switch_folder_test.main();
-  cover_image_test.main();
-  document_test.main();
+  share_markdown_test.main();
+  import_files_test.main();
+
+  // Document integration tests
+  document_test_runner.startTesting();
+
+  // Database integration tests
+  database_cell_test.main();
+  database_field_test.main();
+  database_share_test.main();
+  database_row_page_test.main();
+  database_row_test.main();
+  database_setting_test.main();
+  database_filter_test.main();
+  database_sort_test.main();
+  database_view_test.main();
+  database_calendar_test.main();
+
  // board_test.main();
  // empty_document_test.main();
  // smart_menu_test.main();
@@ -1,8 +1,9 @@
 import 'dart:io';

+import 'package:appflowy/plugins/document/presentation/share/share_button.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
-
+import 'package:path/path.dart' as p;
 import 'util/mock/mock_file_picker.dart';
 import 'util/util.dart';

@@ -10,30 +11,17 @@ void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  group('share markdown in document page', () {
-    const location = 'markdown';
-
-    setUp(() async {
-      await TestFolder.cleanTestLocation(location);
-      await TestFolder.setTestLocation(location);
-    });
-
-    tearDown(() async {
-      await TestFolder.cleanTestLocation(location);
-    });
-
-    tearDownAll(() async {
-      await TestFolder.cleanTestLocation(null);
-    });
-
    testWidgets('click the share button in document page', (tester) async {
-      await tester.initializeAppFlowy();
+      final context = await tester.initializeAppFlowy();
      await tester.tapGoButton();

      // expect to see a readme page
      tester.expectToSeePageName(readme);

      // mock the file picker
-      final path = await mockSaveFilePath(location, 'test.md');
+      final path = await mockSaveFilePath(
+        p.join(context.applicationDataDirectory, 'test.md'),
+      );
      // click the share button and select markdown
      await tester.tapShareButton();
      await tester.tapMarkdownButton();
@@ -47,6 +35,42 @@ void main() {
      final markdown = file.readAsStringSync();
      expect(markdown, expectedMarkdown);
    });
+
+    testWidgets(
+      'share the markdown after renaming the document name',
+      (tester) async {
+        final context = await tester.initializeAppFlowy();
+        await tester.tapGoButton();
+
+        // expect to see a readme page
+        tester.expectToSeePageName(readme);
+
+        // rename the document
+        await tester.hoverOnPageName(readme);
+        await tester.renamePage('example');
+
+        final shareButton = find.byType(ShareActionList);
+        final shareButtonState =
+            tester.state(shareButton) as ShareActionListState;
+        final path = await mockSaveFilePath(
+          p.join(
+            context.applicationDataDirectory,
+            '${shareButtonState.name}.md',
+          ),
+        );
+
+        // click the share button and select markdown
+        await tester.tapShareButton();
+        await tester.tapMarkdownButton();
+
+        // expect to see the success dialog
+        tester.expectToExportSuccess();
+
+        final file = File(path);
+        final isExist = file.existsSync();
+        expect(isExist, true);
+      },
+    );
  });
 }

@@ -1,7 +1,9 @@
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/startup/tasks/prelude.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
-
+import 'package:path/path.dart' as p;
 import 'util/mock/mock_file_picker.dart';
 import 'util/util.dart';

@@ -9,37 +11,26 @@ void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  group('customize the folder path', () {
-    const location = 'appflowy';
-
-    setUp(() async {
-      await TestFolder.cleanTestLocation(location);
-      await TestFolder.setTestLocation(location);
-    });
-
-    tearDown(() async {
-      await TestFolder.cleanTestLocation(location);
-    });
-
-    tearDownAll(() async {
-      await TestFolder.cleanTestLocation(null);
-    });
-
    testWidgets('switch to B from A, then switch to A again', (tester) async {
-      const String userA = 'userA';
-      const String userB = 'userB';
+      const userA = 'UserA';
+      const userB = 'UserB';

-      await TestFolder.cleanTestLocation(userA);
-      await TestFolder.cleanTestLocation(userB);
-      await TestFolder.setTestLocation(userA);
-
-      await tester.initializeAppFlowy();
+      final initialPath = p.join(userA, appFlowyDataFolder);
+      final context = await tester.initializeAppFlowy(
+        pathExtension: initialPath,
+      );
+      // remove the last extension
+      final rootPath = context.applicationDataDirectory.replaceFirst(
+        initialPath,
+        '',
+      );

      await tester.tapGoButton();
-      tester.expectToSeeWelcomePage();
+      tester.expectToSeeHomePage();

      // switch to user B
      {
-        // set user name to userA
+        // set user name for userA
        await tester.openSettings();
        await tester.openSettingsPage(SettingsPage.user);
        await tester.enterUserName(userA);
@@ -48,12 +39,14 @@ void main() {
        await tester.pumpAndSettle();

        // mock the file_picker result
-        await mockGetDirectoryPath(userB);
+        await mockGetDirectoryPath(
+          p.join(rootPath, userB),
+        );
        await tester.tapCustomLocationButton();
        await tester.pumpAndSettle();
-        tester.expectToSeeWelcomePage();
+        tester.expectToSeeHomePage();

-        // set user name to userB
+        // set user name for userB
        await tester.openSettings();
        await tester.openSettingsPage(SettingsPage.user);
        await tester.enterUserName(userB);
@@ -65,11 +58,13 @@ void main() {
        await tester.pumpAndSettle();

        // mock the file_picker result
-        await mockGetDirectoryPath(userA);
+        await mockGetDirectoryPath(
+          p.join(rootPath, userA),
+        );
        await tester.tapCustomLocationButton();

        await tester.pumpAndSettle();
-        tester.expectToSeeWelcomePage();
+        tester.expectToSeeHomePage();
        tester.expectToSeeUserName(userA);
      }

@@ -80,16 +75,15 @@ void main() {
        await tester.pumpAndSettle();

        // mock the file_picker result
-        await mockGetDirectoryPath(userB);
+        await mockGetDirectoryPath(
+          p.join(rootPath, userB),
+        );
        await tester.tapCustomLocationButton();

        await tester.pumpAndSettle();
-        tester.expectToSeeWelcomePage();
+        tester.expectToSeeHomePage();
        tester.expectToSeeUserName(userB);
      }
-
-      await TestFolder.cleanTestLocation(userA);
-      await TestFolder.cleanTestLocation(userB);
    });

    testWidgets('reset to default location', (tester) async {
@@ -98,7 +92,7 @@ void main() {
      await tester.tapGoButton();

      // home and readme document
-      tester.expectToSeeWelcomePage();
+      tester.expectToSeeHomePage();

      // open settings and restore the location
      await tester.openSettings();
@@ -106,8 +100,8 @@ void main() {
      await tester.restoreLocation();

      expect(
-        await TestFolder.defaultDevelopmentLocation(),
-        await TestFolder.currentLocation(),
+        await appFlowyApplicationDataDirectory().then((value) => value.path),
+        await getIt<ApplicationDataStorage>().getPath(),
      );
    });
  });
@@ -0,0 +1,69 @@
+import 'package:appflowy/workspace/presentation/home/tabs/flowy_tab.dart';
+import 'package:appflowy/workspace/presentation/home/tabs/tabs_manager.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import 'util/base.dart';
+import 'util/common_operations.dart';
+
+const _readmeName = 'Read me';
+const _documentName = 'Document';
+const _calendarName = 'Calendar';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Tabs', () {
+    testWidgets('Open AppFlowy and open/navigate multiple tabs',
+        (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      expect(
+        find.descendant(
+          of: find.byType(TabsManager),
+          matching: find.byType(TabBar),
+        ),
+        findsNothing,
+      );
+
+      await tester.createNewPageWithName(ViewLayoutPB.Calendar, _calendarName);
+      await tester.createNewPageWithName(ViewLayoutPB.Document, _documentName);
+
+      // Navigate current view to "Read me" document again
+      await tester.tapButtonWithName(_readmeName);
+
+      /// Open second menu item in a new tab
+      await tester.openAppInNewTab(_calendarName);
+
+      /// Open third menu item in a new tab
+      await tester.openAppInNewTab(_documentName);
+
+      expect(
+        find.descendant(
+          of: find.byType(TabsManager),
+          matching: find.byType(TabBar),
+        ),
+        findsOneWidget,
+      );
+
+      expect(
+        find.descendant(
+          of: find.byType(TabBar),
+          matching: find.byType(FlowyTab),
+        ),
+        findsNWidgets(3),
+      );
+
+      /// Navigate to the first tab
+      await tester.tap(
+        find.descendant(
+          of: find.byType(FlowyTab),
+          matching: find.text(_readmeName),
+        ),
+      );
+    });
+  });
+}
@@ -1,88 +1,95 @@
 import 'dart:io';

-import 'package:appflowy/core/config/kv_keys.dart';
-import 'package:appflowy/main.dart' as app;
-import 'package:appflowy/startup/tasks/prelude.dart';
+import 'package:appflowy/startup/entry_point.dart';
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flowy_infra_ui/flowy_infra_ui.dart';
 import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:path_provider/path_provider.dart';
-import 'package:shared_preferences/shared_preferences.dart';
+import 'package:path/path.dart' as p;

-class TestFolder {
-  /// Location / Path
+class FlowyTestContext {
+  FlowyTestContext({
+    required this.applicationDataDirectory,
+  });

-  /// Set a given AppFlowy data storage location under test environment.
-  ///
-  /// To pass null means clear the location.
-  ///
-  /// The file_picker is a system component and can't be tapped, so using logic instead of tapping.
-  ///
-  static Future<void> setTestLocation(String? name) async {
-    final location = await testLocation(name);
-    SharedPreferences.setMockInitialValues({
-      KVKeys.pathLocation: location.path,
-    });
-    return;
-  }
-
-  /// Clean the location.
-  static Future<void> cleanTestLocation(String? name) async {
-    final dir = await testLocation(name);
-    await dir.delete(recursive: true);
-    return;
-  }
-
-  /// Get current using location.
-  static Future<String> currentLocation() async {
-    final prefs = await SharedPreferences.getInstance();
-    return prefs.getString(KVKeys.pathLocation)!;
-  }
-
-  /// Get default location under development environment.
-  static Future<String> defaultDevelopmentLocation() async {
-    final dir = await appFlowyDocumentDirectory();
-    return dir.path;
-  }
-
-  /// Get default location under test environment.
-  static Future<Directory> testLocation(String? name) async {
-    final dir = await getApplicationDocumentsDirectory();
-    var path = '${dir.path}/flowy_test';
-    if (name != null) {
-      path += '/$name';
-    }
-    return Directory(path).create(recursive: true);
-  }
+  final String applicationDataDirectory;
 }

 extension AppFlowyTestBase on WidgetTester {
-  Future<void> initializeAppFlowy() async {
-    TestDefaultBinaryMessengerBinding.instance.defaultBinaryMessenger
-        .setMockMethodCallHandler(
-      const MethodChannel('hotkey_manager'),
-      (MethodCall methodCall) async {
-        if (methodCall.method == 'unregisterAll') {
-          // do nothing
-        }
+  Future<FlowyTestContext> initializeAppFlowy({
+    // use to append after the application data directory
+    String? pathExtension,
+    Size windowsSize = const Size(1600, 1200),
+  }) async {
+    binding.setSurfaceSize(windowsSize);

-        return;
-      },
+    mockHotKeyManagerHandlers();
+    final directory = await mockApplicationDataStorage(
+      pathExtension: pathExtension,
+    );
+
+    WidgetsFlutterBinding.ensureInitialized();
+    await FlowyRunner.run(
+      FlowyApp(),
+      IntegrationMode.integrationTest,
    );

-    await app.main();
    await wait(3000);
    await pumpAndSettle(const Duration(seconds: 2));
+    return FlowyTestContext(
+      applicationDataDirectory: directory,
+    );
+  }
+
+  void mockHotKeyManagerHandlers() {
+    TestDefaultBinaryMessengerBinding.instance.defaultBinaryMessenger
+        .setMockMethodCallHandler(const MethodChannel('hotkey_manager'),
+            (MethodCall methodCall) async {
+      if (methodCall.method == 'unregisterAll') {
+        // do nothing
+      }
+      return;
+    });
+  }
+
+  Future<String> mockApplicationDataStorage({
+    // use to append after the application data directory
+    String? pathExtension,
+  }) async {
+    final dir = await getTemporaryDirectory();
+
+    // Use a random uuid to avoid conflict.
+    String path = p.join(dir.path, 'appflowy_integration_test', uuid());
+    if (pathExtension != null && pathExtension.isNotEmpty) {
+      path = '$path/$pathExtension';
+    }
+    final directory = Directory(path);
+    if (!directory.existsSync()) {
+      await directory.create(recursive: true);
+    }
+
+    MockApplicationDataStorage.initialPath = directory.path;
+
+    return directory.path;
  }

  Future<void> tapButton(
    Finder finder, {
    int? pointer,
    int buttons = kPrimaryButton,
-    bool warnIfMissed = true,
+    bool warnIfMissed = false,
    int milliseconds = 500,
  }) async {
-    await tap(finder);
+    await tap(
+      finder,
+      buttons: buttons,
+      warnIfMissed: warnIfMissed,
+    );
    await pumpAndSettle(Duration(milliseconds: milliseconds));
    return;
  }
@@ -91,7 +98,16 @@ extension AppFlowyTestBase on WidgetTester {
    String tr, {
    int milliseconds = 500,
  }) async {
-    final button = find.text(tr, findRichText: true);
+    Finder button = find.text(
+      tr,
+      findRichText: true,
+      skipOffstage: false,
+    );
+    if (button.evaluate().isEmpty) {
+      button = find.byWidgetPredicate(
+        (widget) => widget is FlowyText && widget.text == tr,
+      );
+    }
    await tapButton(
      button,
      milliseconds: milliseconds,
@@ -111,8 +127,53 @@ extension AppFlowyTestBase on WidgetTester {
    return;
  }

+  Future<void> doubleTapAt(
+    Offset location, {
+    int? pointer,
+    int buttons = kPrimaryButton,
+    int milliseconds = 500,
+  }) async {
+    await tapAt(location, pointer: pointer, buttons: buttons);
+    await pump(kDoubleTapMinTime);
+    await tapAt(location, pointer: pointer, buttons: buttons);
+    await pumpAndSettle(Duration(milliseconds: milliseconds));
+  }
+
+  Future<void> doubleTapButton(
+    Finder finder, {
+    int? pointer,
+    int buttons = kPrimaryButton,
+    bool warnIfMissed = true,
+    int milliseconds = 500,
+  }) async {
+    await tap(
+      finder,
+      pointer: pointer,
+      buttons: buttons,
+      warnIfMissed: warnIfMissed,
+    );
+
+    await pump(kDoubleTapMinTime);
+
+    await tap(
+      finder,
+      buttons: buttons,
+      pointer: pointer,
+      warnIfMissed: warnIfMissed,
+    );
+    await pumpAndSettle(Duration(milliseconds: milliseconds));
+  }
+
  Future<void> wait(int milliseconds) async {
    await pumpAndSettle(Duration(milliseconds: milliseconds));
    return;
  }
 }
+
+extension AppFlowyFinderTestBase on CommonFinders {
+  Finder findTextInFlowyText(String text) {
+    return find.byWidgetPredicate(
+      (widget) => widget is FlowyText && widget.text == text,
+    );
+  }
+}
@@ -1,92 +1,194 @@
 import 'dart:ui';
-
+import 'package:appflowy_backend/log.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
-import 'package:appflowy/plugins/document/presentation/banner.dart';
+
 import 'package:appflowy/plugins/document/presentation/share/share_button.dart';
 import 'package:appflowy/user/presentation/skip_log_in_screen.dart';
-import 'package:appflowy/workspace/presentation/home/home_stack.dart';
 import 'package:appflowy/workspace/presentation/home/menu/app/header/add_button.dart';
 import 'package:appflowy/workspace/presentation/home/menu/app/section/item.dart';
-import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_language_view.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flowy_infra_ui/flowy_infra_ui.dart';
+import 'package:flowy_infra_ui/widget/buttons/primary_button.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';

-import 'base.dart';
-
-const String readme = 'Read me';
+import 'util.dart';

 extension CommonOperations on WidgetTester {
+  /// Tap the GetStart button on the launch page.
  Future<void> tapGoButton() async {
    final goButton = find.byType(GoButton);
    await tapButton(goButton);
  }

-  Future<void> tapCreateButton() async {
-    await tapButtonWithName(LocaleKeys.settings_files_create.tr());
-  }
-
-  void expectToSeeWelcomePage() {
-    expect(find.byType(HomeStack), findsOneWidget);
-    expect(find.textContaining('Read me'), findsOneWidget);
-  }
-
+  /// Tap the + button on the home page.
  Future<void> tapAddButton() async {
    final addButton = find.byType(AddButton);
    await tapButton(addButton);
  }

+  /// Tap the create document button.
+  ///
+  /// Must call [tapAddButton] first.
  Future<void> tapCreateDocumentButton() async {
    await tapButtonWithName(LocaleKeys.document_menuName.tr());
  }

-  Finder findPageName(String name) {
-    return find.byWidgetPredicate(
-      (widget) => widget is ViewSectionItem && widget.view.name == name,
-    );
+  /// Tap the create grid button.
+  ///
+  /// Must call [tapAddButton] first.
+  Future<void> tapCreateGridButton() async {
+    await tapButtonWithName(LocaleKeys.grid_menuName.tr());
  }

-  void expectToSeePageName(String name) {
-    final pageName = findPageName(name);
-    expect(pageName, findsOneWidget);
+  /// Tap the create grid button.
+  ///
+  /// Must call [tapAddButton] first.
+  Future<void> tapCreateCalendarButton() async {
+    await tapButtonWithName(LocaleKeys.calendar_menuName.tr());
  }

-  void expectNotToSeePageName(String name) {
-    final pageName = findPageName(name);
-    expect(pageName, findsNothing);
+  /// Tap the import button.
+  ///
+  /// Must call [tapAddButton] first.
+  Future<void> tapImportButton() async {
+    await tapButtonWithName(LocaleKeys.moreAction_import.tr());
  }

-  Future<void> hoverOnPageName(String name) async {
-    final pageName = find.byWidgetPredicate(
-      (widget) => widget is ViewSectionItem && widget.view.name == name,
+  /// Tap the import from text & markdown button.
+  ///
+  /// Must call [tapImportButton] first.
+  Future<void> tapTextAndMarkdownButton() async {
+    await tapButtonWithName(LocaleKeys.importPanel_textAndMarkdown.tr());
+  }
+
+  /// Tap the LanguageSelectorOnWelcomePage widget on the launch page.
+  Future<void> tapLanguageSelectorOnWelcomePage() async {
+    final languageSelector = find.byType(LanguageSelectorOnWelcomePage);
+    await tapButton(languageSelector);
+  }
+
+  /// Tap languageItem on LanguageItemsListView.
+  ///
+  /// [scrollDelta] is the distance to scroll the ListView.
+  /// Default value is 100
+  ///
+  /// If it is positive -> scroll down.
+  ///
+  /// If it is negative -> scroll up.
+  Future<void> tapLanguageItem({
+    required String languageCode,
+    String? countryCode,
+    double? scrollDelta,
+  }) async {
+    final languageItemsListView = find.descendant(
+      of: find.byType(ListView),
+      matching: find.byType(Scrollable),
    );

-    final gesture = await createGesture(kind: PointerDeviceKind.mouse);
-    await gesture.addPointer(location: Offset.zero);
-    addTearDown(gesture.removePointer);
-    await pump();
-    await gesture.moveTo(getCenter(pageName));
-    await pumpAndSettle();
+    final languageItem = find.byWidgetPredicate(
+      (widget) =>
+          widget is LanguageItem &&
+          widget.locale.languageCode == languageCode &&
+          widget.locale.countryCode == countryCode,
+    );
+
+    // scroll the ListView until zHCNLanguageItem shows on the screen.
+    await scrollUntilVisible(
+      languageItem,
+      scrollDelta ?? 100,
+      scrollable: languageItemsListView,
+      // maxHeight of LanguageItemsListView
+      maxScrolls: 400,
+    );
+
+    try {
+      await tapButton(languageItem);
+    } on FlutterError catch (e) {
+      Log.warn('tapLanguageItem error: $e');
+    }
  }

+  /// Hover on the widget.
+  Future<void> hoverOnWidget(
+    Finder finder, {
+    Offset? offset,
+    Future<void> Function()? onHover,
+  }) async {
+    try {
+      final gesture = await createGesture(kind: PointerDeviceKind.mouse);
+      await gesture.addPointer(location: Offset.zero);
+      await pump();
+      await gesture.moveTo(offset ?? getCenter(finder));
+      await pumpAndSettle();
+      await onHover?.call();
+      await gesture.removePointer();
+    } catch (err) {
+      Log.error('hoverOnWidget error: $err');
+    }
+  }
+
+  /// Hover on the page name.
+  Future<void> hoverOnPageName(
+    String name, {
+    Future<void> Function()? onHover,
+    bool useLast = true,
+  }) async {
+    if (useLast) {
+      await hoverOnWidget(findPageName(name).last, onHover: onHover);
+    } else {
+      await hoverOnWidget(findPageName(name).first, onHover: onHover);
+    }
+  }
+
+  /// open the page with given name.
+  Future<void> openPage(String name) async {
+    final finder = findPageName(name);
+    expect(finder, findsOneWidget);
+    await tapButton(finder);
+  }
+
+  /// Tap the ... button beside the page name.
+  ///
+  /// Must call [hoverOnPageName] first.
  Future<void> tapPageOptionButton() async {
    final optionButton = find.byType(ViewDisclosureButton);
    await tapButton(optionButton);
  }

+  /// Tap the delete page button.
  Future<void> tapDeletePageButton() async {
    await tapPageOptionButton();
    await tapButtonWithName(ViewDisclosureAction.delete.name);
  }

-  void expectToSeeDocumentBanner() {
-    expect(find.byType(DocumentBanner), findsOneWidget);
+  /// Tap the rename page button.
+  Future<void> tapRenamePageButton() async {
+    await tapPageOptionButton();
+    await tapButtonWithName(ViewDisclosureAction.rename.name);
  }

-  void expectNotToSeeDocumentBanner() {
-    expect(find.byType(DocumentBanner), findsNothing);
+  /// Rename the page.
+  Future<void> renamePage(String name) async {
+    await tapRenamePageButton();
+    await enterText(find.byType(TextFormField), name);
+    await tapOKButton();
  }

+  Future<void> tapOKButton() async {
+    final okButton = find.byWidgetPredicate(
+      (widget) =>
+          widget is PrimaryTextButton &&
+          widget.label == LocaleKeys.button_OK.tr(),
+    );
+    await tapButton(okButton);
+  }
+
+  /// Tap the restore button.
+  ///
+  /// the restore button will show after the current page is deleted.
  Future<void> tapRestoreButton() async {
    final restoreButton = find.textContaining(
      LocaleKeys.deletePagePrompt_restore.tr(),
@@ -94,6 +196,9 @@ extension CommonOperations on WidgetTester {
    await tapButton(restoreButton);
  }

+  /// Tap the delete permanently button.
+  ///
+  /// the restore button will show after the current page is deleted.
  Future<void> tapDeletePermanentlyButton() async {
    final restoreButton = find.textContaining(
      LocaleKeys.deletePagePrompt_deletePermanent.tr(),
@@ -101,6 +206,7 @@ extension CommonOperations on WidgetTester {
    await tapButton(restoreButton);
  }

+  /// Tap the share button above the document page.
  Future<void> tapShareButton() async {
    final shareButton = find.byWidgetPredicate(
      (widget) => widget is DocumentShareButton,
@@ -108,6 +214,9 @@ extension CommonOperations on WidgetTester {
    await tapButton(shareButton);
  }

+  /// Tap the export markdown button
+  ///
+  /// Must call [tapShareButton] first.
  Future<void> tapMarkdownButton() async {
    final markdownButton = find.textContaining(
      LocaleKeys.shareAction_markdown.tr(),
@@ -115,44 +224,99 @@ extension CommonOperations on WidgetTester {
    await tapButton(markdownButton);
  }

-  void expectToExportSuccess() {
-    final exportSuccess = find.byWidgetPredicate(
-      (widget) =>
-          widget is FlowyText &&
-          widget.title == LocaleKeys.settings_files_exportFileSuccess.tr(),
-    );
-    expect(exportSuccess, findsOneWidget);
+  Future<void> createNewPageWithName(
+    ViewLayoutPB layout, [
+    String? name,
+  ]) async {
+    // create a new page
+    await tapAddButton();
+    await tapButtonWithName(layout.menuName);
+    await pumpAndSettle();
+
+    // hover on it and change it's name
+    if (name != null) {
+      await hoverOnPageName(
+        LocaleKeys.menuAppHeader_defaultNewPageName.tr(),
+        onHover: () async {
+          await renamePage(name);
+          await pumpAndSettle();
+        },
+      );
+      await pumpAndSettle();
+    }
  }

-  Future<void> hoverOnCoverPluginAddButton() async {
-    final editor = find.byWidgetPredicate(
-      (widget) => widget is AppFlowyEditor,
-    );
-
-    final gesture = await createGesture(kind: PointerDeviceKind.mouse);
-    await gesture.addPointer(location: Offset.zero);
-    addTearDown(gesture.removePointer);
-    await pump();
-    final topLeft = getTopLeft(editor).translate(20, 20);
-    await gesture.moveTo(topLeft);
+  Future<void> simulateKeyEvent(
+    LogicalKeyboardKey key, {
+    bool isControlPressed = false,
+    bool isShiftPressed = false,
+    bool isAltPressed = false,
+    bool isMetaPressed = false,
+  }) async {
+    if (isControlPressed) {
+      await simulateKeyDownEvent(LogicalKeyboardKey.control);
+    }
+    if (isShiftPressed) {
+      await simulateKeyDownEvent(LogicalKeyboardKey.shift);
+    }
+    if (isAltPressed) {
+      await simulateKeyDownEvent(LogicalKeyboardKey.alt);
+    }
+    if (isMetaPressed) {
+      await simulateKeyDownEvent(LogicalKeyboardKey.meta);
+    }
+    await simulateKeyDownEvent(key);
+    await simulateKeyUpEvent(key);
+    if (isControlPressed) {
+      await simulateKeyUpEvent(LogicalKeyboardKey.control);
+    }
+    if (isShiftPressed) {
+      await simulateKeyUpEvent(LogicalKeyboardKey.shift);
+    }
+    if (isAltPressed) {
+      await simulateKeyUpEvent(LogicalKeyboardKey.alt);
+    }
+    if (isMetaPressed) {
+      await simulateKeyUpEvent(LogicalKeyboardKey.meta);
+    }
    await pumpAndSettle();
  }

-  Future<void> expectToSeePluginAddCoverAndIconButton() async {
-    final addCover = find.textContaining(
-      LocaleKeys.document_plugins_cover_addCover.tr(),
-    );
-    final addIcon = find.textContaining(
-      LocaleKeys.document_plugins_cover_addIcon.tr(),
-    );
-    expect(addCover, findsOneWidget);
-    expect(addIcon, findsOneWidget);
+  Future<void> openAppInNewTab(String name) async {
+    await hoverOnPageName(name);
+    await tap(find.byType(ViewDisclosureButton));
+    await pumpAndSettle();
+    await tap(find.text(LocaleKeys.disclosureAction_openNewTab.tr()));
+    await pumpAndSettle();
  }
+}

-  void expectToSeeUserName(String name) {
-    final userName = find.byWidgetPredicate(
-      (widget) => widget is FlowyText && widget.title == name,
-    );
-    expect(userName, findsOneWidget);
+extension ViewLayoutPBTest on ViewLayoutPB {
+  String get menuName {
+    switch (this) {
+      case ViewLayoutPB.Grid:
+        return LocaleKeys.grid_menuName.tr();
+      case ViewLayoutPB.Board:
+        return LocaleKeys.board_menuName.tr();
+      case ViewLayoutPB.Document:
+        return LocaleKeys.document_menuName.tr();
+      case ViewLayoutPB.Calendar:
+        return LocaleKeys.calendar_menuName.tr();
+      default:
+        throw UnsupportedError('Unsupported layout: $this');
+    }
+  }
+
+  String get referencedMenuName {
+    switch (this) {
+      case ViewLayoutPB.Grid:
+        return LocaleKeys.document_plugins_referencedGrid.tr();
+      case ViewLayoutPB.Board:
+        return LocaleKeys.document_plugins_referencedBoard.tr();
+      case ViewLayoutPB.Calendar:
+        return LocaleKeys.document_plugins_referencedCalendar.tr();
+      default:
+        throw UnsupportedError('Unsupported layout: $this');
+    }
  }
 }
@@ -0,0 +1,177 @@
+import 'dart:ui';
+
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/cover_editor.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/custom_cover_picker.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/document_header_node_widget.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/emoji_icon_widget.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/emoji_popover.dart';
+import 'package:appflowy_editor/appflowy_editor.dart' hide Log;
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+import 'util.dart';
+
+extension EditorWidgetTester on WidgetTester {
+  EditorOperations get editor => EditorOperations(this);
+}
+
+class EditorOperations {
+  const EditorOperations(this.tester);
+
+  final WidgetTester tester;
+
+  EditorState getCurrentEditorState() {
+    return tester
+        .widget<AppFlowyEditor>(find.byType(AppFlowyEditor))
+        .editorState;
+  }
+
+  /// Tap the line of editor at [index]
+  Future<void> tapLineOfEditorAt(int index) async {
+    final textBlocks = find.byType(AppFlowyRichText);
+    index = index.clamp(0, textBlocks.evaluate().length - 1);
+    await tester.tapAt(tester.getTopRight(textBlocks.at(index)));
+    await tester.pumpAndSettle();
+  }
+
+  /// Hover on cover plugin button above the document
+  Future<void> hoverOnCoverToolbar() async {
+    final coverToolbar = find.byType(DocumentHeaderToolbar);
+    await tester.startGesture(
+      tester.getBottomLeft(coverToolbar).translate(5, -5),
+      kind: PointerDeviceKind.mouse,
+    );
+    await tester.pumpAndSettle();
+  }
+
+  /// Taps on the 'Add Icon' button in the cover toolbar
+  Future<void> tapAddIconButton() async {
+    await tester.tapButtonWithName(
+      LocaleKeys.document_plugins_cover_addIcon.tr(),
+    );
+    expect(find.byType(EmojiPopover), findsOneWidget);
+  }
+
+  /// Taps the 'Remove Icon' button in the cover toolbar and the icon popover
+  Future<void> tapRemoveIconButton({bool isInPicker = false}) async {
+    Finder button =
+        find.text(LocaleKeys.document_plugins_cover_removeIcon.tr());
+    if (isInPicker) {
+      button = find.descendant(of: find.byType(EmojiPopover), matching: button);
+    }
+
+    await tester.tapButton(button);
+  }
+
+  /// Requires that the document must already have an icon. This opens the icon
+  /// picker
+  Future<void> tapOnIconWidget() async {
+    final iconWidget = find.byType(EmojiIconWidget);
+    await tester.tapButton(iconWidget);
+  }
+
+  Future<void> tapOnAddCover() async {
+    await tester.tapButtonWithName(
+      LocaleKeys.document_plugins_cover_addCover.tr(),
+    );
+  }
+
+  Future<void> tapOnChangeCover() async {
+    await tester.tapButtonWithName(
+      LocaleKeys.document_plugins_cover_changeCover.tr(),
+    );
+  }
+
+  Future<void> switchSolidColorBackground() async {
+    final findPurpleButton = find.byWidgetPredicate(
+      (widget) => widget is ColorItem && widget.option.colorHex == "ffe8e0ff",
+    );
+    await tester.tapButton(findPurpleButton);
+  }
+
+  Future<void> addNetworkImageCover(String imageUrl) async {
+    final findNewImageButton = find.byType(NewCustomCoverButton);
+    await tester.tapButton(findNewImageButton);
+
+    final imageUrlTextField = find.descendant(
+      of: find.byType(NetworkImageUrlInput),
+      matching: find.byType(TextField),
+    );
+    await tester.enterText(imageUrlTextField, imageUrl);
+    await tester.tapButtonWithName(
+      LocaleKeys.document_plugins_cover_add.tr(),
+    );
+    await tester.tapButtonWithName(
+      LocaleKeys.document_plugins_cover_saveToGallery.tr(),
+    );
+  }
+
+  Future<void> switchNetworkImageCover(String imageUrl) async {
+    final image = find.byWidgetPredicate(
+      (widget) => widget is ImageGridItem,
+    );
+    await tester.tapButton(image);
+  }
+
+  Future<void> tapOnRemoveCover() async {
+    await tester.tapButton(find.byType(DeleteCoverButton));
+  }
+
+  /// A cover must be present in the document to function properly since this
+  /// catches all cover types collectively
+  Future<void> hoverOnCover() async {
+    final cover = find.byType(DocumentCover);
+    await tester.startGesture(
+      tester.getCenter(cover),
+      kind: PointerDeviceKind.mouse,
+    );
+    await tester.pumpAndSettle();
+  }
+
+  Future<void> dismissCoverPicker() async {
+    await tester.sendKeyEvent(LogicalKeyboardKey.escape);
+    await tester.pumpAndSettle();
+  }
+
+  /// trigger the slash command (selection menu)
+  Future<void> showSlashMenu() async {
+    await tester.ime.insertCharacter('/');
+  }
+
+  /// trigger the slash command (selection menu)
+  Future<void> showAtMenu() async {
+    await tester.ime.insertCharacter('@');
+  }
+
+  /// Tap the slash menu item with [name]
+  ///
+  /// Must call [showSlashMenu] first.
+  Future<void> tapSlashMenuItemWithName(String name) async {
+    final slashMenuItem = find.text(name, findRichText: true);
+    await tester.tapButton(slashMenuItem);
+  }
+
+  /// Tap the at menu item with [name]
+  ///
+  /// Must call [showAtMenu] first.
+  Future<void> tapAtMenuItemWithName(String name) async {
+    final atMenuItem = find.descendant(
+      of: find.byType(SelectionMenuWidget),
+      matching: find.text(name, findRichText: true),
+    );
+    await tester.tapButton(atMenuItem);
+  }
+
+  /// Update the editor's selection
+  Future<void> updateSelection(Selection selection) async {
+    final editorState = getCurrentEditorState();
+    editorState.updateSelectionWithReason(
+      selection,
+      reason: SelectionUpdateReason.uiEvent,
+    );
+    await tester.pumpAndSettle(const Duration(milliseconds: 200));
+  }
+}
@@ -0,0 +1,17 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+import 'base.dart';
+
+extension EmojiTestExtension on WidgetTester {
+  /// Must call [openEmojiPicker] first
+  Future<void> switchToEmojiList() async {
+    final icon = find.byIcon(Icons.tag_faces);
+    await tapButton(icon);
+  }
+
+  Future<void> tapEmoji(String emoji) async {
+    final emojiWidget = find.text(emoji);
+    await tapButton(emojiWidget);
+  }
+}
@@ -0,0 +1,135 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/banner.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/document_header_node_widget.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/header/emoji_icon_widget.dart';
+import 'package:appflowy/workspace/presentation/home/home_stack.dart';
+import 'package:appflowy/workspace/presentation/home/menu/app/section/item.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra_ui/flowy_infra_ui.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+const String readme = 'Read me';
+
+extension Expectation on WidgetTester {
+  /// Expect to see the home page and with a default read me page.
+  void expectToSeeHomePage() {
+    expect(find.byType(HomeStack), findsOneWidget);
+    expect(find.textContaining(readme), findsWidgets);
+  }
+
+  /// Expect to see the page name on the home page.
+  void expectToSeePageName(String name) {
+    final pageName = findPageName(name);
+    expect(pageName, findsOneWidget);
+  }
+
+  /// Expect not to see the page name on the home page.
+  void expectNotToSeePageName(String name) {
+    final pageName = findPageName(name);
+    expect(pageName, findsNothing);
+  }
+
+  /// Expect to see the document banner.
+  void expectToSeeDocumentBanner() {
+    expect(find.byType(DocumentBanner), findsOneWidget);
+  }
+
+  /// Expect not to see the document banner.
+  void expectNotToSeeDocumentBanner() {
+    expect(find.byType(DocumentBanner), findsNothing);
+  }
+
+  /// Expect to the markdown file export success dialog.
+  void expectToExportSuccess() {
+    final exportSuccess = find.byWidgetPredicate(
+      (widget) =>
+          widget is FlowyText &&
+          widget.text == LocaleKeys.settings_files_exportFileSuccess.tr(),
+    );
+    expect(exportSuccess, findsOneWidget);
+  }
+
+  /// Expect to see the add button and icon button in the cover toolbar
+  void expectToSeePluginAddCoverAndIconButton() {
+    final addCover = find.textContaining(
+      LocaleKeys.document_plugins_cover_addCover.tr(),
+    );
+    final addIcon = find.textContaining(
+      LocaleKeys.document_plugins_cover_addIcon.tr(),
+    );
+    expect(addCover, findsOneWidget);
+    expect(addIcon, findsOneWidget);
+  }
+
+  /// Expect to see the document header toolbar empty
+  void expectToSeeEmptyDocumentHeaderToolbar() {
+    final addCover = find.textContaining(
+      LocaleKeys.document_plugins_cover_addCover.tr(),
+    );
+    final addIcon = find.textContaining(
+      LocaleKeys.document_plugins_cover_addIcon.tr(),
+    );
+    expect(addCover, findsNothing);
+    expect(addIcon, findsNothing);
+  }
+
+  void expectToSeeDocumentIcon(String? emoji) {
+    if (emoji == null) {
+      final iconWidget = find.byType(EmojiIconWidget);
+      expect(iconWidget, findsNothing);
+      return;
+    }
+    final iconWidget = find.byWidgetPredicate(
+      (widget) => widget is EmojiIconWidget && widget.emoji == emoji,
+    );
+    expect(iconWidget, findsOneWidget);
+  }
+
+  void expectToSeeDocumentCover(CoverType type) {
+    final findCover = find.byWidgetPredicate(
+      (widget) => widget is DocumentCover && widget.coverType == type,
+    );
+    expect(findCover, findsOneWidget);
+  }
+
+  void expectToSeeNoDocumentCover() {
+    final findCover = find.byType(DocumentCover);
+    expect(findCover, findsNothing);
+  }
+
+  void expectChangeCoverAndDeleteButton() {
+    final findChangeCover = find.text(
+      LocaleKeys.document_plugins_cover_changeCover.tr(),
+    );
+    final findRemoveIcon = find.byType(DeleteCoverButton);
+    expect(findChangeCover, findsOneWidget);
+    expect(findRemoveIcon, findsOneWidget);
+  }
+
+  /// Expect to see the user name on the home page
+  void expectToSeeUserName(String name) {
+    final userName = find.byWidgetPredicate(
+      (widget) => widget is FlowyText && widget.text == name,
+    );
+    expect(userName, findsOneWidget);
+  }
+
+  /// Expect to see a text
+  void expectToSeeText(String text) {
+    Finder textWidget = find.textContaining(text, findRichText: true);
+    if (textWidget.evaluate().isEmpty) {
+      textWidget = find.byWidgetPredicate(
+        (widget) => widget is FlowyText && widget.text == text,
+      );
+    }
+    expect(textWidget, findsOneWidget);
+  }
+
+  /// Find the page name on the home page.
+  Finder findPageName(String name) {
+    return find.byWidgetPredicate(
+      (widget) => widget is ViewSectionItem && widget.view.name == name,
+      skipOffstage: false,
+    );
+  }
+}
@@ -0,0 +1,48 @@
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+extension IME on WidgetTester {
+  IMESimulator get ime => IMESimulator(this);
+}
+
+class IMESimulator {
+  IMESimulator(this.tester) {
+    client = findTextInputClient();
+  }
+
+  final WidgetTester tester;
+  late final TextInputClient client;
+
+  Future<void> insertText(String text) async {
+    for (final c in text.characters) {
+      await insertCharacter(c);
+    }
+  }
+
+  Future<void> insertCharacter(String character) async {
+    final value = client.currentTextEditingValue;
+    if (value == null) {
+      assert(false);
+      return;
+    }
+    final text = value.text
+        .replaceRange(value.selection.start, value.selection.end, character);
+    final textEditingValue = TextEditingValue(
+      text: text,
+      selection: TextSelection.collapsed(
+        offset: value.selection.baseOffset + 1,
+      ),
+      composing: TextRange.empty,
+    );
+    client.updateEditingValue(textEditingValue);
+    await tester.pumpAndSettle();
+  }
+
+  TextInputClient findTextInputClient() {
+    final finder = find.byType(KeyboardServiceWidget);
+    final KeyboardServiceWidgetState state = tester.state(finder);
+    return state.textInputService as TextInputClient;
+  }
+}
@@ -1,15 +1,14 @@
 import 'package:appflowy/startup/startup.dart';
-import 'package:appflowy/util/file_picker/file_picker_service.dart';
-import 'package:file_picker/src/file_picker.dart' as fp;
-import 'package:path/path.dart' as p;
-import '../util.dart';
+import 'package:flowy_infra/file_picker/file_picker_service.dart';

 class MockFilePicker implements FilePickerService {
  MockFilePicker({
-    required this.mockPath,
+    this.mockPath = '',
+    this.mockPaths = const [],
  });

  final String mockPath;
+  final List<String> mockPaths;

  @override
  Future<String?> getDirectoryPath({String? title}) {
@@ -21,7 +20,7 @@ class MockFilePicker implements FilePickerService {
    String? dialogTitle,
    String? fileName,
    String? initialDirectory,
-    fp.FileType type = fp.FileType.any,
+    FileType type = FileType.any,
    List<String>? allowedExtensions,
    bool lockParentWindow = false,
  }) {
@@ -32,33 +31,40 @@ class MockFilePicker implements FilePickerService {
  Future<FilePickerResult?> pickFiles({
    String? dialogTitle,
    String? initialDirectory,
-    fp.FileType type = fp.FileType.any,
+    FileType type = FileType.any,
    List<String>? allowedExtensions,
-    Function(fp.FilePickerStatus p1)? onFileLoading,
+    Function(FilePickerStatus p1)? onFileLoading,
    bool allowCompression = true,
    bool allowMultiple = false,
    bool withData = false,
    bool withReadStream = false,
    bool lockParentWindow = false,
  }) {
-    throw UnimplementedError();
+    final platformFiles =
+        mockPaths.map((e) => PlatformFile(path: e, name: '', size: 0)).toList();
+    return Future.value(
+      FilePickerResult(
+        platformFiles,
+      ),
+    );
  }
 }

-Future<void> mockGetDirectoryPath(String? name) async {
-  final dir = await TestFolder.testLocation(name);
+Future<void> mockGetDirectoryPath(
+  String path,
+) async {
  getIt.unregister<FilePickerService>();
  getIt.registerFactory<FilePickerService>(
    () => MockFilePicker(
-      mockPath: dir.path,
+      mockPath: path,
    ),
  );
  return;
 }

-Future<String> mockSaveFilePath(String? name, String fileName) async {
-  final dir = await TestFolder.testLocation(name);
-  final path = p.join(dir.path, fileName);
+Future<String> mockSaveFilePath(
+  String path,
+) async {
  getIt.unregister<FilePickerService>();
  getIt.registerFactory<FilePickerService>(
    () => MockFilePicker(
@@ -67,3 +73,22 @@ Future<String> mockSaveFilePath(String? name, String fileName) async {
  );
  return path;
 }
+
+Future<List<String>> mockPickFilePaths({
+  required List<String> paths,
+}) async {
+  // late final Directory dir;
+  // if (customPath != null) {
+  //   dir = Directory(customPath);
+  // } else {
+  //   dir = await TestFolder.testLocation(applicationDataPath, name);
+  // }
+  // final paths = fileNames.map((e) => p.join(dir.path, e)).toList();
+  getIt.unregister<FilePickerService>();
+  getIt.registerFactory<FilePickerService>(
+    () => MockFilePicker(
+      mockPaths: paths,
+    ),
+  );
+  return paths;
+}
@@ -0,0 +1,110 @@
+// Copyright 2013 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter_test/flutter_test.dart';
+import 'package:plugin_platform_interface/plugin_platform_interface.dart';
+import 'package:url_launcher_platform_interface/link.dart';
+import 'package:url_launcher_platform_interface/url_launcher_platform_interface.dart';
+
+class MockUrlLauncher extends Fake
+    with MockPlatformInterfaceMixin
+    implements UrlLauncherPlatform {
+  String? url;
+  PreferredLaunchMode? launchMode;
+  bool? useSafariVC;
+  bool? useWebView;
+  bool? enableJavaScript;
+  bool? enableDomStorage;
+  bool? universalLinksOnly;
+  Map<String, String>? headers;
+  String? webOnlyWindowName;
+
+  bool? response;
+
+  bool closeWebViewCalled = false;
+  bool canLaunchCalled = false;
+  bool launchCalled = false;
+
+  // ignore: use_setters_to_change_properties
+  void setCanLaunchExpectations(String url) {
+    this.url = url;
+  }
+
+  void setLaunchExpectations({
+    required String url,
+    PreferredLaunchMode? launchMode,
+    bool? useSafariVC,
+    bool? useWebView,
+    required bool enableJavaScript,
+    required bool enableDomStorage,
+    required bool universalLinksOnly,
+    required Map<String, String> headers,
+    required String? webOnlyWindowName,
+  }) {
+    this.url = url;
+    this.launchMode = launchMode;
+    this.useSafariVC = useSafariVC;
+    this.useWebView = useWebView;
+    this.enableJavaScript = enableJavaScript;
+    this.enableDomStorage = enableDomStorage;
+    this.universalLinksOnly = universalLinksOnly;
+    this.headers = headers;
+    this.webOnlyWindowName = webOnlyWindowName;
+  }
+
+  // ignore: use_setters_to_change_properties
+  void setResponse(bool response) {
+    this.response = response;
+  }
+
+  @override
+  LinkDelegate? get linkDelegate => null;
+
+  @override
+  Future<bool> canLaunch(String url) async {
+    expect(url, this.url);
+    canLaunchCalled = true;
+    return response!;
+  }
+
+  @override
+  Future<bool> launch(
+    String url, {
+    required bool useSafariVC,
+    required bool useWebView,
+    required bool enableJavaScript,
+    required bool enableDomStorage,
+    required bool universalLinksOnly,
+    required Map<String, String> headers,
+    String? webOnlyWindowName,
+  }) async {
+    expect(url, this.url);
+    expect(useSafariVC, this.useSafariVC);
+    expect(useWebView, this.useWebView);
+    expect(enableJavaScript, this.enableJavaScript);
+    expect(enableDomStorage, this.enableDomStorage);
+    expect(universalLinksOnly, this.universalLinksOnly);
+    expect(headers, this.headers);
+    expect(webOnlyWindowName, this.webOnlyWindowName);
+    launchCalled = true;
+    return response!;
+  }
+
+  @override
+  Future<bool> launchUrl(String url, LaunchOptions options) async {
+    expect(url, this.url);
+    expect(options.mode, launchMode);
+    expect(options.webViewConfiguration.enableJavaScript, enableJavaScript);
+    expect(options.webViewConfiguration.enableDomStorage, enableDomStorage);
+    expect(options.webViewConfiguration.headers, headers);
+    expect(options.webOnlyWindowName, webOnlyWindowName);
+    launchCalled = true;
+    return response!;
+  }
+
+  @override
+  Future<void> closeWebView() async {
+    closeWebViewCalled = true;
+  }
+}
@@ -2,3 +2,7 @@ export 'base.dart';
 export 'common_operations.dart';
 export 'settings.dart';
 export 'data.dart';
+export 'expectation.dart';
+export 'editor_test_operations.dart';
+export 'mock/mock_url_launcher.dart';
+export 'ime.dart';
@@ -1,38 +0,0 @@
-import 'package:appflowy_backend/dispatch/dispatch.dart';
-import 'package:appflowy_backend/protobuf/flowy-config/entities.pb.dart';
-
-class Config {
-  static Future<void> setSupabaseConfig({
-    required String url,
-    required String anonKey,
-    required String key,
-    required String secret,
-  }) async {
-    await ConfigEventSetSupabaseConfig(
-      SupabaseConfigPB.create()
-        ..supabaseUrl = url
-        ..key = key
-        ..anonKey = anonKey
-        ..jwtSecret = secret,
-    ).send();
-  }
-
-  static Future<void> setSupabaseCollabPluginConfig({
-    required String url,
-    required String key,
-    required String jwtSecret,
-    required String collabTable,
-  }) async {
-    final payload = CollabPluginConfigPB.create();
-    final collabTableConfig = CollabTableConfigPB.create()
-      ..tableName = collabTable;
-
-    payload.supabaseConfig = SupabaseDBConfigPB.create()
-      ..supabaseUrl = url
-      ..key = key
-      ..jwtSecret = jwtSecret
-      ..collabTableConfig = collabTableConfig;
-
-    await ConfigEventSetCollabPluginConfig(payload).send();
-  }
-}
@@ -18,4 +18,15 @@ class KVKeys {
  /// The value is a json string with the following format:
  ///   {'height': 600.0, 'width': 800.0}
  static const String windowSize = 'windowSize';
+
+  /// The key for saving the window position
+  ///
+  /// The value is a json string with the following format:
+  ///   {'dx': 10.0, 'dy': 10.0}
+  static const String windowPosition = 'windowPosition';
+
+  static const String kDocumentAppearanceFontSize =
+      'kDocumentAppearanceFontSize';
+  static const String kDocumentAppearanceFontFamily =
+      'kDocumentAppearanceFontFamily';
 }
@@ -1,11 +1,12 @@
-import 'package:flutter/foundation.dart' show TargetPlatform;
+import 'package:flutter/foundation.dart' show TargetPlatform, kIsWeb;

 extension TargetPlatformHelper on TargetPlatform {
  /// Convenience function to check if the app is running on a desktop computer.
  ///
  /// Easily check if on desktop by checking `defaultTargetPlatform.isDesktop`.
  bool get isDesktop =>
-      this == TargetPlatform.linux ||
-      this == TargetPlatform.macOS ||
-      this == TargetPlatform.windows;
+      !kIsWeb &&
+      (this == TargetPlatform.linux ||
+          this == TargetPlatform.macOS ||
+          this == TargetPlatform.windows);
 }
@@ -0,0 +1,11 @@
+import 'package:flutter/services.dart';
+
+extension RawKeyboardExtension on RawKeyboard {
+  bool get isAltPressed => keysPressed.any(
+        (key) => [
+          LogicalKeyboardKey.alt,
+          LogicalKeyboardKey.altLeft,
+          LogicalKeyboardKey.altRight,
+        ].contains(key),
+      );
+}
@@ -3,6 +3,17 @@ import 'package:envied/envied.dart';

 part 'env.g.dart';

+/// The environment variables are defined in `.env` file that is located in the
+/// appflowy_flutter.
+///   Run `dart run build_runner build --delete-conflicting-outputs`
+///   to generate the keys from the env file.
+///
+///   If you want to regenerate the keys, you need to run `dart run
+///   build_runner clean` before running `dart run build_runner build
+///    --delete-conflicting-outputs`.
+
+/// Follow the guide on https://supabase.com/docs/guides/auth/social-login/auth-google to setup the auth provider.
+///
@Envied(path: '.env')
 abstract class Env {
  @EnviedField(
@@ -32,14 +43,46 @@ abstract class Env {

  @EnviedField(
    obfuscate: true,
-    varName: 'SUPABASE_COLLAB_TABLE',
+    varName: 'SUPABASE_DB',
    defaultValue: '',
  )
-  static final String supabaseCollabTable = _Env.supabaseCollabTable;
+  static final String supabaseDb = _Env.supabaseDb;
+
+  @EnviedField(
+    obfuscate: true,
+    varName: 'SUPABASE_DB_USER',
+    defaultValue: '',
+  )
+  static final String supabaseDbUser = _Env.supabaseDbUser;
+
+  @EnviedField(
+    obfuscate: true,
+    varName: 'SUPABASE_DB_PASSWORD',
+    defaultValue: '',
+  )
+  static final String supabaseDbPassword = _Env.supabaseDbPassword;
+
+  @EnviedField(
+    obfuscate: true,
+    varName: 'SUPABASE_DB_PORT',
+    defaultValue: '5432',
+  )
+  static final String supabaseDbPort = _Env.supabaseDbPort;
+
+  @EnviedField(
+    obfuscate: true,
+    varName: 'ENABLE_SUPABASE_SYNC',
+    defaultValue: true,
+  )
+  static final bool enableSupabaseSync = _Env.enableSupabaseSync;
 }

-bool get isSupabaseEnable =>
-    Env.supabaseUrl.isNotEmpty &&
-    Env.supabaseAnonKey.isNotEmpty &&
-    Env.supabaseKey.isNotEmpty &&
-    Env.supabaseJwtSecret.isNotEmpty;
+bool get isSupabaseEnable => false;
+    // Env.supabaseUrl.isNotEmpty &&
+    // Env.supabaseAnonKey.isNotEmpty &&
+    // Env.supabaseKey.isNotEmpty &&
+    // Env.supabaseJwtSecret.isNotEmpty &&
+    // Env.supabaseDb.isNotEmpty &&
+    // Env.supabaseDbUser.isNotEmpty &&
+    // Env.supabaseDbPassword.isNotEmpty &&
+    // Env.supabaseDbPort.isNotEmpty;
@@ -6,5 +6,8 @@ import 'startup/startup.dart';
 Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

-  await FlowyRunner.run(FlowyApp());
+  await FlowyRunner.run(
+    FlowyApp(),
+    integrationEnv(),
+  );
 }
@@ -42,6 +42,9 @@ class BlankPagePluginWidgetBuilder extends PluginWidgetBuilder
  @override
  Widget get leftBarItem => FlowyText.medium(LocaleKeys.blankPageTitle.tr());

+  @override
+  Widget tabBarItem(String pluginId) => leftBarItem;
+
  @override
  Widget buildWidget({PluginContext? context}) => const BlankPage();

@@ -24,38 +24,38 @@ class CellCacheKey {
 /// We use GridCellCacheKey to index the cell in the cache.
 /// Read https://appflowy.gitbook.io/docs/essential-documentation/contribute-to-appflowy/architecture/frontend/grid
 /// for more information
-class CellCache {
+class CellMemCache {
  final String viewId;

  /// fieldId: {cacheKey: GridCell}
-  final Map<String, Map<RowId, dynamic>> _cellDataByFieldId = {};
-  CellCache({
+  final Map<String, Map<RowId, dynamic>> _cellByFieldId = {};
+  CellMemCache({
    required this.viewId,
  });

  void removeCellWithFieldId(String fieldId) {
-    _cellDataByFieldId.remove(fieldId);
+    _cellByFieldId.remove(fieldId);
  }

  void remove(CellCacheKey key) {
-    final map = _cellDataByFieldId[key.fieldId];
+    final map = _cellByFieldId[key.fieldId];
    if (map != null) {
      map.remove(key.rowId);
    }
  }

  void insert<T extends DatabaseCell>(CellCacheKey key, T value) {
-    var map = _cellDataByFieldId[key.fieldId];
+    var map = _cellByFieldId[key.fieldId];
    if (map == null) {
-      _cellDataByFieldId[key.fieldId] = {};
-      map = _cellDataByFieldId[key.fieldId];
+      _cellByFieldId[key.fieldId] = {};
+      map = _cellByFieldId[key.fieldId];
    }

    map![key.rowId] = value.object;
  }

  T? get<T>(CellCacheKey key) {
-    final map = _cellDataByFieldId[key.fieldId];
+    final map = _cellByFieldId[key.fieldId];
    if (map == null) {
      return null;
    } else {
@@ -72,6 +72,6 @@ class CellCache {
  }

  Future<void> dispose() async {
-    _cellDataByFieldId.clear();
+    _cellByFieldId.clear();
  }
 }
@@ -1,5 +1,6 @@
 import 'dart:async';
 import 'package:appflowy/plugins/database_view/application/field/field_listener.dart';
+import 'package:appflowy/plugins/database_view/application/row/row_meta_listener.dart';
 import 'package:appflowy/plugins/database_view/application/row/row_service.dart';
 import 'package:appflowy_backend/log.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
@@ -22,39 +23,45 @@ import 'cell_service.dart';
 ///
 // ignore: must_be_immutable
 class CellController<T, D> extends Equatable {
-  final DatabaseCellContext cellContext;
-  final CellCache _cellCache;
+  DatabaseCellContext _cellContext;
+  final CellMemCache _cellCache;
  final CellCacheKey _cacheKey;
  final FieldBackendService _fieldBackendSvc;
-  final SingleFieldListener _fieldListener;
  final CellDataLoader<T> _cellDataLoader;
  final CellDataPersistence<D> _cellDataPersistence;

  CellListener? _cellListener;
+  RowMetaListener? _rowMetaListener;
+  SingleFieldListener? _fieldListener;
  CellDataNotifier<T?>? _cellDataNotifier;

  VoidCallback? _onCellFieldChanged;
+  VoidCallback? _onRowMetaChanged;
  Timer? _loadDataOperation;
  Timer? _saveDataOperation;

-  String get viewId => cellContext.viewId;
+  String get viewId => _cellContext.viewId;

-  RowId get rowId => cellContext.rowId;
+  RowId get rowId => _cellContext.rowId;

-  String get fieldId => cellContext.fieldInfo.id;
+  String get fieldId => _cellContext.fieldInfo.id;

-  FieldInfo get fieldInfo => cellContext.fieldInfo;
+  FieldInfo get fieldInfo => _cellContext.fieldInfo;

-  FieldType get fieldType => cellContext.fieldInfo.fieldType;
+  FieldType get fieldType => _cellContext.fieldInfo.fieldType;
+
+  String? get emoji => _cellContext.emoji;

  CellController({
-    required this.cellContext,
-    required CellCache cellCache,
+    required DatabaseCellContext cellContext,
+    required CellMemCache cellCache,
    required CellDataLoader<T> cellDataLoader,
    required CellDataPersistence<D> cellDataPersistence,
-  })  : _cellCache = cellCache,
+  })  : _cellContext = cellContext,
+        _cellCache = cellCache,
        _cellDataLoader = cellDataLoader,
        _cellDataPersistence = cellDataPersistence,
+        _rowMetaListener = RowMetaListener(cellContext.rowId),
        _fieldListener = SingleFieldListener(fieldId: cellContext.fieldId),
        _fieldBackendSvc = FieldBackendService(
          viewId: cellContext.viewId,
@@ -84,30 +91,37 @@ class CellController<T, D> extends Equatable {
    );

    /// 2.Listen on the field event and load the cell data if needed.
-    _fieldListener.start(
-      onFieldChanged: (result) {
-        result.fold(
-          (fieldPB) {
-            /// reloadOnFieldChanged should be true if you need to load the data when the corresponding field is changed
-            /// For example:
-            ///   ￥12 -> $12
-            if (_cellDataLoader.reloadOnFieldChanged) {
-              _loadData();
-            }
-            _onCellFieldChanged?.call();
-          },
-          (err) => Log.error(err),
-        );
+    _fieldListener?.start(
+      onFieldChanged: (fieldPB) {
+        /// reloadOnFieldChanged should be true if you need to load the data when the corresponding field is changed
+        /// For example:
+        ///   ￥12 -> $12
+        if (_cellDataLoader.reloadOnFieldChanged) {
+          _loadData();
+        }
+        _onCellFieldChanged?.call();
      },
    );
+
+    // Only the primary can listen on the row meta changes.
+    if (_cellContext.fieldInfo.isPrimary) {
+      _rowMetaListener?.start(
+        callback: (newRowMeta) {
+          _cellContext = _cellContext.copyWith(rowMeta: newRowMeta);
+          _onRowMetaChanged?.call();
+        },
+      );
+    }
  }

  /// Listen on the cell content or field changes
  VoidCallback? startListening({
    required void Function(T?) onCellChanged,
+    VoidCallback? onRowMetaChanged,
    VoidCallback? onCellFieldChanged,
  }) {
    _onCellFieldChanged = onCellFieldChanged;
+    _onRowMetaChanged = onRowMetaChanged;

    /// Notify the listener, the cell data was changed.
    onCellChangedFn() => onCellChanged(_cellDataNotifier?.value);
@@ -186,18 +200,26 @@ class CellController<T, D> extends Equatable {
  }

  Future<void> dispose() async {
+    await _rowMetaListener?.stop();
+    _rowMetaListener = null;
+
    await _cellListener?.stop();
+    _cellListener = null;
+
+    await _fieldListener?.stop();
+    _fieldListener = null;
+
    _loadDataOperation?.cancel();
    _saveDataOperation?.cancel();
    _cellDataNotifier?.dispose();
-    await _fieldListener.stop();
    _cellDataNotifier = null;
+    _onRowMetaChanged = null;
  }

  @override
  List<Object> get props => [
        _cellCache.get(_cacheKey) ?? "",
-        cellContext.rowId + cellContext.fieldInfo.id
+        _cellContext.rowId + _cellContext.fieldInfo.id
      ];
 }

@@ -18,11 +18,11 @@ typedef URLCellController = CellController<URLCellDataPB, String>;

 class CellControllerBuilder {
  final DatabaseCellContext _cellContext;
-  final CellCache _cellCache;
+  final CellMemCache _cellCache;

  CellControllerBuilder({
    required DatabaseCellContext cellContext,
-    required CellCache cellCache,
+    required CellMemCache cellCache,
  })  : _cellCache = cellCache,
        _cellContext = cellContext;

@@ -2,6 +2,7 @@ import 'dart:async';
 import 'dart:collection';
 import 'package:appflowy_backend/protobuf/flowy-database2/checklist_entities.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/date_entities.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/row_entities.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/select_option.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/url_entities.pb.dart';
 import 'package:dartz/dartz.dart';
@@ -52,18 +53,23 @@ class CellBackendService {
 class DatabaseCellContext with _$DatabaseCellContext {
  const factory DatabaseCellContext({
    required String viewId,
-    required RowId rowId,
+    required RowMetaPB rowMeta,
    required FieldInfo fieldInfo,
  }) = _DatabaseCellContext;

  // ignore: unused_element
  const DatabaseCellContext._();

+  String get rowId => rowMeta.id;
+
  String get fieldId => fieldInfo.id;

  FieldType get fieldType => fieldInfo.fieldType;

  ValueKey key() {
-    return ValueKey("$rowId$fieldId${fieldInfo.fieldType}");
+    return ValueKey("${rowMeta.id}$fieldId${fieldInfo.fieldType}");
  }
+
+  /// Only the primary field can have an emoji.
+  String? get emoji => fieldInfo.isPrimary ? rowMeta.icon : null;
 }
@@ -1,4 +1,3 @@
-import 'package:appflowy/plugins/database_view/application/cell/cell_service.dart';
 import 'package:appflowy_backend/dispatch/dispatch.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/cell_entities.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/checklist_entities.pb.dart';
@@ -7,17 +6,23 @@ import 'package:appflowy_backend/protobuf/flowy-error/errors.pb.dart';
 import 'package:dartz/dartz.dart';

 class ChecklistCellBackendService {
-  final DatabaseCellContext cellContext;
+  final String viewId;
+  final String fieldId;
+  final String rowId;

-  ChecklistCellBackendService({required this.cellContext});
+  ChecklistCellBackendService({
+    required this.viewId,
+    required this.fieldId,
+    required this.rowId,
+  });

  Future<Either<Unit, FlowyError>> create({
    required String name,
  }) {
    final payload = ChecklistCellDataChangesetPB.create()
-      ..viewId = cellContext.viewId
-      ..fieldId = cellContext.fieldInfo.id
-      ..rowId = cellContext.rowId
+      ..viewId = viewId
+      ..fieldId = fieldId
+      ..rowId = rowId
      ..insertOptions.add(name);

    return DatabaseEventUpdateChecklistCell(payload).send();
@@ -27,9 +32,9 @@ class ChecklistCellBackendService {
    required List<String> optionIds,
  }) {
    final payload = ChecklistCellDataChangesetPB.create()
-      ..viewId = cellContext.viewId
-      ..fieldId = cellContext.fieldInfo.id
-      ..rowId = cellContext.rowId
+      ..viewId = viewId
+      ..fieldId = fieldId
+      ..rowId = rowId
      ..deleteOptionIds.addAll(optionIds);

    return DatabaseEventUpdateChecklistCell(payload).send();
@@ -39,9 +44,9 @@ class ChecklistCellBackendService {
    required String optionId,
  }) {
    final payload = ChecklistCellDataChangesetPB.create()
-      ..viewId = cellContext.viewId
-      ..fieldId = cellContext.fieldInfo.id
-      ..rowId = cellContext.rowId
+      ..viewId = viewId
+      ..fieldId = fieldId
+      ..rowId = rowId
      ..selectedOptionIds.add(optionId);

    return DatabaseEventUpdateChecklistCell(payload).send();
@@ -51,9 +56,9 @@ class ChecklistCellBackendService {
    required SelectOptionPB option,
  }) {
    final payload = ChecklistCellDataChangesetPB.create()
-      ..viewId = cellContext.viewId
-      ..fieldId = cellContext.fieldInfo.id
-      ..rowId = cellContext.rowId
+      ..viewId = viewId
+      ..fieldId = fieldId
+      ..rowId = rowId
      ..updateOptions.add(option);

    return DatabaseEventUpdateChecklistCell(payload).send();
@@ -61,10 +66,9 @@ class ChecklistCellBackendService {

  Future<Either<ChecklistCellDataPB, FlowyError>> getCellData() {
    final payload = CellIdPB.create()
-      ..fieldId = cellContext.fieldInfo.id
-      ..viewId = cellContext.viewId
-      ..rowId = cellContext.rowId
-      ..rowId = cellContext.rowId;
+      ..viewId = viewId
+      ..fieldId = fieldId
+      ..rowId = rowId;

    return DatabaseEventGetChecklistCellData(payload).send();
  }
@@ -1,6 +1,4 @@
-import 'package:appflowy/plugins/database_view/application/cell/cell_service.dart';
 import 'package:appflowy/plugins/database_view/application/field/type_option/type_option_service.dart';
-import 'package:appflowy/plugins/database_view/application/row/row_service.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/select_option.pb.dart';
 import 'package:dartz/dartz.dart';
 import 'package:appflowy_backend/dispatch/dispatch.dart';
@@ -8,12 +6,15 @@ import 'package:appflowy_backend/protobuf/flowy-error/errors.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/cell_entities.pb.dart';

 class SelectOptionCellBackendService {
-  final DatabaseCellContext cellContext;
-  SelectOptionCellBackendService({required this.cellContext});
+  final String viewId;
+  final String fieldId;
+  final String rowId;

-  String get viewId => cellContext.viewId;
-  String get fieldId => cellContext.fieldInfo.id;
-  RowId get rowId => cellContext.rowId;
+  SelectOptionCellBackendService({
+    required this.viewId,
+    required this.fieldId,
+    required this.rowId,
+  });

  Future<Either<Unit, FlowyError>> create({
    required String name,
@@ -1,8 +1,8 @@
 import 'package:appflowy/plugins/database_view/application/field/field_controller.dart';
-import 'package:appflowy/plugins/database_view/application/layout/calendar_setting_listener.dart';
 import 'package:appflowy/plugins/database_view/application/view/view_cache.dart';
 import 'package:appflowy_backend/log.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/calendar_entities.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/database_entities.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/group.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/group_changeset.pb.dart';
@@ -15,6 +15,7 @@ import 'dart:async';
 import 'package:dartz/dartz.dart';
 import 'database_view_service.dart';
 import 'defines.dart';
+import 'layout/layout_service.dart';
 import 'layout/layout_setting_listener.dart';
 import 'row/row_cache.dart';
 import 'group/group_listener.dart';
@@ -49,16 +50,11 @@ class DatabaseLayoutSettingCallbacks {
  });
 }

-class CalendarLayoutCallbacks {
-  final void Function(DatabaseLayoutSettingPB) onCalendarLayoutChanged;
-
-  CalendarLayoutCallbacks({required this.onCalendarLayoutChanged});
-}
-
 class DatabaseCallbacks {
  OnDatabaseChanged? onDatabaseChanged;
  OnFieldsChanged? onFieldsChanged;
  OnFiltersChanged? onFiltersChanged;
+  OnSortsChanged? onSortsChanged;
  OnNumOfRowsChanged? onNumOfRowsChanged;
  OnRowsDeleted? onRowsDeleted;
  OnRowsUpdated? onRowsUpdated;
@@ -69,6 +65,7 @@ class DatabaseCallbacks {
    this.onNumOfRowsChanged,
    this.onFieldsChanged,
    this.onFiltersChanged,
+    this.onSortsChanged,
    this.onRowsUpdated,
    this.onRowsDeleted,
    this.onRowsCreated,
@@ -79,15 +76,14 @@ class DatabaseController {
  final String viewId;
  final DatabaseViewBackendService _databaseViewBackendSvc;
  final FieldController fieldController;
-  DatabaseLayoutPB? databaseLayout;
+  DatabaseLayoutPB databaseLayout;
  DatabaseLayoutSettingPB? databaseLayoutSetting;
  late DatabaseViewCache _viewCache;

  // Callbacks
-  DatabaseCallbacks? _databaseCallbacks;
-  GroupCallbacks? _groupCallbacks;
-  DatabaseLayoutSettingCallbacks? _layoutCallbacks;
-  CalendarLayoutCallbacks? _calendarLayoutCallbacks;
+  final List<DatabaseCallbacks> _databaseCallbacks = [];
+  final List<GroupCallbacks> _groupCallbacks = [];
+  final List<DatabaseLayoutSettingCallbacks> _layoutCallbacks = [];

  // Getters
  RowCache get rowCache => _viewCache.rowCache;
@@ -95,15 +91,14 @@ class DatabaseController {
  // Listener
  final DatabaseGroupListener _groupListener;
  final DatabaseLayoutSettingListener _layoutListener;
-  final DatabaseCalendarLayoutListener _calendarLayoutListener;

  DatabaseController({required ViewPB view})
      : viewId = view.id,
        _databaseViewBackendSvc = DatabaseViewBackendService(viewId: view.id),
        fieldController = FieldController(viewId: view.id),
        _groupListener = DatabaseGroupListener(view.id),
-        _layoutListener = DatabaseLayoutSettingListener(view.id),
-        _calendarLayoutListener = DatabaseCalendarLayoutListener(view.id) {
+        databaseLayout = databaseLayoutFromViewLayout(view.layout),
+        _layoutListener = DatabaseLayoutSettingListener(view.id) {
    _viewCache = DatabaseViewCache(
      viewId: viewId,
      fieldController: fieldController,
@@ -114,44 +109,51 @@ class DatabaseController {
    _listenOnLayoutChanged();
  }

-  void setListener({
+  void addListener({
    DatabaseCallbacks? onDatabaseChanged,
    DatabaseLayoutSettingCallbacks? onLayoutChanged,
    GroupCallbacks? onGroupChanged,
-    CalendarLayoutCallbacks? onCalendarLayoutChanged,
  }) {
-    _layoutCallbacks = onLayoutChanged;
-    _databaseCallbacks = onDatabaseChanged;
-    _groupCallbacks = onGroupChanged;
-    _calendarLayoutCallbacks = onCalendarLayoutChanged;
+    if (onLayoutChanged != null) {
+      _layoutCallbacks.add(onLayoutChanged);
+    }
+
+    if (onDatabaseChanged != null) {
+      _databaseCallbacks.add(onDatabaseChanged);
+    }
+
+    if (onGroupChanged != null) {
+      _groupCallbacks.add(onGroupChanged);
+    }
  }

  Future<Either<Unit, FlowyError>> open() async {
-    return _databaseViewBackendSvc.openGrid().then((result) {
+    return _databaseViewBackendSvc.openDatabase().then((result) {
      return result.fold(
-        (database) async {
+        (DatabasePB database) async {
          databaseLayout = database.layoutType;

-          if (databaseLayout == DatabaseLayoutPB.Calendar) {
-            _listenOnCalendarLayoutChanged();
-          }
-
-          _databaseCallbacks?.onDatabaseChanged?.call(database);
-          _viewCache.rowCache.setInitialRows(database.rows);
-          return await fieldController
-              .loadFields(
+          // Load the actual database field data.
+          final fieldsOrFail = await fieldController.loadFields(
            fieldIds: database.fields,
-          )
-              .then(
-            (result) {
-              return result.fold(
-                (l) => Future(() async {
-                  await _loadGroups();
-                  await _loadLayoutSetting();
-                  return left(l);
-                }),
-                (err) => right(err),
-              );
+          );
+          return fieldsOrFail.fold(
+            (fields) {
+              // Notify the database is changed after the fields are loaded.
+              // The database won't can't be used until the fields are loaded.
+              for (final callback in _databaseCallbacks) {
+                callback.onDatabaseChanged?.call(database);
+              }
+              _viewCache.rowCache.setInitialRows(database.rows);
+              return Future(() async {
+                await _loadGroups();
+                await _loadLayoutSetting();
+                return left(fields);
+              });
+            },
+            (err) {
+              Log.error(err);
+              return right(err);
            },
          );
        },
@@ -160,7 +162,7 @@ class DatabaseController {
    });
  }

-  Future<Either<RowPB, FlowyError>> createRow({
+  Future<Either<RowMetaPB, FlowyError>> createRow({
    RowId? startRowId,
    String? groupId,
    void Function(RowDataBuilder builder)? withCells,
@@ -181,9 +183,9 @@ class DatabaseController {
  }

  Future<Either<Unit, FlowyError>> moveGroupRow({
-    required RowPB fromRow,
+    required RowMetaPB fromRow,
    required String groupId,
-    RowPB? toRow,
+    RowMetaPB? toRow,
  }) {
    return _databaseViewBackendSvc.moveGroupRow(
      fromRowId: fromRow.id,
@@ -193,12 +195,12 @@ class DatabaseController {
  }

  Future<Either<Unit, FlowyError>> moveRow({
-    required RowPB fromRow,
-    required RowPB toRow,
+    required String fromRowId,
+    required String toRowId,
  }) {
    return _databaseViewBackendSvc.moveRow(
-      fromRowId: fromRow.id,
-      toRowId: toRow.id,
+      fromRowId: fromRowId,
+      toRowId: toRowId,
    );
  }

@@ -212,11 +214,14 @@ class DatabaseController {
    );
  }

-  Future<void> updateCalenderLayoutSetting(
-    CalendarLayoutSettingPB layoutSetting,
+  Future<void> updateLayoutSetting(
+    CalendarLayoutSettingPB calendarlLayoutSetting,
  ) async {
    await _databaseViewBackendSvc
-        .updateLayoutSetting(calendarLayoutSetting: layoutSetting)
+        .updateLayoutSetting(
+      calendarLayoutSetting: calendarlLayoutSetting,
+      layoutType: databaseLayout,
+    )
        .then((result) {
      result.fold((l) => null, (r) => Log.error(r));
    });
@@ -227,10 +232,9 @@ class DatabaseController {
    await fieldController.dispose();
    await _groupListener.stop();
    await _viewCache.dispose();
-    _databaseCallbacks = null;
-    _groupCallbacks = null;
-    _layoutCallbacks = null;
-    _calendarLayoutCallbacks = null;
+    _databaseCallbacks.clear();
+    _groupCallbacks.clear();
+    _layoutCallbacks.clear();
  }

  Future<void> _loadGroups() async {
@@ -238,7 +242,9 @@ class DatabaseController {
    return Future(
      () => result.fold(
        (groups) {
-          _groupCallbacks?.onGroupByField?.call(groups.items);
+          for (final callback in _groupCallbacks) {
+            callback.onGroupByField?.call(groups.items);
+          }
        },
        (err) => Log.error(err),
      ),
@@ -246,46 +252,63 @@ class DatabaseController {
  }

  Future<void> _loadLayoutSetting() async {
-    if (databaseLayout != null) {
-      _databaseViewBackendSvc.getLayoutSetting(databaseLayout!).then((result) {
-        result.fold(
-          (newDatabaseLayoutSetting) {
-            databaseLayoutSetting = newDatabaseLayoutSetting;
-            databaseLayoutSetting?.freeze();
+    _databaseViewBackendSvc.getLayoutSetting(databaseLayout).then((result) {
+      result.fold(
+        (newDatabaseLayoutSetting) {
+          databaseLayoutSetting = newDatabaseLayoutSetting;
+          databaseLayoutSetting?.freeze();

-            _layoutCallbacks?.onLoadLayout(newDatabaseLayoutSetting);
-          },
-          (r) => Log.error(r),
-        );
-      });
-    }
+          for (final callback in _layoutCallbacks) {
+            callback.onLoadLayout(newDatabaseLayoutSetting);
+          }
+        },
+        (r) => Log.error(r),
+      );
+    });
  }

  void _listenOnRowsChanged() {
    final callbacks = DatabaseViewCallbacks(
      onNumOfRowsChanged: (rows, rowByRowId, reason) {
-        _databaseCallbacks?.onNumOfRowsChanged?.call(rows, rowByRowId, reason);
+        for (final callback in _databaseCallbacks) {
+          callback.onNumOfRowsChanged?.call(rows, rowByRowId, reason);
+        }
      },
      onRowsDeleted: (ids) {
-        _databaseCallbacks?.onRowsDeleted?.call(ids);
+        for (final callback in _databaseCallbacks) {
+          callback.onRowsDeleted?.call(ids);
+        }
      },
-      onRowsUpdated: (ids) {
-        _databaseCallbacks?.onRowsUpdated?.call(ids);
+      onRowsUpdated: (ids, reason) {
+        for (final callback in _databaseCallbacks) {
+          callback.onRowsUpdated?.call(ids, reason);
+        }
      },
      onRowsCreated: (ids) {
-        _databaseCallbacks?.onRowsCreated?.call(ids);
+        for (final callback in _databaseCallbacks) {
+          callback.onRowsCreated?.call(ids);
+        }
      },
    );
-    _viewCache.setListener(callbacks);
+    _viewCache.addListener(callbacks);
  }

  void _listenOnFieldsChanged() {
    fieldController.addListener(
      onReceiveFields: (fields) {
-        _databaseCallbacks?.onFieldsChanged?.call(UnmodifiableListView(fields));
+        for (final callback in _databaseCallbacks) {
+          callback.onFieldsChanged?.call(UnmodifiableListView(fields));
+        }
+      },
+      onSorts: (sorts) {
+        for (final callback in _databaseCallbacks) {
+          callback.onSortsChanged?.call(sorts);
+        }
      },
      onFilters: (filters) {
-        _databaseCallbacks?.onFiltersChanged?.call(filters);
+        for (final callback in _databaseCallbacks) {
+          callback.onFiltersChanged?.call(filters);
+        }
      },
    );
  }
@@ -296,15 +319,21 @@ class DatabaseController {
        result.fold(
          (changeset) {
            if (changeset.updateGroups.isNotEmpty) {
-              _groupCallbacks?.onUpdateGroup?.call(changeset.updateGroups);
+              for (final callback in _groupCallbacks) {
+                callback.onUpdateGroup?.call(changeset.updateGroups);
+              }
            }

            if (changeset.deletedGroups.isNotEmpty) {
-              _groupCallbacks?.onDeleteGroup?.call(changeset.deletedGroups);
+              for (final callback in _groupCallbacks) {
+                callback.onDeleteGroup?.call(changeset.deletedGroups);
+              }
            }

            for (final insertedGroup in changeset.insertedGroups) {
-              _groupCallbacks?.onInsertGroup?.call(insertedGroup);
+              for (final callback in _groupCallbacks) {
+                callback.onInsertGroup?.call(insertedGroup);
+              }
            }
          },
          (r) => Log.error(r),
@@ -313,7 +342,9 @@ class DatabaseController {
      onGroupByNewField: (result) {
        result.fold(
          (groups) {
-            _groupCallbacks?.onGroupByField?.call(groups);
+            for (final callback in _groupCallbacks) {
+              callback.onGroupByField?.call(groups);
+            }
          },
          (r) => Log.error(r),
        );
@@ -325,24 +356,13 @@ class DatabaseController {
    _layoutListener.start(
      onLayoutChanged: (result) {
        result.fold(
-          (newDatabaseLayoutSetting) {
-            databaseLayoutSetting = newDatabaseLayoutSetting;
+          (newLayout) {
+            databaseLayoutSetting = newLayout;
            databaseLayoutSetting?.freeze();

-            _layoutCallbacks?.onLayoutChanged(newDatabaseLayoutSetting);
-          },
-          (r) => Log.error(r),
-        );
-      },
-    );
-  }
-
-  void _listenOnCalendarLayoutChanged() {
-    _calendarLayoutListener.start(
-      onCalendarLayoutChanged: (result) {
-        result.fold(
-          (l) {
-            _calendarLayoutCallbacks?.onCalendarLayoutChanged(l);
+            for (final callback in _layoutCallbacks) {
+              callback.onLayoutChanged(newLayout);
+            }
          },
          (r) => Log.error(r),
        );
@@ -25,12 +25,12 @@ class DatabaseViewBackendService {
        .then((value) => value.leftMap((l) => l.value));
  }

-  Future<Either<DatabasePB, FlowyError>> openGrid() async {
+  Future<Either<DatabasePB, FlowyError>> openDatabase() async {
    final payload = DatabaseViewIdPB(value: viewId);
    return DatabaseEventGetDatabase(payload).send();
  }

-  Future<Either<RowPB, FlowyError>> createRow({
+  Future<Either<RowMetaPB, FlowyError>> createRow({
    RowId? startRowId,
    String? groupId,
    Map<String, String>? cellDataByFieldId,
@@ -113,9 +113,12 @@ class DatabaseViewBackendService {
  }

  Future<Either<Unit, FlowyError>> updateLayoutSetting({
+    required DatabaseLayoutPB layoutType,
    CalendarLayoutSettingPB? calendarLayoutSetting,
  }) {
-    final payload = LayoutSettingChangesetPB.create()..viewId = viewId;
+    final payload = LayoutSettingChangesetPB.create()
+      ..viewId = viewId
+      ..layoutType = layoutType;
    if (calendarLayoutSetting != null) {
      payload.calendar = calendarLayoutSetting;
    }
@@ -1,5 +1,6 @@
 import 'dart:collection';

+import 'package:appflowy/plugins/database_view/grid/presentation/widgets/sort/sort_info.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/database_entities.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-error/errors.pb.dart';

@@ -10,15 +11,19 @@ import 'row/row_service.dart';

 typedef OnFieldsChanged = void Function(UnmodifiableListView<FieldInfo>);
 typedef OnFiltersChanged = void Function(List<FilterInfo>);
+typedef OnSortsChanged = void Function(List<SortInfo>);
 typedef OnDatabaseChanged = void Function(DatabasePB);

 typedef OnRowsCreated = void Function(List<RowId> ids);
-typedef OnRowsUpdated = void Function(List<RowId> ids);
+typedef OnRowsUpdated = void Function(
+  List<RowId> ids,
+  ChangedReason reason,
+);
 typedef OnRowsDeleted = void Function(List<RowId> ids);
 typedef OnNumOfRowsChanged = void Function(
  UnmodifiableListView<RowInfo> rows,
  UnmodifiableMapView<RowId, RowInfo> rowByRowId,
-  RowsChangedReason reason,
+  ChangedReason reason,
 );

 typedef OnError = void Function(FlowyError);
@@ -1,4 +1,3 @@
-import 'package:appflowy_backend/log.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pb.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:freezed_annotation/freezed_annotation.dart';
@@ -52,14 +51,11 @@ class FieldCellBloc extends Bloc<FieldCellEvent, FieldCellState> {

  void _startListening() {
    _fieldListener.start(
-      onFieldChanged: (result) {
+      onFieldChanged: (updatedField) {
        if (isClosed) {
          return;
        }
-        result.fold(
-          (field) => add(FieldCellEvent.didReceiveFieldUpdate(field)),
-          (err) => Log.error(err),
-        );
+        add(FieldCellEvent.didReceiveFieldUpdate(updatedField));
      },
    );
  }
@@ -33,7 +33,8 @@ class _GridFieldNotifier extends ChangeNotifier {
    notifyListeners();
  }

-  List<FieldInfo> get fieldInfos => _fieldInfos;
+  UnmodifiableListView<FieldInfo> get fieldInfos =>
+      UnmodifiableListView(_fieldInfos);
 }

 class _GridFilterNotifier extends ChangeNotifier {
@@ -85,9 +86,11 @@ class FieldController {
  final FilterBackendService _filterBackendSvc;
  final SortBackendService _sortBackendSvc;

+  bool _isDisposed = false;
+
  // Field callbacks
  final Map<OnReceiveFields, VoidCallback> _fieldCallbacks = {};
-  _GridFieldNotifier? _fieldNotifier = _GridFieldNotifier();
+  final _GridFieldNotifier _fieldNotifier = _GridFieldNotifier();

  // Field updated callbacks
  final Map<OnReceiveUpdateFields, void Function(List<FieldInfo>)>
@@ -107,15 +110,15 @@ class FieldController {
  final Map<String, SortPB> _sortPBByFieldId = {};

  // Getters
-  List<FieldInfo> get fieldInfos => [..._fieldNotifier?.fieldInfos ?? []];
+  List<FieldInfo> get fieldInfos => [..._fieldNotifier.fieldInfos];
  List<FilterInfo> get filterInfos => [..._filterNotifier?.filters ?? []];
  List<SortInfo> get sortInfos => [..._sortNotifier?.sorts ?? []];

  FieldInfo? getField(String fieldId) {
-    final fields = _fieldNotifier?.fieldInfos
-            .where((element) => element.id == fieldId)
-            .toList() ??
-        [];
+    final fields = _fieldNotifier.fieldInfos
+        .where((element) => element.id == fieldId)
+        .toList();
+
    if (fields.isEmpty) {
      return null;
    }
@@ -169,6 +172,10 @@ class FieldController {
    _listenOnSortChanged();

    _settingBackendSvc.getSetting().then((result) {
+      if (_isDisposed) {
+        return;
+      }
+
      result.fold(
        (setting) => _updateSetting(setting),
        (err) => Log.error(err),
@@ -257,6 +264,10 @@ class FieldController {

    _filtersListener.start(
      onFilterChanged: (result) {
+        if (_isDisposed) {
+          return;
+        }
+
        result.fold(
          (FilterChangesetNotificationPB changeset) {
            final List<FilterInfo> filters = filterInfos;
@@ -351,6 +362,9 @@ class FieldController {

    _sortsListener.start(
      onSortChanged: (result) {
+        if (_isDisposed) {
+          return;
+        }
        result.fold(
          (SortChangesetNotificationPB changeset) {
            final List<SortInfo> newSortInfos = sortInfos;
@@ -371,6 +385,10 @@ class FieldController {
    //Listen on setting changes
    _settingListener.start(
      onSettingUpdated: (result) {
+        if (_isDisposed) {
+          return;
+        }
+
        result.fold(
          (setting) => _updateSetting(setting),
          (r) => Log.error(r),
@@ -385,6 +403,9 @@ class FieldController {
      onFieldsChanged: (result) {
        result.fold(
          (changeset) {
+            if (_isDisposed) {
+              return;
+            }
            _deleteFields(changeset.deletedFields);
            _insertFields(changeset.insertedFields);

@@ -417,27 +438,29 @@ class FieldController {
  }

  void _updateFieldInfos() {
-    if (_fieldNotifier != null) {
-      for (final field in _fieldNotifier!.fieldInfos) {
-        field._isGroupField = _groupConfigurationByFieldId[field.id] != null;
-        field._hasFilter = _filterPBByFieldId[field.id] != null;
-        field._hasSort = _sortPBByFieldId[field.id] != null;
-      }
-      _fieldNotifier?.notify();
+    for (final field in _fieldNotifier.fieldInfos) {
+      field._isGroupField = _groupConfigurationByFieldId[field.id] != null;
+      field._hasFilter = _filterPBByFieldId[field.id] != null;
+      field._hasSort = _sortPBByFieldId[field.id] != null;
    }
+    _fieldNotifier.notify();
  }

  Future<void> dispose() async {
+    if (_isDisposed) {
+      Log.warn('FieldController is already disposed');
+      return;
+    }
+    _isDisposed = true;
    await _fieldListener.stop();
    await _filtersListener.stop();
    await _settingListener.stop();
    await _sortsListener.stop();

    for (final callback in _fieldCallbacks.values) {
-      _fieldNotifier?.removeListener(callback);
+      _fieldNotifier.removeListener(callback);
    }
-    _fieldNotifier?.dispose();
-    _fieldNotifier = null;
+    _fieldNotifier.dispose();

    for (final callback in _filterCallbacks.values) {
      _filterNotifier?.removeListener(callback);
@@ -460,7 +483,11 @@ class FieldController {
    return Future(
      () => result.fold(
        (newFields) {
-          _fieldNotifier?.fieldInfos =
+          if (_isDisposed) {
+            return left(unit);
+          }
+
+          _fieldNotifier.fieldInfos =
              newFields.map((field) => FieldInfo(field: field)).toList();
          _loadFilters();
          _loadSorts();
@@ -551,7 +578,7 @@ class FieldController {
      }

      _fieldCallbacks[onReceiveFields] = callback;
-      _fieldNotifier?.addListener(callback);
+      _fieldNotifier.addListener(callback);
    }

    if (onFilters != null) {
@@ -588,7 +615,7 @@ class FieldController {
    if (onFieldsListener != null) {
      final callback = _fieldCallbacks.remove(onFieldsListener);
      if (callback != null) {
-        _fieldNotifier?.removeListener(callback);
+        _fieldNotifier.removeListener(callback);
      }
    }
    if (onFiltersListener != null) {
@@ -616,7 +643,7 @@ class FieldController {
    };

    newFields.retainWhere((field) => (deletedFieldMap[field.id] == null));
-    _fieldNotifier?.fieldInfos = newFields;
+    _fieldNotifier.fieldInfos = newFields;
  }

  void _insertFields(List<IndexFieldPB> insertedFields) {
@@ -632,7 +659,7 @@ class FieldController {
        newFieldInfos.add(fieldInfo);
      }
    }
-    _fieldNotifier?.fieldInfos = newFieldInfos;
+    _fieldNotifier.fieldInfos = newFieldInfos;
  }

  List<FieldInfo> _updateFields(List<FieldPB> updatedFieldPBs) {
@@ -654,33 +681,35 @@ class FieldController {
    }

    if (updatedFields.isNotEmpty) {
-      _fieldNotifier?.fieldInfos = newFields;
+      _fieldNotifier.fieldInfos = newFields;
    }
    return updatedFields;
  }
 }

-class RowDelegatesImpl extends RowFieldsDelegate with RowCacheDelegate {
-  final FieldController _cache;
+class RowCacheDependenciesImpl extends RowFieldsDelegate with RowLifeCycle {
+  final FieldController _fieldController;
  OnReceiveFields? _onFieldFn;
-  RowDelegatesImpl(FieldController cache) : _cache = cache;
+  RowCacheDependenciesImpl(FieldController cache) : _fieldController = cache;

  @override
  UnmodifiableListView<FieldInfo> get fields =>
-      UnmodifiableListView(_cache.fieldInfos);
+      UnmodifiableListView(_fieldController.fieldInfos);

  @override
  void onFieldsChanged(void Function(List<FieldInfo>) callback) {
-    _onFieldFn = (fieldInfos) {
-      callback(fieldInfos);
-    };
-    _cache.addListener(onReceiveFields: _onFieldFn);
+    if (_onFieldFn != null) {
+      _fieldController.removeListener(onFieldsListener: _onFieldFn!);
+    }
+
+    _onFieldFn = (fieldInfos) => callback(fieldInfos);
+    _fieldController.addListener(onReceiveFields: _onFieldFn);
  }

  @override
-  void onRowDispose() {
+  void onRowDisposed() {
    if (_onFieldFn != null) {
-      _cache.removeListener(onFieldsListener: _onFieldFn!);
+      _fieldController.removeListener(onFieldsListener: _onFieldFn!);
      _onFieldFn = null;
    }
  }
@@ -1,4 +1,5 @@
 import 'package:appflowy/core/notification/grid_notification.dart';
+import 'package:appflowy_backend/log.dart';
 import 'package:dartz/dartz.dart';
 import 'package:appflowy_backend/protobuf/flowy-error/errors.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/notification.pb.dart';
@@ -7,12 +8,11 @@ import 'dart:async';
 import 'dart:typed_data';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pb.dart';

-typedef UpdateFieldNotifiedValue = Either<FieldPB, FlowyError>;
+typedef UpdateFieldNotifiedValue = FieldPB;

 class SingleFieldListener {
  final String fieldId;
-  PublishNotifier<UpdateFieldNotifiedValue>? _updateFieldNotifier =
-      PublishNotifier();
+  void Function(UpdateFieldNotifiedValue)? _updateFieldNotifier;
  DatabaseNotificationListener? _listener;

  SingleFieldListener({required this.fieldId});
@@ -20,7 +20,7 @@ class SingleFieldListener {
  void start({
    required void Function(UpdateFieldNotifiedValue) onFieldChanged,
  }) {
-    _updateFieldNotifier?.addPublishListener(onFieldChanged);
+    _updateFieldNotifier = onFieldChanged;
    _listener = DatabaseNotificationListener(
      objectId: fieldId,
      handler: _handler,
@@ -34,9 +34,8 @@ class SingleFieldListener {
    switch (ty) {
      case DatabaseNotification.DidUpdateField:
        result.fold(
-          (payload) =>
-              _updateFieldNotifier?.value = left(FieldPB.fromBuffer(payload)),
-          (error) => _updateFieldNotifier?.value = right(error),
+          (payload) => _updateFieldNotifier?.call(FieldPB.fromBuffer(payload)),
+          (error) => Log.error(error),
        );
        break;
      default:
@@ -46,7 +45,6 @@ class SingleFieldListener {

  Future<void> stop() async {
    await _listener?.stop();
-    _updateFieldNotifier?.dispose();
    _updateFieldNotifier = null;
  }
 }
@@ -99,6 +99,14 @@ class FieldBackendService {
      );
    });
  }
+
+  /// Returns the primary field of the view.
+  static Future<Either<FieldPB, FlowyError>> getPrimaryField({
+    required String viewId,
+  }) {
+    final payload = DatabaseViewIdPB.create()..value = viewId;
+    return DatabaseEventGetPrimaryField(payload).send();
+  }
 }

@freezed
@@ -15,13 +15,13 @@ class DatabaseLayoutBackendService {
  }) {
    final payload = UpdateViewPayloadPB.create()
      ..viewId = viewId
-      ..layout = _viewLayoutFromDatabaseLayout(layout);
+      ..layout = viewLayoutFromDatabaseLayout(layout);

    return FolderEventUpdateView(payload).send();
  }
 }

-ViewLayoutPB _viewLayoutFromDatabaseLayout(DatabaseLayoutPB databaseLayout) {
+ViewLayoutPB viewLayoutFromDatabaseLayout(DatabaseLayoutPB databaseLayout) {
  switch (databaseLayout) {
    case DatabaseLayoutPB.Board:
      return ViewLayoutPB.Board;
@@ -33,3 +33,16 @@ ViewLayoutPB _viewLayoutFromDatabaseLayout(DatabaseLayoutPB databaseLayout) {
      throw UnimplementedError;
  }
 }
+
+DatabaseLayoutPB databaseLayoutFromViewLayout(ViewLayoutPB viewLayout) {
+  switch (viewLayout) {
+    case ViewLayoutPB.Board:
+      return DatabaseLayoutPB.Board;
+    case ViewLayoutPB.Calendar:
+      return DatabaseLayoutPB.Calendar;
+    case ViewLayoutPB.Grid:
+      return DatabaseLayoutPB.Grid;
+    default:
+      throw UnimplementedError;
+  }
+}
@@ -0,0 +1,163 @@
+import 'package:appflowy/plugins/database_view/application/field/field_listener.dart';
+import 'package:appflowy/plugins/database_view/application/field/field_service.dart';
+import 'package:appflowy/plugins/database_view/application/row/row_service.dart';
+import 'package:appflowy/workspace/application/view/prelude.dart';
+import 'package:appflowy_backend/log.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/row_entities.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+import 'row_meta_listener.dart';
+
+part 'row_banner_bloc.freezed.dart';
+
+class RowBannerBloc extends Bloc<RowBannerEvent, RowBannerState> {
+  final String viewId;
+  final RowBackendService _rowBackendSvc;
+  final RowMetaListener _metaListener;
+  SingleFieldListener? _fieldListener;
+
+  RowBannerBloc({
+    required this.viewId,
+    required RowMetaPB rowMeta,
+  })  : _rowBackendSvc = RowBackendService(viewId: viewId),
+        _metaListener = RowMetaListener(rowMeta.id),
+        super(RowBannerState.initial(rowMeta)) {
+    on<RowBannerEvent>(
+      (event, emit) async {
+        event.when(
+          initial: () async {
+            _loadPrimaryField();
+            await _listenRowMeteChanged();
+          },
+          didReceiveRowMeta: (RowMetaPB rowMeta) {
+            emit(
+              state.copyWith(
+                rowMeta: rowMeta,
+              ),
+            );
+          },
+          setCover: (String coverURL) {
+            _updateMeta(coverURL: coverURL);
+          },
+          setIcon: (String iconURL) {
+            _updateMeta(iconURL: iconURL);
+          },
+          didReceiveFieldUpdate: (updatedField) {
+            emit(
+              state.copyWith(
+                primaryField: updatedField,
+                loadingState: const LoadingState.finish(),
+              ),
+            );
+          },
+        );
+      },
+    );
+  }
+
+  @override
+  Future<void> close() async {
+    await _metaListener.stop();
+    await _fieldListener?.stop();
+    _fieldListener = null;
+
+    return super.close();
+  }
+
+  Future<void> _loadPrimaryField() async {
+    final fieldOrError =
+        await FieldBackendService.getPrimaryField(viewId: viewId);
+    fieldOrError.fold(
+      (primaryField) {
+        if (!isClosed) {
+          _fieldListener = SingleFieldListener(fieldId: primaryField.id);
+          _fieldListener?.start(
+            onFieldChanged: (updatedField) {
+              if (!isClosed) {
+                add(RowBannerEvent.didReceiveFieldUpdate(updatedField));
+              }
+            },
+          );
+          add(RowBannerEvent.didReceiveFieldUpdate(primaryField));
+        }
+      },
+      (r) => Log.error(r),
+    );
+  }
+
+  /// Listen the changes of the row meta and then update the banner
+  Future<void> _listenRowMeteChanged() async {
+    _metaListener.start(
+      callback: (rowMeta) {
+        add(RowBannerEvent.didReceiveRowMeta(rowMeta));
+      },
+    );
+  }
+
+  /// Update the meta of the row and the view
+  Future<void> _updateMeta({
+    String? iconURL,
+    String? coverURL,
+  }) async {
+    // Most of the time, the result is success, so we don't need to handle it.
+    await _rowBackendSvc
+        .updateMeta(
+      iconURL: iconURL,
+      coverURL: coverURL,
+      rowId: state.rowMeta.id,
+    )
+        .then((result) {
+      result.fold(
+        (l) => null,
+        (err) => Log.error(err),
+      );
+    });
+
+    // Set the icon and cover of the view
+    ViewBackendService.updateView(
+      viewId: viewId,
+      iconURL: iconURL,
+      coverURL: coverURL,
+    ).then((result) {
+      result.fold(
+        (l) => null,
+        (err) => Log.error(err),
+      );
+    });
+  }
+}
+
+@freezed
+class RowBannerEvent with _$RowBannerEvent {
+  const factory RowBannerEvent.initial() = _Initial;
+  const factory RowBannerEvent.didReceiveRowMeta(RowMetaPB rowMeta) =
+      _DidReceiveRowMeta;
+  const factory RowBannerEvent.didReceiveFieldUpdate(FieldPB field) =
+      _DidReceiveFieldUdate;
+  const factory RowBannerEvent.setIcon(String iconURL) = _SetIcon;
+  const factory RowBannerEvent.setCover(String coverURL) = _SetCover;
+}
+
+@freezed
+class RowBannerState with _$RowBannerState {
+  const factory RowBannerState({
+    ViewPB? view,
+    FieldPB? primaryField,
+    required RowMetaPB rowMeta,
+    required LoadingState loadingState,
+  }) = _RowBannerState;
+
+  factory RowBannerState.initial(RowMetaPB rowMetaPB) => RowBannerState(
+        rowMeta: rowMetaPB,
+        loadingState: const LoadingState.loading(),
+      );
+}
+
+@freezed
+class LoadingState with _$LoadingState {
+  const factory LoadingState.loading() = _Loading;
+  const factory LoadingState.finish() = _Finish;
+}
@@ -13,56 +13,55 @@ part 'row_cache.freezed.dart';

 typedef RowUpdateCallback = void Function();

+/// A delegate that provides the fields of the row.
 abstract class RowFieldsDelegate {
+  UnmodifiableListView<FieldInfo> get fields;
  void onFieldsChanged(void Function(List<FieldInfo>) callback);
 }

-abstract mixin class RowCacheDelegate {
-  UnmodifiableListView<FieldInfo> get fields;
-  void onRowDispose();
+abstract mixin class RowLifeCycle {
+  void onRowDisposed();
 }

-/// Cache the rows in memory
-/// Insert / delete / update row
-///
 /// Read https://appflowy.gitbook.io/docs/essential-documentation/contribute-to-appflowy/architecture/frontend/grid for more information.

 class RowCache {
  final String viewId;
-
-  /// _rows contains the current block's rows
-  /// Use List to reverse the order of the GridRow.
  final RowList _rowList = RowList();
+  final CellMemCache _cellMemCache;
+  final RowLifeCycle _rowLifeCycle;
+  final RowFieldsDelegate _fieldDelegate;
+  final RowChangesetNotifier _changedNotifier;

-  final CellCache _cellCache;
-  final RowCacheDelegate _delegate;
-  final RowChangesetNotifier _rowChangeReasonNotifier;
-
+  /// Returns a unmodifiable list of RowInfo
  UnmodifiableListView<RowInfo> get rowInfos {
    final visibleRows = [..._rowList.rows];
    return UnmodifiableListView(visibleRows);
  }

+  /// Returns a unmodifiable map of RowInfo
  UnmodifiableMapView<RowId, RowInfo> get rowByRowId {
    return UnmodifiableMapView(_rowList.rowInfoByRowId);
  }

-  CellCache get cellCache => _cellCache;
+  CellMemCache get cellCache => _cellMemCache;
+  ChangedReason get changeReason => _changedNotifier.reason;

  RowCache({
    required this.viewId,
    required RowFieldsDelegate fieldsDelegate,
-    required RowCacheDelegate cacheDelegate,
-  })  : _cellCache = CellCache(viewId: viewId),
-        _rowChangeReasonNotifier = RowChangesetNotifier(),
-        _delegate = cacheDelegate {
-    //
+    required RowLifeCycle rowLifeCycle,
+  })  : _cellMemCache = CellMemCache(viewId: viewId),
+        _changedNotifier = RowChangesetNotifier(),
+        _rowLifeCycle = rowLifeCycle,
+        _fieldDelegate = fieldsDelegate {
+    // Listen on the changed of the fields. If the fields changed, we need to
+    // clear the cell cache with the given field id.
    fieldsDelegate.onFieldsChanged((fieldInfos) {
      for (final fieldInfo in fieldInfos) {
-        _cellCache.removeCellWithFieldId(fieldInfo.id);
+        _cellMemCache.removeCellWithFieldId(fieldInfo.id);
      }
-      _rowChangeReasonNotifier
-          .receive(const RowsChangedReason.fieldDidChange());
+      _changedNotifier.receive(const ChangedReason.fieldDidChange());
    });
  }

@@ -70,7 +69,7 @@ class RowCache {
    return _rowList.get(rowId);
  }

-  void setInitialRows(List<RowPB> rows) {
+  void setInitialRows(List<RowMetaPB> rows) {
    for (final row in rows) {
      final rowInfo = buildGridRow(row);
      _rowList.add(rowInfo);
@@ -78,9 +77,9 @@ class RowCache {
  }

  Future<void> dispose() async {
-    _delegate.onRowDispose();
-    _rowChangeReasonNotifier.dispose();
-    await _cellCache.dispose();
+    _rowLifeCycle.onRowDisposed();
+    _changedNotifier.dispose();
+    await _cellMemCache.dispose();
  }

  void applyRowsChanged(RowsChangePB changeset) {
@@ -96,7 +95,7 @@ class RowCache {

  void reorderAllRows(List<String> rowIds) {
    _rowList.reorderWithRowIds(rowIds);
-    _rowChangeReasonNotifier.receive(const RowsChangedReason.reorderRows());
+    _changedNotifier.receive(const ChangedReason.reorderRows());
  }

  void reorderSingleRow(ReorderSingleRowPB reorderRow) {
@@ -107,8 +106,8 @@ class RowCache {
        reorderRow.oldIndex,
        reorderRow.newIndex,
      );
-      _rowChangeReasonNotifier.receive(
-        RowsChangedReason.reorderSingleRow(
+      _changedNotifier.receive(
+        ChangedReason.reorderSingleRow(
          reorderRow,
          rowInfo,
        ),
@@ -120,7 +119,7 @@ class RowCache {
    for (final rowId in deletedRowIds) {
      final deletedRow = _rowList.remove(rowId);
      if (deletedRow != null) {
-        _rowChangeReasonNotifier.receive(RowsChangedReason.delete(deletedRow));
+        _changedNotifier.receive(ChangedReason.delete(deletedRow));
      }
    }
  }
@@ -128,32 +127,34 @@ class RowCache {
  void _insertRows(List<InsertedRowPB> insertRows) {
    for (final insertedRow in insertRows) {
      final insertedIndex =
-          _rowList.insert(insertedRow.index, buildGridRow(insertedRow.row));
+          _rowList.insert(insertedRow.index, buildGridRow(insertedRow.rowMeta));
      if (insertedIndex != null) {
-        _rowChangeReasonNotifier
-            .receive(RowsChangedReason.insert(insertedIndex));
+        _changedNotifier.receive(ChangedReason.insert(insertedIndex));
      }
    }
  }

  void _updateRows(List<UpdatedRowPB> updatedRows) {
    if (updatedRows.isEmpty) return;
-    final List<RowPB> rowPBs = [];
+    final List<RowMetaPB> updatedList = [];
    for (final updatedRow in updatedRows) {
      for (final fieldId in updatedRow.fieldIds) {
        final key = CellCacheKey(
          fieldId: fieldId,
-          rowId: updatedRow.row.id,
+          rowId: updatedRow.rowId,
        );
-        _cellCache.remove(key);
+        _cellMemCache.remove(key);
+      }
+      if (updatedRow.hasRowMeta()) {
+        updatedList.add(updatedRow.rowMeta);
      }
-      rowPBs.add(updatedRow.row);
    }

    final updatedIndexs =
-        _rowList.updateRows(rowPBs, (rowPB) => buildGridRow(rowPB));
+        _rowList.updateRows(updatedList, (rowId) => buildGridRow(rowId));
+
    if (updatedIndexs.isNotEmpty) {
-      _rowChangeReasonNotifier.receive(RowsChangedReason.update(updatedIndexs));
+      _changedNotifier.receive(ChangedReason.update(updatedIndexs));
    }
  }

@@ -161,7 +162,7 @@ class RowCache {
    for (final rowId in invisibleRows) {
      final deletedRow = _rowList.remove(rowId);
      if (deletedRow != null) {
-        _rowChangeReasonNotifier.receive(RowsChangedReason.delete(deletedRow));
+        _changedNotifier.receive(ChangedReason.delete(deletedRow));
      }
    }
  }
@@ -169,63 +170,47 @@ class RowCache {
  void _showRows(List<InsertedRowPB> visibleRows) {
    for (final insertedRow in visibleRows) {
      final insertedIndex =
-          _rowList.insert(insertedRow.index, buildGridRow(insertedRow.row));
+          _rowList.insert(insertedRow.index, buildGridRow(insertedRow.rowMeta));
      if (insertedIndex != null) {
-        _rowChangeReasonNotifier
-            .receive(RowsChangedReason.insert(insertedIndex));
+        _changedNotifier.receive(ChangedReason.insert(insertedIndex));
      }
    }
  }

-  void onRowsChanged(void Function(RowsChangedReason) onRowChanged) {
-    _rowChangeReasonNotifier.addListener(() {
-      onRowChanged(_rowChangeReasonNotifier.reason);
+  void onRowsChanged(void Function(ChangedReason) onRowChanged) {
+    _changedNotifier.addListener(() {
+      onRowChanged(_changedNotifier.reason);
    });
  }

  RowUpdateCallback addListener({
    required RowId rowId,
-    void Function(CellContextByFieldId, RowsChangedReason)? onCellUpdated,
-    bool Function()? listenWhen,
+    void Function(CellContextByFieldId, ChangedReason)? onRowChanged,
  }) {
    listenerHandler() async {
-      if (listenWhen != null && listenWhen() == false) {
-        return;
-      }
-
-      notifyUpdate() {
-        if (onCellUpdated != null) {
-          final rowInfo = _rowList.get(rowId);
-          if (rowInfo != null) {
-            final CellContextByFieldId cellDataMap =
-                _makeGridCells(rowId, rowInfo.rowPB);
-            onCellUpdated(cellDataMap, _rowChangeReasonNotifier.reason);
-          }
+      if (onRowChanged != null) {
+        final rowInfo = _rowList.get(rowId);
+        if (rowInfo != null) {
+          final cellDataMap = _makeCells(rowInfo.rowMeta);
+          onRowChanged(cellDataMap, _changedNotifier.reason);
        }
      }
-
-      _rowChangeReasonNotifier.reason.whenOrNull(
-        update: (indexs) {
-          if (indexs[rowId] != null) notifyUpdate();
-        },
-        fieldDidChange: () => notifyUpdate(),
-      );
    }

-    _rowChangeReasonNotifier.addListener(listenerHandler);
+    _changedNotifier.addListener(listenerHandler);
    return listenerHandler;
  }

  void removeRowListener(VoidCallback callback) {
-    _rowChangeReasonNotifier.removeListener(callback);
+    _changedNotifier.removeListener(callback);
  }

-  CellContextByFieldId loadGridCells(RowId rowId) {
-    final RowPB? data = _rowList.get(rowId)?.rowPB;
-    if (data == null) {
-      _loadRow(rowId);
+  CellContextByFieldId loadCells(RowMetaPB rowMeta) {
+    final rowInfo = _rowList.get(rowMeta.id);
+    if (rowInfo == null) {
+      _loadRow(rowMeta.id);
    }
-    return _makeGridCells(rowId, data);
+    return _makeCells(rowMeta);
  }

  Future<void> _loadRow(RowId rowId) async {
@@ -233,67 +218,60 @@ class RowCache {
      ..viewId = viewId
      ..rowId = rowId;

-    final result = await DatabaseEventGetRow(payload).send();
+    final result = await DatabaseEventGetRowMeta(payload).send();
    result.fold(
-      (optionRow) => _refreshRow(optionRow),
+      (rowMetaPB) {
+        final rowInfo = _rowList.get(rowMetaPB.id);
+        final rowIndex = _rowList.indexOfRow(rowMetaPB.id);
+        if (rowInfo != null && rowIndex != null) {
+          final updatedRowInfo = rowInfo.copyWith(rowMeta: rowMetaPB);
+          _rowList.remove(rowMetaPB.id);
+          _rowList.insert(rowIndex, updatedRowInfo);
+
+          final UpdatedIndexMap updatedIndexs = UpdatedIndexMap();
+          updatedIndexs[rowMetaPB.id] = UpdatedIndex(
+            index: rowIndex,
+            rowId: rowMetaPB.id,
+          );
+
+          _changedNotifier.receive(ChangedReason.update(updatedIndexs));
+        }
+      },
      (err) => Log.error(err),
    );
  }

-  CellContextByFieldId _makeGridCells(RowId rowId, RowPB? row) {
+  CellContextByFieldId _makeCells(RowMetaPB rowMeta) {
    // ignore: prefer_collection_literals
-    final cellDataMap = CellContextByFieldId();
-    for (final field in _delegate.fields) {
+    final cellContextMap = CellContextByFieldId();
+    for (final field in _fieldDelegate.fields) {
      if (field.visibility) {
-        cellDataMap[field.id] = DatabaseCellContext(
-          rowId: rowId,
+        cellContextMap[field.id] = DatabaseCellContext(
+          rowMeta: rowMeta,
          viewId: viewId,
          fieldInfo: field,
        );
      }
    }
-    return cellDataMap;
+    return cellContextMap;
  }

-  void _refreshRow(OptionalRowPB optionRow) {
-    if (!optionRow.hasRow()) {
-      return;
-    }
-    final updatedRow = optionRow.row;
-    updatedRow.freeze();
-
-    final rowInfo = _rowList.get(updatedRow.id);
-    final rowIndex = _rowList.indexOfRow(updatedRow.id);
-    if (rowInfo != null && rowIndex != null) {
-      final updatedRowInfo = rowInfo.copyWith(rowPB: updatedRow);
-      _rowList.remove(updatedRow.id);
-      _rowList.insert(rowIndex, updatedRowInfo);
-
-      final UpdatedIndexMap updatedIndexs = UpdatedIndexMap();
-      updatedIndexs[rowInfo.rowPB.id] = UpdatedIndex(
-        index: rowIndex,
-        rowId: updatedRowInfo.rowPB.id,
-      );
-
-      _rowChangeReasonNotifier.receive(RowsChangedReason.update(updatedIndexs));
-    }
-  }
-
-  RowInfo buildGridRow(RowPB rowPB) {
+  RowInfo buildGridRow(RowMetaPB rowMetaPB) {
    return RowInfo(
      viewId: viewId,
-      fields: _delegate.fields,
-      rowPB: rowPB,
+      fields: _fieldDelegate.fields,
+      rowId: rowMetaPB.id,
+      rowMeta: rowMetaPB,
    );
  }
 }

 class RowChangesetNotifier extends ChangeNotifier {
-  RowsChangedReason reason = const InitialListState();
+  ChangedReason reason = const InitialListState();

  RowChangesetNotifier();

-  void receive(RowsChangedReason newReason) {
+  void receive(ChangedReason newReason) {
    reason = newReason;
    reason.map(
      insert: (_) => notifyListeners(),
@@ -310,9 +288,10 @@ class RowChangesetNotifier extends ChangeNotifier {
@unfreezed
 class RowInfo with _$RowInfo {
  factory RowInfo({
+    required String rowId,
    required String viewId,
    required UnmodifiableListView<FieldInfo> fields,
-    required RowPB rowPB,
+    required RowMetaPB rowMeta,
  }) = _RowInfo;
 }

@@ -323,14 +302,14 @@ typedef DeletedIndexs = List<DeletedIndex>;
 typedef UpdatedIndexMap = LinkedHashMap<RowId, UpdatedIndex>;

@freezed
-class RowsChangedReason with _$RowsChangedReason {
-  const factory RowsChangedReason.insert(InsertedIndex item) = _Insert;
-  const factory RowsChangedReason.delete(DeletedIndex item) = _Delete;
-  const factory RowsChangedReason.update(UpdatedIndexMap indexs) = _Update;
-  const factory RowsChangedReason.fieldDidChange() = _FieldDidChange;
-  const factory RowsChangedReason.initial() = InitialListState;
-  const factory RowsChangedReason.reorderRows() = _ReorderRows;
-  const factory RowsChangedReason.reorderSingleRow(
+class ChangedReason with _$ChangedReason {
+  const factory ChangedReason.insert(InsertedIndex item) = _Insert;
+  const factory ChangedReason.delete(DeletedIndex item) = _Delete;
+  const factory ChangedReason.update(UpdatedIndexMap indexs) = _Update;
+  const factory ChangedReason.fieldDidChange() = _FieldDidChange;
+  const factory ChangedReason.initial() = InitialListState;
+  const factory ChangedReason.reorderRows() = _ReorderRows;
+  const factory ChangedReason.reorderSingleRow(
    ReorderSingleRowPB reorderRow,
    RowInfo rowInfo,
  ) = _ReorderSingleRow;
@@ -1,12 +1,12 @@
+import 'package:appflowy_backend/protobuf/flowy-database2/row_entities.pb.dart';
 import 'package:flutter/material.dart';
 import '../cell/cell_service.dart';
 import 'row_cache.dart';
-import 'row_service.dart';

-typedef OnRowChanged = void Function(CellContextByFieldId, RowsChangedReason);
+typedef OnRowChanged = void Function(CellContextByFieldId, ChangedReason);

 class RowController {
-  final RowId rowId;
+  final RowMetaPB rowMeta;
  final String? groupId;
  final String viewId;
  final List<VoidCallback> _onRowChangedListeners = [];
@@ -14,24 +14,27 @@ class RowController {

  get cellCache => _rowCache.cellCache;

+  get rowId => rowMeta.id;
+
  RowController({
-    required this.rowId,
+    required this.rowMeta,
    required this.viewId,
    required RowCache rowCache,
    this.groupId,
  }) : _rowCache = rowCache;

  CellContextByFieldId loadData() {
-    return _rowCache.loadGridCells(rowId);
+    return _rowCache.loadCells(rowMeta);
  }

  void addListener({OnRowChanged? onRowChanged}) {
-    _onRowChangedListeners.add(
-      _rowCache.addListener(
-        rowId: rowId,
-        onCellUpdated: onRowChanged,
-      ),
+    final fn = _rowCache.addListener(
+      rowId: rowMeta.id,
+      onRowChanged: onRowChanged,
    );
+
+    // Add the listener to the list so that we can remove it later.
+    _onRowChangedListeners.add(fn);
  }

  void dispose() {
@@ -25,10 +25,9 @@ class RowList {
  }

  void add(RowInfo rowInfo) {
-    final rowId = rowInfo.rowPB.id;
+    final rowId = rowInfo.rowId;
    if (contains(rowId)) {
-      final index =
-          _rowInfos.indexWhere((element) => element.rowPB.id == rowId);
+      final index = _rowInfos.indexWhere((element) => element.rowId == rowId);
      _rowInfos.removeAt(index);
      _rowInfos.insert(index, rowInfo);
    } else {
@@ -38,7 +37,7 @@ class RowList {
  }

  InsertedIndex? insert(int index, RowInfo rowInfo) {
-    final rowId = rowInfo.rowPB.id;
+    final rowId = rowInfo.rowId;
    var insertedIndex = index;
    if (_rowInfos.length <= insertedIndex) {
      insertedIndex = _rowInfos.length;
@@ -62,7 +61,7 @@ class RowList {
    if (rowInfo != null) {
      final index = _rowInfos.indexOf(rowInfo);
      if (index != -1) {
-        rowInfoByRowId.remove(rowInfo.rowPB.id);
+        rowInfoByRowId.remove(rowInfo.rowId);
        _rowInfos.remove(rowInfo);
      }
      return DeletedIndex(index: index, rowInfo: rowInfo);
@@ -73,23 +72,23 @@ class RowList {

  InsertedIndexs insertRows(
    List<InsertedRowPB> insertedRows,
-    RowInfo Function(RowPB) builder,
+    RowInfo Function(RowMetaPB) builder,
  ) {
    final InsertedIndexs insertIndexs = [];
    for (final insertRow in insertedRows) {
-      final isContains = contains(insertRow.row.id);
+      final isContains = contains(insertRow.rowMeta.id);

      var index = insertRow.index;
      if (_rowInfos.length < index) {
        index = _rowInfos.length;
      }
-      insert(index, builder(insertRow.row));
+      insert(index, builder(insertRow.rowMeta));

      if (!isContains) {
        insertIndexs.add(
          InsertedIndex(
            index: index,
-            rowId: insertRow.row.id,
+            rowId: insertRow.rowMeta.id,
          ),
        );
      }
@@ -105,10 +104,10 @@ class RowList {
    };

    _rowInfos.asMap().forEach((index, RowInfo rowInfo) {
-      if (deletedRowByRowId[rowInfo.rowPB.id] == null) {
+      if (deletedRowByRowId[rowInfo.rowId] == null) {
        newRows.add(rowInfo);
      } else {
-        rowInfoByRowId.remove(rowInfo.rowPB.id);
+        rowInfoByRowId.remove(rowInfo.rowId);
        deletedIndex.add(DeletedIndex(index: index, rowInfo: rowInfo));
      }
    });
@@ -117,19 +116,21 @@ class RowList {
  }

  UpdatedIndexMap updateRows(
-    List<RowPB> updatedRows,
-    RowInfo Function(RowPB) builder,
+    List<RowMetaPB> rowMetas,
+    RowInfo Function(RowMetaPB) builder,
  ) {
    final UpdatedIndexMap updatedIndexs = UpdatedIndexMap();
-    for (final RowPB updatedRow in updatedRows) {
-      final rowId = updatedRow.id;
+    for (final rowMeta in rowMetas) {
      final index = _rowInfos.indexWhere(
-        (rowInfo) => rowInfo.rowPB.id == rowId,
+        (rowInfo) => rowInfo.rowId == rowMeta.id,
      );
      if (index != -1) {
-        final rowInfo = builder(updatedRow);
+        final rowInfo = builder(rowMeta);
        insert(index, rowInfo);
-        updatedIndexs[rowId] = UpdatedIndex(index: index, rowId: rowId);
+        updatedIndexs[rowMeta.id] = UpdatedIndex(
+          index: index,
+          rowId: rowMeta.id,
+        );
      }
    }
    return updatedIndexs;
@@ -148,7 +149,7 @@ class RowList {

  void moveRow(RowId rowId, int oldIndex, int newIndex) {
    final index = _rowInfos.indexWhere(
-      (rowInfo) => rowInfo.rowPB.id == rowId,
+      (rowInfo) => rowInfo.rowId == rowId,
    );
    if (index != -1) {
      final rowInfo = remove(rowId)!.rowInfo;
@@ -0,0 +1,68 @@
+import 'dart:typed_data';
+
+import 'package:appflowy/core/notification/grid_notification.dart';
+import 'package:appflowy_backend/log.dart';
+import 'package:appflowy_backend/protobuf/flowy-error/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
+import 'package:dartz/dartz.dart';
+
+typedef DidFetchRowCallback = void Function(DidFetchRowPB);
+typedef RowMetaCallback = void Function(RowMetaPB);
+
+class RowListener {
+  final String rowId;
+  DidFetchRowCallback? _onRowFetchedCallback;
+  RowMetaCallback? _onMetaChangedCallback;
+  DatabaseNotificationListener? _listener;
+  RowListener(this.rowId);
+
+  /// OnMetaChanged will be called when the row meta is changed.
+  /// OnRowFetched will be called when the row is fetched from remote storage
+  void start({
+    RowMetaCallback? onMetaChanged,
+    DidFetchRowCallback? onRowFetched,
+  }) {
+    _onMetaChangedCallback = onMetaChanged;
+    _onRowFetchedCallback = onRowFetched;
+    _listener = DatabaseNotificationListener(
+      objectId: rowId,
+      handler: _handler,
+    );
+  }
+
+  void _handler(
+    DatabaseNotification ty,
+    Either<Uint8List, FlowyError> result,
+  ) {
+    switch (ty) {
+      case DatabaseNotification.DidUpdateRowMeta:
+        result.fold(
+          (payload) {
+            if (_onMetaChangedCallback != null) {
+              _onMetaChangedCallback!(RowMetaPB.fromBuffer(payload));
+            }
+          },
+          (error) => Log.error(error),
+        );
+        break;
+      case DatabaseNotification.DidFetchRow:
+        result.fold(
+          (payload) {
+            if (_onRowFetchedCallback != null) {
+              _onRowFetchedCallback!(DidFetchRowPB.fromBuffer(payload));
+            }
+          },
+          (error) => Log.error(error),
+        );
+        break;
+      default:
+        break;
+    }
+  }
+
+  Future<void> stop() async {
+    await _listener?.stop();
+    _onMetaChangedCallback = null;
+    _onRowFetchedCallback = null;
+  }
+}
@@ -0,0 +1,49 @@
+import 'dart:typed_data';
+
+import 'package:appflowy/core/notification/grid_notification.dart';
+import 'package:appflowy_backend/log.dart';
+import 'package:appflowy_backend/protobuf/flowy-error/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
+import 'package:dartz/dartz.dart';
+
+typedef RowMetaCallback = void Function(RowMetaPB);
+
+class RowMetaListener {
+  final String rowId;
+  RowMetaCallback? _callback;
+  DatabaseNotificationListener? _listener;
+  RowMetaListener(this.rowId);
+
+  void start({required RowMetaCallback callback}) {
+    _callback = callback;
+    _listener = DatabaseNotificationListener(
+      objectId: rowId,
+      handler: _handler,
+    );
+  }
+
+  void _handler(
+    DatabaseNotification ty,
+    Either<Uint8List, FlowyError> result,
+  ) {
+    switch (ty) {
+      case DatabaseNotification.DidUpdateRowMeta:
+        result.fold(
+          (payload) {
+            if (_callback != null) {
+              _callback!(RowMetaPB.fromBuffer(payload));
+            }
+          },
+          (error) => Log.error(error),
+        );
+        break;
+      default:
+        break;
+    }
+  }
+
+  Future<void> stop() async {
+    await _listener?.stop();
+    _callback = null;
+  }
+}
				`@@ -0,0 +1 @@`
				<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" style="width: 16px; height: 16px; display: block; fill: inherit; flex-shrink: 0; backface-visibility: hidden;" width="30" height="30" ><path d="M6.04883 27.3232C7.24219 27.3232 7.86426 26.4854 8.20703 25.3936L13.9834 6.79492H27.5039C28.2275 6.79492 28.7227 6.35059 28.7227 5.65234C28.7227 4.97949 28.2275 4.53516 27.5039 4.53516H13.958C12.6631 4.53516 12.0791 5.01758 11.7363 6.13477L6.18848 24.3525H5.97266L3.58594 15.9355C3.38281 15.2373 3.00195 14.9072 2.40527 14.9072C1.73242 14.9072 1.2373 15.3896 1.2373 16.0117C1.2373 16.2656 1.30078 16.4941 1.35156 16.6846L4.04297 25.5332C4.36035 26.5615 4.93164 27.3232 6.04883 27.3232ZM16.3955 24.7334C16.8652 24.7334 17.1064 24.5684 17.4619 24.0732L20.4707 19.8203H20.5215L23.5049 24.0732C23.873 24.5684 24.1143 24.7334 24.5713 24.7334C25.2061 24.7334 25.6758 24.3018 25.6758 23.7051C25.6758 23.4258 25.6123 23.1973 25.4219 22.9561L21.9307 18.208L25.4473 13.4346C25.6377 13.168 25.7139 12.9395 25.7139 12.6855C25.7139 12.127 25.2568 11.6953 24.6475 11.6953C24.2031 11.6953 23.9365 11.8477 23.6064 12.3174L20.7246 16.5957H20.6611L17.6904 12.3047C17.373 11.8477 17.0938 11.6953 16.624 11.6953C16.0146 11.6953 15.5068 12.165 15.5068 12.7363C15.5068 13.0537 15.583 13.2568 15.8115 13.5488L19.1504 18.1445L15.6084 23.0322C15.418 23.2861 15.3672 23.4639 15.3672 23.7559C15.3672 24.3018 15.8115 24.7334 16.3955 24.7334Z" fill="#2F3030"></path></svg>