fix: launch review 0.5.8 (#5367)

* fix: unable to remove the remote selection when the user close the page on mobile

* fix: unable to apply settings font to editor

* chore: remove transparent background color

.github/workflows/android_ci.yaml.bak

@@ -20,7 +20,7 @@
 # env:
 #   CARGO_TERM_COLOR: always
 #   FLUTTER_VERSION: "3.19.0"
-#   RUST_TOOLCHAIN: "1.75"
+#   RUST_TOOLCHAIN: "1.77.2"
 #   CARGO_MAKE_VERSION: "0.36.6"
 
 # concurrency:

.github/workflows/deploy_test_web.yaml

@@ -0,0 +1,72 @@
+name: Deploy Web (Test)
+
+on:
+  push:
+    branches:
+      - build/test
+env:
+  NODE_VERSION: "18.16.0"
+  PNPM_VERSION: "8.5.0"
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    env:
+      SSH_PRIVATE_KEY: ${{ secrets.WEB_TEST_SSH_PRIVATE_KEY }}
+      REMOTE_HOST: ${{ secrets.WEB_TEST_REMOTE_HOST }}
+      REMOTE_USER: ${{ secrets.WEB_TEST_REMOTE_USER }}
+      SSL_CERTIFICATE: ${{ secrets.WEB_TEST_SSL_CERTIFICATE }}
+      SSL_CERTIFICATE_KEY: ${{ secrets.WEB_TEST_SSL_CERTIFICATE_KEY }}
+      ENV_FILE: test.env
+    steps:
+      - uses: actions/checkout@v4
+      - name: setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+      - name: setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: ${{ env.PNPM_VERSION }}
+      - name: Node_modules cache
+        uses: actions/cache@v2
+        with:
+          path: frontend/appflowy_web_app/node_modules
+          key: node-modules-${{ runner.os }}
+      - name: install frontend dependencies
+        working-directory: frontend/appflowy_web_app
+        run: |
+          pnpm install
+      - name: copy env file
+        working-directory: frontend/appflowy_web_app
+        run: |
+          cp ${{ env.ENV_FILE }} .env
+      - name: test and lint
+        working-directory: frontend/appflowy_web_app
+        run: |
+          pnpm run lint
+      - name: build
+        working-directory: frontend/appflowy_web_app
+        run: |
+          pnpm run build
+      - name: generate SSL certificate
+        run: |
+          echo "${{ env.SSL_CERTIFICATE }}" > nginx-signed.crt
+          echo "${{ env.SSL_CERTIFICATE_KEY }}" > nginx-signed.key
+      - name: Deploy to EC2
+        uses: easingthemes/ssh-deploy@main
+        with:
+          SSH_PRIVATE_KEY: ${{ env.SSH_PRIVATE_KEY }}
+          ARGS: "-rlgoDzvc -i"
+          SOURCE: "frontend/appflowy_web_app/dist frontend/appflowy_web_app/Dockerfile frontend/appflowy_web_app/nginx.conf frontend/appflowy_web_app/.env nginx-signed.crt nginx-signed.key"
+          REMOTE_HOST: ${{ env.REMOTE_HOST }}
+          REMOTE_USER: ${{ env.REMOTE_USER }}
+          EXCLUDE: "frontend/appflowy_web_app/dist/, frontend/appflowy_web_app/node_modules/"
+          SCRIPT_AFTER: |
+            docker build -t appflowy-web-app .
+            docker rm -f appflowy-web-app || true
+            docker run -d -p 80:80 -p 443:443 --name appflowy-web-app appflowy-web-app

.github/workflows/flutter_ci.yaml

@@ -26,7 +26,7 @@ on:
 env:
   CARGO_TERM_COLOR: always
   FLUTTER_VERSION: "3.19.0"
-  RUST_TOOLCHAIN: "1.75"
+  RUST_TOOLCHAIN: "1.77.2"
   CARGO_MAKE_VERSION: "0.36.6"
 
 concurrency:
@@ -39,7 +39,7 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: [ubuntu-latest]
+        os: [ ubuntu-latest ]
         include:
           - os: ubuntu-latest
             flutter_profile: development-linux-x86_64
@@ -73,7 +73,7 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: [windows-latest]
+        os: [ windows-latest ]
         include:
           - os: windows-latest
             flutter_profile: development-windows-x86
@@ -99,7 +99,7 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: [macos-latest]
+        os: [ macos-latest ]
         include:
           - os: macos-latest
             flutter_profile: development-mac-x86_64
@@ -121,12 +121,12 @@ jobs:
           flutter_profile: ${{ matrix.flutter_profile }}
 
   unit_test:
-    needs: [prepare-linux]
+    needs: [ prepare-linux ]
     if: github.event.pull_request.draft != true
     strategy:
       fail-fast: false
       matrix:
-        os: [ubuntu-latest]
+        os: [ ubuntu-latest ]
         include:
           - os: ubuntu-latest
             flutter_profile: development-linux-x86_64
@@ -200,6 +200,8 @@ jobs:
         run: cargo make pub_get
 
       - name: Run Flutter unit tests
+        env:
+          DISABLE_EVENT_LOG: true
         working-directory: frontend
         run: |
           if [ "$RUNNER_OS" == "macOS" ]; then
@@ -212,11 +214,11 @@ jobs:
         shell: bash
 
   cloud_integration_test:
-    needs: [prepare-linux]
+    needs: [ prepare-linux ]
     strategy:
       fail-fast: false
       matrix:
-        os: [ubuntu-latest]
+        os: [ ubuntu-latest ]
         include:
           - os: ubuntu-latest
             flutter_profile: development-linux-x86_64
@@ -241,6 +243,8 @@ jobs:
 
       - name: Run Docker-Compose
         working-directory: AppFlowy-Cloud
+        env:
+          BACKEND_VERSION: 0.3.24-amd64
         run: |
           docker compose down -v --remove-orphans
           docker compose pull
@@ -301,12 +305,12 @@ jobs:
 
   # split the integration tests into different machines to minimize the time
   integration_test_1:
-    needs: [prepare-linux]
+    needs: [ prepare-linux ]
     if: github.event.pull_request.draft != true
     strategy:
       fail-fast: false
       matrix:
-        os: [ubuntu-latest]
+        os: [ ubuntu-latest ]
         include:
           - os: ubuntu-latest
             target: 'x86_64-unknown-linux-gnu'
@@ -325,12 +329,12 @@ jobs:
           rust_target: ${{ matrix.target }}
 
   integration_test_2:
-    needs: [prepare-linux]
+    needs: [ prepare-linux ]
     if: github.event.pull_request.draft != true
     strategy:
       fail-fast: false
       matrix:
-        os: [ubuntu-latest]
+        os: [ ubuntu-latest ]
         include:
           - os: ubuntu-latest
             target: 'x86_64-unknown-linux-gnu'
@@ -349,12 +353,12 @@ jobs:
           rust_target: ${{ matrix.target }}
 
   integration_test_3:
-    needs: [prepare-linux]
+    needs: [ prepare-linux ]
     if: github.event.pull_request.draft != true
     strategy:
       fail-fast: false
       matrix:
-        os: [ubuntu-latest]
+        os: [ ubuntu-latest ]
         include:
           - os: ubuntu-latest
             target: 'x86_64-unknown-linux-gnu'

.github/workflows/ios_ci.yaml

@@ -8,6 +8,7 @@ on:
       - ".github/workflows/mobile_ci.yaml"
       - "frontend/**"
       - "!frontend/appflowy_tauri/**"
+      - "!frontend/appflowy_web_app/**"
 
   pull_request:
     branches:
@@ -16,10 +17,11 @@ on:
       - ".github/workflows/mobile_ci.yaml"
       - "frontend/**"
       - "!frontend/appflowy_tauri/**"
+      - "!frontend/appflowy_web_app/**"
 
 env:
   FLUTTER_VERSION: "3.19.0"
-  RUST_TOOLCHAIN: "1.75"
+  RUST_TOOLCHAIN: "1.77.2"
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -31,7 +33,7 @@ jobs:
     strategy:
       fail-fast: true
       matrix:
-        os: [macos-14]
+        os: [ macos-14 ]
     runs-on: ${{ matrix.os }}
 
     steps:
@@ -86,6 +88,16 @@ jobs:
           model: 'iPhone 15'
           shutdown_after_job: false
 
-      - name: Run integration tests
-        working-directory: frontend/appflowy_flutter
-        run: flutter test integration_test/runner.dart -d ${{ steps.simulator-action.outputs.udid }}
+      # - name: Run AppFlowy on simulator
+      #   working-directory: frontend/appflowy_flutter
+      #   run: |
+      #     flutter run -d ${{ steps.simulator-action.outputs.udid }} &
+      #     pid=$!
+      #     sleep 500
+      #     kill $pid
+      #   continue-on-error: true
+
+      # enable it again if the 12 mins timeout is fixed
+      # - name: Run integration tests
+      #   working-directory: frontend/appflowy_flutter
+      #   run: flutter test integration_test/runner.dart -d ${{ steps.simulator-action.outputs.udid }}

.github/workflows/ninja_i18n.yml

@@ -0,0 +1,25 @@
+name: Ninja i18n action
+
+on:
+  pull_request_target:
+
+# explicitly configure permissions, in case your GITHUB_TOKEN workflow permissions are set to read-only in repository settings
+permissions: 
+  pull-requests: write
+
+jobs:
+  ninja-i18n:
+    name: Ninja i18n - GitHub Lint Action
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        id: checkout
+        uses: actions/checkout@v4
+
+      - name: Run Ninja i18n
+        id: ninja-i18n
+        uses: opral/ninja-i18n-action@main
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          

.github/workflows/release.yml

@@ -7,7 +7,7 @@ on:
 
 env:
   FLUTTER_VERSION: "3.19.0"
-  RUST_TOOLCHAIN: "1.75"
+  RUST_TOOLCHAIN: "1.77.2"
 
 jobs:
   create-release:
@@ -232,10 +232,10 @@ jobs:
       matrix:
         job:
           - {
-              targets: "aarch64-apple-darwin,x86_64-apple-darwin",
-              os: macos-11,
-              extra-build-args: "",
-            }
+            targets: "aarch64-apple-darwin,x86_64-apple-darwin",
+            os: macos-11,
+            extra-build-args: "",
+          }
     steps:
       - name: Checkout source code
         uses: actions/checkout@v4
@@ -336,12 +336,12 @@ jobs:
       matrix:
         job:
           - {
-              arch: x86_64,
-              target: x86_64-unknown-linux-gnu,
-              os: ubuntu-20.04,
-              extra-build-args: "",
-              flutter_profile: production-linux-x86_64,
-            }
+            arch: x86_64,
+            target: x86_64-unknown-linux-gnu,
+            os: ubuntu-20.04,
+            extra-build-args: "",
+            flutter_profile: production-linux-x86_64,
+          }
     steps:
       - name: Checkout source code
         uses: actions/checkout@v4

.github/workflows/rust_ci.yaml

@@ -19,27 +19,27 @@ on:
 
 env:
   CARGO_TERM_COLOR: always
-  RUST_TOOLCHAIN: "1.75"
+  RUST_TOOLCHAIN: "1.77.2"
 
 jobs:
   test-on-ubuntu:
     runs-on: ubuntu-latest
     steps:
-#      - name: Maximize build space
-#        uses: easimon/maximize-build-space@master
-#        with:
-#          root-reserve-mb: 2048
-#          swap-size-mb: 1024
-#          remove-dotnet: 'true'
-#
-#          # the following step is required to avoid running out of space
-#      - name: Maximize build space
-#        run: |
-#          sudo rm -rf /usr/share/dotnet
-#          sudo rm -rf /opt/ghc
-#          sudo rm -rf "/usr/local/share/boost"
-#          sudo rm -rf "$AGENT_TOOLSDIRECTORY"
-#          sudo docker image prune --all --force
+      # - name: Maximize build space
+      #   uses: easimon/maximize-build-space@master
+      #   with:
+      #     root-reserve-mb: 2048
+      #     swap-size-mb: 1024
+      #     remove-dotnet: 'true'
+
+      # # the following step is required to avoid running out of space
+      # - name: Maximize build space
+      #   run: |
+      #     sudo rm -rf /usr/share/dotnet
+      #     sudo rm -rf /opt/ghc
+      #     sudo rm -rf "/usr/local/share/boost"
+      #     sudo rm -rf "$AGENT_TOOLSDIRECTORY"
+      #     sudo docker image prune --all --force
 
       - name: Checkout source code
         uses: actions/checkout@v4
@@ -81,6 +81,8 @@ jobs:
 
       - name: Run Docker-Compose
         working-directory: AppFlowy-Cloud
+        env:
+          BACKEND_VERSION: 0.3.24-amd64
         run: |
           docker pull appflowyinc/appflowy_cloud:latest
           docker compose up -d
@@ -94,7 +96,7 @@ jobs:
           af_cloud_test_ws_url: ws://localhost/ws/v1
           af_cloud_test_gotrue_url: http://localhost/gotrue
         run: |
-          DISABLE_CI_TEST_LOG="true" cargo test --no-default-features --features="rev-sqlite,dart" -- --nocapture
+          DISABLE_CI_TEST_LOG="true" cargo test --no-default-features --features="dart"
 
       - name: rustfmt rust-lib
         run: cargo fmt --all -- --check

.github/workflows/rust_coverage.yml

@@ -11,7 +11,7 @@ on:
 env:
   CARGO_TERM_COLOR: always
   FLUTTER_VERSION: "3.19.0"
-  RUST_TOOLCHAIN: "1.75"
+  RUST_TOOLCHAIN: "1.77.2"
 
 jobs:
   tests:

.github/workflows/tauri2_ci.yaml

@@ -1,4 +1,4 @@
-name: Tauri2-CI
+name: Tauri-CI
 on:
   pull_request:
     paths:
@@ -10,7 +10,7 @@ on:
 env:
   NODE_VERSION: "18.16.0"
   PNPM_VERSION: "8.5.0"
-  RUST_TOOLCHAIN: "1.75"
+  RUST_TOOLCHAIN: "1.77.2"
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}

.github/workflows/tauri_ci.yaml

@@ -1,16 +1,13 @@
 name: Tauri-CI
 on:
-  pull_request:
-    paths:
-      - ".github/workflows/tauri_ci.yaml"
-      - "frontend/rust-lib/**"
-      - "frontend/appflowy_tauri/**"
-      - "frontend/resources/**"
+  push:
+    branches:
+      - build/tauri
 
 env:
   NODE_VERSION: "18.16.0"
   PNPM_VERSION: "8.5.0"
-  RUST_TOOLCHAIN: "1.75"
+  RUST_TOOLCHAIN: "1.77.2"
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -22,7 +19,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        platform: [ubuntu-20.04]
+        platform: [ ubuntu-20.04 ]
 
     runs-on: ${{ matrix.platform }}
 

.github/workflows/tauri_release.yml

@@ -14,7 +14,7 @@ on:
 env:
   NODE_VERSION: "18.16.0"
   PNPM_VERSION: "8.5.0"
-  RUST_TOOLCHAIN: "1.75"
+  RUST_TOOLCHAIN: "1.77.2"
 
 jobs:
 

.github/workflows/web2_ci.yaml

@@ -1,4 +1,4 @@
-name: Web2-CI
+name: Web-CI
 on:
   pull_request:
     paths:
@@ -17,14 +17,14 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        platform: [ ubuntu-latest ]
+        platform: [ ubuntu-20.04 ]
 
     runs-on: ${{ matrix.platform }}
 
     steps:
       - uses: actions/checkout@v4
       - name: Maximize build space (ubuntu only)
-        if: matrix.platform == 'ubuntu-latest'
+        if: matrix.platform == 'ubuntu-20.04'
         run: |
           sudo rm -rf /usr/share/dotnet
           sudo rm -rf /opt/ghc
@@ -47,6 +47,7 @@ jobs:
         with:
           path: frontend/appflowy_web_app/node_modules
           key: node-modules-${{ runner.os }}
+
       - name: install frontend dependencies
         working-directory: frontend/appflowy_web_app
         run: |
@@ -55,7 +56,20 @@ jobs:
         working-directory: frontend/appflowy_web_app
         run: |
           pnpm run lint
-      - name: build
+          pnpm run test:unit
+      - name: build and analyze
         working-directory: frontend/appflowy_web_app
         run: |
-          pnpm run build
+          pnpm run analyze >> analyze-size.txt
+      - name: Upload analyze-size.txt
+        uses: actions/upload-artifact@v4
+        with:
+          name: analyze-size.txt
+          path: frontend/appflowy_web_app/analyze-size.txt
+          retention-days: 30
+      - name: Upload stats.html
+        uses: actions/upload-artifact@v4
+        with:
+          name: stats.html
+          path: frontend/appflowy_web_app/dist/stats.html
+          retention-days: 30

