fix: modified web server

fix: lint error
feat: support publish interfaces
2024-06-26 15:23:23 +08:00 · 2024-06-25 18:33:34 +08:00 · 2024-06-25 18:26:53 +08:00 · 2024-06-21 21:26:52 +08:00 · 2024-06-21 21:08:48 +08:00 · 2024-06-21 21:02:05 +08:00
1984 changed files with 109795 additions and 24891 deletions
@@ -63,7 +63,7 @@ runs:
          sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
          sudo wget -qO /etc/apt/sources.list.d/dart_stable.list https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list
          sudo apt-get update
-          sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev
+          sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev libmpv-dev mpv
        elif [ "$RUNNER_OS" == "Windows" ]; then
          vcpkg integrate install
        elif [ "$RUNNER_OS" == "macOS" ]; then
@@ -52,7 +52,7 @@ runs:
        sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
        sudo wget -qO /etc/apt/sources.list.d/dart_stable.list https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list
        sudo apt-get update
-        sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev network-manager
+        sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev network-manager libmpv-dev mpv
      shell: bash

    - name: Enable Flutter Desktop
@@ -19,8 +19,8 @@

 # env:
 #   CARGO_TERM_COLOR: always
-#   FLUTTER_VERSION: "3.19.0"
-#   RUST_TOOLCHAIN: "1.75"
+#   FLUTTER_VERSION: "3.22.0"
+#   RUST_TOOLCHAIN: "1.77.2"
 #   CARGO_MAKE_VERSION: "0.36.6"

 # concurrency:
@@ -1,28 +0,0 @@
-name: Build Bot
-
-on:
-  issue_comment:
-    types: [created]
-
-jobs:
-  dispatch_slash_command:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout source code
-        uses: actions/checkout@v4
-
-      # get build name from pubspec.yaml
-      - name: Get build version
-        working-directory: frontend/appflowy_flutter
-        id: get_build_name
-        run: |
-          echo "fetching version from pubspec.yaml..."
-          echo "build_name=$(grep 'version: ' pubspec.yaml | awk '{print $2}')" >> $GITHUB_OUTPUT
-
-      - uses: peter-evans/slash-command-dispatch@v4
-        with:
-          token: ${{ secrets.PAT }}
-          commands: build
-          static-args: |
-            ref=refs/pull/${{ github.event.issue.number }}/head
-            build_name=${{ steps.get_build_name.outputs.build_name }}
@@ -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/server.cjs frontend/appflowy_web_app/start.sh 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 --env-file .env --name appflowy-web-app appflowy-web-app
@@ -7,19 +7,13 @@ on:
      - release/*
    paths:
      - frontend/**
-
  pull_request:
    branches:
      - main
      - release/*
    paths:
      - frontend/**
-    types:
-      - opened
-      - synchronize
-      - reopened
-      - unlocked
-      - ready_for_review
+    types: [opened, synchronize, reopened, unlocked, ready_for_review]

 concurrency:
  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -33,6 +27,15 @@ jobs:
      - name: Checkout source code
        uses: actions/checkout@v4

+      - name: Set up Docker Compose
+        run: |
+          docker-compose --version || {
+            echo "Docker Compose not found, installing..."
+            sudo curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
+            sudo chmod +x /usr/local/bin/docker-compose
+            docker-compose --version
+          }
+
      - name: Build the app
        shell: bash
        run: |
@@ -45,4 +48,4 @@ jobs:
              else \
                echo "$line"; \
              fi; \
-            done \
+            done
@@ -25,8 +25,8 @@ on:

 env:
  CARGO_TERM_COLOR: always
-  FLUTTER_VERSION: "3.19.0"
-  RUST_TOOLCHAIN: "1.75"
+  FLUTTER_VERSION: "3.22.0"
+  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
@@ -89,6 +89,7 @@ jobs:
        with:
          os: ${{ matrix.os }}
          flutter_version: ${{ env.FLUTTER_VERSION }}
+          DISABLE_CI_TEST_LOG: "true"
          rust_toolchain: ${{ env.RUST_TOOLCHAIN }}
          cargo_make_version: ${{ env.CARGO_MAKE_VERSION }}
          rust_target: ${{ matrix.target }}
@@ -99,7 +100,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 +122,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
@@ -172,7 +173,7 @@ jobs:
            sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
            sudo wget -qO /etc/apt/sources.list.d/dart_stable.list https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list
            sudo apt-get update
-            sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev
+            sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev libmpv-dev mpv
          fi
        shell: bash

@@ -200,6 +201,9 @@ jobs:
        run: cargo make pub_get

      - name: Run Flutter unit tests
+        env:
+          DISABLE_EVENT_LOG: true
+          DISABLE_CI_TEST_LOG: "true"
        working-directory: frontend
        run: |
          if [ "$RUNNER_OS" == "macOS" ]; then
@@ -212,11 +216,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 +245,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
@@ -268,7 +274,7 @@ jobs:
          sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
          sudo wget -qO /etc/apt/sources.list.d/dart_stable.list https://storage.googleapis.com/download.dartlang.org/linux/debian/dart_stable.list
          sudo apt-get update
-          sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev
+          sudo apt-get install -y dart curl build-essential libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev keybinder-3.0 libnotify-dev libmpv-dev mpv
        shell: bash

      - name: Enable Flutter Desktop
@@ -301,12 +307,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'
@@ -315,6 +321,12 @@ jobs:
      - name: Checkout source code
        uses: actions/checkout@v4

+      - name: Install video dependency
+        run: |
+          sudo apt-get update
+          sudo apt-get -y install libmpv-dev mpv
+        shell: bash
+
      - name: Flutter Integration Test 1
        uses: ./.github/actions/flutter_integration_test
        with:
@@ -325,12 +337,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'
@@ -339,6 +351,12 @@ jobs:
      - name: Checkout source code
        uses: actions/checkout@v4

+      - name: Install video dependency
+        run: |
+          sudo apt-get update
+          sudo apt-get -y install libmpv-dev mpv
+        shell: bash
+
      - name: Flutter Integration Test 2
        uses: ./.github/actions/flutter_integration_test
        with:
@@ -349,12 +367,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'
@@ -363,6 +381,12 @@ jobs:
      - name: Checkout source code
        uses: actions/checkout@v4

+      - name: Install video dependency
+        run: |
+          sudo apt-get update
+          sudo apt-get -y install libmpv-dev mpv
+        shell: bash
+
      - name: Flutter Integration Test 3
        uses: ./.github/actions/flutter_integration_test
        with:
@@ -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"
+  FLUTTER_VERSION: "3.22.0"
+  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 }}
@@ -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 }}
+          
@@ -6,8 +6,8 @@ on:
      - "*"

 env:
-  FLUTTER_VERSION: "3.19.0"
-  RUST_TOOLCHAIN: "1.75"
+  FLUTTER_VERSION: "3.22.0"
+  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
@@ -367,8 +367,8 @@ jobs:
          sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
          sudo apt-get update
          sudo apt-get install -y build-essential libsqlite3-dev libssl-dev clang cmake ninja-build pkg-config libgtk-3-dev
-          sudo apt-get install keybinder-3.0 libnotify-dev
-          sudo apt-get -y install alien
+          sudo apt-get install keybinder-3.0
+          sudo apt-get install -y  alien libnotify-dev libmpv-dev mpv
          source $HOME/.cargo/env
          cargo install --force cargo-make
          cargo install --force duckscript_cli
@@ -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
@@ -93,7 +95,8 @@ jobs:
          af_cloud_test_base_url: http://localhost
          af_cloud_test_ws_url: ws://localhost/ws/v1
          af_cloud_test_gotrue_url: http://localhost/gotrue
-        run: cargo test --no-default-features --features="rev-sqlite,dart" -- --nocapture
+        run: |
+          DISABLE_CI_TEST_LOG="true" cargo test --no-default-features --features="dart"

      - name: rustfmt rust-lib
        run: cargo fmt --all -- --check
@@ -10,8 +10,8 @@ on:

 env:
  CARGO_TERM_COLOR: always
-  FLUTTER_VERSION: "3.19.0"
-  RUST_TOOLCHAIN: "1.75"
+  FLUTTER_VERSION: "3.22.0"
+  RUST_TOOLCHAIN: "1.77.2"

 jobs:
  tests:
@@ -0,0 +1,113 @@
+name: Tauri-CI
+on:
+  pull_request:
+    paths:
+      - ".github/workflows/tauri2_ci.yaml"
+      - "frontend/rust-lib/**"
+      - "frontend/appflowy_web_app/**"
+      - "frontend/resources/**"
+
+env:
+  NODE_VERSION: "18.16.0"
+  PNPM_VERSION: "8.5.0"
+  RUST_TOOLCHAIN: "1.77.2"
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  tauri-build:
+    if: github.event.pull_request.draft != true
+    strategy:
+      fail-fast: false
+      matrix:
+        platform: [ ubuntu-20.04 ]
+
+    runs-on: ${{ matrix.platform }}
+
+    env:
+      CI: true
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Maximize build space (ubuntu only)
+        if: matrix.platform == 'ubuntu-20.04'
+        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 }}
+
+      - name: Install Rust toolchain
+        id: rust_toolchain
+        uses: actions-rs/toolchain@v1
+        with:
+          toolchain: ${{ env.RUST_TOOLCHAIN }}
+          override: true
+          profile: minimal
+
+      - name: Rust cache
+        uses: swatinem/rust-cache@v2
+        with:
+          workspaces: "./frontend/appflowy_web_app/src-tauri -> target"
+
+      - name: Node_modules cache
+        uses: actions/cache@v2
+        with:
+          path: frontend/appflowy_web_app/node_modules
+          key: node-modules-${{ runner.os }}
+
+      - name: install dependencies (windows only)
+        if: matrix.platform == 'windows-latest'
+        working-directory: frontend
+        run: |
+          cargo install --force duckscript_cli
+          vcpkg integrate install
+
+      - name: install dependencies (ubuntu only)
+        if: matrix.platform == 'ubuntu-20.04'
+        working-directory: frontend
+        run: |
+          sudo apt-get update
+          sudo apt-get install -y libgtk-3-dev libwebkit2gtk-4.0-dev libappindicator3-dev librsvg2-dev patchelf
+
+      - name: install cargo-make
+        working-directory: frontend
+        run: |
+          cargo install --force cargo-make
+          cargo make appflowy-tauri-deps-tools
+
+      - name: install frontend dependencies
+        working-directory: frontend/appflowy_web_app
+        run: |
+          mkdir dist
+          pnpm install
+          cd src-tauri && cargo build
+
+      - name: test and lint
+        working-directory: frontend/appflowy_web_app
+        run: |
+          pnpm run lint:tauri
+
+      - uses: tauri-apps/tauri-action@v0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tauriScript: pnpm tauri
+          projectPath: frontend/appflowy_web_app
+          args: "--debug"
@@ -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 }}

@@ -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:

@@ -0,0 +1,75 @@
+name: Web-CI
+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:
+  web-build:
+    if: github.event.pull_request.draft != true
+    strategy:
+      fail-fast: false
+      matrix:
+        platform: [ ubuntu-20.04 ]
+
+    runs-on: ${{ matrix.platform }}
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Maximize build space (ubuntu only)
+        if: matrix.platform == 'ubuntu-20.04'
+        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 }}
+      - 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: Run lint check
+        working-directory: frontend/appflowy_web_app
+        run: |
+          pnpm run lint
+      
+      - name: build and analyze
+        working-directory: frontend/appflowy_web_app
+        run: |
+          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
@@ -1,19 +1,18 @@
 name: WEB-CI

 on:
-  pull_request:
-    branches:
-      - "main"
-    paths:
-      - ".github/workflows/web_ci.yaml"
-      - "frontend/rust-lib/**"
-      - "frontend/appflowy_web/**"
+  workflow_dispatch:
+    inputs:
+      build:
+        description: 'Build the web app'
+        required: true
+        default: 'true'

 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:
@@ -22,7 +21,7 @@ jobs:
    strategy:
      fail-fast: false
      matrix:
-        platform: [ubuntu-latest]
+        platform: [ ubuntu-latest ]

    runs-on: ${{ matrix.platform }}
    steps:
@@ -0,0 +1,65 @@
+name: Web Code Coverage
+
+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:
+  test:
+    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
+
+      - name: Jest run
+        working-directory: frontend/appflowy_web_app
+        run: |
+          pnpm run test:unit
+
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v2
+        with:
+          token: cf9245e0-e136-4e21-b0ee-35755fa0c493
+          files: frontend/appflowy_web_app/coverage/jest/lcov.info,frontend/appflowy_web_app/coverage/cypress/lcov.info
+          flags: appflowy_web_app
+          name: frontend/appflowy_web_app
+          fail_ci_if_error: true
+          verbose: true
+
@@ -40,3 +40,5 @@ frontend/package
 frontend/*.deb

 **/Cargo.toml.bak