.github/workflows/web_ci.yaml

@@ -12,7 +12,7 @@ env:
   CARGO_TERM_COLOR: always
   NODE_VERSION: "18.16.0"
   PNPM_VERSION: "8.5.0"
-  RUST_TOOLCHAIN: "1.75"
+  RUST_TOOLCHAIN: "1.77.2"
   CARGO_MAKE_VERSION: "0.36.6"
 
 jobs:

.github/workflows/web_cypress_ci.yaml

@@ -0,0 +1,48 @@
+name: Cypress Tests
+
+on:
+  pull_request:
+    paths:
+      - ".github/workflows/web2_ci.yaml"
+      - "frontend/appflowy_web_app/**"
+      - "frontend/resources/**"
+env:
+  NODE_VERSION: "18.16.0"
+  PNPM_VERSION: "8.5.0"
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+jobs:
+  cypress-run:
+    if: github.event.pull_request.draft != true
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v4
+      - name: Maximize build space (ubuntu only)
+        run: |
+          sudo rm -rf /usr/share/dotnet
+          sudo rm -rf /opt/ghc
+          sudo rm -rf "/usr/local/share/boost"
+          sudo rm -rf "$AGENT_TOOLSDIRECTORY"
+          sudo docker image prune --all --force
+          sudo rm -rf /opt/hostedtoolcache/codeQL
+          sudo rm -rf ${GITHUB_WORKSPACE}/.git
+          sudo rm -rf $ANDROID_HOME/ndk
+      - name: setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+      - name: setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: ${{ env.PNPM_VERSION }}
+      # Install pnpm dependencies, cache them correctly
+      # and run all Cypress tests
+      - name: Cypress run
+        uses: cypress-io/github-action@v6
+        with:
+          working-directory: frontend/appflowy_web_app
+          component: true
+          build: pnpm run build
+          start: pnpm run start
+          browser: chrome

CHANGELOG.md

@@ -1,9 +1,58 @@
 # Release Notes
+## Version 0.5.8 - 05/20/2024
+### New Features
+- Improvement to the Callout block to insert new lines
+- New settings page "Manage data" replaced the "Files" page
+- New settings page "Workspace" replaced the "Appearance" and "Language" pages
+- A custom implementation of a title bar for Windows users
+- Added support for selecting Cards in kanban and performing grouped keyboard shortcuts
+- Added support for default system font family
+- Support for scaling the application up/down using a keyboard shortcut (CMD/CTRL + PLUS/MINUS)
+
+### Bug Fixes
+- Resolved and refined the UI on Mobile
+- Resolved issue with text editing in database
+- Improved appearance of empty text cells in kanban/calendar
+- Resolved an issue where a page's more actions (delete, duplicate) did not work properly
+- Resolved and inconsistency in padding on get started screen on Desktop
+
+## Version 0.5.7 - 05/10/2024
+### Bug Fixes
+- Resolved page opening issue on Android.
+- Fixed text input inconsistency on Kanban board cards.
+
+## Version 0.5.6 - 05/07/2024
+### New Features
+- Team collaboration is live! Add members to your workspace to edit and collaborate on pages together.
+- Collaborate in real time on the same page with other members. Edits made by others will appear instantly.
+- Create multiple workspaces for different kinds of content.
+- Customize your entire page on mobile through the Page Style menu with options for layout, font, font size, emoji, and cover image.
+- Open a row record as a full page.
+### Bug Fixes
+- Resolved issue with setting background color for the Simple Table block.
+- Adjusted toolbar for various screen sizes.
+- Added a request for photo permission before uploading images on mobile.
+- Exported creation and last modification timestamps to CSV.
+
+## Version 0.5.5 - 04/24/2024
+### New Features
+- Improved the display of code blocks with line numbers
+- Added support for signing in using Magic Link
+### Bug Fixes
+- Fixed the database synchronization indicator issue
+- Resolved the issue with opening the mentioned page on mobile
+- Cleared the collaboration status when the user exits AppFlowy
+
 ## Version 0.5.4 - 04/08/2024
 ### New Features
-- TBD
+- Introduced support for displaying a synchronization indicator within documents and databases to enhance user awareness of data sync status
+- Revamped the select option cell editor in database
+- Improved translations for Spanish, German, Kurdish, and Vietnamese
+- Supported Android 6 and newer versions
 ### Bug Fixes
-- TBD
+- Resolved an issue where twelve-hour time formats were not being parsed correctly in databases
+- Fixed a bug affecting the user interface of the single select option filter
+- Fixed various minor UI issues
 
 ## Version 0.5.3 - 03/21/2024
 ### New Features

frontend/Makefile.toml

@@ -1,16 +1,16 @@
 #https://github.com/sagiegurari/cargo-make
 
 extend = [
-  { path = "scripts/makefile/desktop.toml" },
-  { path = "scripts/makefile/mobile.toml" },
-  { path = "scripts/makefile/protobuf.toml" },
-  { path = "scripts/makefile/tests.toml" },
-  { path = "scripts/makefile/docker.toml" },
-  { path = "scripts/makefile/env.toml" },
-  { path = "scripts/makefile/flutter.toml" },
-  { path = "scripts/makefile/tool.toml" },
-  { path = "scripts/makefile/tauri.toml" },
-  { path = "scripts/makefile/web.toml" },
+    { path = "scripts/makefile/desktop.toml" },
+    { path = "scripts/makefile/mobile.toml" },
+    { path = "scripts/makefile/protobuf.toml" },
+    { path = "scripts/makefile/tests.toml" },
+    { path = "scripts/makefile/docker.toml" },
+    { path = "scripts/makefile/env.toml" },
+    { path = "scripts/makefile/flutter.toml" },
+    { path = "scripts/makefile/tool.toml" },
+    { path = "scripts/makefile/tauri.toml" },
+    { path = "scripts/makefile/web.toml" },
 ]
 
 [config]
@@ -26,8 +26,8 @@ CARGO_MAKE_EXTEND_WORKSPACE_MAKEFILE = true
 CARGO_MAKE_CRATE_FS_NAME = "dart_ffi"
 CARGO_MAKE_CRATE_NAME = "dart-ffi"
 LIB_NAME = "dart_ffi"
-APPFLOWY_VERSION = "0.5.4"
-FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite"
+APPFLOWY_VERSION = "0.5.8"
+FLUTTER_DESKTOP_FEATURES = "dart"
 PRODUCT_NAME = "AppFlowy"
 MACOSX_DEPLOYMENT_TARGET = "11.0"
 # CRATE_TYPE: https://doc.rust-lang.org/reference/linkage.html
@@ -162,7 +162,7 @@ CRATE_TYPE = "cdylib"
 FLUTTER_OUTPUT_DIR = "Debug"
 LIB_EXT = "so"
 LINUX_ARCH = "arm64"
-FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite,openssl_vendored"
+FLUTTER_DESKTOP_FEATURES = "dart,openssl_vendored"
 
 [env.production-linux-aarch64]
 CARGO_PROFILE = "release"
@@ -174,7 +174,7 @@ FLUTTER_OUTPUT_DIR = "Release"
 LIB_EXT = "so"
 LINUX_ARCH = "arm64"
 APP_ENVIRONMENT = "production"
-FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite,openssl_vendored"
+FLUTTER_DESKTOP_FEATURES = "dart,openssl_vendored"
 
 [env.development-ios-arm64-sim]
 BUILD_FLAG = "debug"
@@ -207,7 +207,7 @@ CRATE_TYPE = "cdylib"
 FLUTTER_OUTPUT_DIR = "Debug"
 LIB_EXT = "so"
 PRODUCT_EXT = "apk"
-FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite,openssl_vendored"
+FLUTTER_DESKTOP_FEATURES = "dart,openssl_vendored"
 
 [env.production-android]
 BUILD_FLAG = "release"
@@ -235,24 +235,24 @@ script_runner = "@shell"
 [tasks.setup-crate-type]
 private = true
 script = [
-  """
-      toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
-      val = replace ${toml} "staticlib" ${CRATE_TYPE}
-      result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
-      assert ${result}
-      """,
+    """
+        toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
+        val = replace ${toml} "staticlib" ${CRATE_TYPE}
+        result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
+        assert ${result}
+        """,
 ]
 script_runner = "@duckscript"
 
 [tasks.restore-crate-type]
 private = true
 script = [
-  """
-      toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
-      val = replace ${toml} ${CRATE_TYPE} "staticlib"
-      result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
-      assert ${result}
-      """,
+    """
+        toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
+        val = replace ${toml} ${CRATE_TYPE} "staticlib"
+        result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
+        assert ${result}
+        """,
 ]
 script_runner = "@duckscript"
 
@@ -280,24 +280,24 @@ TEST_COMPILE_TARGET = "x86_64-pc-windows-msvc"
 [tasks.setup-test-crate-type]
 private = true
 script = [
-  """
-      toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
-      val = replace ${toml} "staticlib" ${TEST_CRATE_TYPE}
-      result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
-      assert ${result}
-      """,
+    """
+        toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
+        val = replace ${toml} "staticlib" ${TEST_CRATE_TYPE}
+        result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
+        assert ${result}
+        """,
 ]
 script_runner = "@duckscript"
 
 [tasks.restore-test-crate-type]
 private = true
 script = [
-  """
-      toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
-      val = replace ${toml} ${TEST_CRATE_TYPE} "staticlib"
-      result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
-      assert ${result}
-      """,
+    """
+        toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
+        val = replace ${toml} ${TEST_CRATE_TYPE} "staticlib"
+        result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
+        assert ${result}
+        """,
 ]
 script_runner = "@duckscript"
 

frontend/appflowy_flutter/android/app/src/main/AndroidManifest.xml

@@ -47,6 +47,12 @@
   </application>
   <uses-permission android:name="android.permission.INTERNET" />
   <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+  <!-- Permission to read files from external storage (outside application container).
+  As of Android 12 this permission no longer has any effect. Instead use the
+  READ_MEDIA_IMAGES, READ_MEDIA_VIDEO or READM_MEDIA_AUDIO permissions. -->
+  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" android:maxSdkVersion="32" />
+  <!-- Permissions to read media files. -->
+  <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
   <queries>
     <intent>
       <action android:name="android.support.customtabs.action.CustomTabsService" />

frontend/appflowy_flutter/android/app/src/main/Classes/binding.h

@@ -11,6 +11,8 @@ const uint8_t *sync_event(const uint8_t *input, uintptr_t len);
 
 int32_t set_stream_port(int64_t port);
 
+int32_t set_log_stream_port(int64_t port);
+
 void link_me_please(void);
 
 void rust_log(int64_t level, const char *data);

frontend/appflowy_flutter/integration_test/cloud/anon_user_continue_test.dart

@@ -3,21 +3,28 @@
 import 'dart:io';
 import 'dart:ui';
 
+import 'package:flutter/material.dart';
+
 import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/flowy_svgs.g.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
 import 'package:appflowy/user/application/auth/auth_service.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/settings_account_view.dart';
+import 'package:appflowy/workspace/presentation/settings/shared/settings_body.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra/uuid.dart';
+import 'package:flowy_infra_ui/style_widget/text_field.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
+import 'package:intl/intl.dart';
 import 'package:path/path.dart' as p;
 
+import '../desktop/board/board_hide_groups_test.dart';
 import '../shared/dir.dart';
 import '../shared/mock/mock_file_picker.dart';
 import '../shared/util.dart';
@@ -32,27 +39,40 @@ void main() {
       );
 
       tester.expectToSeeText(LocaleKeys.signIn_loginStartWithAnonymous.tr());
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
       await tester.expectToSeeHomePageWithGetStartedPage();
 
       // reanme the name of the anon user
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.user);
-      final userNameFinder = find.descendant(
-        of: find.byType(SettingsUserView),
-        matching: find.byType(UserNameInput),
-      );
-      await tester.enterText(userNameFinder, 'local_user');
-      await tester.openSettingsPage(SettingsPage.user);
+      await tester.openSettingsPage(SettingsPage.account);
       await tester.pumpAndSettle();
 
+      await tester.enterUserName('local_user');
+
+      // Scroll to sign-in
+      await tester.scrollUntilVisible(
+        find.byType(SignInOutButton),
+        100,
+        scrollable: find.findSettingsScrollable(),
+      );
+
+      await tester.tapButton(find.byType(SignInOutButton));
+
       // sign up with Google
       await tester.tapGoogleLoginInButton();
 
       // sign out
       await tester.expectToSeeHomePage();
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.user);
+      await tester.openSettingsPage(SettingsPage.account);
+
+      // Scroll to sign-out
+      await tester.scrollUntilVisible(
+        find.byType(SignInOutButton),
+        100,
+        scrollable: find.findSettingsScrollable(),
+      );
+
       await tester.logout();
       await tester.pumpAndSettle();
 
@@ -63,8 +83,9 @@ void main() {
 
       // New anon user name
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.user);
-      final userNameInput = tester.widget(userNameFinder) as UserNameInput;
+      await tester.openSettingsPage(SettingsPage.account);
+      final userNameInput =
+          tester.widget(find.byType(UserProfileSetting)) as UserProfileSetting;
       expect(userNameInput.name, 'Me');
     });
   });

frontend/appflowy_flutter/integration_test/cloud/appflowy_cloud_auth_test.dart

@@ -6,8 +6,8 @@ import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
 import 'package:appflowy/user/application/auth/auth_service.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/settings_account_view.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra/uuid.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -37,11 +37,18 @@ void main() {
 
       // Open the setting page and sign out
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.user);
-      await tester.tapButton(find.byType(SettingLogoutButton));
+      await tester.openSettingsPage(SettingsPage.account);
 
-      tester.expectToSeeText(LocaleKeys.button_ok.tr());
-      await tester.tapButtonWithName(LocaleKeys.button_ok.tr());
+      // Scroll to sign-out
+      await tester.scrollUntilVisible(
+        find.byType(SignInOutButton),
+        100,
+        scrollable: find.findSettingsScrollable(),
+      );
+      await tester.tapButton(find.byType(SignInOutButton));
+
+      tester.expectToSeeText(LocaleKeys.button_confirm.tr());
+      await tester.tapButtonWithName(LocaleKeys.button_confirm.tr());
 
       // Go to the sign in page again
       await tester.pumpAndSettle(const Duration(seconds: 1));
@@ -56,7 +63,16 @@ void main() {
 
       // should not see the sync setting page when sign in as anonymous
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.user);
+      await tester.openSettingsPage(SettingsPage.account);
+
+      // Scroll to sign-in
+      await tester.scrollUntilVisible(
+        find.byType(SignInOutButton),
+        100,
+        scrollable: find.findSettingsScrollable(),
+      );
+      await tester.tapButton(find.byType(SignInOutButton));
+
       tester.expectToSeeGoogleLoginButton();
     });
 

frontend/appflowy_flutter/integration_test/cloud/document_sync_test.dart

@@ -8,14 +8,15 @@ import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
 import 'package:appflowy/user/application/auth/auth_service.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/settings_account_view.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra/uuid.dart';
 import 'package:flutter_test/flutter_test.dart';
-import 'package:path/path.dart' as p;
 import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+
 import '../shared/dir.dart';
 import '../shared/mock/mock_file_picker.dart';
 import '../shared/util.dart';
@@ -50,7 +51,7 @@ void main() {
       await tester.waitForSeconds(6);
 
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.user);
+      await tester.openSettingsPage(SettingsPage.account);
       await tester.logout();
     });
 

frontend/appflowy_flutter/integration_test/cloud/supabase_auth_test.dart

@@ -1,9 +1,7 @@
 import 'package:appflowy/env/cloud_env.dart';
-import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/settings_account_view.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_supabase_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
-import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
@@ -25,11 +23,8 @@ void main() {
 
       // Open the setting page and sign out
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.user);
-      await tester.tapButton(find.byType(SettingLogoutButton));
-
-      tester.expectToSeeText(LocaleKeys.button_ok.tr());
-      await tester.tapButtonWithName(LocaleKeys.button_ok.tr());
+      await tester.openSettingsPage(SettingsPage.account);
+      await tester.logout();
 
       // Go to the sign in page again
       await tester.pumpAndSettle(const Duration(seconds: 1));
@@ -42,7 +37,16 @@ void main() {
 
       // should not see the sync setting page when sign in as anonymous
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.user);
+      await tester.openSettingsPage(SettingsPage.account);
+
+      // Scroll to sign-out
+      await tester.scrollUntilVisible(
+        find.byType(SignInOutButton),
+        100,
+        scrollable: find.findSettingsScrollable(),
+      );
+      await tester.tapButton(find.byType(SignInOutButton));
+
       tester.expectToSeeGoogleLoginButton();
     });
 

frontend/appflowy_flutter/integration_test/cloud/user_setting_sync_test.dart

@@ -2,22 +2,27 @@
 
 import 'dart:io';
 
+import 'package:flutter/material.dart';
+
 import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/flowy_svgs.g.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
 import 'package:appflowy/user/application/auth/auth_service.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/settings_account_view.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:appflowy/workspace/presentation/widgets/user_avatar.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra/uuid.dart';
-import 'package:flutter/material.dart';
+import 'package:flowy_infra_ui/style_widget/text_field.dart';
 import 'package:flutter_test/flutter_test.dart';
-import 'package:path/path.dart' as p;
 import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+
+import '../desktop/board/board_hide_groups_test.dart';
 import '../shared/database_test_op.dart';
 import '../shared/dir.dart';
 import '../shared/emoji.dart';
@@ -39,28 +44,9 @@ void main() {
       await tester.expectToSeeHomePageWithGetStartedPage();
 
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.user);
-      // final userAvatarFinder = find.descendant(
-      //   of: find.byType(SettingsUserView),
-      //   matching: find.byType(UserAvatar),
-      // );
+      await tester.openSettingsPage(SettingsPage.account);
 
-      // Open icon picker dialog and select emoji
-      // await tester.tap(userAvatarFinder);
-      // await tester.pumpAndSettle();
-      // await tester.tapEmoji('😁');
-      // await tester.pumpAndSettle();
-      // final UserAvatar userAvatar =
-      //     tester.widget(userAvatarFinder) as UserAvatar;
-      // expect(userAvatar.iconUrl, '😁');
-
-      // enter user name
-      final userNameFinder = find.descendant(
-        of: find.byType(SettingsUserView),
-        matching: find.byType(UserNameInput),
-      );
-      await tester.enterText(userNameFinder, name);
-      await tester.pumpAndSettle();
+      await tester.enterUserName(name);
       await tester.tapEscButton();
 
       // wait 2 seconds for the sync to finish
@@ -78,23 +64,12 @@ void main() {
     await tester.pumpAndSettle();
 
     await tester.openSettings();
-    await tester.openSettingsPage(SettingsPage.user);
+    await tester.openSettingsPage(SettingsPage.account);
 
-    // verify icon
-    // final userAvatarFinder = find.descendant(
-    //   of: find.byType(SettingsUserView),
-    //   matching: find.byType(UserAvatar),
-    // );
-    // final UserAvatar userAvatar = tester.widget(userAvatarFinder) as UserAvatar;
-    // expect(userAvatar.iconUrl, '😁');
+    // Verify name
+    final profileSetting =
+        tester.widget(find.byType(UserProfileSetting)) as UserProfileSetting;
 
-    // verify name
-    final userNameFinder = find.descendant(
-      of: find.byType(SettingsUserView),
-      matching: find.byType(UserNameInput),
-    );
-    final UserNameInput userNameInput =
-        tester.widget(userNameFinder) as UserNameInput;
-    expect(userNameInput.name, name);
+    expect(profileSetting.name, name);
   });
 }

frontend/appflowy_flutter/integration_test/cloud/workspace/change_name_and_icon_test.dart

@@ -9,7 +9,6 @@ import 'package:appflowy/user/application/auth/auth_service.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
 import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_icon.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra/uuid.dart';
 import 'package:flutter_test/flutter_test.dart';

frontend/appflowy_flutter/integration_test/cloud/workspace/collaborative_workspace_test.dart

@@ -2,8 +2,11 @@
 
 import 'dart:io';
 
+import 'package:flutter/material.dart';
+
 import 'package:appflowy/env/cloud_env.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/openai/widgets/loading.dart';
 import 'package:appflowy/shared/feature_flags.dart';
 import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
@@ -13,12 +16,10 @@ import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar_worksp
 import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_actions.dart';
 import 'package:appflowy/workspace/presentation/home/menu/sidebar/workspace/_sidebar_workspace_menu.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:appflowy/workspace/presentation/widgets/user_avatar.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra/uuid.dart';
-import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
@@ -51,33 +52,26 @@ void main() {
       await tester.expectToSeeHomePageWithGetStartedPage();
 
       const name = 'AppFlowy.IO';
+      // the workspace will be opened after created
       await tester.createCollaborativeWorkspace(name);
 
-      // see the success message
-      var success = find.text(LocaleKeys.workspace_createSuccess.tr());
-      expect(success, findsOneWidget);
-      await tester.pumpUntilNotFound(success);
+      final loading = find.byType(Loading);
+      await tester.pumpUntilNotFound(loading);
 
-      // check the create result
+      Finder success;
+
+      final Finder items = find.byType(WorkspaceMenuItem);
+
+      // delete the newly created workspace
       await tester.openCollaborativeWorkspaceMenu();
-      var items = find.byType(WorkspaceMenuItem);
+      await tester.pumpUntilFound(items);
+
       expect(items, findsNWidgets(2));
       expect(
         tester.widget<WorkspaceMenuItem>(items.last).workspace.name,
         name,
       );
 
-      // open the newly created workspace
-      await tester.tapButton(items.last, milliseconds: 1000);
-      success = find.text(LocaleKeys.workspace_openSuccess.tr());
-      await tester.pumpUntilFound(success);
-      expect(success, findsOneWidget);
-      await tester.pumpUntilNotFound(success);
-
-      await tester.closeCollaborativeWorkspaceMenu();
-
-      // delete the newly created workspace
-      await tester.openCollaborativeWorkspaceMenu();
       final secondWorkspace = find.byType(WorkspaceMenuItem).last;
       await tester.hoverOnWidget(
         secondWorkspace,
@@ -97,20 +91,11 @@ void main() {
           await tester.tapButton(find.text(LocaleKeys.button_ok.tr()));
           // delete success
           success = find.text(LocaleKeys.workspace_createSuccess.tr());
+          await tester.pumpUntilFound(success);
           expect(success, findsOneWidget);
           await tester.pumpUntilNotFound(success);
         },
       );
-
-      // check the result
-      await tester.openCollaborativeWorkspaceMenu();
-      items = find.byType(WorkspaceMenuItem);
-      expect(items, findsOneWidget);
-      expect(
-        tester.widget<WorkspaceMenuItem>(items.last).workspace.name != name,
-        true,
-      );
-      await tester.closeCollaborativeWorkspaceMenu();
     });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/board/board_add_row_test.dart

@@ -1,6 +1,7 @@
 import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/plugins/database/board/presentation/board_page.dart';
 import 'package:appflowy/plugins/database/board/presentation/widgets/board_column_header.dart';
-import 'package:appflowy/plugins/database/widgets/card/container/card_container.dart';
+import 'package:appflowy/plugins/database/widgets/card/card.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_board/appflowy_board.dart';
 import 'package:flutter/material.dart';