+
+**/.cargo/**
@@ -1,4 +1,75 @@
 # Release Notes
+## Version 0.6.0 - 19/06/2024
+### New Features
+- Introduced the "Space" feature to help you organize your pages more efficiently.
+### Bug Fixes
+- Resolved shortcut conflicts on the board page.
+- Resolved an issue where underscores could cause the editor to freeze.
+
+## Version 0.5.9 - 06/06/2024
+### New Features
+- Revamped the sidebar for both Desktop and Mobile.
+- Added support for embedding videos in documents.
+- Introduced a hotkey (Cmd/Ctrl + 0) to reset the app scale.
+- Supported searching the workspace by page title.
+### Bug Fixes
+- Fixed the issue preventing the use of Backspace to delete words in Kanban boards.
+
+## 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
+- 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
+- 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
 - Added build support for 32-bit Android devices
@@ -50,7 +121,7 @@
 - Fixed a bug where newly created rows were not being automatically sorted.
 - Fixed issues related to deleting a sorting field or sort not removing existing sorts properly.
 ### Notes
- Windows 7, Windows 8, and iOS 11 are not yet supported due to the upgrade to Flutter 3.19.0.
+- Windows 7, Windows 8, and iOS 11 are not yet supported due to the upgrade to Flutter 3.22.0.

 ## Version 0.4.9 - 02/17/2024
 ### Bug Fixes
@@ -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.3"
-FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite"
+APPFLOWY_VERSION = "0.6.1"
+FLUTTER_DESKTOP_FEATURES = "dart"
 PRODUCT_NAME = "AppFlowy"
 MACOSX_DEPLOYMENT_TARGET = "11.0"
 # CRATE_TYPE: https://doc.rust-lang.org/reference/linkage.html
@@ -51,6 +51,7 @@ FLUTTER_FLOWY_SDK_PATH = "appflowy_flutter/packages/appflowy_backend"
 TAURI_BACKEND_SERVICE_PATH = "appflowy_tauri/src/services/backend"
 WEB_BACKEND_SERVICE_PATH = "appflowy_web/src/services/backend"
 WEB_LIB_PATH = "appflowy_web/wasm-libs/af-wasm"
+TAURI_APP_BACKEND_SERVICE_PATH = "appflowy_web_app/src/application/services/tauri-services/backend"
 # Test default config
 TEST_CRATE_TYPE = "cdylib"
 TEST_LIB_EXT = "dylib"
@@ -161,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"
@@ -173,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"
@@ -206,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"
@@ -234,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"

@@ -279,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"

@@ -52,7 +52,7 @@ android {
    defaultConfig {
        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
        applicationId "io.appflowy.appflowy"
-        minSdkVersion 29
+        minSdkVersion 24
        targetSdkVersion 33
        versionCode flutterVersionCode.toInteger()
        versionName flutterVersionName
@@ -47,9 +47,22 @@
  </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" />
    </intent>
  </queries>
+  <!--
+    Media access permissions.
+    Android 13 or higher.
+    Used for VideoBlock (edia_kit)
+  -->
+  <uses-permission android:name="android.permission.READ_MEDIA_AUDIO" />
+  <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
 </manifest>
@@ -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);
@@ -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');
    });
  });
@@ -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();
    });

@@ -1,7 +1,6 @@
 import 'anon_user_continue_test.dart' as anon_user_continue_test;
 import 'appflowy_cloud_auth_test.dart' as appflowy_cloud_auth_test;
 import 'empty_test.dart' as preset_af_cloud_env_test;
-// import 'document_sync_test.dart' as document_sync_test;
 import 'user_setting_sync_test.dart' as user_sync_test;
 import 'workspace/change_name_and_icon_test.dart'
    as change_workspace_name_and_icon_test;
@@ -10,13 +9,8 @@ import 'workspace/collaborative_workspace_test.dart'

 Future<void> main() async {
  preset_af_cloud_env_test.main();
-
  appflowy_cloud_auth_test.main();
-
-  // document_sync_test.main();
-
  user_sync_test.main();
-
  anon_user_continue_test.main();

  // workspace
@@ -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();
    });

@@ -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();
    });

@@ -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);
  });
 }
@@ -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';
@@ -4,16 +4,16 @@ import 'dart:io';

 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';
 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/sidebar_workspace.dart';
 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/home/menu/sidebar/workspace/sidebar_workspace.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';
@@ -32,84 +32,69 @@ import '../../shared/util.dart';
 void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

-  final email = '${uuid()}@appflowy.io';
+  // final email = '${uuid()}@appflowy.io';

  group('collaborative workspace', () {
    // combine the create and delete workspace test to reduce the time
    testWidgets('create a new workspace, open it and then delete it',
        (tester) async {
      // only run the test when the feature flag is on
-      if (!FeatureFlag.collaborativeWorkspace.isOn) {
-        return;
-      }
+      // if (!FeatureFlag.collaborativeWorkspace.isOn) {
+      //   return;
+      // }

-      await tester.initializeAppFlowy(
-        cloudType: AuthenticatorType.appflowyCloudSelfHost,
-        email: email,
-      );
-      await tester.tapGoogleLoginInButton();
-      await tester.expectToSeeHomePageWithGetStartedPage();
+      // await tester.initializeAppFlowy(
+      //   cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      //   email: email,
+      // );
+      // await tester.tapGoogleLoginInButton();
+      // await tester.expectToSeeHomePageWithGetStartedPage();

-      const name = 'AppFlowy.IO';
-      await tester.createCollaborativeWorkspace(name);
+      // 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
-      await tester.openCollaborativeWorkspaceMenu();
-      var items = find.byType(WorkspaceMenuItem);
-      expect(items, findsNWidgets(2));
-      expect(
-        tester.widget<WorkspaceMenuItem>(items.last).workspace.name,
-        name,
-      );
+      // Finder success;

-      // open the newly created workspace
-      await tester.tapButton(items.last);
-      success = find.text(LocaleKeys.workspace_openSuccess.tr());
-      expect(success, findsOneWidget);
-      await tester.pumpUntilNotFound(success);
+      // final Finder items = find.byType(WorkspaceMenuItem);

-      await tester.closeCollaborativeWorkspaceMenu();
+      // // delete the newly created workspace
+      // await tester.openCollaborativeWorkspaceMenu();
+      // await tester.pumpUntilFound(items);

-      // delete the newly created workspace
-      await tester.openCollaborativeWorkspaceMenu();
-      final secondWorkspace = find.byType(WorkspaceMenuItem).last;
-      await tester.hoverOnWidget(
-        secondWorkspace,
-        onHover: () async {
-          // click the more button
-          final moreButton = find.byType(WorkspaceMoreActionList);
-          expect(moreButton, findsOneWidget);
-          await tester.tapButton(moreButton);
-          // click the delete button
-          final deleteButton = find.text(LocaleKeys.button_delete.tr());
-          expect(deleteButton, findsOneWidget);
-          await tester.tapButton(deleteButton);
-          // see the delete confirm dialog
-          final confirm =
-              find.text(LocaleKeys.workspace_deleteWorkspaceHintText.tr());
-          expect(confirm, findsOneWidget);
-          await tester.tapButton(find.text(LocaleKeys.button_ok.tr()));
-          // delete success
-          success = find.text(LocaleKeys.workspace_createSuccess.tr());
-          expect(success, findsOneWidget);
-          await tester.pumpUntilNotFound(success);
-        },
-      );
+      // expect(items, findsNWidgets(2));
+      // expect(
+      //   tester.widget<WorkspaceMenuItem>(items.last).workspace.name,
+      //   name,
+      // );

-      // 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();
+      // final secondWorkspace = find.byType(WorkspaceMenuItem).last;
+      // await tester.hoverOnWidget(
+      //   secondWorkspace,
+      //   onHover: () async {
+      //     // click the more button
+      //     final moreButton = find.byType(WorkspaceMoreActionList);
+      //     expect(moreButton, findsOneWidget);
+      //     await tester.tapButton(moreButton);
+      //     // click the delete button
+      //     final deleteButton = find.text(LocaleKeys.button_delete.tr());
+      //     expect(deleteButton, findsOneWidget);
+      //     await tester.tapButton(deleteButton);
+      //     // see the delete confirm dialog
+      //     final confirm =
+      //         find.text(LocaleKeys.workspace_deleteWorkspaceHintText.tr());
+      //     expect(confirm, findsOneWidget);
+      //     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);
+      //   },
+      // );
    });
  });
 }
@@ -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,
+      );
    });
  });
 }
@@ -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'));
+    });
+  });
+}
@@ -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);
@@ -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);
@@ -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';
@@ -29,12 +29,13 @@ void main() {
        },
      );
      await tester.tapButtonWithName(LocaleKeys.button_delete.tr());
+      await tester.tapOKButton();
      expect(find.text(name), findsNothing);
    });

    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 +53,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
@@ -1,10 +1,10 @@
 import 'package:integration_test/integration_test.dart';

-import 'board_row_test.dart' as board_row_test;
 import 'board_add_row_test.dart' as board_add_row_test;
 import 'board_group_test.dart' as board_group_test;
+import 'board_row_test.dart' as board_row_test;

-void startTesting() {
+void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  // Board integration tests
@@ -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);
+    });
+  });
+}
@@ -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();
+}
@@ -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);
+    });
+  });
+}
@@ -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);
+    });
+  });
+}
@@ -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(
@@ -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);

@@ -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);
@@ -1,5 +1,5 @@
 import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
-import 'package:appflowy/plugins/database/grid/presentation/widgets/header/type_option/select/select_option.dart';
+import 'package:appflowy/plugins/database/widgets/field/type_option_editor/select/select_option.dart';
 import 'package:appflowy/util/field_type_extension.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.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));
@@ -327,69 +327,70 @@ void main() {
      );
    });

-    testWidgets('last modified and created at field type options',
-        (tester) async {
-      await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+    // Disable this test because it fails on CI randomly
+    // testWidgets('last modified and created at field type options',
+    //     (tester) async {
+    //   await tester.initializeAppFlowy();
+    //   await tester.tapGoButton();

-      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
-      final created = DateTime.now();
+    //   await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
+    //   final created = DateTime.now();

-      // create a created at field
-      await tester.tapNewPropertyButton();
-      await tester.renameField(FieldType.CreatedTime.i18n);
-      await tester.tapSwitchFieldTypeButton();
-      await tester.selectFieldType(FieldType.CreatedTime);
-      await tester.dismissFieldEditor();
+    //   // create a created at field
+    //   await tester.tapNewPropertyButton();
+    //   await tester.renameField(FieldType.CreatedTime.i18n);
+    //   await tester.tapSwitchFieldTypeButton();
+    //   await tester.selectFieldType(FieldType.CreatedTime);
+    //   await tester.dismissFieldEditor();

-      // create a last modified field
-      await tester.tapNewPropertyButton();
-      await tester.renameField(FieldType.LastEditedTime.i18n);
-      await tester.tapSwitchFieldTypeButton();
+    //   // create a last modified field
+    //   await tester.tapNewPropertyButton();
+    //   await tester.renameField(FieldType.LastEditedTime.i18n);
+    //   await tester.tapSwitchFieldTypeButton();

-      // get time just before modifying
-      final modified = DateTime.now();
+    //   // get time just before modifying
+    //   final modified = DateTime.now();

-      // create a last modified field (cont'd)
-      await tester.selectFieldType(FieldType.LastEditedTime);
-      await tester.dismissFieldEditor();
+    //   // create a last modified field (cont'd)
+    //   await tester.selectFieldType(FieldType.LastEditedTime);
+    //   await tester.dismissFieldEditor();

-      tester.assertCellContent(
-        rowIndex: 0,
-        fieldType: FieldType.CreatedTime,
-        content: DateFormat('MMM dd, y HH:mm').format(created),
-      );
-      tester.assertCellContent(
-        rowIndex: 0,
-        fieldType: FieldType.LastEditedTime,
-        content: DateFormat('MMM dd, y HH:mm').format(modified),
-      );
+    //   tester.assertCellContent(
+    //     rowIndex: 0,
+    //     fieldType: FieldType.CreatedTime,
+    //     content: DateFormat('MMM dd, y HH:mm').format(created),
+    //   );
+    //   tester.assertCellContent(
+    //     rowIndex: 0,
+    //     fieldType: FieldType.LastEditedTime,
+    //     content: DateFormat('MMM dd, y HH:mm').format(modified),
+    //   );

-      // open field editor and change date & time format
-      await tester.tapGridFieldWithName(FieldType.LastEditedTime.i18n);
-      await tester.tapEditFieldButton();
-      await tester.changeDateFormat();
-      await tester.changeTimeFormat();
-      await tester.dismissFieldEditor();
+    //   // open field editor and change date & time format
+    //   await tester.tapGridFieldWithName(FieldType.LastEditedTime.i18n);
+    //   await tester.tapEditFieldButton();
+    //   await tester.changeDateFormat();
+    //   await tester.changeTimeFormat();
+    //   await tester.dismissFieldEditor();

-      // open field editor and change date & time format
-      await tester.tapGridFieldWithName(FieldType.CreatedTime.i18n);
-      await tester.tapEditFieldButton();
-      await tester.changeDateFormat();
-      await tester.changeTimeFormat();
-      await tester.dismissFieldEditor();
+    //   // open field editor and change date & time format
+    //   await tester.tapGridFieldWithName(FieldType.CreatedTime.i18n);
+    //   await tester.tapEditFieldButton();
+    //   await tester.changeDateFormat();
+    //   await tester.changeTimeFormat();
+    //   await tester.dismissFieldEditor();

-      // assert format has been changed
-      tester.assertCellContent(
-        rowIndex: 0,
-        fieldType: FieldType.CreatedTime,
-        content: DateFormat('dd/MM/y hh:mm a').format(created),
-      );
-      tester.assertCellContent(
-        rowIndex: 0,
-        fieldType: FieldType.LastEditedTime,
-        content: DateFormat('dd/MM/y hh:mm a').format(modified),
-      );
-    });
+    //   // assert format has been changed
+    //   tester.assertCellContent(
+    //     rowIndex: 0,
+    //     fieldType: FieldType.CreatedTime,
+    //     content: DateFormat('dd/MM/y hh:mm a').format(created),
+    //   );
+    //   tester.assertCellContent(
+    //     rowIndex: 0,
+    //     fieldType: FieldType.LastEditedTime,
+    //     content: DateFormat('dd/MM/y hh:mm a').format(modified),
+    //   );
+    // });
  });
 }
@@ -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,
@@ -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);
@@ -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,24 +38,25 @@ 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();
+      await tester.hoverOnFirstRowOfGrid(() async {
+        // Open the row menu and then click the delete
+        await tester.tapRowMenuButtonInGrid();
+        await tester.pumpAndSettle();
+        await tester.tapDeleteOnRowMenu();
+        await tester.pumpAndSettle();

-      // Open the row menu and then click the delete
-      await tester.tapRowMenuButtonInGrid();
-      await tester.tapDeleteOnRowMenu();
-
-      // 3 initial rows - 1 deleted
-      await tester.assertNumberOfRowsInGridPage(2);
-      await tester.pumpAndSettle();
+        // 3 initial rows - 1 deleted
+        await tester.assertNumberOfRowsInGridPage(2);
+      });
    });

    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);

@@ -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);

@@ -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);

@@ -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);
@@ -66,6 +66,7 @@ void main() {
          LogicalKeyboardKey.keyR,
        ],
        tester: tester,
+        withKeyUp: true,
      );
      expect(first.attributes[blockComponentAlign], rightAlignmentKey);

@@ -77,6 +78,7 @@ void main() {
          LogicalKeyboardKey.keyE,
        ],
        tester: tester,
+        withKeyUp: true,
      );
      expect(first.attributes[blockComponentAlign], centerAlignmentKey);

@@ -88,6 +90,7 @@ void main() {
          LogicalKeyboardKey.keyL,
        ],
        tester: tester,
+        withKeyUp: true,
      );
      expect(first.attributes[blockComponentAlign], leftAlignmentKey);
    });
@@ -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);

@@ -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();
@@ -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(
@@ -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);

@@ -111,6 +111,7 @@ Future<void> triggerReferenceDocumentBySlashMenu(WidgetTester tester) async {
      LogicalKeyboardKey.enter,
    ],
    tester: tester,
+    withKeyUp: true,
  );

  await tester.pumpAndSettle();
@@ -129,6 +130,7 @@ Future<void> enterDocumentText(WidgetTester tester) async {
      LogicalKeyboardKey.keyT,
    ],
    tester: tester,
+    withKeyUp: true,
  );
  await tester.pumpAndSettle();
 }
@@ -0,0 +1,34 @@
+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();
+      await tester.pumpAndSettle();
+
+      expect(pageFinder, findsNWidgets(2));
+
+      // Delete
+      await tester.openMoreViewActions();
+      await tester.deleteByMoreViewActions();
+      await tester.pumpAndSettle();
+
+      expect(pageFinder, findsNWidgets(1));
+    });
+  });
+}
@@ -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);
@@ -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();
 }
@@ -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],
@@ -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,31 +123,31 @@ void main() {

    testWidgets('change skin tone', (tester) async {
      await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();

      await tester.editor.tapGettingStartedIcon();

      final searchEmojiTextField = find.byWidgetPredicate(
        (widget) =>
            widget is TextField &&
-            widget.decoration!.hintText == LocaleKeys.emoji_search.tr(),
+            widget.decoration!.hintText == LocaleKeys.search_label.tr(),
      );
      await tester.enterText(
        searchEmojiTextField,
-        'hand',
+        'punch',
      );

      // change skin tone
      await tester.editor.changeEmojiSkinTone(EmojiSkinTone.dark);

      // select an icon with skin tone
-      const hand = '👋🏿';
-      await tester.tapEmoji(hand);
-      tester.expectToSeeDocumentIcon(hand);
+      const punch = '👊🏿';
+      await tester.tapEmoji(punch);
+      tester.expectToSeeDocumentIcon(punch);
      tester.expectViewHasIcon(
        gettingStarted,
        ViewLayoutPB.Document,
-        hand,
+        punch,
      );
    });
  });
@@ -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);

@@ -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(
@@ -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(
@@ -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);

@@ -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();
@@ -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',
@@ -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();
@@ -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';
@@ -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);

@@ -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();
@@ -1,5 +1,5 @@
 import 'package:appflowy/workspace/application/settings/settings_dialog_bloc.dart';
-import 'package:flutter/material.dart';
+import 'package:appflowy/workspace/presentation/widgets/toggle/toggle.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';

@@ -8,34 +8,34 @@ import '../../shared/util.dart';
 void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

-  group('board add row test', () {
-    testWidgets('Add card from header', (tester) async {
+  group('notification test', () {
+    testWidgets('enable notification', (tester) async {
      await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();

      await tester.openSettings();
      await tester.openSettingsPage(SettingsPage.notifications);
      await tester.pumpAndSettle();

-      final switchFinder = find.byType(Switch);
+      final toggleFinder = find.byType(Toggle).first;

      // Defaults to enabled
-      Switch switchWidget = tester.widget(switchFinder);
-      expect(switchWidget.value, true);
+      Toggle toggleWidget = tester.widget(toggleFinder);
+      expect(toggleWidget.value, true);

      // Disable
-      await tester.tap(switchFinder);
+      await tester.tap(toggleFinder);
      await tester.pumpAndSettle();

-      switchWidget = tester.widget(switchFinder);
-      expect(switchWidget.value, false);
+      toggleWidget = tester.widget(toggleFinder);
+      expect(toggleWidget.value, false);

      // Enable again
-      await tester.tap(switchFinder);
+      await tester.tap(toggleFinder);
      await tester.pumpAndSettle();

-      switchWidget = tester.widget(switchFinder);
-      expect(switchWidget.value, true);
+      toggleWidget = tester.widget(toggleFinder);
+      expect(toggleWidget.value, true);
    });
  });
 }
@@ -0,0 +1,50 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/auth_operation.dart';
+import '../../shared/base.dart';
+import '../../shared/expectation.dart';
+import '../../shared/settings.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Settings Billing', () {
+    testWidgets('Local auth cannot see plan+billing', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapSignInAsGuest();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      await tester.openSettings();
+      await tester.pumpAndSettle();
+
+      // We check that another settings page is present to ensure
+      // it's not a fluke
+      expect(
+        find.text(
+          LocaleKeys.settings_workspacePage_menuLabel.tr(),
+          skipOffstage: false,
+        ),
+        findsOneWidget,
+      );
+
+      expect(
+        find.text(
+          LocaleKeys.settings_planPage_menuLabel.tr(),
+          skipOffstage: false,
+        ),
+        findsNothing,
+      );
+
+      expect(
+        find.text(
+          LocaleKeys.settings_billingPage_menuLabel.tr(),
+          skipOffstage: false,
+        ),
+        findsNothing,
+      );
+    });
+  });
+}
@@ -1,11 +1,13 @@
 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;
+import 'settings_billing_test.dart' as settings_billing_test;
+import 'shortcuts_settings_test.dart' as shortcuts_settings_test;

 void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  notifications_settings_test.main();
-  user_language_test.main();
+  settings_billing_test.main();
+  shortcuts_settings_test.main();
 }
@@ -0,0 +1,90 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/workspace/application/settings/settings_dialog_bloc.dart';
+import 'package:appflowy/workspace/presentation/settings/pages/settings_shortcuts_view.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../../shared/keyboard.dart';
+import '../../shared/util.dart';
+import '../board/board_hide_groups_test.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('shortcuts test', () {
+    testWidgets('can change and overwrite shortcut', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapAnonymousSignInButton();
+
+      await tester.openSettings();
+      await tester.openSettingsPage(SettingsPage.shortcuts);
+      await tester.pumpAndSettle();
+
+      final backspaceCmd =
+          LocaleKeys.settings_shortcutsPage_keybindings_backspace.tr();
+
+      // Input "Delete" into the search field
+      await tester.enterText(find.byType(TextField), backspaceCmd);
+      await tester.pumpAndSettle();
+
+      await tester.hoverOnWidget(
+        find.descendant(
+          of: find.byType(ShortcutSettingTile),
+          matching: find.text(backspaceCmd),
+        ),
+        onHover: () async {
+          await tester.tap(find.byFlowySvg(FlowySvgs.edit_s));
+          await tester.pumpAndSettle();
+
+          await FlowyTestKeyboard.simulateKeyDownEvent(
+            [
+              LogicalKeyboardKey.delete,
+              LogicalKeyboardKey.enter,
+            ],
+            tester: tester,
+          );
+          await tester.pumpAndSettle();
+        },
+      );
+
+      // We expect to see conflict dialog
+      expect(
+        find.text(
+          LocaleKeys.settings_shortcutsPage_conflictDialog_confirmLabel.tr(),
+        ),
+        findsOneWidget,
+      );
+
+      // Press on confirm label
+      await tester.tap(
+        find.text(
+          LocaleKeys.settings_shortcutsPage_conflictDialog_confirmLabel.tr(),
+        ),
+      );
+      await tester.pumpAndSettle();
+
+      // We expect the first ShortcutSettingTile to have one
+      // [KeyBadge] with `delete` label
+      final first = tester.widget(find.byType(ShortcutSettingTile).first)
+          as ShortcutSettingTile;
+      expect(
+        first.command.command,
+        'delete',
+      );
+
+      // And the second one which is `Delete left character` to have none
+      // as it will have been overwritten
+      final second = tester.widget(find.byType(ShortcutSettingTile).at(1))
+          as ShortcutSettingTile;
+      expect(
+        second.command.command,
+        '',
+      );
+    });
+  });
+}
@@ -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",
-      );
-    });
-  });
-}
@@ -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],
@@ -1,6 +1,6 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/workspace/application/sidebar/folder/folder_bloc.dart';
-import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar_folder.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/shared/sidebar_folder.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -12,8 +12,8 @@ void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  group('sidebar expand test', () {
-    bool isExpanded({required FolderCategoryType type}) {
-      if (type == FolderCategoryType.private) {
+    bool isExpanded({required FolderSpaceType type}) {
+      if (type == FolderSpaceType.private) {
        return find
            .descendant(
              of: find.byType(PrivateSectionFolder),
@@ -27,22 +27,22 @@ 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);
+      expect(isExpanded(type: FolderSpaceType.private), true);

      // collapse the personal folder
      await tester.tapButton(
        find.byTooltip(LocaleKeys.sideBar_clickToHidePrivate.tr()),
      );
-      expect(isExpanded(type: FolderCategoryType.private), false);
+      expect(isExpanded(type: FolderSpaceType.private), false);

      // expand the personal folder
      await tester.tapButton(
        find.byTooltip(LocaleKeys.sideBar_clickToHidePrivate.tr()),
      );
-      expect(isExpanded(type: FolderCategoryType.private), true);
+      expect(isExpanded(type: FolderSpaceType.private), true);
    });
  });
 }
@@ -1,5 +1,5 @@
 import 'package:appflowy/workspace/application/sidebar/folder/folder_bloc.dart';
-import 'package:appflowy/workspace/presentation/home/menu/sidebar/folder/_favorite_folder.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/favorites/favorite_folder.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
 import 'package:appflowy_popover/appflowy_popover.dart';
 import 'package:flowy_infra_ui/style_widget/hover.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);
@@ -46,7 +46,7 @@ void main() {
      await tester.favoriteViewByName(names[1]);
      expect(
        tester.findFavoritePageName(names[1]),
-        findsNWidgets(2),
+        findsNWidgets(1),
      );

      await tester.unfavoriteViewByName(gettingStarted);
@@ -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++) {
@@ -120,9 +120,9 @@ void main() {
            (widget) =>
                widget is SingleInnerViewItem &&
                widget.view.isFavorite &&
-                widget.categoryType == FolderCategoryType.favorite,
+                widget.spaceType == FolderSpaceType.favorite,
          ),
-          findsNWidgets(6),
+          findsNWidgets(3),
        );

        await tester.hoverOnPageName(
@@ -135,7 +135,7 @@ void main() {

        expect(
          tester.findAllFavoritePages(),
-          findsNWidgets(3),
+          findsNWidgets(2),
        );

        await tester.hoverOnPageName(
@@ -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);
@@ -168,7 +168,7 @@ void main() {
                widget.isSelected != null &&
                widget.isSelected!(),
          ),
-          findsNWidgets(2),
+          findsNWidgets(1),
        );
      },
    );
@@ -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);
@@ -14,10 +14,13 @@ 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) {
+        if (value == ViewLayoutPB.Chat) {
+          continue;
+        }
        await tester.createNewPageWithNameUnderParent(
          name: value.name,
          parentName: gettingStarted,
@@ -42,10 +45,13 @@ 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) {
+        if (value == ViewLayoutPB.Chat) {
+          continue;
+        }
        await tester.createNewPageWithNameUnderParent(
          name: value.name,
          parentName: gettingStarted,
@@ -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,9 +36,12 @@ 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) {
+        if (layout == ViewLayoutPB.Chat) {
+          continue;
+        }
        // create a new page
        final name = 'AppFlowy_$layout';
        await tester.createNewPageWithNameUnderParent(
@@ -61,11 +64,13 @@ 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);
            break;
+          case ViewLayoutPB.Chat:
+            break;
        }

        await tester.openPage(gettingStarted);
@@ -74,7 +79,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 +145,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 +188,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(
@@ -4,7 +4,7 @@ import 'sidebar_favorites_test.dart' as sidebar_favorite_test;
 import 'sidebar_icon_test.dart' as sidebar_icon_test;
 import 'sidebar_test.dart' as sidebar_test;

-void startTesting() {
+void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  // Sidebar integration tests
@@ -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,
-      );
-    });
-  });
-}
@@ -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);
@@ -10,7 +10,7 @@ void main() {
  group('Empty', () {
    testWidgets('toggle theme mode', (tester) async {
      await tester.initializeAppFlowy();
-      await tester.tapGoButton();
+      await tester.tapAnonymousSignInButton();
    });
  });
 }
@@ -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();
@@ -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,
+      );
    });
  });
 }
@@ -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';

@@ -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);
@@ -5,9 +5,7 @@ import 'package:appflowy/startup/tasks/prelude.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
-import 'package:path/path.dart' as p;

-import '../../shared/mock/mock_file_picker.dart';
 import '../../shared/util.dart';

 void main() {
@@ -18,92 +16,92 @@ void main() {
      return;
    }

-    testWidgets('switch to B from A, then switch to A again', (tester) async {
-      const userA = 'UserA';
-      const userB = 'UserB';
+    // testWidgets('switch to B from A, then switch to A again', (tester) async {
+    //   const userA = 'UserA';
+    //   const userB = 'UserB';

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

-      await tester.tapGoButton();
-      await tester.expectToSeeHomePageWithGetStartedPage();
+    //   await tester.tapGoButton();
+    //   await tester.expectToSeeHomePageWithGetStartedPage();

-      // switch to user B
-      {
-        // set user name for userA
-        await tester.openSettings();
-        await tester.openSettingsPage(SettingsPage.user);
-        await tester.enterUserName(userA);
+    //   // switch to user B
+    //   {
+    //     // set user name for userA
+    //     await tester.openSettings();
+    //     await tester.openSettingsPage(SettingsPage.user);
+    //     await tester.enterUserName(userA);

-        await tester.openSettingsPage(SettingsPage.files);
-        await tester.pumpAndSettle();
+    //     await tester.openSettingsPage(SettingsPage.files);
+    //     await tester.pumpAndSettle();

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

-        // set user name for userB
-        await tester.openSettings();
-        await tester.openSettingsPage(SettingsPage.user);
-        await tester.enterUserName(userB);
-      }
+    //     // set user name for userB
+    //     await tester.openSettings();
+    //     await tester.openSettingsPage(SettingsPage.user);
+    //     await tester.enterUserName(userB);
+    //   }

-      // switch to the userA
-      {
-        await tester.openSettingsPage(SettingsPage.files);
-        await tester.pumpAndSettle();
+    //   // switch to the userA
+    //   {
+    //     await tester.openSettingsPage(SettingsPage.files);
+    //     await tester.pumpAndSettle();

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

-        await tester.pumpAndSettle();
-        await tester.expectToSeeHomePageWithGetStartedPage();
-        tester.expectToSeeUserName(userA);
-      }
+    //     await tester.pumpAndSettle();
+    //     await tester.expectToSeeHomePageWithGetStartedPage();
+    //     tester.expectToSeeUserName(userA);
+    //   }

-      // switch to the userB again
-      {
-        await tester.openSettings();
-        await tester.openSettingsPage(SettingsPage.files);
-        await tester.pumpAndSettle();
+    //   // switch to the userB again
+    //   {
+    //     await tester.openSettings();
+    //     await tester.openSettingsPage(SettingsPage.files);
+    //     await tester.pumpAndSettle();

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

-        await tester.pumpAndSettle();
-        await tester.expectToSeeHomePageWithGetStartedPage();
-        tester.expectToSeeUserName(userB);
-      }
-    });
+    //     await tester.pumpAndSettle();
+    //     await tester.expectToSeeHomePageWithGetStartedPage();
+    //     tester.expectToSeeUserName(userB);
+    //   }
+    // });

    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(
@@ -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(