@@ -18,17 +19,19 @@ void main() {
   group('board add row test:', () {
     testWidgets('from header', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
 
-      final findFirstCard = find.descendant(
-        of: find.byType(AppFlowyGroupCard),
-        matching: find.byType(Text),
-      );
+      final firstCard = find.byType(RowCard).first;
 
-      Text firstCardText = tester.firstWidget(findFirstCard);
-      expect(firstCardText.data, defaultFirstCardName);
+      expect(
+        find.descendant(
+          of: firstCard,
+          matching: find.text(defaultFirstCardName),
+        ),
+        findsOneWidget,
+      );
 
       await tester.tap(
         find
@@ -45,7 +48,7 @@ void main() {
       const newCardName = 'Card 4';
       await tester.enterText(
         find.descendant(
-          of: find.byType(RowCardContainer),
+          of: firstCard,
           matching: find.byType(TextField),
         ),
         newCardName,
@@ -55,49 +58,56 @@ void main() {
       await tester.tap(find.byType(AppFlowyBoard));
       await tester.pumpAndSettle();
 
-      firstCardText = tester.firstWidget(findFirstCard);
-      expect(firstCardText.data, newCardName);
+      expect(
+        find.descendant(
+          of: find.byType(RowCard).first,
+          matching: find.text(newCardName),
+        ),
+        findsOneWidget,
+      );
     });
 
     testWidgets('from footer', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
 
-      final findLastCard = find.descendant(
-        of: find.byType(AppFlowyGroupCard),
-        matching: find.byType(Text),
+      final lastCard = find.byType(RowCard).last;
+
+      expect(
+        find.descendant(
+          of: lastCard,
+          matching: find.text(defaultLastCardName),
+        ),
+        findsOneWidget,
       );
 
-      Text? lastCardText = tester.widgetList(findLastCard).last as Text;
-      expect(lastCardText.data, defaultLastCardName);
-
-      await tester.tap(
-        find
-            .descendant(
-              of: find.byType(AppFlowyGroupFooter),
-              matching: find.byType(FlowySvg),
-            )
-            .at(1),
+      await tester.tapButton(
+        find.byType(BoardColumnFooter).at(1),
       );
-      await tester.pumpAndSettle();
 
       const newCardName = 'Card 4';
       await tester.enterText(
         find.descendant(
-          of: find.byType(RowCardContainer),
+          of: find.byType(BoardColumnFooter),
           matching: find.byType(TextField),
         ),
         newCardName,
       );
+      await tester.testTextInput.receiveAction(TextInputAction.done);
       await tester.pumpAndSettle(const Duration(milliseconds: 500));
 
       await tester.tap(find.byType(AppFlowyBoard));
       await tester.pumpAndSettle();
 
-      lastCardText = tester.widgetList(findLastCard).last as Text;
-      expect(lastCardText.data, newCardName);
+      expect(
+        find.descendant(
+          of: find.byType(RowCard).last,
+          matching: find.text(newCardName),
+        ),
+        findsOneWidget,
+      );
     });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/board/board_field_test.dart

@@ -0,0 +1,37 @@
+import 'package:appflowy_backend/protobuf/flowy-database2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/database_test_op.dart';
+import '../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('board field test', () {
+    testWidgets('change field type whithin card #5360', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
+      const name = 'Card 1';
+      final card1 = find.text(name);
+      await tester.tapButton(card1);
+
+      const fieldName = "test change field";
+      await tester.createField(
+        FieldType.RichText,
+        fieldName,
+        layout: ViewLayoutPB.Board,
+      );
+      await tester.tapButton(card1);
+      await tester.changeFieldTypeOfFieldWithName(
+        fieldName,
+        FieldType.Checkbox,
+        layout: ViewLayoutPB.Board,
+      );
+      await tester.hoverOnWidget(find.text('Card 2'));
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/board/board_group_test.dart

@@ -1,10 +1,10 @@
+import 'package:appflowy/plugins/database/widgets/card/card.dart';
 import 'package:appflowy/plugins/database/widgets/cell_editor/extension.dart';
 import 'package:appflowy/plugins/database/widgets/row/row_property.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:flutter/widgets.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
-import 'package:appflowy_board/appflowy_board.dart';
 
 import '../../shared/util.dart';
 
@@ -15,12 +15,12 @@ void main() {
     testWidgets('move row to another group', (tester) async {
       const card1Name = 'Card 1';
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
       final card1 = find.ancestor(
         of: find.text(card1Name),
-        matching: find.byType(AppFlowyGroupCard),
+        matching: find.byType(RowCard),
       );
       final doingGroup = find.text('Doing');
       final doingGroupCenter = tester.getCenter(doingGroup);

frontend/appflowy_flutter/integration_test/desktop/board/board_hide_groups_test.dart

@@ -16,7 +16,7 @@ void main() {
   group('board group options:', () {
     testWidgets('expand/collapse hidden groups', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
 
       final collapseFinder = find.byFlowySvg(FlowySvgs.pull_left_outlined_s);
@@ -45,7 +45,7 @@ void main() {
 
     testWidgets('hide first group, and show it again', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
 
       // Tap the options of the first group
@@ -81,7 +81,7 @@ void main() {
 
   testWidgets('delete a group', (tester) async {
     await tester.initializeAppFlowy();
-    await tester.tapGoButton();
+    await tester.tapAnonymousSignInButton();
     await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
 
     expect(tester.widgetList(find.byType(BoardColumnHeader)).length, 4);

frontend/appflowy_flutter/integration_test/desktop/board/board_row_test.dart

@@ -7,8 +7,8 @@ import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
-import '../../shared/util.dart';
 import '../../shared/database_test_op.dart';
+import '../../shared/util.dart';
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
@@ -16,7 +16,7 @@ void main() {
   group('board row test', () {
     testWidgets('delete item in ToDo card', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
       const name = 'Card 1';
@@ -34,7 +34,7 @@ void main() {
 
     testWidgets('duplicate item in ToDo card', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
       const name = 'Card 1';
@@ -52,7 +52,7 @@ void main() {
 
     testWidgets('add new group', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
 
       // assert number of groups

frontend/appflowy_flutter/integration_test/desktop/command_palette/command_palette_test.dart

@@ -0,0 +1,22 @@
+import 'package:appflowy/workspace/presentation/command_palette/command_palette.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Command Palette', () {
+    testWidgets('Toggle command palette', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.toggleCommandPalette();
+      expect(find.byType(CommandPaletteModal), findsOneWidget);
+
+      await tester.toggleCommandPalette();
+      expect(find.byType(CommandPaletteModal), findsNothing);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/command_palette/command_palette_test_runner.dart

@@ -0,0 +1,14 @@
+import 'package:integration_test/integration_test.dart';
+
+import 'command_palette_test.dart' as command_palette_test;
+import 'folder_search_test.dart' as folder_search_test;
+import 'recent_history_test.dart' as recent_history_test;
+
+void startTesting() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  // Command Palette integration tests
+  command_palette_test.main();
+  folder_search_test.main();
+  recent_history_test.main();
+}

frontend/appflowy_flutter/integration_test/desktop/command_palette/folder_search_test.dart

@@ -0,0 +1,53 @@
+import 'package:appflowy/workspace/presentation/command_palette/command_palette.dart';
+import 'package:appflowy/workspace/presentation/command_palette/widgets/search_field.dart';
+import 'package:appflowy/workspace/presentation/command_palette/widgets/search_result_tile.dart';
+import 'package:flowy_infra_ui/flowy_infra_ui.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Folder Search', () {
+    testWidgets('Search for views', (tester) async {
+      const firstDocument = "ViewOne";
+      const secondDocument = "ViewOna";
+
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(name: firstDocument);
+      await tester.createNewPageWithNameUnderParent(name: secondDocument);
+
+      await tester.toggleCommandPalette();
+      expect(find.byType(CommandPaletteModal), findsOneWidget);
+
+      final searchFieldFinder = find.descendant(
+        of: find.byType(SearchField),
+        matching: find.byType(FlowyTextField),
+      );
+
+      await tester.enterText(searchFieldFinder, secondDocument);
+      await tester.pumpAndSettle(const Duration(milliseconds: 200));
+
+      // Expect two search results "ViewOna" and "ViewOne" (Distance 1 to ViewOna)
+      expect(find.byType(SearchResultTile), findsNWidgets(2));
+
+      // The score should be higher for "ViewOna" thus it should be shown first
+      final secondDocumentWidget = tester
+          .widget(find.byType(SearchResultTile).first) as SearchResultTile;
+      expect(secondDocumentWidget.result.data, secondDocument);
+
+      // Change search to "ViewOne"
+      await tester.enterText(searchFieldFinder, firstDocument);
+      await tester.pumpAndSettle(const Duration(seconds: 1));
+
+      // The score should be higher for "ViewOne" thus it should be shown first
+      final firstDocumentWidget = tester
+          .widget(find.byType(SearchResultTile).first) as SearchResultTile;
+      expect(firstDocumentWidget.result.data, firstDocument);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/command_palette/recent_history_test.dart

@@ -0,0 +1,38 @@
+import 'package:appflowy/workspace/presentation/command_palette/command_palette.dart';
+import 'package:appflowy/workspace/presentation/command_palette/widgets/recent_view_tile.dart';
+import 'package:appflowy/workspace/presentation/command_palette/widgets/recent_views_list.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Recent History', () {
+    testWidgets('Search for views', (tester) async {
+      const firstDocument = "First";
+      const secondDocument = "Second";
+
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.createNewPageWithNameUnderParent(name: firstDocument);
+      await tester.createNewPageWithNameUnderParent(name: secondDocument);
+
+      await tester.toggleCommandPalette();
+      expect(find.byType(CommandPaletteModal), findsOneWidget);
+
+      // Expect history list
+      expect(find.byType(RecentViewsList), findsOneWidget);
+
+      // Expect three recent history items
+      expect(find.byType(RecentViewTile), findsNWidgets(3));
+
+      // Expect the first item to be the last viewed document
+      final firstDocumentWidget =
+          tester.widget(find.byType(RecentViewTile).first) as RecentViewTile;
+      expect(firstDocumentWidget.view.name, secondDocument);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/database/database_calendar_test.dart

@@ -14,7 +14,7 @@ void main() {
   group('calendar', () {
     testWidgets('update calendar layout', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(
         layout: ViewLayoutPB.Calendar,
@@ -36,7 +36,7 @@ void main() {
 
     testWidgets('calendar start from day setting', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create calendar view
       const name = 'calendar';
@@ -69,7 +69,7 @@ void main() {
 
     testWidgets('creating and editing calendar events', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create the calendar view
       await tester.createNewPageWithNameUnderParent(
@@ -153,7 +153,7 @@ void main() {
       const customTitle = "EventTitleCustom";
 
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create the calendar view
       await tester.createNewPageWithNameUnderParent(
@@ -194,7 +194,7 @@ void main() {
 
     testWidgets('rescheduling events', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create the calendar view
       await tester.createNewPageWithNameUnderParent(

frontend/appflowy_flutter/integration_test/desktop/database/database_cell_test.dart

@@ -13,7 +13,7 @@ void main() {
   group('edit grid cell:', () {
     testWidgets('text', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -36,7 +36,7 @@ void main() {
     // multiple text cell
     testWidgets('multiple text cells', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
       await tester.createNewPageWithNameUnderParent(
         name: 'my grid',
         layout: ViewLayoutPB.Grid,
@@ -74,7 +74,7 @@ void main() {
 
     testWidgets('number', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -132,7 +132,7 @@ void main() {
 
     testWidgets('checkbox', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -150,7 +150,7 @@ void main() {
 
     testWidgets('created time', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -168,7 +168,7 @@ void main() {
 
     testWidgets('last modified time', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -186,7 +186,7 @@ void main() {
 
     testWidgets('date time', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -282,7 +282,7 @@ void main() {
 
     testWidgets('single select', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       const fieldType = FieldType.SingleSelect;
 
@@ -361,7 +361,7 @@ void main() {
       ];
 
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -444,7 +444,7 @@ void main() {
 
     testWidgets('checklist', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 

frontend/appflowy_flutter/integration_test/desktop/database/database_field_settings_test.dart

@@ -13,7 +13,7 @@ void main() {
   group('database field settings', () {
     testWidgets('field visibility', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
       await tester.tapCreateLinkedDatabaseViewButton(DatabaseLayoutPB.Grid);

frontend/appflowy_flutter/integration_test/desktop/database/database_field_test.dart

@@ -17,7 +17,7 @@ void main() {
   group('grid field editor:', () {
     testWidgets('rename existing field', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -34,7 +34,7 @@ void main() {
 
     testWidgets('update field type of existing field', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -50,7 +50,7 @@ void main() {
 
     testWidgets('create a field and rename it', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -65,7 +65,7 @@ void main() {
 
     testWidgets('delete field', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -85,7 +85,7 @@ void main() {
 
     testWidgets('duplicate field', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -105,7 +105,7 @@ void main() {
 
     testWidgets('insert field on either side of a field', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -128,7 +128,7 @@ void main() {
 
     testWidgets('create checklist field', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -148,7 +148,7 @@ void main() {
 
     testWidgets('create list of fields', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -180,7 +180,7 @@ void main() {
 
     testWidgets('field types with empty type option editor', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -212,7 +212,7 @@ void main() {
 
     testWidgets('number field type option', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
       await tester.scrollToRight(find.byType(GridPage));
@@ -258,7 +258,7 @@ void main() {
 
     testWidgets('add option', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(
         layout: ViewLayoutPB.Grid,
@@ -286,7 +286,7 @@ void main() {
 
     testWidgets('date time field type options', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
       await tester.scrollToRight(find.byType(GridPage));

frontend/appflowy_flutter/integration_test/desktop/database/database_reminder_test.dart

@@ -14,7 +14,7 @@ void main() {
   group('reminder in database', () {
     testWidgets('add date field and add reminder', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -68,7 +68,7 @@ void main() {
 
     testWidgets('navigate from reminder to open row', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -135,7 +135,7 @@ void main() {
       'toggle include time sets reminder option correctly',
       (tester) async {
         await tester.initializeAppFlowy();
-        await tester.tapGoButton();
+        await tester.tapAnonymousSignInButton();
 
         await tester.createNewPageWithNameUnderParent(
           layout: ViewLayoutPB.Grid,

frontend/appflowy_flutter/integration_test/desktop/database/database_row_page_test.dart

@@ -1,9 +1,10 @@
+import 'package:flutter/material.dart';
+
 import 'package:appflowy/plugins/database/widgets/row/row_banner.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.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';
 
@@ -17,7 +18,7 @@ void main() {
   group('grid row detail page:', () {
     testWidgets('opens', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -34,7 +35,7 @@ void main() {
 
     testWidgets('add emoji', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -53,7 +54,7 @@ void main() {
 
     testWidgets('update emoji', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -80,7 +81,7 @@ void main() {
 
     testWidgets('remove emoji', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -101,7 +102,7 @@ void main() {
 
     testWidgets('create list of fields', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -135,7 +136,7 @@ void main() {
 
     testWidgets('change order of fields and cells', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -168,7 +169,7 @@ void main() {
 
     testWidgets('hide and show hidden fields', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -217,7 +218,7 @@ void main() {
     testWidgets('update the contents of the document and re-open it',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -257,7 +258,7 @@ void main() {
         'check if the title wraps properly when a long text is inserted',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -296,7 +297,7 @@ void main() {
 
     testWidgets('delete row', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
@@ -313,7 +314,7 @@ void main() {
 
     testWidgets('duplicate row', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // Create a new grid
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

frontend/appflowy_flutter/integration_test/desktop/database/database_row_test.dart

@@ -11,7 +11,7 @@ void main() {
   group('grid', () {
     testWidgets('create row of the grid', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
       await tester.tapCreateRowButtonInGrid();
@@ -23,7 +23,7 @@ void main() {
 
     testWidgets('create row from row menu of the grid', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -38,7 +38,7 @@ void main() {
 
     testWidgets('delete row of the grid', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
       await tester.hoverOnFirstRowOfGrid();
@@ -55,7 +55,7 @@ void main() {
     testWidgets('check number of row indicator in the initial grid',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 

frontend/appflowy_flutter/integration_test/desktop/database/database_setting_test.dart

@@ -12,7 +12,7 @@ void main() {
   group('grid', () {
     testWidgets('update layout', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -29,7 +29,7 @@ void main() {
 
     testWidgets('update layout multiple times', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 

frontend/appflowy_flutter/integration_test/desktop/database/database_view_test.dart

@@ -12,7 +12,7 @@ void main() {
   group('database', () {
     testWidgets('create linked view', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -33,7 +33,7 @@ void main() {
 
     testWidgets('rename and delete linked view', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -58,7 +58,7 @@ void main() {
 
     testWidgets('delete the last database view', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 

frontend/appflowy_flutter/integration_test/desktop/document/document_alignment_test.dart

@@ -14,7 +14,7 @@ void main() {
   group('document alignment', () {
     testWidgets('edit alignment in toolbar', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       final selection = Selection.single(
         path: [0],
@@ -48,7 +48,7 @@ void main() {
 
     testWidgets('edit alignment using shortcut', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // click the first line of the readme
       await tester.editor.tapLineOfEditorAt(0);

frontend/appflowy_flutter/integration_test/desktop/document/document_codeblock_paste_test.dart

@@ -1,9 +1,10 @@
 import 'dart:io';
 
+import 'package:flutter/services.dart';
+
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy_editor/appflowy_editor.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';
 
@@ -15,7 +16,7 @@ void main() {
   group('paste in codeblock', () {
     testWidgets('paste multiple lines in codeblock', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent();
@@ -23,11 +24,7 @@ void main() {
       // mock the clipboard
       const lines = 3;
       final text = List.generate(lines, (index) => 'line $index').join('\n');
-      AppFlowyClipboard.mockSetData(
-        AppFlowyClipboardData(
-          text: text,
-        ),
-      );
+      AppFlowyClipboard.mockSetData(AppFlowyClipboardData(text: text));
 
       await insertCodeBlockInDocument(tester);
 

frontend/appflowy_flutter/integration_test/desktop/document/document_copy_and_paste_test.dart

@@ -106,58 +106,13 @@ void main() {
         expect(node2.type, ParagraphBlockKeys.type);
         expect(node3.type, ParagraphBlockKeys.type);
         expect(node1.delta!.toJson(), [
-          {
-            "insert": "void",
-            "attributes": {"font_color": "0xfffede5d"},
-          },
-          {
-            "insert": " ",
-            "attributes": {"font_color": "0xffff7edb"},
-          },
-          {
-            "insert": "main",
-            "attributes": {"font_color": "0xff36f9f6"},
-          },
-          {
-            "insert": "() {",
-            "attributes": {"font_color": "0xffff7edb"},
-          }
+          {'insert': 'void main() {'},
         ]);
         expect(node2.delta!.toJson(), [
-          {
-            "insert": "  ",
-            "attributes": {"font_color": "0xffff7edb"},
-          },
-          {
-            "insert": "runApp",
-            "attributes": {"font_color": "0xff36f9f6"},
-          },
-          {
-            "insert": "(",
-            "attributes": {"font_color": "0xffff7edb"},
-          },
-          {
-            "insert": "const",
-            "attributes": {"font_color": "0xfffede5d"},
-          },
-          {
-            "insert": " ",
-            "attributes": {"font_color": "0xffff7edb"},
-          },
-          {
-            "insert": "MyApp",
-            "attributes": {"font_color": "0xfffe4450"},
-          },
-          {
-            "insert": "());",
-            "attributes": {"font_color": "0xffff7edb"},
-          }
+          {'insert': "  runApp(const MyApp());"},
         ]);
         expect(node3.delta!.toJson(), [
-          {
-            "insert": "}",
-            "attributes": {"font_color": "0xffff7edb"},
-          }
+          {"insert": "}"},
         ]);
       });
     });
@@ -304,7 +259,7 @@ extension on WidgetTester {
     (String, Uint8List?)? image,
   }) async {
     await initializeAppFlowy();
-    await tapGoButton();
+    await tapAnonymousSignInButton();
 
     // create a new document
     await createNewPageWithNameUnderParent();

frontend/appflowy_flutter/integration_test/desktop/document/document_create_and_delete_test.dart

@@ -14,7 +14,7 @@ void main() {
         (tester) async {
       await tester.initializeAppFlowy();
 
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent();
@@ -30,7 +30,7 @@ void main() {
     testWidgets('delete the readme page and restore it', (tester) async {
       await tester.initializeAppFlowy();
 
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // delete the readme page
       await tester.hoverOnPageName(
@@ -54,7 +54,7 @@ void main() {
         (tester) async {
       await tester.initializeAppFlowy();
 
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // delete the readme page
       await tester.hoverOnPageName(

frontend/appflowy_flutter/integration_test/desktop/document/document_inline_page_reference_test.dart

@@ -15,7 +15,7 @@ void main() {
   group('insert inline document reference', () {
     testWidgets('insert by slash menu', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       final name = await createDocumentToReference(tester);
 
@@ -42,7 +42,7 @@ void main() {
 
     testWidgets('insert by `[[` character shortcut', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       final name = await createDocumentToReference(tester);
 
@@ -62,7 +62,7 @@ void main() {
 
     testWidgets('insert by `+` character shortcut', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       final name = await createDocumentToReference(tester);
 

frontend/appflowy_flutter/integration_test/desktop/document/document_more_actions_test.dart

@@ -0,0 +1,32 @@
+import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('MoreViewActions', () {
+    testWidgets('can duplicate and delete from menu', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+      await tester.pumpAndSettle();
+
+      final pageFinder = find.byType(ViewItem);
+      expect(pageFinder, findsNWidgets(1));
+
+      // Duplicate
+      await tester.openMoreViewActions();
+      await tester.duplicateByMoreViewActions();
+
+      expect(pageFinder, findsNWidgets(2));
+
+      // Delete
+      await tester.openMoreViewActions();
+      await tester.deleteByMoreViewActions();
+
+      expect(pageFinder, findsNWidgets(1));
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/desktop/document/document_option_action_test.dart

@@ -12,7 +12,7 @@ void main() {
         'click + to add a block after current selection, and click + and option key to add a block before current selection',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       var editorState = tester.editor.getCurrentEditorState();
       expect(editorState.getNodeAtPath([1])?.delta?.toPlainText(), isNotEmpty);

frontend/appflowy_flutter/integration_test/desktop/document/document_test_runner.dart

@@ -6,6 +6,9 @@ import 'document_copy_and_paste_test.dart' as document_copy_and_paste_test;
 import 'document_create_and_delete_test.dart'
     as document_create_and_delete_test;
 import 'document_option_action_test.dart' as document_option_action_test;
+import 'document_inline_page_reference_test.dart'
+    as document_inline_page_reference_test;
+import 'document_more_actions_test.dart' as document_more_actions_test;
 import 'document_text_direction_test.dart' as document_text_direction_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;
@@ -16,8 +19,6 @@ import 'document_with_inline_page_test.dart' as document_with_inline_page_test;
 import 'document_with_outline_block_test.dart' as document_with_outline_block;
 import 'document_with_toggle_list_test.dart' as document_with_toggle_list_test;
 import 'edit_document_test.dart' as document_edit_test;
-import 'document_inline_page_reference_test.dart'
-    as document_inline_page_reference_test;
 
 void startTesting() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
@@ -38,4 +39,5 @@ void startTesting() {
   document_option_action_test.main();
   document_with_image_block_test.main();
   document_inline_page_reference_test.main();
+  document_more_actions_test.main();
 }

frontend/appflowy_flutter/integration_test/desktop/document/document_text_direction_test.dart

@@ -13,7 +13,7 @@ void main() {
         (tester) async {
       // combine the two tests into one to avoid the time-consuming process of initializing the app
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       final selection = Selection.single(
         path: [0],

frontend/appflowy_flutter/integration_test/desktop/document/document_with_cover_image_test.dart

@@ -16,7 +16,7 @@ void main() {
   group('cover image', () {
     testWidgets('document cover tests', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       tester.expectToSeeNoDocumentCover();
 
@@ -53,7 +53,7 @@ void main() {
 
     testWidgets('document icon tests', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       tester.expectToSeeDocumentIcon('⭐️');
 
@@ -86,7 +86,7 @@ void main() {
 
     testWidgets('icon and cover at the same time', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       tester.expectToSeeDocumentIcon('⭐️');
       tester.expectToSeeNoDocumentCover();
@@ -110,7 +110,7 @@ void main() {
 
     testWidgets('shuffle icon', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.editor.tapGettingStartedIcon();
 
@@ -123,7 +123,7 @@ void main() {
 
     testWidgets('change skin tone', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.editor.tapGettingStartedIcon();
 

frontend/appflowy_flutter/integration_test/desktop/document/document_with_database_test.dart

@@ -20,7 +20,7 @@ void main() {
   group('database view in document', () {
     testWidgets('insert a referenced grid', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await insertReferenceDatabase(tester, ViewLayoutPB.Grid);
 
@@ -48,7 +48,7 @@ void main() {
 
     testWidgets('insert a referenced board', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await insertReferenceDatabase(tester, ViewLayoutPB.Board);
 
@@ -56,7 +56,7 @@ void main() {
       expect(
         find.descendant(
           of: find.byType(AppFlowyEditor),
-          matching: find.byType(BoardPage),
+          matching: find.byType(DesktopBoardPage),
         ),
         findsOneWidget,
       );
@@ -64,7 +64,7 @@ void main() {
 
     testWidgets('insert a referenced calendar', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await insertReferenceDatabase(tester, ViewLayoutPB.Calendar);
 
@@ -80,7 +80,7 @@ void main() {
 
     testWidgets('create a grid inside a document', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await createInlineDatabase(tester, ViewLayoutPB.Grid);
 
@@ -96,7 +96,7 @@ void main() {
 
     testWidgets('create a board inside a document', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await createInlineDatabase(tester, ViewLayoutPB.Board);
 
@@ -104,7 +104,7 @@ void main() {
       expect(
         find.descendant(
           of: find.byType(AppFlowyEditor),
-          matching: find.byType(BoardPage),
+          matching: find.byType(DesktopBoardPage),
         ),
         findsOneWidget,
       );
@@ -112,7 +112,7 @@ void main() {
 
     testWidgets('create a calendar inside a document', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await createInlineDatabase(tester, ViewLayoutPB.Calendar);
 

frontend/appflowy_flutter/integration_test/desktop/document/document_with_image_block_test.dart

@@ -32,7 +32,7 @@ void main() {
   group('image block in document', () {
     testWidgets('insert an image from local file', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent(
@@ -80,7 +80,7 @@ void main() {
 
     testWidgets('insert an image from network', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent(
@@ -133,7 +133,7 @@ void main() {
     testWidgets('insert an image from unsplash', (tester) async {
       await runWithNetworkImages(() async {
         await tester.initializeAppFlowy();
-        await tester.tapGoButton();
+        await tester.tapAnonymousSignInButton();
 
         // create a new document
         await tester.createNewPageWithNameUnderParent(

frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_math_equation_test.dart

@@ -16,7 +16,7 @@ void main() {
   group('inline math equation in document', () {
     testWidgets('insert an inline math equation', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent(
@@ -61,7 +61,7 @@ void main() {
 
     testWidgets('remove the inline math equation format', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent(

frontend/appflowy_flutter/integration_test/desktop/document/document_with_inline_page_test.dart

@@ -13,7 +13,7 @@ void main() {
   group('inline page view in document', () {
     testWidgets('insert a inline page - grid', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await insertInlinePage(tester, ViewLayoutPB.Grid);
 
@@ -24,7 +24,7 @@ void main() {
 
     testWidgets('insert a inline page - board', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await insertInlinePage(tester, ViewLayoutPB.Board);
 
@@ -35,7 +35,7 @@ void main() {
 
     testWidgets('insert a inline page - calendar', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await insertInlinePage(tester, ViewLayoutPB.Calendar);
 
@@ -46,7 +46,7 @@ void main() {
 
     testWidgets('insert a inline page - document', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await insertInlinePage(tester, ViewLayoutPB.Document);
 
@@ -57,7 +57,7 @@ void main() {
 
     testWidgets('insert a inline page and rename it', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       final pageName = await insertInlinePage(tester, ViewLayoutPB.Document);
 
@@ -76,7 +76,7 @@ void main() {
 
     testWidgets('insert a inline page and delete it', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       final pageName = await insertInlinePage(tester, ViewLayoutPB.Grid);
 

frontend/appflowy_flutter/integration_test/desktop/document/document_with_link_test.dart

@@ -20,7 +20,7 @@ void main() {
 
     testWidgets('insert/edit/open link', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent();

frontend/appflowy_flutter/integration_test/desktop/document/document_with_outline_block_test.dart

@@ -19,7 +19,7 @@ void main() {
   group('outline block test', () {
     testWidgets('insert an outline block', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(
         name: 'outline_test',
@@ -35,7 +35,7 @@ void main() {
     testWidgets('insert an outline block and check if headings are visible',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(
         name: 'outline_test',
@@ -91,7 +91,7 @@ void main() {
 
     testWidgets("control the depth of outline block", (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(
         name: 'outline_test',

frontend/appflowy_flutter/integration_test/desktop/document/document_with_toggle_list_test.dart

@@ -36,7 +36,7 @@ void main() {
     testWidgets('convert > to toggle list, and click the icon to close it',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent();
@@ -80,7 +80,7 @@ void main() {
         (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();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent();
@@ -117,7 +117,7 @@ void main() {
     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();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent();
@@ -152,7 +152,7 @@ void main() {
     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();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent();
@@ -181,7 +181,7 @@ void main() {
         (tester) async {
       // if the toggle list is open, press enter key will insert a new paragraph inside it
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document
       await tester.createNewPageWithNameUnderParent();

frontend/appflowy_flutter/integration_test/desktop/document/edit_document_test.dart

@@ -13,7 +13,7 @@ void main() {
   group('edit document', () {
     testWidgets('redo & undo', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document called Sample
       const pageName = 'Sample';
@@ -67,7 +67,7 @@ void main() {
 
     testWidgets('write a readme document', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new document called Sample
       const pageName = 'Sample';

frontend/appflowy_flutter/integration_test/desktop/grid/grid_calculations_test.dart

@@ -13,7 +13,7 @@ void main() {
   group('Grid Calculations', () {
     testWidgets('add calculation and update cell', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 
@@ -47,7 +47,7 @@ void main() {
 
     testWidgets('add calculations and remove row', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
 

frontend/appflowy_flutter/integration_test/desktop/reminder/document_reminder_test.dart

@@ -27,7 +27,7 @@ void main() {
       const time = "23:59";
 
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       final dateTimeSettings =
           await UserSettingsBackendService().getDateTimeSettings();
@@ -76,7 +76,7 @@ void main() {
     testWidgets('Add reminder for tomorrow, and navigate to it',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.editor.tapLineOfEditorAt(0);
       await tester.editor.getCurrentEditorState().insertNewLine();

frontend/appflowy_flutter/integration_test/desktop/settings/notifications_settings_test.dart

@@ -11,7 +11,7 @@ void main() {
   group('board add row test', () {
     testWidgets('Add card from header', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await tester.openSettings();
       await tester.openSettingsPage(SettingsPage.notifications);

frontend/appflowy_flutter/integration_test/desktop/settings/settings_runner.dart

@@ -1,11 +1,9 @@
 import 'package:integration_test/integration_test.dart';
 
 import 'notifications_settings_test.dart' as notifications_settings_test;
-import 'user_language_test.dart' as user_language_test;
 
 void main() {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
 
   notifications_settings_test.main();
-  user_language_test.main();
 }

frontend/appflowy_flutter/integration_test/desktop/settings/user_language_test.dart

@@ -1,70 +0,0 @@
-import 'dart:ui';
-
-import 'package:appflowy/workspace/application/settings/prelude.dart';
-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 '../../shared/util.dart';
-
-void main() {
-  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
-
-  group('Settings: user language tests', () {
-    testWidgets('select language, language changed', (tester) async {
-      await tester.initializeAppFlowy();
-
-      await tester.tapGoButton();
-      await tester.expectToSeeHomePageWithGetStartedPage();
-      await tester.openSettings();
-
-      await tester.openSettingsPage(SettingsPage.language);
-
-      final userLanguageFinder = find.descendant(
-        of: find.byType(SettingsLanguageView),
-        matching: find.byType(LanguageSelector),
-      );
-
-      // Grab current locale
-      LanguageSelector userLanguage =
-          tester.widget<LanguageSelector>(userLanguageFinder);
-      Locale currentLocale = userLanguage.currentLocale;
-
-      // Open language selector
-      await tester.tap(userLanguageFinder);
-      await tester.pumpAndSettle();
-
-      // Select first option that isn't default
-      await tester.tap(find.byType(LanguageItem).at(1));
-      await tester.pumpAndSettle();
-
-      // Make sure the new locale is not the same as previous one
-      userLanguage = tester.widget<LanguageSelector>(userLanguageFinder);
-      expect(
-        userLanguage.currentLocale,
-        isNot(equals(currentLocale)),
-        reason: "new language shouldn't equal the previous selected language",
-      );
-
-      // Update the current locale to a new one
-      currentLocale = userLanguage.currentLocale;
-
-      // Tried the same flow for the second time
-      // Open language selector
-      await tester.tap(userLanguageFinder);
-      await tester.pumpAndSettle();
-
-      // Select second option that isn't default
-      await tester.tap(find.byType(LanguageItem).at(2));
-      await tester.pumpAndSettle();
-
-      // Make sure the new locale is not the same as previous one
-      userLanguage = tester.widget<LanguageSelector>(userLanguageFinder);
-      expect(
-        userLanguage.currentLocale,
-        isNot(equals(currentLocale)),
-        reason: "new language shouldn't equal the previous selected language",
-      );
-    });
-  });
-}

frontend/appflowy_flutter/integration_test/desktop/sidebar/rename_current_item_test.dart

@@ -15,7 +15,7 @@ void main() {
   group('Rename current view item', () {
     testWidgets('by F2 shortcut', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       await FlowyTestKeyboard.simulateKeyDownEvent(
         [LogicalKeyboardKey.f2],

frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_expand_test.dart

@@ -27,7 +27,7 @@ void main() {
 
     testWidgets('first time the personal folder is expanded', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // first time is expanded
       expect(isExpanded(type: FolderCategoryType.private), true);

frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_favorites_test.dart

@@ -18,7 +18,7 @@ void main() {
         'Toggle favorites for views creates / removes the favorite header along with favorite views',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // no favorite folder
       expect(find.byType(FavoriteFolder), findsNothing);
@@ -74,7 +74,7 @@ void main() {
       'renaming a favorite view updates name under favorite header',
       (tester) async {
         await tester.initializeAppFlowy();
-        await tester.tapGoButton();
+        await tester.tapAnonymousSignInButton();
 
         const name = 'test';
         await tester.favoriteViewByName(gettingStarted);
@@ -100,7 +100,7 @@ void main() {
       'deleting first level favorite view removes its instance from favorite header, deleting root level views leads to removal of all favorites that are its children',
       (tester) async {
         await tester.initializeAppFlowy();
-        await tester.tapGoButton();
+        await tester.tapAnonymousSignInButton();
 
         final names = [1, 2].map((e) => 'document_$e').toList();
         for (var i = 0; i < names.length; i++) {
@@ -157,7 +157,7 @@ void main() {
       'view selection is synced between favorites and personal folder',
       (tester) async {
         await tester.initializeAppFlowy();
-        await tester.tapGoButton();
+        await tester.tapAnonymousSignInButton();
 
         await tester.createNewPageWithNameUnderParent();
         await tester.favoriteViewByName(gettingStarted);
@@ -177,7 +177,7 @@ void main() {
       'context menu opens up for favorites',
       (tester) async {
         await tester.initializeAppFlowy();
-        await tester.tapGoButton();
+        await tester.tapAnonymousSignInButton();
 
         await tester.createNewPageWithNameUnderParent();
         await tester.favoriteViewByName(gettingStarted);

frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_icon_test.dart

@@ -14,7 +14,7 @@ void main() {
   group('Icon', () {
     testWidgets('Update page icon in sidebar', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create document, board, grid and calendar views
       for (final value in ViewLayoutPB.values) {
@@ -42,7 +42,7 @@ void main() {
 
     testWidgets('Update page icon in title bar', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create document, board, grid and calendar views
       for (final value in ViewLayoutPB.values) {

frontend/appflowy_flutter/integration_test/desktop/sidebar/sidebar_test.dart

@@ -20,7 +20,7 @@ void main() {
   group('sidebar test', () {
     testWidgets('create a new page', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // create a new page
       await tester.tapNewPageButton();
@@ -36,7 +36,7 @@ void main() {
     testWidgets('create a new document, grid, board and calendar',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       for (final layout in ViewLayoutPB.values) {
         // create a new page
@@ -61,7 +61,7 @@ void main() {
             expect(find.byType(GridPage), findsOneWidget);
             break;
           case ViewLayoutPB.Board:
-            expect(find.byType(BoardPage), findsOneWidget);
+            expect(find.byType(DesktopBoardPage), findsOneWidget);
             break;
           case ViewLayoutPB.Calendar:
             expect(find.byType(CalendarPage), findsOneWidget);
@@ -74,7 +74,7 @@ void main() {
 
     testWidgets('create some nested pages, and move them', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       final names = [1, 2, 3, 4].map((e) => 'document_$e').toList();
       for (var i = 0; i < names.length; i++) {
@@ -140,7 +140,7 @@ void main() {
 
     testWidgets('unable to move a document into a database', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       const document = 'document';
       await tester.createNewPageWithNameUnderParent(
@@ -183,7 +183,7 @@ void main() {
     testWidgets('unable to create a new database inside the existing one',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       const grid = 'grid';
       await tester.createNewPageWithNameUnderParent(

frontend/appflowy_flutter/integration_test/desktop/uncategorized/appearance_settings_test.dart

@@ -1,90 +0,0 @@
-import 'package:appflowy/workspace/application/appearance_defaults.dart';
-import 'package:appflowy/workspace/application/settings/prelude.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_appearance/settings_appearance.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_test/flutter_test.dart';
-import 'package:integration_test/integration_test.dart';
-
-import '../../shared/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();
-      await tester.expectToSeeHomePageWithGetStartedPage();
-      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);
-    });
-
-    testWidgets('reset the font family', (tester) async {
-      await tester.initializeAppFlowy();
-
-      await tester.tapGoButton();
-      await tester.expectToSeeHomePageWithGetStartedPage();
-      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);
-
-      final resetButton = find.byKey(ThemeFontFamilySetting.resetButtonkey);
-      await tester.tap(resetButton);
-      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(DefaultAppearanceSettings.kDefaultFontFamily),
-        findsOneWidget,
-      );
-    });
-  });
-}

frontend/appflowy_flutter/integration_test/desktop/uncategorized/emoji_shortcut_test.dart

@@ -17,7 +17,7 @@ void main() {
     testWidgets('cmd/ctrl+alt+e shortcut opens the emoji picker',
         (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       final Finder editor = find.byType(AppFlowyEditor);
       await tester.tap(editor);

frontend/appflowy_flutter/integration_test/desktop/uncategorized/empty_test.dart

@@ -10,7 +10,7 @@ void main() {
   group('Empty', () {
     testWidgets('toggle theme mode', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
     });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/uncategorized/hotkeys_test.dart

@@ -1,11 +1,13 @@
 import 'dart:io';
 
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
 import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar.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';
 
@@ -19,35 +21,39 @@ void main() {
     testWidgets('toggle theme mode', (tester) async {
       await tester.initializeAppFlowy();
 
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
       await tester.expectToSeeHomePageWithGetStartedPage();
 
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.appearance);
+      await tester.openSettingsPage(SettingsPage.workspace);
       await tester.pumpAndSettle();
 
-      tester.expectToSeeText(
-        LocaleKeys.settings_appearance_themeMode_system.tr(),
-      );
+      final appFinder = find.byType(MaterialApp).first;
+      ThemeMode? themeMode = tester.widget<MaterialApp>(appFinder).themeMode;
+
+      expect(themeMode, ThemeMode.system);
 
       await tester.tapButton(
         find.bySemanticsLabel(
-          LocaleKeys.settings_appearance_themeMode_system.tr(),
+          LocaleKeys.settings_workspacePage_appearance_options_light.tr(),
         ),
       );
-
       await tester.pumpAndSettle();
 
+      themeMode = tester.widget<MaterialApp>(appFinder).themeMode;
+      expect(themeMode, ThemeMode.light);
+
       await tester.tapButton(
         find.bySemanticsLabel(
-          LocaleKeys.settings_appearance_themeMode_dark.tr(),
+          LocaleKeys.settings_workspacePage_appearance_options_dark.tr(),
         ),
       );
+      await tester.pumpAndSettle();
 
-      await tester.pumpAndSettle(const Duration(seconds: 1));
+      themeMode = tester.widget<MaterialApp>(appFinder).themeMode;
+      expect(themeMode, ThemeMode.dark);
 
       await tester.tap(find.byType(SettingsDialog));
-
       await tester.pumpAndSettle();
 
       await FlowyTestKeyboard.simulateKeyDownEvent(
@@ -60,18 +66,16 @@ void main() {
         ],
         tester: tester,
       );
-
       await tester.pumpAndSettle();
 
-      tester.expectToSeeText(
-        LocaleKeys.settings_appearance_themeMode_light.tr(),
-      );
+      themeMode = tester.widget<MaterialApp>(appFinder).themeMode;
+      expect(themeMode, ThemeMode.light);
     });
 
     testWidgets('show or hide home menu', (tester) async {
       await tester.initializeAppFlowy();
 
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
       await tester.expectToSeeHomePageWithGetStartedPage();
 
       await tester.pumpAndSettle();

frontend/appflowy_flutter/integration_test/desktop/uncategorized/import_files_test.dart

@@ -15,7 +15,7 @@ void main() {
   group('import files', () {
     testWidgets('import multiple markdown files', (tester) async {
       final context = await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // expect to see a getting started page
       tester.expectToSeePageName(gettingStarted);
@@ -48,7 +48,7 @@ void main() {
 
     testWidgets('import markdown file with table', (tester) async {
       final context = await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // expect to see a getting started page
       tester.expectToSeePageName(gettingStarted);
@@ -77,12 +77,18 @@ void main() {
       await tester.openPage('markdown_with_table');
 
       final importedPageEditorState = tester.editor.getCurrentEditorState();
-      expect(importedPageEditorState.getNodeAtPath([0])!.type,
-          HeadingBlockKeys.type,);
-      expect(importedPageEditorState.getNodeAtPath([2])!.type,
-          HeadingBlockKeys.type,);
-      expect(importedPageEditorState.getNodeAtPath([4])!.type,
-          TableBlockKeys.type,);
+      expect(
+        importedPageEditorState.getNodeAtPath([0])!.type,
+        HeadingBlockKeys.type,
+      );
+      expect(
+        importedPageEditorState.getNodeAtPath([2])!.type,
+        HeadingBlockKeys.type,
+      );
+      expect(
+        importedPageEditorState.getNodeAtPath([4])!.type,
+        TableBlockKeys.type,
+      );
     });
   });
 }

frontend/appflowy_flutter/integration_test/desktop/uncategorized/language_test.dart

@@ -1,4 +1,4 @@
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_language_view.dart';
+import 'package:appflowy/user/presentation/screens/skip_log_in_screen.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 

frontend/appflowy_flutter/integration_test/desktop/uncategorized/share_markdown_test.dart

@@ -14,7 +14,7 @@ void main() {
   group('share markdown in document page', () {
     testWidgets('click the share button in document page', (tester) async {
       final context = await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // mock the file picker
       final path = await mockSaveFilePath(
@@ -38,7 +38,7 @@ void main() {
       'share the markdown after renaming the document name',
       (tester) async {
         final context = await tester.initializeAppFlowy();
-        await tester.tapGoButton();
+        await tester.tapAnonymousSignInButton();
 
         // expect to see a getting started page
         tester.expectToSeePageName(gettingStarted);

frontend/appflowy_flutter/integration_test/desktop/uncategorized/switch_folder_test.dart

@@ -94,14 +94,14 @@ void main() {
     testWidgets('reset to default location', (tester) async {
       await tester.initializeAppFlowy();
 
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       // home and readme document
       await tester.expectToSeeHomePageWithGetStartedPage();
 
       // open settings and restore the location
       await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.files);
+      await tester.openSettingsPage(SettingsPage.manageData);
       await tester.restoreLocation();
 
       expect(

frontend/appflowy_flutter/integration_test/desktop/uncategorized/tabs_test.dart

@@ -22,7 +22,7 @@ void main() {
   group('Tabs', () {
     testWidgets('Open AppFlowy and open/navigate/close tabs', (tester) async {
       await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
 
       expect(
         find.descendant(

frontend/appflowy_flutter/integration_test/desktop_runner_3.dart

@@ -3,8 +3,6 @@ import 'package:integration_test/integration_test.dart';
 import 'desktop/board/board_test_runner.dart' as board_test_runner;
 import 'desktop/settings/settings_runner.dart' as settings_test_runner;
 import 'desktop/sidebar/sidebar_test_runner.dart' as sidebar_test_runner;
-import 'desktop/uncategorized/appearance_settings_test.dart'
-    as appearance_test_runner;
 import 'desktop/uncategorized/emoji_shortcut_test.dart' as emoji_shortcut_test;
 import 'desktop/uncategorized/empty_test.dart' as first_test;
 import 'desktop/uncategorized/hotkeys_test.dart' as hotkeys_test;
@@ -26,7 +24,6 @@ Future<void> runIntegration3OnDesktop() async {
   emoji_shortcut_test.main();
   hotkeys_test.main();
   emoji_shortcut_test.main();
-  appearance_test_runner.main();
   settings_test_runner.main();
   share_markdown_test.main();
   import_files_test.main();

frontend/appflowy_flutter/integration_test/mobile/home_page/create_new_page_test.dart

@@ -14,7 +14,6 @@ import 'package:appflowy/user/application/auth/auth_service.dart';
 import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra/uuid.dart';
@@ -36,7 +35,7 @@ void main() {
       );
 
       // click the anonymousSignInButton
-      final anonymousSignInButton = find.byType(SignInAnonymousButton);
+      final anonymousSignInButton = find.byType(SignInAnonymousButtonV2);
       expect(anonymousSignInButton, findsOneWidget);
       await tester.tapButton(anonymousSignInButton);
 

frontend/appflowy_flutter/integration_test/mobile/page_style/document_page_style_test.dart

@@ -0,0 +1,139 @@
+// ignore_for_file: unused_import
+
+import 'dart:io';
+
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/application/page_style/document_page_style_bloc.dart';
+import 'package:appflowy/mobile/presentation/base/app_bar/app_bar_actions.dart';
+import 'package:appflowy/mobile/presentation/base/view_page/app_bar_buttons.dart';
+import 'package:appflowy/mobile/presentation/bottom_sheet/bottom_sheet_buttons.dart';
+import 'package:appflowy/mobile/presentation/home/home.dart';
+import 'package:appflowy/plugins/document/presentation/editor_page.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/cover/document_immersive_cover.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/cover/document_immersive_cover_bloc.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/page_style/_page_style_layout.dart';
+import 'package:appflowy/startup/startup.dart';
+import 'package:appflowy/user/application/auth/af_cloud_mock_auth_service.dart';
+import 'package:appflowy/user/application/auth/auth_service.dart';
+import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
+import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/application/view/view_ext.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+import 'package:path/path.dart' as p;
+
+import '../../shared/dir.dart';
+import '../../shared/mock/mock_file_picker.dart';
+import '../../shared/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('document page style', () {
+    double getCurrentEditorFontSize() {
+      final editorPage = find
+          .byType(AppFlowyEditorPage)
+          .evaluate()
+          .single
+          .widget as AppFlowyEditorPage;
+      return editorPage.styleCustomizer
+          .style()
+          .textStyleConfiguration
+          .text
+          .fontSize!;
+    }
+
+    double getCurrentEditorLineHeight() {
+      final editorPage = find
+          .byType(AppFlowyEditorPage)
+          .evaluate()
+          .single
+          .widget as AppFlowyEditorPage;
+      return editorPage.styleCustomizer
+          .style()
+          .textStyleConfiguration
+          .text
+          .height!;
+    }
+
+    testWidgets('change font size in page style settings', (tester) async {
+      await tester.launchInAnonymousMode();
+
+      // click the getting start page
+      await tester.openPage(gettingStarted);
+      // click the layout button
+      await tester.tapButton(find.byType(MobileViewPageLayoutButton));
+      expect(getCurrentEditorFontSize(), PageStyleFontLayout.normal.fontSize);
+      // change font size from normal to large
+      await tester.tapSvgButton(FlowySvgs.m_font_size_large_s);
+      expect(getCurrentEditorFontSize(), PageStyleFontLayout.large.fontSize);
+      // change font size from large to small
+      await tester.tapSvgButton(FlowySvgs.m_font_size_small_s);
+      expect(getCurrentEditorFontSize(), PageStyleFontLayout.small.fontSize);
+    });
+
+    testWidgets('change line height in page style settings', (tester) async {
+      await tester.launchInAnonymousMode();
+
+      // click the getting start page
+      await tester.openPage(gettingStarted);
+      // click the layout button
+      await tester.tapButton(find.byType(MobileViewPageLayoutButton));
+      expect(
+        getCurrentEditorLineHeight(),
+        PageStyleLineHeightLayout.normal.lineHeight,
+      );
+      // change line height from normal to large
+      await tester.tapSvgButton(FlowySvgs.m_layout_large_s);
+      expect(
+        getCurrentEditorLineHeight(),
+        PageStyleLineHeightLayout.large.lineHeight,
+      );
+      // change line height from large to small
+      await tester.tapSvgButton(FlowySvgs.m_layout_small_s);
+      expect(
+        getCurrentEditorLineHeight(),
+        PageStyleLineHeightLayout.small.lineHeight,
+      );
+    });
+
+    testWidgets('use built-in image as cover', (tester) async {
+      await tester.launchInAnonymousMode();
+
+      // click the getting start page
+      await tester.openPage(gettingStarted);
+      // click the layout button
+      await tester.tapButton(find.byType(MobileViewPageLayoutButton));
+      // toggle the preset button
+      await tester.tapSvgButton(FlowySvgs.m_page_style_presets_m);
+
+      // select the first preset
+      final firstBuiltInImage = find.byWidgetPredicate(
+        (widget) =>
+            widget is Image &&
+            widget.image is AssetImage &&
+            (widget.image as AssetImage).assetName ==
+                PageStyleCoverImageType.builtInImagePath('1'),
+      );
+      await tester.tap(firstBuiltInImage);
+
+      // click done button to exit the page style settings
+      await tester.tapButton(find.byType(BottomSheetDoneButton).first);
+      await tester.tapButton(find.byType(BottomSheetDoneButton).first);
+
+      // check the cover
+      final builtInCover = find.descendant(
+        of: find.byType(DocumentImmersiveCover),
+        matching: firstBuiltInImage,
+      );
+      expect(builtInCover, findsOneWidget);
+    });
+  });
+}

frontend/appflowy_flutter/integration_test/mobile/sign_in/anonymous_sign_in_test.dart

@@ -11,7 +11,6 @@ import 'package:appflowy/user/application/auth/auth_service.dart';
 import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra/uuid.dart';
@@ -31,7 +30,7 @@ void main() {
       await tester.initializeAppFlowy();
 
       // click the anonymousSignInButton
-      final anonymousSignInButton = find.byType(SignInAnonymousButton);
+      final anonymousSignInButton = find.byType(SignInAnonymousButtonV2);
       expect(anonymousSignInButton, findsOneWidget);
       await tester.tapButton(anonymousSignInButton);
 

frontend/appflowy_flutter/integration_test/mobile_runner.dart

@@ -1,8 +1,10 @@
 import 'package:integration_test/integration_test.dart';
 
+import 'mobile/home_page/create_new_page_test.dart' as create_new_page_test;
 import 'mobile/sign_in/anonymous_sign_in_test.dart' as anonymous_sign_in_test;
 
 Future<void> runIntegrationOnMobile() async {
   IntegrationTestWidgetsFlutterBinding.ensureInitialized();
   anonymous_sign_in_test.main();
+  create_new_page_test.main();
 }

frontend/appflowy_flutter/integration_test/shared/auth_operation.dart

@@ -1,29 +1,37 @@
+import 'package:flutter/material.dart';
+
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/settings_account_view.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_supabase_cloud.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 
-import 'base.dart';
-import 'expectation.dart';
+import 'util.dart';
 
 extension AppFlowyAuthTest on WidgetTester {
   Future<void> tapGoogleLoginInButton() async {
     await tapButton(find.byKey(const Key('signInWithGoogleButton')));
   }
 
+  /// Requires being on the SettingsPage.account of the SettingsDialog
   Future<void> logout() async {
-    await tapButton(find.byType(SettingLogoutButton));
+    final scrollable = find.findSettingsScrollable();
+    await scrollUntilVisible(
+      find.byType(SignInOutButton),
+      100,
+      scrollable: scrollable,
+    );
 
-    expectToSeeText(LocaleKeys.button_ok.tr());
-    await tapButtonWithName(LocaleKeys.button_ok.tr());
+    await tapButton(find.byType(SignInOutButton));
+
+    expectToSeeText(LocaleKeys.button_confirm.tr());
+    await tapButtonWithName(LocaleKeys.button_confirm.tr());
   }
 
   Future<void> tapSignInAsGuest() async {
-    await tapButton(find.byType(SignInAnonymousButton));
+    await tapButton(find.byType(SignInAnonymousButtonV2));
   }
 
   void expectToSeeGoogleLoginButton() {

frontend/appflowy_flutter/integration_test/shared/base.dart

@@ -1,6 +1,9 @@
 import 'dart:async';
 import 'dart:io';
 
+import 'package:flutter/gestures.dart';
+import 'package:flutter/services.dart';
+
 import 'package:appflowy/env/cloud_env.dart';
 import 'package:appflowy/env/cloud_env_test.dart';
 import 'package:appflowy/startup/entry_point.dart';
@@ -13,16 +16,12 @@ import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widget
 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/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:path/path.dart' as p;
 import 'package:path_provider/path_provider.dart';
 
 class FlowyTestContext {
-  FlowyTestContext({
-    required this.applicationDataDirectory,
-  });
+  FlowyTestContext({required this.applicationDataDirectory});
 
   final String applicationDataDirectory;
 }
@@ -75,7 +74,7 @@ extension AppFlowyTestBase on WidgetTester {
             if (cloudType != null) {
               switch (cloudType) {
                 case AuthenticatorType.local:
-                  await useLocal();
+                  await useLocalServer();
                   break;
                 case AuthenticatorType.supabase:
                   await useTestSupabaseCloud();
@@ -118,7 +117,7 @@ extension AppFlowyTestBase on WidgetTester {
 
   Future<void> waitUntilSignInPageShow() async {
     if (isAuthEnabled) {
-      final finder = find.byType(SignInAnonymousButton);
+      final finder = find.byType(SignInAnonymousButtonV2);
       await pumpUntilFound(finder, timeout: const Duration(seconds: 30));
       expect(finder, findsOneWidget);
     } else {
@@ -174,24 +173,29 @@ extension AppFlowyTestBase on WidgetTester {
     int buttons = kPrimaryButton,
     bool warnIfMissed = false,
     int milliseconds = 500,
+    bool pumpAndSettle = true,
   }) async {
     await tap(
       finder,
       buttons: buttons,
       warnIfMissed: warnIfMissed,
     );
-    await pumpAndSettle(Duration(milliseconds: milliseconds));
+
+    if (pumpAndSettle) {
+      await this.pumpAndSettle(
+        Duration(milliseconds: milliseconds),
+        EnginePhase.sendSemanticsUpdate,
+        const Duration(seconds: 5),
+      );
+    }
   }
 
   Future<void> tapButtonWithName(
     String tr, {
     int milliseconds = 500,
+    bool pumpAndSettle = true,
   }) async {
-    Finder button = find.text(
-      tr,
-      findRichText: true,
-      skipOffstage: false,
-    );
+    Finder button = find.text(tr, findRichText: true, skipOffstage: false);
     if (button.evaluate().isEmpty) {
       button = find.byWidgetPredicate(
         (widget) => widget is FlowyText && widget.text == tr,
@@ -200,20 +204,8 @@ extension AppFlowyTestBase on WidgetTester {
     await tapButton(
       button,
       milliseconds: milliseconds,
+      pumpAndSettle: pumpAndSettle,
     );
-    return;
-  }
-
-  Future<void> tapButtonWithTooltip(
-    String tr, {
-    int milliseconds = 500,
-  }) async {
-    final button = find.byTooltip(tr);
-    await tapButton(
-      button,
-      milliseconds: milliseconds,
-    );
-    return;
   }
 
   Future<void> doubleTapAt(
@@ -228,34 +220,8 @@ extension AppFlowyTestBase on WidgetTester {
     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;
   }
 }
 
@@ -267,10 +233,6 @@ extension AppFlowyFinderTestBase on CommonFinders {
   }
 }
 
-Future<void> useLocal() async {
-  await useLocalServer();
-}
-
 Future<void> useTestSupabaseCloud() async {
   await useSupabaseCloud(
     url: TestEnv.supabaseUrl,

frontend/appflowy_flutter/integration_test/shared/common_operations.dart

@@ -1,9 +1,15 @@
 import 'dart:io';
 
+import 'package:flutter/foundation.dart';
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
 import 'package:appflowy/core/config/kv.dart';
 import 'package:appflowy/core/config/kv_keys.dart';
 import 'package:appflowy/generated/flowy_svgs.g.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/mobile/presentation/presentation.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/base/emoji_picker_button.dart';
 import 'package:appflowy/plugins/document/presentation/share/share_button.dart';
 import 'package:appflowy/shared/feature_flags.dart';
@@ -20,15 +26,14 @@ import 'package:appflowy/workspace/presentation/home/menu/view/view_more_action_
 import 'package:appflowy/workspace/presentation/notifications/widgets/flowy_tab.dart';
 import 'package:appflowy/workspace/presentation/notifications/widgets/notification_button.dart';
 import 'package:appflowy/workspace/presentation/notifications/widgets/notification_tab_bar.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_language_view.dart';
+import 'package:appflowy/workspace/presentation/settings/shared/settings_body.dart';
+import 'package:appflowy/workspace/presentation/widgets/more_view_actions/more_view_actions.dart';
+import 'package:appflowy/workspace/presentation/widgets/more_view_actions/widgets/common_view_action.dart';
 import 'package:appflowy/workspace/presentation/widgets/view_title_bar.dart';
 import 'package:appflowy_backend/log.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/widget/buttons/primary_button.dart';
-import 'package:flutter/gestures.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 
 import 'emoji.dart';
@@ -36,14 +41,14 @@ import 'util.dart';
 
 extension CommonOperations on WidgetTester {
   /// Tap the GetStart button on the launch page.
-  Future<void> tapGoButton() async {
+  Future<void> tapAnonymousSignInButton() async {
     // local version
     final goButton = find.byType(GoButton);
     if (goButton.evaluate().isNotEmpty) {
       await tapButton(goButton);
     } else {
       // cloud version
-      final anonymousButton = find.byType(SignInAnonymousButton);
+      final anonymousButton = find.byType(SignInAnonymousButtonV2);
       await tapButton(anonymousButton);
     }
 
@@ -71,27 +76,6 @@ extension CommonOperations on WidgetTester {
     await tapButton(newPageButton);
   }
 
-  /// Tap the create document button.
-  ///
-  /// Must call [tapAddViewButton] first.
-  Future<void> tapCreateDocumentButton() async {
-    await tapButtonWithName(LocaleKeys.document_menuName.tr());
-  }
-
-  /// Tap the create grid button.
-  ///
-  /// Must call [tapAddViewButton] first.
-  Future<void> tapCreateGridButton() async {
-    await tapButtonWithName(LocaleKeys.grid_menuName.tr());
-  }
-
-  /// Tap the create grid button.
-  ///
-  /// Must call [tapAddViewButton] first.
-  Future<void> tapCreateCalendarButton() async {
-    await tapButtonWithName(LocaleKeys.calendar_menuName.tr());
-  }
-
   /// Tap the import button.
   ///
   /// Must call [tapAddViewButton] first.
@@ -180,15 +164,9 @@ extension CommonOperations on WidgetTester {
   }) async {
     final pageNames = findPageName(name, layout: layout);
     if (useLast) {
-      await hoverOnWidget(
-        pageNames.last,
-        onHover: onHover,
-      );
+      await hoverOnWidget(pageNames.last, onHover: onHover);
     } else {
-      await hoverOnWidget(
-        pageNames.first,
-        onHover: onHover,
-      );
+      await hoverOnWidget(pageNames.first, onHover: onHover);
     }
   }
 
@@ -496,9 +474,7 @@ extension CommonOperations on WidgetTester {
     await pumpAndSettle();
   }
 
-  Future<void> openNotificationHub({
-    int tabIndex = 0,
-  }) async {
+  Future<void> openNotificationHub({int tabIndex = 0}) async {
     final finder = find.descendant(
       of: find.byType(NotificationButton),
       matching: find.byWidgetPredicate(
@@ -520,6 +496,16 @@ extension CommonOperations on WidgetTester {
     }
   }
 
+  Future<void> toggleCommandPalette() async {
+    // Press CMD+P or CTRL+P to open the command palette
+    await simulateKeyEvent(
+      LogicalKeyboardKey.keyP,
+      isControlPressed: !Platform.isMacOS,
+      isMetaPressed: Platform.isMacOS,
+    );
+    await pumpAndSettle();
+  }
+
   Future<void> openCollaborativeWorkspaceMenu() async {
     if (!FeatureFlag.collaborativeWorkspace.isOn) {
       throw UnsupportedError('Collaborative workspace is not enabled');
@@ -527,17 +513,9 @@ extension CommonOperations on WidgetTester {
 
     final workspace = find.byType(SidebarWorkspace);
     expect(workspace, findsOneWidget);
-    // click it
-    await tapButton(workspace);
-  }
 
-  Future<void> closeCollaborativeWorkspaceMenu() async {
-    if (!FeatureFlag.collaborativeWorkspace.isOn) {
-      throw UnsupportedError('Collaborative workspace is not enabled');
-    }
-
-    await tapAt(Offset.zero);
-    await pumpAndSettle();
+    await tapButton(workspace, pumpAndSettle: false);
+    await pump(const Duration(seconds: 5));
   }
 
   Future<void> createCollaborativeWorkspace(String name) async {
@@ -552,7 +530,8 @@ extension CommonOperations on WidgetTester {
     // click the create button
     final createButton = find.byKey(createWorkspaceButtonKey);
     expect(createButton, findsOneWidget);
-    await tapButton(createButton);
+    await tapButton(createButton, pumpAndSettle: false);
+    await pump(const Duration(seconds: 5));
 
     // see the create workspace dialog
     final createWorkspaceDialog = find.byType(CreateWorkspaceDialog);
@@ -560,10 +539,86 @@ extension CommonOperations on WidgetTester {
 
     // input the workspace name
     await enterText(find.byType(TextField), name);
-    await pumpAndSettle();
 
-    await tapButtonWithName(LocaleKeys.button_ok.tr());
+    await tapButtonWithName(LocaleKeys.button_ok.tr(), pumpAndSettle: false);
+    await pump(const Duration(seconds: 5));
   }
+
+  // For mobile platform to launch the app in anonymous mode
+  Future<void> launchInAnonymousMode() async {
+    assert(
+      [TargetPlatform.android, TargetPlatform.iOS]
+          .contains(defaultTargetPlatform),
+      'This method is only supported on mobile platforms',
+    );
+
+    await initializeAppFlowy();
+
+    final anonymousSignInButton = find.byType(SignInAnonymousButtonV2);
+    expect(anonymousSignInButton, findsOneWidget);
+    await tapButton(anonymousSignInButton);
+
+    await pumpUntilFound(find.byType(MobileHomeScreen));
+  }
+
+  Future<void> tapSvgButton(FlowySvgData svg) async {
+    final button = find.byWidgetPredicate(
+      (widget) => widget is FlowySvg && widget.svg.path == svg.path,
+    );
+    await tapButton(button);
+  }
+
+  Future<void> openMoreViewActions() async {
+    final button = find.byType(MoreViewActions);
+    await tap(button);
+    await pumpAndSettle();
+  }
+
+  /// Presses on the Duplicate ViewAction in the [MoreViewActions] popup.
+  ///
+  /// [openMoreViewActions] must be called beforehand!
+  ///
+  Future<void> duplicateByMoreViewActions() async {
+    final button = find.descendant(
+      of: find.byType(ListView),
+      matching: find.byWidgetPredicate(
+        (widget) =>
+            widget is ViewAction && widget.type == ViewActionType.duplicate,
+      ),
+    );
+    await tap(button);
+    await pump();
+  }
+
+  /// Presses on the Delete ViewAction in the [MoreViewActions] popup.
+  ///
+  /// [openMoreViewActions] must be called beforehand!
+  ///
+  Future<void> deleteByMoreViewActions() async {
+    final button = find.descendant(
+      of: find.byType(ListView),
+      matching: find.byWidgetPredicate(
+        (widget) =>
+            widget is ViewAction && widget.type == ViewActionType.delete,
+      ),
+    );
+    await tap(button);
+    await pump();
+  }
+}
+
+extension SettingsFinder on CommonFinders {
+  Finder findSettingsScrollable() => find
+      .descendant(
+        of: find
+            .descendant(
+              of: find.byType(SettingsBody),
+              matching: find.byType(SingleChildScrollView),
+            )
+            .first,
+        matching: find.byType(Scrollable),
+      )
+      .first;
 }
 
 extension ViewLayoutPBTest on ViewLayoutPB {

frontend/appflowy_flutter/integration_test/shared/data.dart

@@ -1,8 +1,9 @@
 import 'dart:io';
 
+import 'package:flutter/services.dart';
+
 import 'package:appflowy/core/config/kv_keys.dart';
 import 'package:archive/archive_io.dart';
-import 'package:flutter/services.dart';
 import 'package:path/path.dart' as p;
 import 'package:path_provider/path_provider.dart';
 import 'package:shared_preferences/shared_preferences.dart';
@@ -51,11 +52,7 @@ class TestWorkspaceService {
   Future<void> setUpAll() async {
     final root = await workspace.root;
     final path = root.path;
-    SharedPreferences.setMockInitialValues(
-      {
-        KVKeys.pathLocation: path,
-      },
-    );
+    SharedPreferences.setMockInitialValues({KVKeys.pathLocation: path});
   }
 
   /// Workspaces that are checked into source are compressed. [TestWorkspaceService.setUp()] decompresses the file into an ephemeral directory that will be ignored by source control.

frontend/appflowy_flutter/integration_test/shared/database_test_op.dart

@@ -1,7 +1,5 @@
 import 'dart:io';
 
-import 'package:appflowy/plugins/database/widgets/field/field_editor.dart';
-import 'package:appflowy/plugins/database/widgets/field/field_type_list.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -31,8 +29,6 @@ import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/discl
 import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/filter_menu_item.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/footer/grid_footer.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/header/desktop_field_cell.dart';
-import 'package:appflowy/plugins/database/widgets/field/type_option_editor/date/date_time_format.dart';
-import 'package:appflowy/plugins/database/widgets/field/type_option_editor/number.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/row/row.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/sort/create_sort_list.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/sort/order_panel.dart';
@@ -57,6 +53,10 @@ import 'package:appflowy/plugins/database/widgets/cell_editor/extension.dart';
 import 'package:appflowy/plugins/database/widgets/cell_editor/select_option_cell_editor.dart';
 import 'package:appflowy/plugins/database/widgets/cell_editor/select_option_text_field.dart';
 import 'package:appflowy/plugins/database/widgets/database_layout_ext.dart';
+import 'package:appflowy/plugins/database/widgets/field/field_editor.dart';
+import 'package:appflowy/plugins/database/widgets/field/field_type_list.dart';
+import 'package:appflowy/plugins/database/widgets/field/type_option_editor/date/date_time_format.dart';
+import 'package:appflowy/plugins/database/widgets/field/type_option_editor/number.dart';
 import 'package:appflowy/plugins/database/widgets/row/accessory/cell_accessory.dart';
 import 'package:appflowy/plugins/database/widgets/row/row_action.dart';
 import 'package:appflowy/plugins/database/widgets/row/row_banner.dart';
@@ -71,7 +71,6 @@ import 'package:appflowy/plugins/database/widgets/setting/setting_property_list.
 import 'package:appflowy/util/field_type_extension.dart';
 import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/clear_date_button.dart';
 import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/date_type_option_button.dart';
-import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/end_time_button.dart';
 import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/reminder_selector.dart';
 import 'package:appflowy/workspace/presentation/widgets/dialogs.dart';
 import 'package:appflowy/workspace/presentation/widgets/pop_up_action.dart';
@@ -98,7 +97,7 @@ import 'mock/mock_file_picker.dart';
 extension AppFlowyDatabaseTest on WidgetTester {
   Future<void> openV020database() async {
     final context = await initializeAppFlowy();
-    await tapGoButton();
+    await tapAnonymousSignInButton();
 
     // expect to see a readme page
     expectToSeePageName(gettingStarted);
@@ -343,16 +342,6 @@ extension AppFlowyDatabaseTest on WidgetTester {
     return w.isToday;
   }
 
-  Future<void> toggleDateRange() async {
-    final findDateEditor = find.byType(EndTimeButton);
-    final findToggle = find.byType(Toggle);
-    final finder = find.descendant(
-      of: findDateEditor,
-      matching: findToggle,
-    );
-    await tapButton(finder);
-  }
-
   Future<void> tapChangeDateTimeFormatButton() async {
     await tapButton(find.byType(DateTypeOptionButton));
   }
@@ -403,9 +392,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
   }
 
   /// The [SelectOptionCellEditor] must be opened first.
-  Future<void> createOption({
-    required String name,
-  }) async {
+  Future<void> createOption({required String name}) async {
     final findEditor = find.byType(SelectOptionCellEditor);
     expect(findEditor, findsOneWidget);
 
@@ -419,9 +406,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await pumpAndSettle();
   }
 
-  Future<void> selectOption({
-    required String name,
-  }) async {
+  Future<void> selectOption({required String name}) async {
     final option = find.byWidgetPredicate(
       (widget) => widget is SelectOptionTagCell && widget.option.name == name,
     );
@@ -440,11 +425,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
           (widget.name == name || widget.option?.name == name),
     );
 
-    final cell = find.descendant(
-      of: findRow.at(rowIndex),
-      matching: option,
-    );
-
+    final cell = find.descendant(of: findRow.at(rowIndex), matching: option);
     expect(cell, findsOneWidget);
   }
 
@@ -458,11 +439,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
       (widget) => widget is SelectOptionTag,
     );
 
-    final cell = find.descendant(
-      of: findRow.at(rowIndex),
-      matching: options,
-    );
-
+    final cell = find.descendant(of: findRow.at(rowIndex), matching: options);
     expect(cell, matcher);
   }
 
@@ -470,21 +447,16 @@ extension AppFlowyDatabaseTest on WidgetTester {
     final findRow = find.byType(GridRow);
     final findCell = finderForFieldType(FieldType.Checklist);
 
-    final cell = find.descendant(
-      of: findRow.at(rowIndex),
-      matching: findCell,
-    );
-
+    final cell = find.descendant(of: findRow.at(rowIndex), matching: findCell);
     await tapButton(cell);
   }
 
   void assertChecklistEditorVisible({required bool visible}) {
     final editor = find.byType(ChecklistCellEditor);
     if (visible) {
-      expect(editor, findsOneWidget);
-    } else {
-      expect(editor, findsNothing);
+      return expect(editor, findsOneWidget);
     }
+    expect(editor, findsNothing);
   }
 
   Future<void> createNewChecklistTask({
@@ -519,7 +491,6 @@ extension AppFlowyDatabaseTest on WidgetTester {
     required bool isChecked,
   }) {
     final task = find.byType(ChecklistItem).at(index);
-
     final widget = this.widget<ChecklistItem>(task);
     assert(
       widget.task.data.name == name && widget.task.isSelected == isChecked,
@@ -591,27 +562,16 @@ extension AppFlowyDatabaseTest on WidgetTester {
     }
   }
 
-  Future<void> editTitleInRowDetailPage(String title) async {
-    final titleField = find.byType(EditableTextCell);
-    await enterText(titleField, title);
-    await pumpAndSettle();
-  }
-
   Future<void> hoverRowBanner() async {
     final banner = find.byType(RowBanner);
     expect(banner, findsOneWidget);
 
-    await startGesture(
-      getCenter(banner),
-      kind: PointerDeviceKind.mouse,
-    );
-
+    await startGesture(getCenter(banner), kind: PointerDeviceKind.mouse);
     await pumpAndSettle();
   }
 
-  Future<void> openEmojiPicker() async {
-    await tapButton(find.byType(AddEmojiButton));
-  }
+  Future<void> openEmojiPicker() async =>
+      tapButton(find.byType(AddEmojiButton));
 
   Future<void> tapDateCellInRowDetailPage() async {
     final findDateCell = find.byType(EditableDateCell);
@@ -630,25 +590,12 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await pumpAndSettle();
   }
 
-  Future<void> duplicateRowInRowDetailPage() async {
-    final duplicateButton = find.byType(RowDetailPageDuplicateButton);
-    await tapButton(duplicateButton);
-  }
-
-  Future<void> deleteRowInRowDetailPage() async {
-    final deleteButton = find.byType(RowDetailPageDeleteButton);
-    await tapButton(deleteButton);
-  }
-
   Future<TestGesture> hoverOnFieldInRowDetail({required int index}) async {
     final fieldButtons = find.byType(FieldCellButton);
     final button = find
         .descendant(of: find.byType(RowDetailPage), matching: fieldButtons)
         .at(index);
-    return startGesture(
-      getCenter(button),
-      kind: PointerDeviceKind.mouse,
-    );
+    return startGesture(getCenter(button), kind: PointerDeviceKind.mouse);
   }
 
   Future<void> reorderFieldInRowDetail({required double offset}) async {
@@ -657,11 +604,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
           (widget) => widget is ReorderableDragStartListener && widget.enabled,
         )
         .first;
-    await drag(
-      thumb,
-      Offset(0, offset),
-      kind: PointerDeviceKind.mouse,
-    );
+    await drag(thumb, Offset(0, offset), kind: PointerDeviceKind.mouse);
     await pumpAndSettle();
   }
 
@@ -681,8 +624,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
 
   Future<void> tapDeletePropertyInFieldEditor() async {
     final deleteButton = find.byWidgetPredicate(
-      (widget) =>
-          widget is FieldActionCell && widget.action == FieldAction.delete,
+      (w) => w is FieldActionCell && w.action == FieldAction.delete,
     );
     await tapButton(deleteButton);
 
@@ -693,11 +635,6 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await tapButton(confirmButton);
   }
 
-  Future<void> scrollGridByOffset(Offset offset) async {
-    await drag(find.byType(GridPage), offset);
-    await pumpAndSettle();
-  }
-
   Future<void> scrollRowDetailByOffset(Offset offset) async {
     await drag(find.byType(RowDetailPage), offset);
     await pumpAndSettle();
@@ -724,10 +661,13 @@ extension AppFlowyDatabaseTest on WidgetTester {
 
   Future<void> changeFieldTypeOfFieldWithName(
     String name,
-    FieldType type,
-  ) async {
+    FieldType type, {
+    ViewLayoutPB layout = ViewLayoutPB.Grid,
+  }) async {
     await tapGridFieldWithName(name);
-    await tapEditFieldButton();
+    if (layout == ViewLayoutPB.Grid) {
+      await tapEditFieldButton();
+    }
 
     await tapSwitchFieldTypeButton();
     await selectFieldType(type);
@@ -756,8 +696,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
   /// Should call [tapGridFieldWithName] first.
   Future<void> tapDeletePropertyButton() async {
     final field = find.byWidgetPredicate(
-      (widget) =>
-          widget is FieldActionCell && widget.action == FieldAction.delete,
+      (w) => w is FieldActionCell && w.action == FieldAction.delete,
     );
     await tapButton(field);
   }
@@ -765,9 +704,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
   /// A SimpleDialog must be shown first, e.g. when deleting a field.
   Future<void> tapDialogOkButton() async {
     final field = find.byWidgetPredicate(
-      (widget) =>
-          widget is PrimaryTextButton &&
-          widget.label == LocaleKeys.button_ok.tr(),
+      (w) => w is PrimaryTextButton && w.label == LocaleKeys.button_ok.tr(),
     );
     await tapButton(field);
   }
@@ -775,8 +712,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
   /// Should call [tapGridFieldWithName] first.
   Future<void> tapDuplicatePropertyButton() async {
     final field = find.byWidgetPredicate(
-      (widget) =>
-          widget is FieldActionCell && widget.action == FieldAction.duplicate,
+      (w) => w is FieldActionCell && w.action == FieldAction.duplicate,
     );
     await tapButton(field);
   }
@@ -798,45 +734,34 @@ extension AppFlowyDatabaseTest on WidgetTester {
   /// Should call [tapGridFieldWithName] first.
   Future<void> tapHidePropertyButton() async {
     final field = find.byWidgetPredicate(
-      (widget) =>
-          widget is FieldActionCell &&
-          widget.action == FieldAction.toggleVisibility,
+      (w) => w is FieldActionCell && w.action == FieldAction.toggleVisibility,
     );
     await tapButton(field);
   }
 
   Future<void> tapHidePropertyButtonInFieldEditor() async {
     final button = find.byWidgetPredicate(
-      (widget) =>
-          widget is FieldActionCell &&
-          widget.action == FieldAction.toggleVisibility,
+      (w) => w is FieldActionCell && w.action == FieldAction.toggleVisibility,
     );
     await tapButton(button);
   }
 
-  Future<void> tapRowDetailPageRowActionButton() async {
-    await tapButton(find.byType(RowActionButton));
-  }
+  Future<void> tapRowDetailPageRowActionButton() async =>
+      tapButton(find.byType(RowActionButton));
 
-  Future<void> tapRowDetailPageCreatePropertyButton() async {
-    await tapButton(find.byType(CreateRowFieldButton));
-  }
+  Future<void> tapRowDetailPageCreatePropertyButton() async =>
+      tapButton(find.byType(CreateRowFieldButton));
 
-  Future<void> tapRowDetailPageDeleteRowButton() async {
-    await tapButton(find.byType(RowDetailPageDeleteButton));
-  }
+  Future<void> tapRowDetailPageDeleteRowButton() async =>
+      tapButton(find.byType(RowDetailPageDeleteButton));
 
-  Future<void> tapRowDetailPageDuplicateRowButton() async {
-    await tapButton(find.byType(RowDetailPageDuplicateButton));
-  }
+  Future<void> tapRowDetailPageDuplicateRowButton() async =>
+      tapButton(find.byType(RowDetailPageDuplicateButton));
 
-  Future<void> tapSwitchFieldTypeButton() async {
-    await tapButton(find.byType(SwitchFieldButton));
-  }
+  Future<void> tapSwitchFieldTypeButton() async =>
+      tapButton(find.byType(SwitchFieldButton));
 
-  Future<void> tapEscButton() async {
-    await sendKeyEvent(LogicalKeyboardKey.escape);
-  }
+  Future<void> tapEscButton() async => sendKeyEvent(LogicalKeyboardKey.escape);
 
   /// Must call [tapSwitchFieldTypeButton] first.
   Future<void> selectFieldType(FieldType fieldType) async {
@@ -851,15 +776,13 @@ extension AppFlowyDatabaseTest on WidgetTester {
   }
 
   // Use in edit mode of FieldEditor
-  void expectEmptyTypeOptionEditor() {
-    expect(
-      find.descendant(
-        of: find.byType(FieldTypeOptionEditor),
-        matching: find.byType(TypeOptionSeparator),
-      ),
-      findsNothing,
-    );
-  }
+  void expectEmptyTypeOptionEditor() => expect(
+        find.descendant(
+          of: find.byType(FieldTypeOptionEditor),
+          matching: find.byType(TypeOptionSeparator),
+        ),
+        findsNothing,
+      );
 
   /// Each field has its own cell, so we can find the corresponding cell by
   /// the field type after create a new field.
@@ -868,10 +791,6 @@ extension AppFlowyDatabaseTest on WidgetTester {
     expect(finder, findsWidgets);
   }
 
-  Future<void> assertNumberOfFieldsInGridPage(int num) async {
-    expect(find.byType(GridFieldCell), findsNWidgets(num));
-  }
-
   Future<void> assertNumberOfRowsInGridPage(int num) async {
     expect(
       find.byType(GridRow, skipOffstage: false),
@@ -884,14 +803,11 @@ extension AppFlowyDatabaseTest on WidgetTester {
   }
 
   /// Check the field type of the [FieldCellButton] is the same as the name.
-  Future<void> assertFieldTypeWithFieldName(
-    String name,
-    FieldType fieldType,
-  ) async {
+  Future<void> assertFieldTypeWithFieldName(String name, FieldType type) async {
     final field = find.byWidgetPredicate(
       (widget) =>
           widget is FieldCellButton &&
-          widget.field.fieldType == fieldType &&
+          widget.field.fieldType == type &&
           widget.field.name == name,
     );
 
@@ -936,11 +852,6 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await pumpAndSettle(const Duration(milliseconds: 200));
   }
 
-  Future<void> findFieldEditor(dynamic matcher) async {
-    final finder = find.byType(FieldEditor);
-    expect(finder, matcher);
-  }
-
   Future<void> findDateEditor(dynamic matcher) async {
     final finder = find.byType(DateCellEditor);
     expect(finder, matcher);
@@ -973,8 +884,14 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await tapButtonWithName(LocaleKeys.grid_row_delete.tr());
   }
 
-  Future<void> createField(FieldType fieldType, String name) async {
-    await scrollToRight(find.byType(GridPage));
+  Future<void> createField(
+    FieldType fieldType,
+    String name, {
+    ViewLayoutPB layout = ViewLayoutPB.Grid,
+  }) async {
+    if (layout == ViewLayoutPB.Grid) {
+      await scrollToRight(find.byType(GridPage));
+    }
     await tapNewPropertyButton();
     await renameField(name);
     await tapSwitchFieldTypeButton();
@@ -994,41 +911,29 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await tapButton(find.byType(SortButton));
   }
 
-  Future<void> tapCreateFilterByFieldType(
-    FieldType fieldType,
-    String title,
-  ) async {
+  Future<void> tapCreateFilterByFieldType(FieldType type, String title) async {
     final findFilter = find.byWidgetPredicate(
       (widget) =>
           widget is GridFilterPropertyCell &&
-          widget.fieldInfo.fieldType == fieldType &&
+          widget.fieldInfo.fieldType == type &&
           widget.fieldInfo.name == title,
     );
-
     await tapButton(findFilter);
   }
 
-  Future<void> tapFilterButtonInGrid(String filterName) async {
+  Future<void> tapFilterButtonInGrid(String name) async {
     final findFilter = find.byType(FilterMenuItem);
-    final button = find.descendant(
-      of: findFilter,
-      matching: find.text(filterName),
-    );
-
+    final button = find.descendant(of: findFilter, matching: find.text(name));
     await tapButton(button);
   }
 
-  Future<void> tapCreateSortByFieldType(
-    FieldType fieldType,
-    String title,
-  ) async {
+  Future<void> tapCreateSortByFieldType(FieldType type, String title) async {
     final findSort = find.byWidgetPredicate(
       (widget) =>
           widget is GridSortPropertyCell &&
-          widget.fieldInfo.fieldType == fieldType &&
+          widget.fieldInfo.fieldType == type &&
           widget.fieldInfo.name == title,
     );
-
     await tapButton(findSort);
   }
 
@@ -1085,10 +990,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
       of: fromSortItem,
       matching: find.byType(ReorderableDragStartListener),
     );
-    await drag(
-      dragElement,
-      getCenter(toSortItem) - getCenter(fromSortItem),
-    );
+    await drag(dragElement, getCenter(toSortItem) - getCenter(fromSortItem));
     await pumpAndSettle(const Duration(milliseconds: 200));
   }
 
@@ -1166,15 +1068,6 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await tapButton(findCell);
   }
 
-  Future<void> tapCheckedButtonOnCheckboxFilter() async {
-    final button = find.descendant(
-      of: find.byType(HoverButton),
-      matching: find.text(LocaleKeys.grid_checkboxFilter_isChecked.tr()),
-    );
-
-    await tapButton(button);
-  }
-
   Future<void> tapUnCheckedButtonOnCheckboxFilter() async {
     final button = find.descendant(
       of: find.byType(HoverButton),
@@ -1193,15 +1086,6 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await tapButton(button);
   }
 
-  Future<void> tapUnCompletedButtonOnChecklistFilter() async {
-    final button = find.descendant(
-      of: find.byType(HoverButton),
-      matching: find.text(LocaleKeys.grid_checklistFilter_isIncomplted.tr()),
-    );
-
-    await tapButton(button);
-  }
-
   /// Should call [tapDatabaseSettingButton] first.
   Future<void> tapViewPropertiesButton() async {
     final findSettingItem = find.byType(DatabaseSettingsList);
@@ -1252,16 +1136,8 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await tapButton(button);
   }
 
-  Future<void> tapFirstDayOfWeek() async {
-    await tapButton(find.byType(FirstDayOfWeek));
-  }
-
-  Future<void> tapFirstDayOfWeekStartFromSunday() async {
-    final finder = find.byWidgetPredicate(
-      (widget) => widget is StartFromButton && widget.dayIndex == 0,
-    );
-    await tapButton(finder);
-  }
+  Future<void> tapFirstDayOfWeek() async =>
+      tapButton(find.byType(FirstDayOfWeek));
 
   Future<void> tapFirstDayOfWeekStartFromMonday() async {
     final finder = find.byWidgetPredicate(
@@ -1277,20 +1153,14 @@ extension AppFlowyDatabaseTest on WidgetTester {
 
   void assertFirstDayOfWeekStartFromMonday() {
     final finder = find.byWidgetPredicate(
-      (widget) =>
-          widget is StartFromButton &&
-          widget.dayIndex == 1 &&
-          widget.isSelected == true,
+      (w) => w is StartFromButton && w.dayIndex == 1 && w.isSelected == true,
     );
     expect(finder, findsOneWidget);
   }
 
   void assertFirstDayOfWeekStartFromSunday() {
     final finder = find.byWidgetPredicate(
-      (widget) =>
-          widget is StartFromButton &&
-          widget.dayIndex == 0 &&
-          widget.isSelected == true,
+      (w) => w is StartFromButton && w.dayIndex == 0 && w.isSelected == true,
     );
     expect(finder, findsOneWidget);
   }
@@ -1307,11 +1177,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
           ),
         )
         .first;
-    await scrollUntilVisible(
-      todayCell,
-      300,
-      scrollable: scrollable,
-    );
+    await scrollUntilVisible(todayCell, 300, scrollable: scrollable);
     await pumpAndSettle(const Duration(milliseconds: 300));
   }
 
@@ -1351,12 +1217,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
     String? title,
   }) {
     final findDayCell = find.byWidgetPredicate(
-      (widget) =>
-          widget is CalendarDayCard &&
-          isSameDay(
-            widget.date,
-            date,
-          ),
+      (widget) => widget is CalendarDayCard && isSameDay(widget.date, date),
     );
     Finder findEvents = find.descendant(
       of: findDayCell,
@@ -1390,13 +1251,11 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await tapButton(cards.at(index));
   }
 
-  void assertEventEditorOpen() {
-    expect(find.byType(CalendarEventEditor), findsOneWidget);
-  }
+  void assertEventEditorOpen() =>
+      expect(find.byType(CalendarEventEditor), findsOneWidget);
 
-  Future<void> dismissEventEditor() async {
-    await simulateKeyEvent(LogicalKeyboardKey.escape);
-  }
+  Future<void> dismissEventEditor() async =>
+      simulateKeyEvent(LogicalKeyboardKey.escape);
 
   Future<void> editEventTitle(String title) async {
     final textField = find.descendant(
@@ -1507,10 +1366,9 @@ extension AppFlowyDatabaseTest on WidgetTester {
       matching: find.byType(TextField),
     );
     if (isVisible) {
-      expect(textField, findsOneWidget);
-    } else {
-      expect(textField, findsNothing);
+      return expect(textField, findsOneWidget);
     }
+    expect(textField, findsNothing);
   }
 
   Future<void> enterNewGroupName(String name, {required bool submit}) async {
@@ -1612,21 +1470,14 @@ extension AppFlowyDatabaseTest on WidgetTester {
     await tapButton(okButton);
   }
 
-  void assertCurrentDatabaseTagIs(DatabaseLayoutPB layout) {
-    switch (layout) {
-      case DatabaseLayoutPB.Board:
-        expect(find.byType(BoardPage), findsOneWidget);
-        break;
-      case DatabaseLayoutPB.Calendar:
-        expect(find.byType(CalendarPage), findsOneWidget);
-        break;
-      case DatabaseLayoutPB.Grid:
-        expect(find.byType(GridPage), findsOneWidget);
-        break;
-      default:
-        throw Exception('Unknown database layout type: $layout');
-    }
-  }
+  void assertCurrentDatabaseTagIs(DatabaseLayoutPB layout) => switch (layout) {
+        DatabaseLayoutPB.Board =>
+          expect(find.byType(DesktopBoardPage), findsOneWidget),
+        DatabaseLayoutPB.Calendar =>
+          expect(find.byType(CalendarPage), findsOneWidget),
+        DatabaseLayoutPB.Grid => expect(find.byType(GridPage), findsOneWidget),
+        _ => throw Exception('Unknown database layout type: $layout'),
+      };
 
   Future<void> selectDatabaseLayoutType(DatabaseLayoutPB layout) async {
     final findLayoutCell = find.byType(DatabaseViewLayoutCell);
@@ -1634,11 +1485,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
       (widget) => widget is FlowyText && widget.text == layout.layoutName,
     );
 
-    final button = find.descendant(
-      of: findLayoutCell,
-      matching: findText,
-    );
-
+    final button = find.descendant(of: findLayoutCell, matching: findText);
     await tapButton(button);
   }
 
@@ -1660,8 +1507,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
 
     await tapButton(
       find.byWidgetPredicate(
-        (widget) =>
-            widget is NumberFormatCell && widget.format == NumberFormatPB.USD,
+        (w) => w is NumberFormatCell && w.format == NumberFormatPB.USD,
       ),
     );
   }
@@ -1675,8 +1521,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
     String fieldName,
   ) async {
     final field = find.byWidgetPredicate(
-      (widget) =>
-          widget is DatabasePropertyCell && widget.fieldInfo.name == fieldName,
+      (w) => w is DatabasePropertyCell && w.fieldInfo.name == fieldName,
     );
     final toggleVisibilityButton =
         find.descendant(of: field, matching: find.byType(FlowyIconButton));
@@ -1684,18 +1529,12 @@ extension AppFlowyDatabaseTest on WidgetTester {
   }
 }
 
-Finder finderForDatabaseLayoutType(DatabaseLayoutPB layout) {
-  switch (layout) {
-    case DatabaseLayoutPB.Board:
-      return find.byType(BoardPage);
-    case DatabaseLayoutPB.Calendar:
-      return find.byType(CalendarPage);
-    case DatabaseLayoutPB.Grid:
-      return find.byType(GridPage);
-    default:
-      throw Exception('Unknown database layout type: $layout');
-  }
-}
+Finder finderForDatabaseLayoutType(DatabaseLayoutPB layout) => switch (layout) {
+      DatabaseLayoutPB.Board => find.byType(DesktopBoardPage),
+      DatabaseLayoutPB.Calendar => find.byType(CalendarPage),
+      DatabaseLayoutPB.Grid => find.byType(GridPage),
+      _ => throw Exception('Unknown database layout type: $layout'),
+    };
 
 Finder finderForFieldType(FieldType fieldType) {
   switch (fieldType) {

frontend/appflowy_flutter/integration_test/shared/dir.dart

@@ -1,6 +1,7 @@
 import 'dart:io';
-import 'package:path/path.dart' as p;
+
 import 'package:archive/archive.dart';
+import 'package:path/path.dart' as p;
 
 Future<void> deleteDirectoriesWithSameBaseNameAsPrefix(
   String path,