chore: update client api

Merge branch 'main' into sign-in-error-format
chore: use inferred error instead
2024-04-22 11:34:13 +08:00 · 2024-04-22 11:33:01 +08:00 · 2024-04-19 10:51:15 +08:00
1793 changed files with 21776 additions and 76825 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 libmpv-dev mpv
+          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
        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 libmpv-dev mpv
+        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
      shell: bash

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

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

 # concurrency:
@@ -0,0 +1,28 @@
+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 }}
@@ -62,11 +62,11 @@ jobs:
        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"
+          SOURCE: "frontend/appflowy_web_app/dist frontend/appflowy_web_app/Dockerfile frontend/appflowy_web_app/nginx.conf frontend/appflowy_web_app/.env nginx-signed.crt nginx-signed.key"
          REMOTE_HOST: ${{ env.REMOTE_HOST }}
          REMOTE_USER: ${{ env.REMOTE_USER }}
          EXCLUDE: "frontend/appflowy_web_app/dist/, frontend/appflowy_web_app/node_modules/"
          SCRIPT_AFTER: |
            docker build -t appflowy-web-app .
            docker rm -f appflowy-web-app || true
-            docker run -d -p 80:80 -p 443:443 --env-file .env --name appflowy-web-app appflowy-web-app
+            docker run -d -p 80:80 -p 443:443 --name appflowy-web-app appflowy-web-app
@@ -25,8 +25,8 @@ on:

 env:
  CARGO_TERM_COLOR: always
-  FLUTTER_VERSION: "3.22.0"
-  RUST_TOOLCHAIN: "1.77.2"
+  FLUTTER_VERSION: "3.19.0"
+  RUST_TOOLCHAIN: "1.75"
  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,7 +89,6 @@ 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 }}
@@ -100,7 +99,7 @@ jobs:
    strategy:
      fail-fast: true
      matrix:
-        os: [ macos-latest ]
+        os: [macos-latest]
        include:
          - os: macos-latest
            flutter_profile: development-mac-x86_64
@@ -122,12 +121,12 @@ jobs:
          flutter_profile: ${{ matrix.flutter_profile }}

  unit_test:
-    needs: [ prepare-linux ]
+    needs: [prepare-linux]
    if: github.event.pull_request.draft != true
    strategy:
      fail-fast: false
      matrix:
-        os: [ ubuntu-latest ]
+        os: [ubuntu-latest]
        include:
          - os: ubuntu-latest
            flutter_profile: development-linux-x86_64
@@ -173,7 +172,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 libmpv-dev mpv
+            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
          fi
        shell: bash

@@ -201,9 +200,6 @@ 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
@@ -216,11 +212,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
@@ -245,8 +241,6 @@ 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
@@ -274,7 +268,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 libmpv-dev mpv
+          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
        shell: bash

      - name: Enable Flutter Desktop
@@ -307,12 +301,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'
@@ -321,12 +315,6 @@ 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:
@@ -337,12 +325,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'
@@ -351,12 +339,6 @@ 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:
@@ -367,12 +349,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'
@@ -381,12 +363,6 @@ 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,7 +8,6 @@ on:
      - ".github/workflows/mobile_ci.yaml"
      - "frontend/**"
      - "!frontend/appflowy_tauri/**"
-      - "!frontend/appflowy_web_app/**"

  pull_request:
    branches:
@@ -17,11 +16,10 @@ on:
      - ".github/workflows/mobile_ci.yaml"
      - "frontend/**"
      - "!frontend/appflowy_tauri/**"
-      - "!frontend/appflowy_web_app/**"

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

 concurrency:
  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -33,7 +31,7 @@ jobs:
    strategy:
      fail-fast: true
      matrix:
-        os: [ macos-14 ]
+        os: [macos-14]
    runs-on: ${{ matrix.os }}

    steps:
@@ -88,16 +86,7 @@ jobs:
          model: 'iPhone 15'
          shutdown_after_job: false

-      # - 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 }}
+        # run: flutter test integration_test/runner.dart -d ${{ steps.simulator-action.outputs.udid }}
@@ -6,8 +6,8 @@ on:
      - "*"

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

 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
-          sudo apt-get install -y  alien libnotify-dev libmpv-dev mpv
+          sudo apt-get install keybinder-3.0 libnotify-dev
+          sudo apt-get -y install alien
          source $HOME/.cargo/env
          cargo install --force cargo-make
          cargo install --force duckscript_cli
@@ -19,7 +19,7 @@ on:

 env:
  CARGO_TERM_COLOR: always
-  RUST_TOOLCHAIN: "1.77.2"
+  RUST_TOOLCHAIN: "1.75"

 jobs:
  test-on-ubuntu:
@@ -32,14 +32,14 @@ jobs:
      #     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
+      # # 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,8 +81,6 @@ 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
@@ -96,7 +94,7 @@ jobs:
          af_cloud_test_ws_url: ws://localhost/ws/v1
          af_cloud_test_gotrue_url: http://localhost/gotrue
        run: |
-          DISABLE_CI_TEST_LOG="true" cargo test --no-default-features --features="dart"
+          DISABLE_CI_TEST_LOG="true" cargo test --no-default-features --features="rev-sqlite,dart" -- --nocapture

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

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

 jobs:
  tests:
@@ -1,4 +1,4 @@
-name: Tauri-CI
+name: Tauri2-CI
 on:
  pull_request:
    paths:
@@ -10,7 +10,7 @@ on:
 env:
  NODE_VERSION: "18.16.0"
  PNPM_VERSION: "8.5.0"
-  RUST_TOOLCHAIN: "1.77.2"
+  RUST_TOOLCHAIN: "1.75"

 concurrency:
  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -1,13 +1,16 @@
 name: Tauri-CI
 on:
-  push:
-    branches:
-      - build/tauri
+  pull_request:
+    paths:
+      - ".github/workflows/tauri_ci.yaml"
+      - "frontend/rust-lib/**"
+      - "frontend/appflowy_tauri/**"
+      - "frontend/resources/**"

 env:
  NODE_VERSION: "18.16.0"
  PNPM_VERSION: "8.5.0"
-  RUST_TOOLCHAIN: "1.77.2"
+  RUST_TOOLCHAIN: "1.75"

 concurrency:
  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -19,7 +22,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.77.2"
+  RUST_TOOLCHAIN: "1.75"

 jobs:

@@ -1,4 +1,4 @@
-name: Web-CI
+name: Web2-CI
 on:
  pull_request:
    paths:
@@ -17,14 +17,14 @@ jobs:
    strategy:
      fail-fast: false
      matrix:
-        platform: [ ubuntu-20.04 ]
+        platform: [ ubuntu-latest ]

    runs-on: ${{ matrix.platform }}

    steps:
      - uses: actions/checkout@v4
      - name: Maximize build space (ubuntu only)
-        if: matrix.platform == 'ubuntu-20.04'
+        if: matrix.platform == 'ubuntu-latest'
        run: |
          sudo rm -rf /usr/share/dotnet
          sudo rm -rf /opt/ghc
@@ -52,11 +52,10 @@ jobs:
        working-directory: frontend/appflowy_web_app
        run: |
          pnpm install
-      - name: Run lint check
+      - name: test and lint
        working-directory: frontend/appflowy_web_app
        run: |
          pnpm run lint
-      
      - name: build and analyze
        working-directory: frontend/appflowy_web_app
        run: |
@@ -12,7 +12,7 @@ env:
  CARGO_TERM_COLOR: always
  NODE_VERSION: "18.16.0"
  PNPM_VERSION: "8.5.0"
-  RUST_TOOLCHAIN: "1.77.2"
+  RUST_TOOLCHAIN: "1.75"
  CARGO_MAKE_VERSION: "0.36.6"

 jobs:
@@ -1,65 +0,0 @@
-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
-
@@ -1,63 +1,9 @@
 # Release Notes
-## Version 0.6.0 - 19/06/2024
+## Version 0.5.5 - 04/22/2024
 ### New Features
- Introduced the "Space" feature to help you organize your pages more efficiently.
+- TBD
 ### 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
+- TBD

 ## Version 0.5.4 - 04/08/2024
 ### New Features
@@ -121,7 +67,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.22.0.
+- Windows 7, Windows 8, and iOS 11 are not yet supported due to the upgrade to Flutter 3.19.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.6.1"
-FLUTTER_DESKTOP_FEATURES = "dart"
+APPFLOWY_VERSION = "0.5.5"
+FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite"
 PRODUCT_NAME = "AppFlowy"
 MACOSX_DEPLOYMENT_TARGET = "11.0"
 # CRATE_TYPE: https://doc.rust-lang.org/reference/linkage.html
@@ -162,7 +162,7 @@ CRATE_TYPE = "cdylib"
 FLUTTER_OUTPUT_DIR = "Debug"
 LIB_EXT = "so"
 LINUX_ARCH = "arm64"
-FLUTTER_DESKTOP_FEATURES = "dart,openssl_vendored"
+FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite,openssl_vendored"

 [env.production-linux-aarch64]
 CARGO_PROFILE = "release"
@@ -174,7 +174,7 @@ FLUTTER_OUTPUT_DIR = "Release"
 LIB_EXT = "so"
 LINUX_ARCH = "arm64"
 APP_ENVIRONMENT = "production"
-FLUTTER_DESKTOP_FEATURES = "dart,openssl_vendored"
+FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite,openssl_vendored"

 [env.development-ios-arm64-sim]
 BUILD_FLAG = "debug"
@@ -207,7 +207,7 @@ CRATE_TYPE = "cdylib"
 FLUTTER_OUTPUT_DIR = "Debug"
 LIB_EXT = "so"
 PRODUCT_EXT = "apk"
-FLUTTER_DESKTOP_FEATURES = "dart,openssl_vendored"
+FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite,openssl_vendored"

 [env.production-android]
 BUILD_FLAG = "release"
@@ -235,24 +235,24 @@ script_runner = "@shell"
 [tasks.setup-crate-type]
 private = true
 script = [
-    """
-        toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
-        val = replace ${toml} "staticlib" ${CRATE_TYPE}
-        result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
-        assert ${result}
-        """,
+  """
+      toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
+      val = replace ${toml} "staticlib" ${CRATE_TYPE}
+      result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
+      assert ${result}
+      """,
 ]
 script_runner = "@duckscript"

 [tasks.restore-crate-type]
 private = true
 script = [
-    """
-        toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
-        val = replace ${toml} ${CRATE_TYPE} "staticlib"
-        result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
-        assert ${result}
-        """,
+  """
+      toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
+      val = replace ${toml} ${CRATE_TYPE} "staticlib"
+      result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
+      assert ${result}
+      """,
 ]
 script_runner = "@duckscript"

@@ -280,24 +280,24 @@ TEST_COMPILE_TARGET = "x86_64-pc-windows-msvc"
 [tasks.setup-test-crate-type]
 private = true
 script = [
-    """
-        toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
-        val = replace ${toml} "staticlib" ${TEST_CRATE_TYPE}
-        result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
-        assert ${result}
-        """,
+  """
+      toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
+      val = replace ${toml} "staticlib" ${TEST_CRATE_TYPE}
+      result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
+      assert ${result}
+      """,
 ]
 script_runner = "@duckscript"

 [tasks.restore-test-crate-type]
 private = true
 script = [
-    """
-        toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
-        val = replace ${toml} ${TEST_CRATE_TYPE} "staticlib"
-        result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
-        assert ${result}
-        """,
+  """
+      toml = readfile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml
+      val = replace ${toml} ${TEST_CRATE_TYPE} "staticlib"
+      result = writefile ${CARGO_MAKE_WORKSPACE_WORKING_DIRECTORY}/rust-lib/${CARGO_MAKE_CRATE_NAME}/Cargo.toml ${val}
+      assert ${result}
+      """,
 ]
 script_runner = "@duckscript"

@@ -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 24
+        minSdkVersion 23
        targetSdkVersion 33
        versionCode flutterVersionCode.toInteger()
        versionName flutterVersionName
@@ -47,22 +47,9 @@
  </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,8 +11,6 @@ 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,28 +3,21 @@
 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';
@@ -44,19 +37,14 @@ void main() {

      // reanme the name of the anon user
      await tester.openSettings();
-      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.openSettingsPage(SettingsPage.user);
+      final userNameFinder = find.descendant(
+        of: find.byType(SettingsUserView),
+        matching: find.byType(UserNameInput),
      );
-
-      await tester.tapButton(find.byType(SignInOutButton));
+      await tester.enterText(userNameFinder, 'local_user');
+      await tester.openSettingsPage(SettingsPage.user);
+      await tester.pumpAndSettle();

      // sign up with Google
      await tester.tapGoogleLoginInButton();
@@ -64,15 +52,7 @@ void main() {
      // sign out
      await tester.expectToSeeHomePage();
      await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.account);
-
-      // Scroll to sign-out
-      await tester.scrollUntilVisible(
-        find.byType(SignInOutButton),
-        100,
-        scrollable: find.findSettingsScrollable(),
-      );
-
+      await tester.openSettingsPage(SettingsPage.user);
      await tester.logout();
      await tester.pumpAndSettle();

@@ -83,9 +63,8 @@ void main() {

      // New anon user name
      await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.account);
-      final userNameInput =
-          tester.widget(find.byType(UserProfileSetting)) as UserProfileSetting;
+      await tester.openSettingsPage(SettingsPage.user);
+      final userNameInput = tester.widget(userNameFinder) as UserNameInput;
      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,18 +37,11 @@ void main() {

      // Open the setting page and sign out
      await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.account);
+      await tester.openSettingsPage(SettingsPage.user);
+      await tester.tapButton(find.byType(SettingLogoutButton));

-      // 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());
+      tester.expectToSeeText(LocaleKeys.button_ok.tr());
+      await tester.tapButtonWithName(LocaleKeys.button_ok.tr());

      // Go to the sign in page again
      await tester.pumpAndSettle(const Duration(seconds: 1));
@@ -63,16 +56,7 @@ void main() {

      // should not see the sync setting page when sign in as anonymous
      await tester.openSettings();
-      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));
-
+      await tester.openSettingsPage(SettingsPage.user);
      tester.expectToSeeGoogleLoginButton();
    });

@@ -1,6 +1,7 @@
 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;
@@ -9,8 +10,13 @@ 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,15 +8,14 @@ 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:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
-
+import 'package:integration_test/integration_test.dart';
 import '../shared/dir.dart';
 import '../shared/mock/mock_file_picker.dart';
 import '../shared/util.dart';
@@ -51,7 +50,7 @@ void main() {
      await tester.waitForSeconds(6);

      await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.account);
+      await tester.openSettingsPage(SettingsPage.user);
      await tester.logout();
    });

@@ -1,7 +1,9 @@
 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';

@@ -23,8 +25,11 @@ void main() {

      // Open the setting page and sign out
      await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.account);
-      await tester.logout();
+      await tester.openSettingsPage(SettingsPage.user);
+      await tester.tapButton(find.byType(SettingLogoutButton));
+
+      tester.expectToSeeText(LocaleKeys.button_ok.tr());
+      await tester.tapButtonWithName(LocaleKeys.button_ok.tr());

      // Go to the sign in page again
      await tester.pumpAndSettle(const Duration(seconds: 1));
@@ -37,16 +42,7 @@ void main() {

      // should not see the sync setting page when sign in as anonymous
      await tester.openSettings();
-      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));
-
+      await tester.openSettingsPage(SettingsPage.user);
      tester.expectToSeeGoogleLoginButton();
    });

@@ -2,27 +2,22 @@

 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:flowy_infra_ui/style_widget/text_field.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
-import 'package:integration_test/integration_test.dart';
 import 'package:path/path.dart' as p;
-
-import '../desktop/board/board_hide_groups_test.dart';
+import 'package:integration_test/integration_test.dart';
 import '../shared/database_test_op.dart';
 import '../shared/dir.dart';
 import '../shared/emoji.dart';
@@ -44,9 +39,28 @@ void main() {
      await tester.expectToSeeHomePageWithGetStartedPage();

      await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.account);
+      await tester.openSettingsPage(SettingsPage.user);
+      // final userAvatarFinder = find.descendant(
+      //   of: find.byType(SettingsUserView),
+      //   matching: find.byType(UserAvatar),
+      // );

-      await tester.enterUserName(name);
+      // 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.tapEscButton();

      // wait 2 seconds for the sync to finish
@@ -64,12 +78,23 @@ void main() {
    await tester.pumpAndSettle();

    await tester.openSettings();
-    await tester.openSettingsPage(SettingsPage.account);
+    await tester.openSettingsPage(SettingsPage.user);

-    // Verify name
-    final profileSetting =
-        tester.widget(find.byType(UserProfileSetting)) as UserProfileSetting;
+    // 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, '😁');

-    expect(profileSetting.name, name);
+    // 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);
  });
 }
@@ -9,6 +9,7 @@ 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';
@@ -10,10 +10,11 @@ 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,69 +33,66 @@ 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';
-      // // the workspace will be opened after created
-      // await tester.createCollaborativeWorkspace(name);
+      const name = 'AppFlowy.IO';
+      // the workspace will be opened after created
+      await tester.createCollaborativeWorkspace(name);

-      // final loading = find.byType(Loading);
-      // await tester.pumpUntilNotFound(loading);
+      final loading = find.byType(Loading);
+      await tester.pumpUntilNotFound(loading);

-      // Finder success;
+      Finder success;

-      // final Finder items = find.byType(WorkspaceMenuItem);
+      // delete the newly created workspace
+      await tester.openCollaborativeWorkspaceMenu();
+      final Finder items = find.byType(WorkspaceMenuItem);
+      expect(items, findsNWidgets(2));
+      expect(
+        tester.widget<WorkspaceMenuItem>(items.last).workspace.name,
+        name,
+      );

-      // // delete the newly created workspace
-      // await tester.openCollaborativeWorkspaceMenu();
-      // await tester.pumpUntilFound(items);
-
-      // expect(items, findsNWidgets(2));
-      // expect(
-      //   tester.widget<WorkspaceMenuItem>(items.last).workspace.name,
-      //   name,
-      // );
-
-      // 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);
-      //   },
-      // );
+      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,7 +1,6 @@
 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/card.dart';
+import 'package:appflowy/plugins/database/widgets/card/container/card_container.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_board/appflowy_board.dart';
 import 'package:flutter/material.dart';
@@ -23,16 +22,14 @@ void main() {

      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);

-      final firstCard = find.byType(RowCard).first;
-
-      expect(
-        find.descendant(
-          of: firstCard,
-          matching: find.text(defaultFirstCardName),
-        ),
-        findsOneWidget,
+      final findFirstCard = find.descendant(
+        of: find.byType(AppFlowyGroupCard),
+        matching: find.byType(Text),
      );

+      Text firstCardText = tester.firstWidget(findFirstCard);
+      expect(firstCardText.data, defaultFirstCardName);
+
      await tester.tap(
        find
            .descendant(
@@ -48,7 +45,7 @@ void main() {
      const newCardName = 'Card 4';
      await tester.enterText(
        find.descendant(
-          of: firstCard,
+          of: find.byType(RowCardContainer),
          matching: find.byType(TextField),
        ),
        newCardName,
@@ -58,13 +55,8 @@ void main() {
      await tester.tap(find.byType(AppFlowyBoard));
      await tester.pumpAndSettle();

-      expect(
-        find.descendant(
-          of: find.byType(RowCard).first,
-          matching: find.text(newCardName),
-        ),
-        findsOneWidget,
-      );
+      firstCardText = tester.firstWidget(findFirstCard);
+      expect(firstCardText.data, newCardName);
    });

    testWidgets('from footer', (tester) async {
@@ -73,41 +65,39 @@ void main() {

      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);

-      final lastCard = find.byType(RowCard).last;
-
-      expect(
-        find.descendant(
-          of: lastCard,
-          matching: find.text(defaultLastCardName),
-        ),
-        findsOneWidget,
+      final findLastCard = find.descendant(
+        of: find.byType(AppFlowyGroupCard),
+        matching: find.byType(Text),
      );

-      await tester.tapButton(
-        find.byType(BoardColumnFooter).at(1),
+      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.pumpAndSettle();

      const newCardName = 'Card 4';
      await tester.enterText(
        find.descendant(
-          of: find.byType(BoardColumnFooter),
+          of: find.byType(RowCardContainer),
          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();

-      expect(
-        find.descendant(
-          of: find.byType(RowCard).last,
-          matching: find.text(newCardName),
-        ),
-        findsOneWidget,
-      );
+      lastCardText = tester.widgetList(findLastCard).last as Text;
+      expect(lastCardText.data, newCardName);
    });
  });
 }
@@ -1,37 +0,0 @@
-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';

@@ -20,7 +20,7 @@ void main() {
      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
      final card1 = find.ancestor(
        of: find.text(card1Name),
-        matching: find.byType(RowCard),
+        matching: find.byType(AppFlowyGroupCard),
      );
      final doingGroup = find.text('Doing');
      final doingGroupCenter = tester.getCenter(doingGroup);
@@ -29,7 +29,6 @@ void main() {
        },
      );
      await tester.tapButtonWithName(LocaleKeys.button_delete.tr());
-      await tester.tapOKButton();
      expect(find.text(name), findsNothing);
    });

@@ -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 main() {
+void startTesting() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  // Board integration tests
@@ -41,16 +41,15 @@ void main() {
      await tester.tapAnonymousSignInButton();

      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
-      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();
+      await tester.hoverOnFirstRowOfGrid();

-        // 3 initial rows - 1 deleted
-        await tester.assertNumberOfRowsInGridPage(2);
-      });
+      // 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();
    });

    testWidgets('check number of row indicator in the initial grid',
@@ -66,7 +66,6 @@ void main() {
          LogicalKeyboardKey.keyR,
        ],
        tester: tester,
-        withKeyUp: true,
      );
      expect(first.attributes[blockComponentAlign], rightAlignmentKey);

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

@@ -90,7 +88,6 @@ void main() {
          LogicalKeyboardKey.keyL,
        ],
        tester: tester,
-        withKeyUp: true,
      );
      expect(first.attributes[blockComponentAlign], leftAlignmentKey);
    });
@@ -106,13 +106,58 @@ void main() {
        expect(node2.type, ParagraphBlockKeys.type);
        expect(node3.type, ParagraphBlockKeys.type);
        expect(node1.delta!.toJson(), [
-          {'insert': 'void main() {'},
+          {
+            "insert": "void",
+            "attributes": {"font_color": "0xfffede5d"},
+          },
+          {
+            "insert": " ",
+            "attributes": {"font_color": "0xffff7edb"},
+          },
+          {
+            "insert": "main",
+            "attributes": {"font_color": "0xff36f9f6"},
+          },
+          {
+            "insert": "() {",
+            "attributes": {"font_color": "0xffff7edb"},
+          }
        ]);
        expect(node2.delta!.toJson(), [
-          {'insert': "  runApp(const MyApp());"},
+          {
+            "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"},
+          }
        ]);
        expect(node3.delta!.toJson(), [
-          {"insert": "}"},
+          {
+            "insert": "}",
+            "attributes": {"font_color": "0xffff7edb"},
+          }
        ]);
      });
    });
@@ -111,7 +111,6 @@ Future<void> triggerReferenceDocumentBySlashMenu(WidgetTester tester) async {
      LogicalKeyboardKey.enter,
    ],
    tester: tester,
-    withKeyUp: true,
  );

  await tester.pumpAndSettle();
@@ -130,7 +129,6 @@ Future<void> enterDocumentText(WidgetTester tester) async {
      LogicalKeyboardKey.keyT,
    ],
    tester: tester,
-    withKeyUp: true,
  );
  await tester.pumpAndSettle();
 }
@@ -1,34 +0,0 @@
-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));
-    });
-  });
-}
@@ -6,9 +6,6 @@ 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;
@@ -19,6 +16,8 @@ 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();
@@ -39,5 +38,4 @@ void startTesting() {
  document_option_action_test.main();
  document_with_image_block_test.main();
  document_inline_page_reference_test.main();
-  document_more_actions_test.main();
 }
@@ -130,24 +130,24 @@ void main() {
      final searchEmojiTextField = find.byWidgetPredicate(
        (widget) =>
            widget is TextField &&
-            widget.decoration!.hintText == LocaleKeys.search_label.tr(),
+            widget.decoration!.hintText == LocaleKeys.emoji_search.tr(),
      );
      await tester.enterText(
        searchEmojiTextField,
-        'punch',
+        'hand',
      );

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

      // select an icon with skin tone
-      const punch = '👊🏿';
-      await tester.tapEmoji(punch);
-      tester.expectToSeeDocumentIcon(punch);
+      const hand = '👋🏿';
+      await tester.tapEmoji(hand);
+      tester.expectToSeeDocumentIcon(hand);
      tester.expectViewHasIcon(
        gettingStarted,
        ViewLayoutPB.Document,
-        punch,
+        hand,
      );
    });
  });
@@ -56,7 +56,7 @@ void main() {
      expect(
        find.descendant(
          of: find.byType(AppFlowyEditor),
-          matching: find.byType(DesktopBoardPage),
+          matching: find.byType(BoardPage),
        ),
        findsOneWidget,
      );
@@ -104,7 +104,7 @@ void main() {
      expect(
        find.descendant(
          of: find.byType(AppFlowyEditor),
-          matching: find.byType(DesktopBoardPage),
+          matching: find.byType(BoardPage),
        ),
        findsOneWidget,
      );
@@ -1,5 +1,5 @@
 import 'package:appflowy/workspace/application/settings/settings_dialog_bloc.dart';
-import 'package:appflowy/workspace/presentation/widgets/toggle/toggle.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';

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

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

@@ -17,25 +17,25 @@ void main() {
      await tester.openSettingsPage(SettingsPage.notifications);
      await tester.pumpAndSettle();

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

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

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

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

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

-      toggleWidget = tester.widget(toggleFinder);
-      expect(toggleWidget.value, true);
+      switchWidget = tester.widget(switchFinder);
+      expect(switchWidget.value, true);
    });
  });
 }
@@ -1,50 +0,0 @@
-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,13 +1,11 @@
 import 'package:integration_test/integration_test.dart';

 import 'notifications_settings_test.dart' as notifications_settings_test;
-import 'settings_billing_test.dart' as settings_billing_test;
-import 'shortcuts_settings_test.dart' as shortcuts_settings_test;
+import 'user_language_test.dart' as user_language_test;

 void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  notifications_settings_test.main();
-  settings_billing_test.main();
-  shortcuts_settings_test.main();
+  user_language_test.main();
 }
@@ -1,90 +0,0 @@
-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,
-        '',
-      );
-    });
-  });
-}
@@ -0,0 +1,70 @@
+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.tapAnonymousSignInButton();
+      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",
+      );
+    });
+  });
+}
@@ -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/shared/sidebar_folder.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/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 FolderSpaceType type}) {
-      if (type == FolderSpaceType.private) {
+    bool isExpanded({required FolderCategoryType type}) {
+      if (type == FolderCategoryType.private) {
        return find
            .descendant(
              of: find.byType(PrivateSectionFolder),
@@ -30,19 +30,19 @@ void main() {
      await tester.tapAnonymousSignInButton();

      // first time is expanded
-      expect(isExpanded(type: FolderSpaceType.private), true);
+      expect(isExpanded(type: FolderCategoryType.private), true);

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

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

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

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

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

        await tester.hoverOnPageName(
@@ -168,7 +168,7 @@ void main() {
                widget.isSelected != null &&
                widget.isSelected!(),
          ),
-          findsNWidgets(1),
+          findsNWidgets(2),
        );
      },
    );
@@ -18,9 +18,6 @@ void main() {

      // 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,
@@ -49,9 +46,6 @@ void main() {

      // 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,
@@ -39,9 +39,6 @@ void main() {
      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(
@@ -64,13 +61,11 @@ void main() {
            expect(find.byType(GridPage), findsOneWidget);
            break;
          case ViewLayoutPB.Board:
-            expect(find.byType(DesktopBoardPage), findsOneWidget);
+            expect(find.byType(BoardPage), findsOneWidget);
            break;
          case ViewLayoutPB.Calendar:
            expect(find.byType(CalendarPage), findsOneWidget);
            break;
-          case ViewLayoutPB.Chat:
-            break;
        }

        await tester.openPage(gettingStarted);
@@ -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 main() {
+void startTesting() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  // Sidebar integration tests
@@ -0,0 +1,90 @@
+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.tapAnonymousSignInButton();
+      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.tapAnonymousSignInButton();
+      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,
+      );
+    });
+  });
+}
@@ -1,13 +1,11 @@
 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';

@@ -25,35 +23,31 @@ void main() {
      await tester.expectToSeeHomePageWithGetStartedPage();

      await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.workspace);
+      await tester.openSettingsPage(SettingsPage.appearance);
      await tester.pumpAndSettle();

-      final appFinder = find.byType(MaterialApp).first;
-      ThemeMode? themeMode = tester.widget<MaterialApp>(appFinder).themeMode;
-
-      expect(themeMode, ThemeMode.system);
+      tester.expectToSeeText(
+        LocaleKeys.settings_appearance_themeMode_system.tr(),
+      );

      await tester.tapButton(
        find.bySemanticsLabel(
-          LocaleKeys.settings_workspacePage_appearance_options_light.tr(),
+          LocaleKeys.settings_appearance_themeMode_system.tr(),
        ),
      );
-      await tester.pumpAndSettle();

-      themeMode = tester.widget<MaterialApp>(appFinder).themeMode;
-      expect(themeMode, ThemeMode.light);
+      await tester.pumpAndSettle();

      await tester.tapButton(
        find.bySemanticsLabel(
-          LocaleKeys.settings_workspacePage_appearance_options_dark.tr(),
+          LocaleKeys.settings_appearance_themeMode_dark.tr(),
        ),
      );
-      await tester.pumpAndSettle();

-      themeMode = tester.widget<MaterialApp>(appFinder).themeMode;
-      expect(themeMode, ThemeMode.dark);
+      await tester.pumpAndSettle(const Duration(seconds: 1));

      await tester.tap(find.byType(SettingsDialog));
+
      await tester.pumpAndSettle();

      await FlowyTestKeyboard.simulateKeyDownEvent(
@@ -66,10 +60,12 @@ void main() {
        ],
        tester: tester,
      );
+
      await tester.pumpAndSettle();

-      themeMode = tester.widget<MaterialApp>(appFinder).themeMode;
-      expect(themeMode, ThemeMode.light);
+      tester.expectToSeeText(
+        LocaleKeys.settings_appearance_themeMode_light.tr(),
+      );
    });

    testWidgets('show or hide home menu', (tester) async {
@@ -1,4 +1,4 @@
-import 'package:appflowy/user/presentation/screens/skip_log_in_screen.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';

@@ -101,7 +101,7 @@ void main() {

      // open settings and restore the location
      await tester.openSettings();
-      await tester.openSettingsPage(SettingsPage.manageData);
+      await tester.openSettingsPage(SettingsPage.files);
      await tester.restoreLocation();

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

-import 'mobile/home_page/create_new_page_test.dart' as create_new_page_test;
 import 'mobile/sign_in/anonymous_sign_in_test.dart' as anonymous_sign_in_test;

 Future<void> runIntegrationOnMobile() async {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
  anonymous_sign_in_test.main();
-  create_new_page_test.main();
 }
@@ -1,34 +1,25 @@
-import 'package:flutter/material.dart';
-
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
-import 'package:appflowy/workspace/presentation/settings/pages/settings_account_view.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_appflowy_cloud.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_supabase_cloud.dart';
-import 'package:appflowy/workspace/presentation/widgets/toggle/toggle.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';

-import 'util.dart';
+import 'base.dart';
+import 'expectation.dart';

 extension AppFlowyAuthTest on WidgetTester {
  Future<void> tapGoogleLoginInButton() async {
    await tapButton(find.byKey(const Key('signInWithGoogleButton')));
  }

-  /// Requires being on the SettingsPage.account of the SettingsDialog
  Future<void> logout() async {
-    final scrollable = find.findSettingsScrollable();
-    await scrollUntilVisible(
-      find.byType(SignInOutButton),
-      100,
-      scrollable: scrollable,
-    );
+    await tapButton(find.byType(SettingLogoutButton));

-    await tapButton(find.byType(SignInOutButton));
-
-    expectToSeeText(LocaleKeys.button_confirm.tr());
-    await tapButtonWithName(LocaleKeys.button_confirm.tr());
+    expectToSeeText(LocaleKeys.button_ok.tr());
+    await tapButtonWithName(LocaleKeys.button_ok.tr());
  }

  Future<void> tapSignInAsGuest() async {
@@ -45,12 +36,6 @@ extension AppFlowyAuthTest on WidgetTester {
    assert(isSwitched == value);
  }

-  void assertToggleValue(Finder finder, bool value) {
-    final Toggle switchWidget = widget(finder);
-    final isSwitched = switchWidget.value;
-    assert(isSwitched == value);
-  }
-
  void assertEnableEncryptSwitchValue(bool value) {
    assertSwitchValue(
      find.descendant(
@@ -72,10 +57,10 @@ extension AppFlowyAuthTest on WidgetTester {
  }

  void assertAppFlowyCloudEnableSyncSwitchValue(bool value) {
-    assertToggleValue(
+    assertSwitchValue(
      find.descendant(
        of: find.byType(AppFlowyCloudEnableSync),
-        matching: find.byWidgetPredicate((widget) => widget is Toggle),
+        matching: find.byWidgetPredicate((widget) => widget is Switch),
      ),
      value,
    );
@@ -93,7 +78,7 @@ extension AppFlowyAuthTest on WidgetTester {
  Future<void> toggleEnableSync(Type syncButton) async {
    final finder = find.descendant(
      of: find.byType(syncButton),
-      matching: find.byWidgetPredicate((widget) => widget is Toggle),
+      matching: find.byWidgetPredicate((widget) => widget is Switch),
    );

    await tapButton(finder);
@@ -1,9 +1,6 @@
 import 'dart:async';
 import 'dart:io';

-import 'package:flutter/gestures.dart';
-import 'package:flutter/services.dart';
-
 import 'package:appflowy/env/cloud_env.dart';
 import 'package:appflowy/env/cloud_env_test.dart';
 import 'package:appflowy/startup/entry_point.dart';
@@ -16,12 +13,16 @@ import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widget
 import 'package:appflowy/workspace/application/settings/prelude.dart';
 import 'package:flowy_infra/uuid.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
+import 'package:flutter/gestures.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:path/path.dart' as p;
 import 'package:path_provider/path_provider.dart';

 class FlowyTestContext {
-  FlowyTestContext({required this.applicationDataDirectory});
+  FlowyTestContext({
+    required this.applicationDataDirectory,
+  });

  final String applicationDataDirectory;
 }
@@ -74,7 +75,7 @@ extension AppFlowyTestBase on WidgetTester {
            if (cloudType != null) {
              switch (cloudType) {
                case AuthenticatorType.local:
-                  await useLocalServer();
+                  await useLocal();
                  break;
                case AuthenticatorType.supabase:
                  await useTestSupabaseCloud();
@@ -173,29 +174,28 @@ extension AppFlowyTestBase on WidgetTester {
    int buttons = kPrimaryButton,
    bool warnIfMissed = false,
    int milliseconds = 500,
-    bool pumpAndSettle = true,
  }) async {
    await tap(
      finder,
      buttons: buttons,
      warnIfMissed: warnIfMissed,
    );
-
-    if (pumpAndSettle) {
-      await this.pumpAndSettle(
-        Duration(milliseconds: milliseconds),
-        EnginePhase.sendSemanticsUpdate,
-        const Duration(seconds: 5),
-      );
-    }
+    await pumpAndSettle(
+      Duration(milliseconds: milliseconds),
+      EnginePhase.sendSemanticsUpdate,
+      const Duration(seconds: 5),
+    );
  }

  Future<void> tapButtonWithName(
    String tr, {
    int milliseconds = 500,
-    bool pumpAndSettle = true,
  }) async {
-    Finder button = find.text(tr, findRichText: true, skipOffstage: false);
+    Finder button = find.text(
+      tr,
+      findRichText: true,
+      skipOffstage: false,
+    );
    if (button.evaluate().isEmpty) {
      button = find.byWidgetPredicate(
        (widget) => widget is FlowyText && widget.text == tr,
@@ -204,8 +204,20 @@ extension AppFlowyTestBase on WidgetTester {
    await tapButton(
      button,
      milliseconds: milliseconds,
-      pumpAndSettle: pumpAndSettle,
    );
+    return;
+  }
+
+  Future<void> tapButtonWithTooltip(
+    String tr, {
+    int milliseconds = 500,
+  }) async {
+    final button = find.byTooltip(tr);
+    await tapButton(
+      button,
+      milliseconds: milliseconds,
+    );
+    return;
  }

  Future<void> doubleTapAt(
@@ -220,8 +232,34 @@ extension AppFlowyTestBase on WidgetTester {
    await pumpAndSettle(Duration(milliseconds: milliseconds));
  }

+  Future<void> doubleTapButton(
+    Finder finder, {
+    int? pointer,
+    int buttons = kPrimaryButton,
+    bool warnIfMissed = true,
+    int milliseconds = 500,
+  }) async {
+    await tap(
+      finder,
+      pointer: pointer,
+      buttons: buttons,
+      warnIfMissed: warnIfMissed,
+    );
+
+    await pump(kDoubleTapMinTime);
+
+    await tap(
+      finder,
+      buttons: buttons,
+      pointer: pointer,
+      warnIfMissed: warnIfMissed,
+    );
+    await pumpAndSettle(Duration(milliseconds: milliseconds));
+  }
+
  Future<void> wait(int milliseconds) async {
    await pumpAndSettle(Duration(milliseconds: milliseconds));
+    return;
  }
 }

@@ -233,6 +271,10 @@ extension AppFlowyFinderTestBase on CommonFinders {
  }
 }

+Future<void> useLocal() async {
+  await useLocalServer();
+}
+
 Future<void> useTestSupabaseCloud() async {
  await useSupabaseCloud(
    url: TestEnv.supabaseUrl,
@@ -1,6 +1,5 @@
 import 'dart:io';

-import 'package:flutter/foundation.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -9,16 +8,15 @@ import 'package:appflowy/core/config/kv.dart';
 import 'package:appflowy/core/config/kv_keys.dart';
 import 'package:appflowy/generated/flowy_svgs.g.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
-import 'package:appflowy/mobile/presentation/presentation.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/base/emoji_picker_button.dart';
 import 'package:appflowy/plugins/document/presentation/share/share_button.dart';
 import 'package:appflowy/shared/feature_flags.dart';
 import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy/user/presentation/screens/screens.dart';
 import 'package:appflowy/user/presentation/screens/sign_in_screen/widgets/widgets.dart';
-import 'package:appflowy/workspace/presentation/home/menu/sidebar/shared/sidebar_new_page_button.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar_new_page_button.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar_workspace.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/home/menu/view/draggable_view_item.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_action_type.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_add_button.dart';
@@ -26,10 +24,7 @@ import 'package:appflowy/workspace/presentation/home/menu/view/view_more_action_
 import 'package:appflowy/workspace/presentation/notifications/widgets/flowy_tab.dart';
 import 'package:appflowy/workspace/presentation/notifications/widgets/notification_button.dart';
 import 'package:appflowy/workspace/presentation/notifications/widgets/notification_tab_bar.dart';
-import 'package:appflowy/workspace/presentation/settings/shared/settings_body.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_menu.dart';
-import 'package:appflowy/workspace/presentation/widgets/more_view_actions/more_view_actions.dart';
-import 'package:appflowy/workspace/presentation/widgets/more_view_actions/widgets/common_view_action.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_language_view.dart';
 import 'package:appflowy/workspace/presentation/widgets/view_title_bar.dart';
 import 'package:appflowy_backend/log.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
@@ -61,7 +56,6 @@ extension CommonOperations on WidgetTester {
  /// Tap the + button on the home page.
  Future<void> tapAddViewButton({
    String name = gettingStarted,
-    ViewLayoutPB layout = ViewLayoutPB.Document,
  }) async {
    await hoverOnPageName(
      name,
@@ -78,6 +72,27 @@ extension CommonOperations on WidgetTester {
    await tapButton(newPageButton);
  }

+  /// Tap the create document button.
+  ///
+  /// Must call [tapAddViewButton] first.
+  Future<void> tapCreateDocumentButton() async {
+    await tapButtonWithName(LocaleKeys.document_menuName.tr());
+  }
+
+  /// Tap the create grid button.
+  ///
+  /// Must call [tapAddViewButton] first.
+  Future<void> tapCreateGridButton() async {
+    await tapButtonWithName(LocaleKeys.grid_menuName.tr());
+  }
+
+  /// Tap the create grid button.
+  ///
+  /// Must call [tapAddViewButton] first.
+  Future<void> tapCreateCalendarButton() async {
+    await tapButtonWithName(LocaleKeys.calendar_menuName.tr());
+  }
+
  /// Tap the import button.
  ///
  /// Must call [tapAddViewButton] first.
@@ -166,9 +181,15 @@ extension CommonOperations on WidgetTester {
  }) async {
    final pageNames = findPageName(name, layout: layout);
    if (useLast) {
-      await hoverOnWidget(pageNames.last, onHover: onHover);
+      await hoverOnWidget(
+        pageNames.last,
+        onHover: onHover,
+      );
    } else {
-      await hoverOnWidget(pageNames.first, onHover: onHover);
+      await hoverOnWidget(
+        pageNames.first,
+        onHover: onHover,
+      );
    }
  }

@@ -281,7 +302,7 @@ extension CommonOperations on WidgetTester {
    bool openAfterCreated = true,
  }) async {
    // create a new page
-    await tapAddViewButton(name: parentName ?? gettingStarted, layout: layout);
+    await tapAddViewButton(name: parentName ?? gettingStarted);
    await tapButtonWithName(layout.menuName);
    final settingsOrFailure = await getIt<KeyValueStorage>().getWithFormat(
      KVKeys.showRenameDialogWhenCreatingNewFile,
@@ -476,7 +497,9 @@ extension CommonOperations on WidgetTester {
    await pumpAndSettle();
  }

-  Future<void> openNotificationHub({int tabIndex = 0}) async {
+  Future<void> openNotificationHub({
+    int tabIndex = 0,
+  }) async {
    final finder = find.descendant(
      of: find.byType(NotificationButton),
      matching: find.byWidgetPredicate(
@@ -515,9 +538,17 @@ extension CommonOperations on WidgetTester {

    final workspace = find.byType(SidebarWorkspace);
    expect(workspace, findsOneWidget);
+    // click it
+    await tapButton(workspace, milliseconds: 2000);
+  }

-    await tapButton(workspace, pumpAndSettle: false);
-    await pump(const Duration(seconds: 5));
+  Future<void> closeCollaborativeWorkspaceMenu() async {
+    if (!FeatureFlag.collaborativeWorkspace.isOn) {
+      throw UnsupportedError('Collaborative workspace is not enabled');
+    }
+
+    await tapAt(Offset.zero);
+    await pumpAndSettle();
  }

  Future<void> createCollaborativeWorkspace(String name) async {
@@ -532,8 +563,7 @@ extension CommonOperations on WidgetTester {
    // click the create button
    final createButton = find.byKey(createWorkspaceButtonKey);
    expect(createButton, findsOneWidget);
-    await tapButton(createButton, pumpAndSettle: false);
-    await pump(const Duration(seconds: 5));
+    await tapButton(createButton);

    // see the create workspace dialog
    final createWorkspaceDialog = find.byType(CreateWorkspaceDialog);
@@ -542,97 +572,8 @@ extension CommonOperations on WidgetTester {
    // input the workspace name
    await enterText(find.byType(TextField), name);

-    await tapButtonWithName(LocaleKeys.button_ok.tr(), pumpAndSettle: false);
-    await pump(const Duration(seconds: 5));
+    await tapButtonWithName(LocaleKeys.button_ok.tr());
  }
-
-  // For mobile platform to launch the app in anonymous mode
-  Future<void> launchInAnonymousMode() async {
-    assert(
-      [TargetPlatform.android, TargetPlatform.iOS]
-          .contains(defaultTargetPlatform),
-      'This method is only supported on mobile platforms',
-    );
-
-    await initializeAppFlowy();
-
-    final anonymousSignInButton = find.byType(SignInAnonymousButtonV2);
-    expect(anonymousSignInButton, findsOneWidget);
-    await tapButton(anonymousSignInButton);
-
-    await pumpUntilFound(find.byType(MobileHomeScreen));
-  }
-
-  Future<void> tapSvgButton(FlowySvgData svg) async {
-    final button = find.byWidgetPredicate(
-      (widget) => widget is FlowySvg && widget.svg.path == svg.path,
-    );
-    await tapButton(button);
-  }
-
-  Future<void> openMoreViewActions() async {
-    final button = find.byType(MoreViewActions);
-    await tap(button);
-    await pumpAndSettle();
-  }
-
-  /// Presses on the Duplicate ViewAction in the [MoreViewActions] popup.
-  ///
-  /// [openMoreViewActions] must be called beforehand!
-  ///
-  Future<void> duplicateByMoreViewActions() async {
-    final button = find.descendant(
-      of: find.byType(ListView),
-      matching: find.byWidgetPredicate(
-        (widget) =>
-            widget is ViewAction && widget.type == ViewActionType.duplicate,
-      ),
-    );
-    await tap(button);
-    await pump();
-  }
-
-  /// Presses on the Delete ViewAction in the [MoreViewActions] popup.
-  ///
-  /// [openMoreViewActions] must be called beforehand!
-  ///
-  Future<void> deleteByMoreViewActions() async {
-    final button = find.descendant(
-      of: find.byType(ListView),
-      matching: find.byWidgetPredicate(
-        (widget) =>
-            widget is ViewAction && widget.type == ViewActionType.delete,
-      ),
-    );
-    await tap(button);
-    await pump();
-  }
-}
-
-extension SettingsFinder on CommonFinders {
-  Finder findSettingsScrollable() => find
-      .descendant(
-        of: find
-            .descendant(
-              of: find.byType(SettingsBody),
-              matching: find.byType(SingleChildScrollView),
-            )
-            .first,
-        matching: find.byType(Scrollable),
-      )
-      .first;
-
-  Finder findSettingsMenuScrollable() => find
-      .descendant(
-        of: find
-            .descendant(
-              of: find.byType(SettingsMenu),
-              matching: find.byType(SingleChildScrollView),
-            )
-            .first,
-        matching: find.byType(Scrollable),
-      )
-      .first;
 }

 extension ViewLayoutPBTest on ViewLayoutPB {
@@ -1,9 +1,8 @@
 import 'dart:io';

-import 'package:flutter/services.dart';
-
 import 'package:appflowy/core/config/kv_keys.dart';
 import 'package:archive/archive_io.dart';
+import 'package:flutter/services.dart';
 import 'package:path/path.dart' as p;
 import 'package:path_provider/path_provider.dart';
 import 'package:shared_preferences/shared_preferences.dart';
@@ -52,7 +51,11 @@ class TestWorkspaceService {
  Future<void> setUpAll() async {
    final root = await workspace.root;
    final path = root.path;
-    SharedPreferences.setMockInitialValues({KVKeys.pathLocation: path});
+    SharedPreferences.setMockInitialValues(
+      {
+        KVKeys.pathLocation: path,
+      },
+    );
  }

  /// Workspaces that are checked into source are compressed. [TestWorkspaceService.setUp()] decompresses the file into an ephemeral directory that will be ignored by source control.
@@ -1,5 +1,7 @@
 import 'dart:io';

+import 'package:appflowy/plugins/database/widgets/field/field_editor.dart';
+import 'package:appflowy/plugins/database/widgets/field/field_type_list.dart';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -29,6 +31,8 @@ import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/discl
 import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/filter_menu_item.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/footer/grid_footer.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/header/desktop_field_cell.dart';
+import 'package:appflowy/plugins/database/widgets/field/type_option_editor/date/date_time_format.dart';
+import 'package:appflowy/plugins/database/widgets/field/type_option_editor/number.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/row/row.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/sort/create_sort_list.dart';
 import 'package:appflowy/plugins/database/grid/presentation/widgets/sort/order_panel.dart';
@@ -53,10 +57,6 @@ import 'package:appflowy/plugins/database/widgets/cell_editor/extension.dart';
 import 'package:appflowy/plugins/database/widgets/cell_editor/select_option_cell_editor.dart';
 import 'package:appflowy/plugins/database/widgets/cell_editor/select_option_text_field.dart';
 import 'package:appflowy/plugins/database/widgets/database_layout_ext.dart';
-import 'package:appflowy/plugins/database/widgets/field/field_editor.dart';
-import 'package:appflowy/plugins/database/widgets/field/field_type_list.dart';
-import 'package:appflowy/plugins/database/widgets/field/type_option_editor/date/date_time_format.dart';
-import 'package:appflowy/plugins/database/widgets/field/type_option_editor/number.dart';
 import 'package:appflowy/plugins/database/widgets/row/accessory/cell_accessory.dart';
 import 'package:appflowy/plugins/database/widgets/row/row_action.dart';
 import 'package:appflowy/plugins/database/widgets/row/row_banner.dart';
@@ -71,6 +71,7 @@ import 'package:appflowy/plugins/database/widgets/setting/setting_property_list.
 import 'package:appflowy/util/field_type_extension.dart';
 import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/clear_date_button.dart';
 import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/date_type_option_button.dart';
+import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/end_time_button.dart';
 import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/reminder_selector.dart';
 import 'package:appflowy/workspace/presentation/widgets/dialogs.dart';
 import 'package:appflowy/workspace/presentation/widgets/pop_up_action.dart';
@@ -130,12 +131,12 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await openPage('v020', layout: ViewLayoutPB.Grid);
  }

-  Future<void> hoverOnFirstRowOfGrid([Future<void> Function()? onHover]) async {
+  Future<void> hoverOnFirstRowOfGrid() async {
    final findRow = find.byType(GridRow);
    expect(findRow, findsWidgets);

    final firstRow = findRow.first;
-    await hoverOnWidget(firstRow, onHover: onHover);
+    await hoverOnWidget(firstRow);
  }

  Future<void> editCell({
@@ -342,6 +343,16 @@ extension AppFlowyDatabaseTest on WidgetTester {
    return w.isToday;
  }

+  Future<void> toggleDateRange() async {
+    final findDateEditor = find.byType(EndTimeButton);
+    final findToggle = find.byType(Toggle);
+    final finder = find.descendant(
+      of: findDateEditor,
+      matching: findToggle,
+    );
+    await tapButton(finder);
+  }
+
  Future<void> tapChangeDateTimeFormatButton() async {
    await tapButton(find.byType(DateTypeOptionButton));
  }
@@ -392,7 +403,9 @@ extension AppFlowyDatabaseTest on WidgetTester {
  }

  /// The [SelectOptionCellEditor] must be opened first.
-  Future<void> createOption({required String name}) async {
+  Future<void> createOption({
+    required String name,
+  }) async {
    final findEditor = find.byType(SelectOptionCellEditor);
    expect(findEditor, findsOneWidget);

@@ -406,7 +419,9 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await pumpAndSettle();
  }

-  Future<void> selectOption({required String name}) async {
+  Future<void> selectOption({
+    required String name,
+  }) async {
    final option = find.byWidgetPredicate(
      (widget) => widget is SelectOptionTagCell && widget.option.name == name,
    );
@@ -425,7 +440,11 @@ extension AppFlowyDatabaseTest on WidgetTester {
          (widget.name == name || widget.option?.name == name),
    );

-    final cell = find.descendant(of: findRow.at(rowIndex), matching: option);
+    final cell = find.descendant(
+      of: findRow.at(rowIndex),
+      matching: option,
+    );
+
    expect(cell, findsOneWidget);
  }

@@ -439,7 +458,11 @@ extension AppFlowyDatabaseTest on WidgetTester {
      (widget) => widget is SelectOptionTag,
    );

-    final cell = find.descendant(of: findRow.at(rowIndex), matching: options);
+    final cell = find.descendant(
+      of: findRow.at(rowIndex),
+      matching: options,
+    );
+
    expect(cell, matcher);
  }

@@ -447,16 +470,21 @@ extension AppFlowyDatabaseTest on WidgetTester {
    final findRow = find.byType(GridRow);
    final findCell = finderForFieldType(FieldType.Checklist);

-    final cell = find.descendant(of: findRow.at(rowIndex), matching: findCell);
+    final cell = find.descendant(
+      of: findRow.at(rowIndex),
+      matching: findCell,
+    );
+
    await tapButton(cell);
  }

  void assertChecklistEditorVisible({required bool visible}) {
    final editor = find.byType(ChecklistCellEditor);
    if (visible) {
-      return expect(editor, findsOneWidget);
+      expect(editor, findsOneWidget);
+    } else {
+      expect(editor, findsNothing);
    }
-    expect(editor, findsNothing);
  }

  Future<void> createNewChecklistTask({
@@ -491,6 +519,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
    required bool isChecked,
  }) {
    final task = find.byType(ChecklistItem).at(index);
+
    final widget = this.widget<ChecklistItem>(task);
    assert(
      widget.task.data.name == name && widget.task.isSelected == isChecked,
@@ -562,16 +591,27 @@ extension AppFlowyDatabaseTest on WidgetTester {
    }
  }

+  Future<void> editTitleInRowDetailPage(String title) async {
+    final titleField = find.byType(EditableTextCell);
+    await enterText(titleField, title);
+    await pumpAndSettle();
+  }
+
  Future<void> hoverRowBanner() async {
    final banner = find.byType(RowBanner);
    expect(banner, findsOneWidget);

-    await startGesture(getCenter(banner), kind: PointerDeviceKind.mouse);
+    await startGesture(
+      getCenter(banner),
+      kind: PointerDeviceKind.mouse,
+    );
+
    await pumpAndSettle();
  }

-  Future<void> openEmojiPicker() async =>
-      tapButton(find.byType(AddEmojiButton));
+  Future<void> openEmojiPicker() async {
+    await tapButton(find.byType(AddEmojiButton));
+  }

  Future<void> tapDateCellInRowDetailPage() async {
    final findDateCell = find.byType(EditableDateCell);
@@ -590,12 +630,25 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await pumpAndSettle();
  }

+  Future<void> duplicateRowInRowDetailPage() async {
+    final duplicateButton = find.byType(RowDetailPageDuplicateButton);
+    await tapButton(duplicateButton);
+  }
+
+  Future<void> deleteRowInRowDetailPage() async {
+    final deleteButton = find.byType(RowDetailPageDeleteButton);
+    await tapButton(deleteButton);
+  }
+
  Future<TestGesture> hoverOnFieldInRowDetail({required int index}) async {
    final fieldButtons = find.byType(FieldCellButton);
    final button = find
        .descendant(of: find.byType(RowDetailPage), matching: fieldButtons)
        .at(index);
-    return startGesture(getCenter(button), kind: PointerDeviceKind.mouse);
+    return startGesture(
+      getCenter(button),
+      kind: PointerDeviceKind.mouse,
+    );
  }

  Future<void> reorderFieldInRowDetail({required double offset}) async {
@@ -604,7 +657,11 @@ extension AppFlowyDatabaseTest on WidgetTester {
          (widget) => widget is ReorderableDragStartListener && widget.enabled,
        )
        .first;
-    await drag(thumb, Offset(0, offset), kind: PointerDeviceKind.mouse);
+    await drag(
+      thumb,
+      Offset(0, offset),
+      kind: PointerDeviceKind.mouse,
+    );
    await pumpAndSettle();
  }

@@ -624,7 +681,8 @@ extension AppFlowyDatabaseTest on WidgetTester {

  Future<void> tapDeletePropertyInFieldEditor() async {
    final deleteButton = find.byWidgetPredicate(
-      (w) => w is FieldActionCell && w.action == FieldAction.delete,
+      (widget) =>
+          widget is FieldActionCell && widget.action == FieldAction.delete,
    );
    await tapButton(deleteButton);

@@ -635,6 +693,11 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await tapButton(confirmButton);
  }

+  Future<void> scrollGridByOffset(Offset offset) async {
+    await drag(find.byType(GridPage), offset);
+    await pumpAndSettle();
+  }
+
  Future<void> scrollRowDetailByOffset(Offset offset) async {
    await drag(find.byType(RowDetailPage), offset);
    await pumpAndSettle();
@@ -661,13 +724,10 @@ extension AppFlowyDatabaseTest on WidgetTester {

  Future<void> changeFieldTypeOfFieldWithName(
    String name,
-    FieldType type, {
-    ViewLayoutPB layout = ViewLayoutPB.Grid,
-  }) async {
+    FieldType type,
+  ) async {
    await tapGridFieldWithName(name);
-    if (layout == ViewLayoutPB.Grid) {
-      await tapEditFieldButton();
-    }
+    await tapEditFieldButton();

    await tapSwitchFieldTypeButton();
    await selectFieldType(type);
@@ -696,7 +756,8 @@ extension AppFlowyDatabaseTest on WidgetTester {
  /// Should call [tapGridFieldWithName] first.
  Future<void> tapDeletePropertyButton() async {
    final field = find.byWidgetPredicate(
-      (w) => w is FieldActionCell && w.action == FieldAction.delete,
+      (widget) =>
+          widget is FieldActionCell && widget.action == FieldAction.delete,
    );
    await tapButton(field);
  }
@@ -704,7 +765,9 @@ extension AppFlowyDatabaseTest on WidgetTester {
  /// A SimpleDialog must be shown first, e.g. when deleting a field.
  Future<void> tapDialogOkButton() async {
    final field = find.byWidgetPredicate(
-      (w) => w is PrimaryTextButton && w.label == LocaleKeys.button_ok.tr(),
+      (widget) =>
+          widget is PrimaryTextButton &&
+          widget.label == LocaleKeys.button_ok.tr(),
    );
    await tapButton(field);
  }
@@ -712,7 +775,8 @@ extension AppFlowyDatabaseTest on WidgetTester {
  /// Should call [tapGridFieldWithName] first.
  Future<void> tapDuplicatePropertyButton() async {
    final field = find.byWidgetPredicate(
-      (w) => w is FieldActionCell && w.action == FieldAction.duplicate,
+      (widget) =>
+          widget is FieldActionCell && widget.action == FieldAction.duplicate,
    );
    await tapButton(field);
  }
@@ -734,34 +798,45 @@ extension AppFlowyDatabaseTest on WidgetTester {
  /// Should call [tapGridFieldWithName] first.
  Future<void> tapHidePropertyButton() async {
    final field = find.byWidgetPredicate(
-      (w) => w is FieldActionCell && w.action == FieldAction.toggleVisibility,
+      (widget) =>
+          widget is FieldActionCell &&
+          widget.action == FieldAction.toggleVisibility,
    );
    await tapButton(field);
  }

  Future<void> tapHidePropertyButtonInFieldEditor() async {
    final button = find.byWidgetPredicate(
-      (w) => w is FieldActionCell && w.action == FieldAction.toggleVisibility,
+      (widget) =>
+          widget is FieldActionCell &&
+          widget.action == FieldAction.toggleVisibility,
    );
    await tapButton(button);
  }

-  Future<void> tapRowDetailPageRowActionButton() async =>
-      tapButton(find.byType(RowActionButton));
+  Future<void> tapRowDetailPageRowActionButton() async {
+    await tapButton(find.byType(RowActionButton));
+  }

-  Future<void> tapRowDetailPageCreatePropertyButton() async =>
-      tapButton(find.byType(CreateRowFieldButton));
+  Future<void> tapRowDetailPageCreatePropertyButton() async {
+    await tapButton(find.byType(CreateRowFieldButton));
+  }

-  Future<void> tapRowDetailPageDeleteRowButton() async =>
-      tapButton(find.byType(RowDetailPageDeleteButton));
+  Future<void> tapRowDetailPageDeleteRowButton() async {
+    await tapButton(find.byType(RowDetailPageDeleteButton));
+  }

-  Future<void> tapRowDetailPageDuplicateRowButton() async =>
-      tapButton(find.byType(RowDetailPageDuplicateButton));
+  Future<void> tapRowDetailPageDuplicateRowButton() async {
+    await tapButton(find.byType(RowDetailPageDuplicateButton));
+  }

-  Future<void> tapSwitchFieldTypeButton() async =>
-      tapButton(find.byType(SwitchFieldButton));
+  Future<void> tapSwitchFieldTypeButton() async {
+    await tapButton(find.byType(SwitchFieldButton));
+  }

-  Future<void> tapEscButton() async => sendKeyEvent(LogicalKeyboardKey.escape);
+  Future<void> tapEscButton() async {
+    await sendKeyEvent(LogicalKeyboardKey.escape);
+  }

  /// Must call [tapSwitchFieldTypeButton] first.
  Future<void> selectFieldType(FieldType fieldType) async {
@@ -776,13 +851,15 @@ extension AppFlowyDatabaseTest on WidgetTester {
  }

  // Use in edit mode of FieldEditor
-  void expectEmptyTypeOptionEditor() => expect(
-        find.descendant(
-          of: find.byType(FieldTypeOptionEditor),
-          matching: find.byType(TypeOptionSeparator),
-        ),
-        findsNothing,
-      );
+  void expectEmptyTypeOptionEditor() {
+    expect(
+      find.descendant(
+        of: find.byType(FieldTypeOptionEditor),
+        matching: find.byType(TypeOptionSeparator),
+      ),
+      findsNothing,
+    );
+  }

  /// Each field has its own cell, so we can find the corresponding cell by
  /// the field type after create a new field.
@@ -791,6 +868,10 @@ extension AppFlowyDatabaseTest on WidgetTester {
    expect(finder, findsWidgets);
  }

+  Future<void> assertNumberOfFieldsInGridPage(int num) async {
+    expect(find.byType(GridFieldCell), findsNWidgets(num));
+  }
+
  Future<void> assertNumberOfRowsInGridPage(int num) async {
    expect(
      find.byType(GridRow, skipOffstage: false),
@@ -803,11 +884,14 @@ extension AppFlowyDatabaseTest on WidgetTester {
  }

  /// Check the field type of the [FieldCellButton] is the same as the name.
-  Future<void> assertFieldTypeWithFieldName(String name, FieldType type) async {
+  Future<void> assertFieldTypeWithFieldName(
+    String name,
+    FieldType fieldType,
+  ) async {
    final field = find.byWidgetPredicate(
      (widget) =>
          widget is FieldCellButton &&
-          widget.field.fieldType == type &&
+          widget.field.fieldType == fieldType &&
          widget.field.name == name,
    );

@@ -852,6 +936,11 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await pumpAndSettle(const Duration(milliseconds: 200));
  }

+  Future<void> findFieldEditor(dynamic matcher) async {
+    final finder = find.byType(FieldEditor);
+    expect(finder, matcher);
+  }
+
  Future<void> findDateEditor(dynamic matcher) async {
    final finder = find.byType(DateCellEditor);
    expect(finder, matcher);
@@ -876,24 +965,16 @@ extension AppFlowyDatabaseTest on WidgetTester {
  }

  Future<void> tapRowMenuButtonInGrid() async {
-    expect(find.byType(RowMenuButton), findsOneWidget);
    await tapButton(find.byType(RowMenuButton));
  }

  /// Should call [tapRowMenuButtonInGrid] first.
  Future<void> tapDeleteOnRowMenu() async {
-    expect(find.text(LocaleKeys.grid_row_delete.tr()), findsOneWidget);
    await tapButtonWithName(LocaleKeys.grid_row_delete.tr());
  }

-  Future<void> createField(
-    FieldType fieldType,
-    String name, {
-    ViewLayoutPB layout = ViewLayoutPB.Grid,
-  }) async {
-    if (layout == ViewLayoutPB.Grid) {
-      await scrollToRight(find.byType(GridPage));
-    }
+  Future<void> createField(FieldType fieldType, String name) async {
+    await scrollToRight(find.byType(GridPage));
    await tapNewPropertyButton();
    await renameField(name);
    await tapSwitchFieldTypeButton();
@@ -913,29 +994,41 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await tapButton(find.byType(SortButton));
  }

-  Future<void> tapCreateFilterByFieldType(FieldType type, String title) async {
+  Future<void> tapCreateFilterByFieldType(
+    FieldType fieldType,
+    String title,
+  ) async {
    final findFilter = find.byWidgetPredicate(
      (widget) =>
          widget is GridFilterPropertyCell &&
-          widget.fieldInfo.fieldType == type &&
+          widget.fieldInfo.fieldType == fieldType &&
          widget.fieldInfo.name == title,
    );
+
    await tapButton(findFilter);
  }

-  Future<void> tapFilterButtonInGrid(String name) async {
+  Future<void> tapFilterButtonInGrid(String filterName) async {
    final findFilter = find.byType(FilterMenuItem);
-    final button = find.descendant(of: findFilter, matching: find.text(name));
+    final button = find.descendant(
+      of: findFilter,
+      matching: find.text(filterName),
+    );
+
    await tapButton(button);
  }

-  Future<void> tapCreateSortByFieldType(FieldType type, String title) async {
+  Future<void> tapCreateSortByFieldType(
+    FieldType fieldType,
+    String title,
+  ) async {
    final findSort = find.byWidgetPredicate(
      (widget) =>
          widget is GridSortPropertyCell &&
-          widget.fieldInfo.fieldType == type &&
+          widget.fieldInfo.fieldType == fieldType &&
          widget.fieldInfo.name == title,
    );
+
    await tapButton(findSort);
  }

@@ -992,7 +1085,10 @@ extension AppFlowyDatabaseTest on WidgetTester {
      of: fromSortItem,
      matching: find.byType(ReorderableDragStartListener),
    );
-    await drag(dragElement, getCenter(toSortItem) - getCenter(fromSortItem));
+    await drag(
+      dragElement,
+      getCenter(toSortItem) - getCenter(fromSortItem),
+    );
    await pumpAndSettle(const Duration(milliseconds: 200));
  }

@@ -1070,6 +1166,15 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await tapButton(findCell);
  }

+  Future<void> tapCheckedButtonOnCheckboxFilter() async {
+    final button = find.descendant(
+      of: find.byType(HoverButton),
+      matching: find.text(LocaleKeys.grid_checkboxFilter_isChecked.tr()),
+    );
+
+    await tapButton(button);
+  }
+
  Future<void> tapUnCheckedButtonOnCheckboxFilter() async {
    final button = find.descendant(
      of: find.byType(HoverButton),
@@ -1088,6 +1193,15 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await tapButton(button);
  }

+  Future<void> tapUnCompletedButtonOnChecklistFilter() async {
+    final button = find.descendant(
+      of: find.byType(HoverButton),
+      matching: find.text(LocaleKeys.grid_checklistFilter_isIncomplted.tr()),
+    );
+
+    await tapButton(button);
+  }
+
  /// Should call [tapDatabaseSettingButton] first.
  Future<void> tapViewPropertiesButton() async {
    final findSettingItem = find.byType(DatabaseSettingsList);
@@ -1138,8 +1252,16 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await tapButton(button);
  }

-  Future<void> tapFirstDayOfWeek() async =>
-      tapButton(find.byType(FirstDayOfWeek));
+  Future<void> tapFirstDayOfWeek() async {
+    await tapButton(find.byType(FirstDayOfWeek));
+  }
+
+  Future<void> tapFirstDayOfWeekStartFromSunday() async {
+    final finder = find.byWidgetPredicate(
+      (widget) => widget is StartFromButton && widget.dayIndex == 0,
+    );
+    await tapButton(finder);
+  }

  Future<void> tapFirstDayOfWeekStartFromMonday() async {
    final finder = find.byWidgetPredicate(
@@ -1155,14 +1277,20 @@ extension AppFlowyDatabaseTest on WidgetTester {

  void assertFirstDayOfWeekStartFromMonday() {
    final finder = find.byWidgetPredicate(
-      (w) => w is StartFromButton && w.dayIndex == 1 && w.isSelected == true,
+      (widget) =>
+          widget is StartFromButton &&
+          widget.dayIndex == 1 &&
+          widget.isSelected == true,
    );
    expect(finder, findsOneWidget);
  }

  void assertFirstDayOfWeekStartFromSunday() {
    final finder = find.byWidgetPredicate(
-      (w) => w is StartFromButton && w.dayIndex == 0 && w.isSelected == true,
+      (widget) =>
+          widget is StartFromButton &&
+          widget.dayIndex == 0 &&
+          widget.isSelected == true,
    );
    expect(finder, findsOneWidget);
  }
@@ -1179,7 +1307,11 @@ extension AppFlowyDatabaseTest on WidgetTester {
          ),
        )
        .first;
-    await scrollUntilVisible(todayCell, 300, scrollable: scrollable);
+    await scrollUntilVisible(
+      todayCell,
+      300,
+      scrollable: scrollable,
+    );
    await pumpAndSettle(const Duration(milliseconds: 300));
  }

@@ -1219,7 +1351,12 @@ extension AppFlowyDatabaseTest on WidgetTester {
    String? title,
  }) {
    final findDayCell = find.byWidgetPredicate(
-      (widget) => widget is CalendarDayCard && isSameDay(widget.date, date),
+      (widget) =>
+          widget is CalendarDayCard &&
+          isSameDay(
+            widget.date,
+            date,
+          ),
    );
    Finder findEvents = find.descendant(
      of: findDayCell,
@@ -1253,11 +1390,13 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await tapButton(cards.at(index));
  }

-  void assertEventEditorOpen() =>
-      expect(find.byType(CalendarEventEditor), findsOneWidget);
+  void assertEventEditorOpen() {
+    expect(find.byType(CalendarEventEditor), findsOneWidget);
+  }

-  Future<void> dismissEventEditor() async =>
-      simulateKeyEvent(LogicalKeyboardKey.escape);
+  Future<void> dismissEventEditor() async {
+    await simulateKeyEvent(LogicalKeyboardKey.escape);
+  }

  Future<void> editEventTitle(String title) async {
    final textField = find.descendant(
@@ -1368,9 +1507,10 @@ extension AppFlowyDatabaseTest on WidgetTester {
      matching: find.byType(TextField),
    );
    if (isVisible) {
-      return expect(textField, findsOneWidget);
+      expect(textField, findsOneWidget);
+    } else {
+      expect(textField, findsNothing);
    }
-    expect(textField, findsNothing);
  }

  Future<void> enterNewGroupName(String name, {required bool submit}) async {
@@ -1472,14 +1612,21 @@ extension AppFlowyDatabaseTest on WidgetTester {
    await tapButton(okButton);
  }

-  void assertCurrentDatabaseTagIs(DatabaseLayoutPB layout) => switch (layout) {
-        DatabaseLayoutPB.Board =>
-          expect(find.byType(DesktopBoardPage), findsOneWidget),
-        DatabaseLayoutPB.Calendar =>
-          expect(find.byType(CalendarPage), findsOneWidget),
-        DatabaseLayoutPB.Grid => expect(find.byType(GridPage), findsOneWidget),
-        _ => throw Exception('Unknown database layout type: $layout'),
-      };
+  void assertCurrentDatabaseTagIs(DatabaseLayoutPB layout) {
+    switch (layout) {
+      case DatabaseLayoutPB.Board:
+        expect(find.byType(BoardPage), findsOneWidget);
+        break;
+      case DatabaseLayoutPB.Calendar:
+        expect(find.byType(CalendarPage), findsOneWidget);
+        break;
+      case DatabaseLayoutPB.Grid:
+        expect(find.byType(GridPage), findsOneWidget);
+        break;
+      default:
+        throw Exception('Unknown database layout type: $layout');
+    }
+  }

  Future<void> selectDatabaseLayoutType(DatabaseLayoutPB layout) async {
    final findLayoutCell = find.byType(DatabaseViewLayoutCell);
@@ -1487,7 +1634,11 @@ extension AppFlowyDatabaseTest on WidgetTester {
      (widget) => widget is FlowyText && widget.text == layout.layoutName,
    );

-    final button = find.descendant(of: findLayoutCell, matching: findText);
+    final button = find.descendant(
+      of: findLayoutCell,
+      matching: findText,
+    );
+
    await tapButton(button);
  }

@@ -1509,7 +1660,8 @@ extension AppFlowyDatabaseTest on WidgetTester {

    await tapButton(
      find.byWidgetPredicate(
-        (w) => w is NumberFormatCell && w.format == NumberFormatPB.USD,
+        (widget) =>
+            widget is NumberFormatCell && widget.format == NumberFormatPB.USD,
      ),
    );
  }
@@ -1523,7 +1675,8 @@ extension AppFlowyDatabaseTest on WidgetTester {
    String fieldName,
  ) async {
    final field = find.byWidgetPredicate(
-      (w) => w is DatabasePropertyCell && w.fieldInfo.name == fieldName,
+      (widget) =>
+          widget is DatabasePropertyCell && widget.fieldInfo.name == fieldName,
    );
    final toggleVisibilityButton =
        find.descendant(of: field, matching: find.byType(FlowyIconButton));
@@ -1531,12 +1684,18 @@ extension AppFlowyDatabaseTest on WidgetTester {
  }
 }

-Finder finderForDatabaseLayoutType(DatabaseLayoutPB layout) => switch (layout) {
-      DatabaseLayoutPB.Board => find.byType(DesktopBoardPage),
-      DatabaseLayoutPB.Calendar => find.byType(CalendarPage),
-      DatabaseLayoutPB.Grid => find.byType(GridPage),
-      _ => throw Exception('Unknown database layout type: $layout'),
-    };
+Finder finderForDatabaseLayoutType(DatabaseLayoutPB layout) {
+  switch (layout) {
+    case DatabaseLayoutPB.Board:
+      return find.byType(BoardPage);
+    case DatabaseLayoutPB.Calendar:
+      return find.byType(CalendarPage);
+    case DatabaseLayoutPB.Grid:
+      return find.byType(GridPage);
+    default:
+      throw Exception('Unknown database layout type: $layout');
+  }
+}

 Finder finderForFieldType(FieldType fieldType) {
  switch (fieldType) {
@@ -1,7 +1,6 @@
 import 'dart:io';
-
-import 'package:archive/archive.dart';
 import 'package:path/path.dart' as p;
+import 'package:archive/archive.dart';

 Future<void> deleteDirectoriesWithSameBaseNameAsPrefix(
  String path,
@@ -1,6 +1,9 @@
 import 'dart:async';
 import 'dart:ui';

+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/plugins/base/emoji/emoji_picker.dart';
 import 'package:appflowy/plugins/base/emoji/emoji_skin_tone.dart';
@@ -14,8 +17,6 @@ import 'package:appflowy/plugins/document/presentation/editor_plugins/image/embe
 import 'package:appflowy/plugins/inline_actions/widgets/inline_actions_handler.dart';
 import 'package:appflowy_editor/appflowy_editor.dart' hide Log;
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
 import 'package:flutter_emoji_mart/flutter_emoji_mart.dart';
 import 'package:flutter_test/flutter_test.dart';

@@ -30,8 +31,11 @@ class EditorOperations {

  final WidgetTester tester;

-  EditorState getCurrentEditorState() =>
-      tester.widget<AppFlowyEditor>(find.byType(AppFlowyEditor)).editorState;
+  EditorState getCurrentEditorState() {
+    return tester
+        .widget<AppFlowyEditor>(find.byType(AppFlowyEditor))
+        .editorState;
+  }

  /// Tap the line of editor at [index]
  Future<void> tapLineOfEditorAt(int index) async {
@@ -62,7 +66,7 @@ class EditorOperations {
  Future<void> tapGettingStartedIcon() async {
    await tester.tapButton(
      find.descendant(
-        of: find.byType(DocumentCoverWidget),
+        of: find.byType(DocumentHeaderNodeWidget),
        matching: find.findTextInFlowyText('⭐️'),
      ),
    );
@@ -81,12 +85,15 @@ class EditorOperations {

  /// Taps the 'Remove Icon' button in the cover toolbar and the icon popover
  Future<void> tapRemoveIconButton({bool isInPicker = false}) async {
-    final Finder button = !isInPicker
-        ? find.text(LocaleKeys.document_plugins_cover_removeIcon.tr())
-        : find.descendant(
-            of: find.byType(FlowyIconPicker),
-            matching: find.text(LocaleKeys.button_remove.tr()),
-          );
+    Finder button =
+        find.text(LocaleKeys.document_plugins_cover_removeIcon.tr());
+    if (isInPicker) {
+      button = find.descendant(
+        of: find.byType(FlowyIconPicker),
+        matching: button,
+      );
+    }
+
    await tester.tapButton(button);
  }

@@ -138,8 +145,16 @@ class EditorOperations {
    );
  }

-  Future<void> tapOnRemoveCover() async =>
-      tester.tapButton(find.byType(DeleteCoverButton));
+  Future<void> switchNetworkImageCover(String imageUrl) async {
+    final image = find.byWidgetPredicate(
+      (widget) => widget is ImageGridItem,
+    );
+    await tester.tapButton(image);
+  }
+
+  Future<void> tapOnRemoveCover() async {
+    await tester.tapButton(find.byType(DeleteCoverButton));
+  }

  /// A cover must be present in the document to function properly since this
  /// catches all cover types collectively
@@ -1,5 +1,4 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
-import 'package:appflowy/mobile/presentation/page_item/mobile_view_item.dart';
 import 'package:appflowy/plugins/database/widgets/row/row_detail.dart';
 import 'package:appflowy/plugins/document/presentation/banner.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/header/document_header_node_widget.dart';
@@ -11,7 +10,6 @@ import 'package:appflowy/workspace/presentation/notifications/widgets/notificati
 import 'package:appflowy/workspace/presentation/widgets/date_picker/widgets/reminder_selector.dart';
 import 'package:appflowy/workspace/presentation/widgets/view_title_bar.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
-import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
 import 'package:flutter/material.dart';
@@ -91,6 +89,18 @@ extension Expectation on WidgetTester {
    expect(exportSuccess, findsOneWidget);
  }

+  /// Expect to see the add button and icon button in the cover toolbar
+  void expectToSeePluginAddCoverAndIconButton() {
+    final addCover = find.textContaining(
+      LocaleKeys.document_plugins_cover_addCover.tr(),
+    );
+    final addIcon = find.textContaining(
+      LocaleKeys.document_plugins_cover_addIcon.tr(),
+    );
+    expect(addCover, findsOneWidget);
+    expect(addIcon, findsOneWidget);
+  }
+
  /// Expect to see the document header toolbar empty
  void expectToSeeEmptyDocumentHeaderToolbar() {
    final addCover = find.textContaining(
@@ -143,6 +153,14 @@ extension Expectation on WidgetTester {
    expect(findRemoveIcon, findsOneWidget);
  }

+  /// Expect to see the user name on the home page
+  void expectToSeeUserName(String name) {
+    final userName = find.byWidgetPredicate(
+      (widget) => widget is FlowyText && widget.text == name,
+    );
+    expect(userName, findsOneWidget);
+  }
+
  /// Expect to see a text
  void expectToSeeText(String text) {
    Finder textWidget = find.textContaining(text, findRichText: true);
@@ -160,23 +178,26 @@ extension Expectation on WidgetTester {
    ViewLayoutPB layout = ViewLayoutPB.Document,
    String? parentName,
    ViewLayoutPB parentLayout = ViewLayoutPB.Document,
-  }) =>
-      find.byWidgetPredicate(
-        (widget) =>
-            widget is SingleInnerViewItem &&
-            widget.view.isFavorite &&
-            widget.spaceType == FolderSpaceType.favorite &&
-            widget.view.name == name &&
-            widget.view.layout == layout,
-        skipOffstage: false,
-      );
+  }) {
+    return find.byWidgetPredicate(
+      (widget) =>
+          widget is SingleInnerViewItem &&
+          widget.view.isFavorite &&
+          widget.categoryType == FolderCategoryType.favorite &&
+          widget.view.name == name &&
+          widget.view.layout == layout,
+      skipOffstage: false,
+    );
+  }

-  Finder findAllFavoritePages() => find.byWidgetPredicate(
-        (widget) =>
-            widget is SingleInnerViewItem &&
-            widget.view.isFavorite &&
-            widget.spaceType == FolderSpaceType.favorite,
-      );
+  Finder findAllFavoritePages() {
+    return find.byWidgetPredicate(
+      (widget) =>
+          widget is SingleInnerViewItem &&
+          widget.view.isFavorite &&
+          widget.categoryType == FolderCategoryType.favorite,
+    );
+  }

  Finder findPageName(
    String name, {
@@ -184,35 +205,25 @@ extension Expectation on WidgetTester {
    String? parentName,
    ViewLayoutPB parentLayout = ViewLayoutPB.Document,
  }) {
-    if (PlatformExtension.isDesktop) {
-      if (parentName == null) {
-        return find.byWidgetPredicate(
-          (widget) =>
-              widget is SingleInnerViewItem &&
-              widget.view.name == name &&
-              widget.view.layout == layout,
-          skipOffstage: false,
-        );
-      }
-
-      return find.descendant(
-        of: find.byWidgetPredicate(
-          (widget) =>
-              widget is InnerViewItem &&
-              widget.view.name == parentName &&
-              widget.view.layout == parentLayout,
-          skipOffstage: false,
-        ),
-        matching: findPageName(name, layout: layout),
+    if (parentName == null) {
+      return find.byWidgetPredicate(
+        (widget) =>
+            widget is SingleInnerViewItem &&
+            widget.view.name == name &&
+            widget.view.layout == layout,
+        skipOffstage: false,
      );
    }

-    return find.byWidgetPredicate(
-      (widget) =>
-          widget is SingleMobileInnerViewItem &&
-          widget.view.name == name &&
-          widget.view.layout == layout,
-      skipOffstage: false,
+    return find.descendant(
+      of: find.byWidgetPredicate(
+        (widget) =>
+            widget is InnerViewItem &&
+            widget.view.name == parentName &&
+            widget.view.layout == parentLayout,
+        skipOffstage: false,
+      ),
+      matching: findPageName(name, layout: layout),
    );
  }

@@ -5,18 +5,10 @@ class FlowyTestKeyboard {
  static Future<void> simulateKeyDownEvent(
    List<LogicalKeyboardKey> keys, {
    required flutter_test.WidgetTester tester,
-    bool withKeyUp = false,
  }) async {
    for (final LogicalKeyboardKey key in keys) {
      await flutter_test.simulateKeyDownEvent(key);
      await tester.pumpAndSettle();
    }
-
-    if (withKeyUp) {
-      for (final LogicalKeyboardKey key in keys) {
-        await flutter_test.simulateKeyUpEvent(key);
-        await tester.pumpAndSettle();
-      }
-    }
  }
 }
@@ -11,7 +11,9 @@ class MockFilePicker implements FilePickerService {
  final List<String> mockPaths;

  @override
-  Future<String?> getDirectoryPath({String? title}) => Future.value(mockPath);
+  Future<String?> getDirectoryPath({String? title}) {
+    return Future.value(mockPath);
+  }

  @override
  Future<String?> saveFile({
@@ -21,8 +23,9 @@ class MockFilePicker implements FilePickerService {
    FileType type = FileType.any,
    List<String>? allowedExtensions,
    bool lockParentWindow = false,
-  }) =>
-      Future.value(mockPath);
+  }) {
+    return Future.value(mockPath);
+  }

  @override
  Future<FilePickerResult?> pickFiles({
@@ -39,21 +42,34 @@ class MockFilePicker implements FilePickerService {
  }) {
    final platformFiles =
        mockPaths.map((e) => PlatformFile(path: e, name: '', size: 0)).toList();
-    return Future.value(FilePickerResult(platformFiles));
+    return Future.value(
+      FilePickerResult(
+        platformFiles,
+      ),
+    );
  }
 }

-Future<void> mockGetDirectoryPath(String path) async {
+Future<void> mockGetDirectoryPath(
+  String path,
+) async {
  getIt.unregister<FilePickerService>();
  getIt.registerFactory<FilePickerService>(
-    () => MockFilePicker(mockPath: path),
+    () => MockFilePicker(
+      mockPath: path,
+    ),
  );
+  return;
 }

-Future<String> mockSaveFilePath(String path) async {
+Future<String> mockSaveFilePath(
+  String path,
+) async {
  getIt.unregister<FilePickerService>();
  getIt.registerFactory<FilePickerService>(
-    () => MockFilePicker(mockPath: path),
+    () => MockFilePicker(
+      mockPath: path,
+    ),
  );
  return path;
 }
@@ -61,7 +77,9 @@ Future<String> mockSaveFilePath(String path) async {
 List<String> mockPickFilePaths({required List<String> paths}) {
  getIt.unregister<FilePickerService>();
  getIt.registerFactory<FilePickerService>(
-    () => MockFilePicker(mockPaths: paths),
+    () => MockFilePicker(
+      mockPaths: paths,
+    ),
  );
  return paths;
 }
@@ -1,11 +1,10 @@
-import 'dart:async';
-import 'dart:convert';
-
-import 'package:appflowy/plugins/document/presentation/editor_plugins/openai/service/error.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/openai/service/openai_client.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/openai/service/text_completion.dart';
-import 'package:http/http.dart' as http;
 import 'package:mocktail/mocktail.dart';
+import 'dart:convert';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/openai/service/text_completion.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/openai/service/error.dart';
+import 'package:http/http.dart' as http;
+import 'dart:async';

 class MyMockClient extends Mock implements http.Client {
  @override
@@ -53,7 +52,7 @@ class MockOpenAIRepository extends HttpOpenAIRepository {
    final request = http.Request('POST', OpenAIRequestType.textCompletion.uri);
    final response = await client.send(request);

-    String previousSyntax = '';
+    var previousSyntax = '';
    if (response.statusCode == 200) {
      await for (final chunk in response.stream
          .transform(const Utf8Decoder())
@@ -77,5 +76,6 @@ class MockOpenAIRepository extends HttpOpenAIRepository {
        }
      }
    }
+    return;
  }
 }
@@ -27,7 +27,9 @@ class MockUrlLauncher extends Fake
  bool launchCalled = false;

  // ignore: use_setters_to_change_properties
-  void setCanLaunchExpectations(String url) => this.url = url;
+  void setCanLaunchExpectations(String url) {
+    this.url = url;
+  }

  void setLaunchExpectations({
    required String url,
@@ -51,7 +53,10 @@ class MockUrlLauncher extends Fake
    this.webOnlyWindowName = webOnlyWindowName;
  }

-  void setResponse(bool response) => this.response = response;
+  // ignore: use_setters_to_change_properties
+  void setResponse(bool response) {
+    this.response = response;
+  }

  @override
  LinkDelegate? get linkDelegate => null;
@@ -99,5 +104,7 @@ class MockUrlLauncher extends Fake
  }

  @override
-  Future<void> closeWebView() async => closeWebViewCalled = true;
+  Future<void> closeWebView() async {
+    closeWebViewCalled = true;
+  }
 }
@@ -1,20 +1,14 @@
-import 'package:appflowy/generated/flowy_svgs.g.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/shared/sidebar_setting.dart';
-import 'package:appflowy/workspace/presentation/settings/pages/settings_account_view.dart';
-import 'package:appflowy/workspace/presentation/settings/pages/settings_workspace_view.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar_setting.dart';
 import 'package:appflowy/workspace/presentation/settings/settings_dialog.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_appearance/direction_setting.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/settings_menu_element.dart';
-import 'package:appflowy/workspace/presentation/widgets/toggle/toggle.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flowy_infra_ui/style_widget/text_field.dart';
 import 'package:flutter_test/flutter_test.dart';

-import '../desktop/board/board_hide_groups_test.dart';
-
 import 'base.dart';
-import 'common_operations.dart';

 extension AppFlowySettings on WidgetTester {
  /// Open settings page
@@ -32,29 +26,32 @@ extension AppFlowySettings on WidgetTester {
    final button = find.byWidgetPredicate(
      (widget) => widget is SettingsMenuElement && widget.page == page,
    );
-
-    await scrollUntilVisible(
-      button,
-      0,
-      scrollable: find.findSettingsMenuScrollable(),
-    );
-    await pump();
-
    expect(button, findsOneWidget);
    await tapButton(button);
    return;
  }

+  Future<void> expectNoSettingsPage(SettingsPage page) async {
+    final button = find.byWidgetPredicate(
+      (widget) => widget is SettingsMenuElement && widget.page == page,
+    );
+    expect(button, findsNothing);
+    return;
+  }
+
  /// Restore the AppFlowy data storage location
  Future<void> restoreLocation() async {
-    final button = find.text(LocaleKeys.settings_common_reset.tr());
+    final button =
+        find.byTooltip(LocaleKeys.settings_files_recoverLocationTooltips.tr());
    expect(button, findsOneWidget);
    await tapButton(button);
-    await pumpAndSettle();
+    return;
+  }

-    final confirmButton = find.text(LocaleKeys.button_confirm.tr());
-    expect(confirmButton, findsOneWidget);
-    await tapButton(confirmButton);
+  Future<void> tapOpenFolderButton() async {
+    final button = find.text(LocaleKeys.settings_files_open.tr());
+    expect(button, findsOneWidget);
+    await tapButton(button);
    return;
  }

@@ -69,43 +66,24 @@ extension AppFlowySettings on WidgetTester {

  /// Enter user name
  Future<void> enterUserName(String name) async {
-    // Enable editing username
-    final editUsernameFinder = find.descendant(
-      of: find.byType(UserProfileSetting),
-      matching: find.byFlowySvg(FlowySvgs.edit_s),
-    );
-    await tap(editUsernameFinder);
-    await pumpAndSettle();
-
-    final userNameFinder = find.descendant(
-      of: find.byType(UserProfileSetting),
-      matching: find.byType(FlowyTextField),
-    );
-    await enterText(userNameFinder, name);
-    await pumpAndSettle();
-
-    await tap(find.text(LocaleKeys.button_save.tr()));
+    final uni = find.byType(UserNameInput);
+    expect(uni, findsOneWidget);
+    await tap(uni);
+    await enterText(uni, name);
+    await wait(300); //
+    await testTextInput.receiveAction(TextInputAction.done);
    await pumpAndSettle();
  }

  // go to settings page and toggle enable RTL toolbar items
  Future<void> toggleEnableRTLToolbarItems() async {
    await openSettings();
-    await openSettingsPage(SettingsPage.workspace);
+    await openSettingsPage(SettingsPage.appearance);

-    final scrollable = find.findSettingsScrollable();
-    await scrollUntilVisible(
-      find.byType(EnableRTLItemsSwitcher),
-      0,
-      scrollable: scrollable,
-    );
-
-    final switcher = find.descendant(
-      of: find.byType(EnableRTLItemsSwitcher),
-      matching: find.byType(Toggle),
-    );
-
-    await tap(switcher);
+    final switchButton =
+        find.byKey(EnableRTLToolbarItemsSetting.enableRTLSwitchKey);
+    expect(switchButton, findsOneWidget);
+    await tapButton(switchButton);

    // tap anywhere to close the settings page
    await tapAt(Offset.zero);
@@ -1,14 +1,14 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/plugins/base/icon/icon_picker.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_icon.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:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';

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

 extension AppFlowyWorkspace on WidgetTester {
  /// Open workspace menu
@@ -36,19 +36,12 @@ extension AppFlowyWorkspace on WidgetTester {
      matching: find.byType(WorkspaceMoreActionList),
    );
    expect(moreButton, findsOneWidget);
-    await hoverOnWidget(
-      moreButton,
-      onHover: () async {
-        await tapButton(moreButton);
-        await tapButton(
-          find.findTextInFlowyText(LocaleKeys.button_rename.tr()),
-        );
-        final input = find.byType(TextFormField);
-        expect(input, findsOneWidget);
-        await enterText(input, name);
-        await tapButton(find.text(LocaleKeys.button_ok.tr()));
-      },
-    );
+    await tapButton(moreButton);
+    await tapButton(find.findTextInFlowyText(LocaleKeys.button_rename.tr()));
+    final input = find.byType(TextFormField);
+    expect(input, findsOneWidget);
+    await enterText(input, name);
+    await tapButton(find.text(LocaleKeys.button_ok.tr()));
  }

  Future<void> changeWorkspaceIcon(String icon) async {
@@ -37,16 +37,6 @@ end
 post_install do |installer|
  installer.pods_project.targets.each do |target|
    flutter_additional_ios_build_settings(target)
-
-    target.build_configurations.each do |config|
-      config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'] ||= [
-        '$(inherited)',
-
-        # dart: PermissionGroup.photos
-        'PERMISSION_PHOTOS=1',
-      ]
-
-    end
  end

  installer.aggregate_targets.each do |target|
@@ -63,9 +63,9 @@ PODS:
  - path_provider_foundation (0.0.1):
    - Flutter
    - FlutterMacOS
-  - permission_handler_apple (9.3.0):
-    - Flutter
  - ReachabilitySwift (5.0.0)
+  - rich_clipboard_ios (0.0.1):
+    - Flutter
  - SDWebImage (5.14.2):
    - SDWebImage/Core (= 5.14.2)
  - SDWebImage/Core (5.14.2)
@@ -100,7 +100,7 @@ DEPENDENCIES:
  - keyboard_height_plugin (from `.symlinks/plugins/keyboard_height_plugin/ios`)
  - package_info_plus (from `.symlinks/plugins/package_info_plus/ios`)
  - path_provider_foundation (from `.symlinks/plugins/path_provider_foundation/darwin`)
-  - permission_handler_apple (from `.symlinks/plugins/permission_handler_apple/ios`)
+  - rich_clipboard_ios (from `.symlinks/plugins/rich_clipboard_ios/ios`)
  - share_plus (from `.symlinks/plugins/share_plus/ios`)
  - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
  - sqflite (from `.symlinks/plugins/sqflite/darwin`)
@@ -147,8 +147,8 @@ EXTERNAL SOURCES:
    :path: ".symlinks/plugins/package_info_plus/ios"
  path_provider_foundation:
    :path: ".symlinks/plugins/path_provider_foundation/darwin"
-  permission_handler_apple:
-    :path: ".symlinks/plugins/permission_handler_apple/ios"
+  rich_clipboard_ios:
+    :path: ".symlinks/plugins/rich_clipboard_ios/ios"
  share_plus:
    :path: ".symlinks/plugins/share_plus/ios"
  shared_preferences_foundation:
@@ -164,22 +164,22 @@ SPEC CHECKSUMS:
  app_links: 5ef33d0d295a89d9d16bb81b0e3b0d5f70d6c875
  appflowy_backend: 144c20d8bfb298c4e10fa3fa6701a9f41bf98b88
  connectivity_plus: bf0076dd84a130856aa636df1c71ccaff908fa1d
-  device_info_plus: 97af1d7e84681a90d0693e63169a5d50e0839a0d
+  device_info_plus: c6fb39579d0f423935b0c9ce7ee2f44b71b9fce6
  DKImagePickerController: b512c28220a2b8ac7419f21c491fc8534b7601ac
  DKPhotoGallery: fdfad5125a9fdda9cc57df834d49df790dbb4179
-  file_picker: 09aa5ec1ab24135ccd7a1621c46c84134bfd6655
+  file_picker: 15fd9539e4eb735dc54bae8c0534a7a9511a03de
  flowy_infra_ui: 0455e1fa8c51885aa1437848e361e99419f34ebc
  Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
  fluttertoast: 31b00dabfa7fb7bacd9e7dbee580d7a2ff4bf265
  image_gallery_saver: cb43cc43141711190510e92c460eb1655cd343cb
  image_picker_ios: 99dfe1854b4fa34d0364e74a78448a0151025425
-  integration_test: ce0a3ffa1de96d1a89ca0ac26fca7ea18a749ef4
+  integration_test: 13825b8a9334a850581300559b8839134b124670
  irondash_engine_context: 3458bf979b90d616ffb8ae03a150bafe2e860cc9
  keyboard_height_plugin: 43fa8bba20fd5c4fdeed5076466b8b9d43cc6b86
-  package_info_plus: 58f0028419748fad15bf008b270aaa8e54380b1c
+  package_info_plus: 115f4ad11e0698c8c1c5d8a689390df880f47e85
  path_provider_foundation: 3784922295ac71e43754bd15e0653ccfd36a147c
-  permission_handler_apple: 9878588469a2b0d0fc1e048d9f43605f92e6cec2
  ReachabilitySwift: 985039c6f7b23a1da463388634119492ff86c825
+  rich_clipboard_ios: 7588abe18f881a6d0e9ec0b12e51cae2761e8942
  SDWebImage: b9a731e1d6307f44ca703b3976d18c24ca561e84
  share_plus: c3fef564749587fc939ef86ffb283ceac0baf9f5
  shared_preferences_foundation: b4c3b4cddf1c21f02770737f147a3f5da9d39695
@@ -189,6 +189,6 @@ SPEC CHECKSUMS:
  Toast: 91b396c56ee72a5790816f40d3a94dd357abc196
  url_launcher_ios: bbd758c6e7f9fd7b5b1d4cde34d2b95fcce5e812

-PODFILE CHECKSUM: d0d9b4ff572d8695c38eb3f9b490f55cdfc57eca
+PODFILE CHECKSUM: d94f9be27d1db182e9bc77d10f065555d518f127

 COCOAPODS: 1.15.2
@@ -127,7 +127,6 @@
 				97C146EC1CF9000F007C117D /* Resources */,
 				3B06AD1E1E4923F5004D2608 /* Thin Binary */,
 				08FAA63113168DEC7FB74204 /* [CP] Embed Pods Frameworks */,
-				A548E58D5F4006A34D7DAA88 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -234,23 +233,6 @@
 			shellPath = /bin/sh;
 			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build";
 		};
-		A548E58D5F4006A34D7DAA88 /* [CP] Copy Pods Resources */ = {
-			isa = PBXShellScriptBuildPhase;
-			buildActionMask = 2147483647;
-			files = (
-			);
-			inputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-input-files.xcfilelist",
-			);
-			name = "[CP] Copy Pods Resources";
-			outputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-output-files.xcfilelist",
-			);
-			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources.sh\"\n";
-			showEnvVarsInLog = 0;
-		};
 		E790B8FE5609053209ED85CB /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
@@ -66,10 +66,5 @@
 		</array>
 		<key>UIViewControllerBasedStatusBarAppearance</key>
 		<false />
-		<key>NSAppTransportSecurity</key>
-		<dict>
-			<key>NSAllowsArbitraryLoads</key>
-			<true/>
-		</dict>
 	</dict>
 </plist>
@@ -65,40 +65,8 @@ class KVKeys {
  /// {'feature_flag_1': true, 'feature_flag_2': false}
  static const String featureFlag = 'featureFlag';

-  /// The key for saving show notification icon option
-  ///
-  /// The value is a boolean string
-  static const String showNotificationIcon = 'showNotificationIcon';
-
  /// The key for saving the last opened workspace id
  ///
  /// The workspace id is a string.
-  @Deprecated('deprecated in version 0.5.5')
  static const String lastOpenedWorkspaceId = 'lastOpenedWorkspaceId';
-
-  /// The key for saving the scale factor
-  ///
-  /// The value is a double string.
-  static const String scaleFactor = 'scaleFactor';
-
-  /// The key for saving the last opened tab (favorite, recent, space etc.)
-  ///
-  /// The value is a int string.
-  static const String lastOpenedSpace = 'lastOpenedSpace';
-
-  /// The key for saving the space tab order
-  ///
-  /// The value is a json string with the following format:
-  /// [0, 1, 2]
-  static const String spaceOrder = 'spaceOrder';
-
-  /// The key for saving the last opened space id (space A, space B)
-  ///
-  /// The value is a string.
-  static const String lastOpenedSpaceId = 'lastOpenedSpaceId';
-
-  /// The key for saving the upgrade space tag
-  ///
-  /// The value is a boolean string
-  static const String hasUpgradedSpace = 'hasUpgradedSpace060';
 }
@@ -1,17 +1,6 @@
-import 'dart:io';
-
-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/shared/window_title_bar.dart';
-import 'package:appflowy/util/theme_extension.dart';
-import 'package:appflowy/workspace/application/home/home_setting_bloc.dart';
-import 'package:easy_localization/easy_localization.dart';
-import 'package:flowy_infra_ui/style_widget/hover.dart';
-import 'package:flowy_infra_ui/widget/flowy_tooltip.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter/material.dart';
+import 'dart:io' show Platform;

 class CocoaWindowChannel {
  CocoaWindowChannel._();
@@ -37,14 +26,9 @@ class CocoaWindowChannel {
 }

 class MoveWindowDetector extends StatefulWidget {
-  const MoveWindowDetector({
-    super.key,
-    this.child,
-    this.showTitleBar = false,
-  });
+  const MoveWindowDetector({super.key, this.child});

  final Widget? child;
-  final bool showTitleBar;

  @override
  MoveWindowDetectorState createState() => MoveWindowDetectorState();
@@ -56,32 +40,15 @@ class MoveWindowDetectorState extends State<MoveWindowDetector> {

  @override
  Widget build(BuildContext context) {
-    if (!Platform.isMacOS && !Platform.isWindows) {
+    if (!Platform.isMacOS) {
      return widget.child ?? const SizedBox.shrink();
    }
-
-    if (Platform.isWindows) {
-      return Column(
-        mainAxisSize: MainAxisSize.min,
-        children: [
-          if (widget.showTitleBar) ...[
-            WindowTitleBar(
-              leftChildren: [
-                _buildToggleMenuButton(context),
-              ],
-            ),
-          ] else ...[
-            const SizedBox(height: 5),
-          ],
-          widget.child ?? const SizedBox.shrink(),
-        ],
-      );
-    }
-
    return GestureDetector(
      // https://stackoverflow.com/questions/52965799/flutter-gesturedetector-not-working-with-containers-in-stack
      behavior: HitTestBehavior.translucent,
-      onDoubleTap: () async => CocoaWindowChannel.instance.zoom(),
+      onDoubleTap: () async {
+        await CocoaWindowChannel.instance.zoom();
+      },
      onPanStart: (DragStartDetails details) {
        winX = details.globalPosition.dx;
        winY = details.globalPosition.dy;
@@ -98,47 +65,4 @@ class MoveWindowDetectorState extends State<MoveWindowDetector> {
      child: widget.child,
    );
  }
-
-  Widget _buildToggleMenuButton(BuildContext context) {
-    if (!context.read<HomeSettingBloc>().state.isMenuCollapsed) {
-      return const SizedBox.shrink();
-    }
-
-    final color = Theme.of(context).isLightMode ? Colors.white : Colors.black;
-    final textSpan = TextSpan(
-      children: [
-        TextSpan(
-          text: '${LocaleKeys.sideBar_openSidebar.tr()}\n',
-          style: Theme.of(context).textTheme.bodyMedium!.copyWith(color: color),
-        ),
-        TextSpan(
-          text: Platform.isMacOS ? '⌘+.' : 'Ctrl+\\',
-          style: Theme.of(context)
-              .textTheme
-              .bodyMedium!
-              .copyWith(color: Theme.of(context).hintColor),
-        ),
-      ],
-    );
-
-    return FlowyTooltip(
-      richMessage: textSpan,
-      child: Listener(
-        behavior: HitTestBehavior.translucent,
-        onPointerDown: (_) => context
-            .read<HomeSettingBloc>()
-            .add(const HomeSettingEvent.collapseMenu()),
-        child: FlowyHover(
-          child: Container(
-            width: 24,
-            padding: const EdgeInsets.all(4),
-            child: const RotatedBox(
-              quarterTurns: 2,
-              child: FlowySvg(FlowySvgs.hide_menu_s),
-            ),
-          ),
-        ),
-      ),
-    );
-  }
 }
@@ -1,10 +1,9 @@
-import 'package:flutter/services.dart';
-import 'package:flutter/widgets.dart';
-
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/workspace/presentation/home/toast.dart';
 import 'package:appflowy_backend/log.dart';
 import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter/widgets.dart';
 import 'package:string_validator/string_validator.dart';
 import 'package:url_launcher/url_launcher.dart' as launcher;

@@ -1,10 +1,18 @@
+import 'dart:typed_data';
+
 import 'package:appflowy/core/notification/notification_helper.dart';
 import 'package:appflowy_backend/protobuf/flowy-document/notification.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-error/errors.pb.dart';
+import 'package:appflowy_result/appflowy_result.dart';

 // This value should be the same as the DOCUMENT_OBSERVABLE_SOURCE value
 const String _source = 'Document';

+typedef DocumentNotificationCallback = void Function(
+  DocumentNotification,
+  FlowyResult<Uint8List, FlowyError>,
+);
+
 class DocumentNotificationParser
    extends NotificationParser<DocumentNotification, FlowyError> {
  DocumentNotificationParser({
@@ -12,6 +12,12 @@ import 'notification_helper.dart';
 // This value should be the same as the FOLDER_OBSERVABLE_SOURCE value
 const String _source = 'Workspace';

+// Folder
+typedef FolderNotificationCallback = void Function(
+  FolderNotification,
+  FlowyResult<Uint8List, FlowyError>,
+);
+
 class FolderNotificationParser
    extends NotificationParser<FolderNotification, FlowyError> {
  FolderNotificationParser({
@@ -12,6 +12,12 @@ import 'notification_helper.dart';
 // This value should be the same as the DATABASE_OBSERVABLE_SOURCE value
 const String _source = 'Database';

+// DatabasePB
+typedef DatabaseNotificationCallback = void Function(
+  DatabaseNotification,
+  FlowyResult<Uint8List, FlowyError>,
+);
+
 class DatabaseNotificationParser
    extends NotificationParser<DatabaseNotification, FlowyError> {
  DatabaseNotificationParser({
@@ -4,7 +4,7 @@ import 'package:flutter/foundation.dart';

 import 'package:appflowy_backend/protobuf/flowy-error/errors.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-notification/protobuf.dart';
-import 'package:appflowy_backend/protobuf/flowy-search/notification.pbenum.dart';
+import 'package:appflowy_backend/protobuf/flowy-search/entities.pbenum.dart';
 import 'package:appflowy_backend/rust_stream.dart';
 import 'package:appflowy_result/appflowy_result.dart';

@@ -13,16 +13,19 @@ import 'notification_helper.dart';
 // This value must be identical to the value in the backend (SEARCH_OBSERVABLE_SOURCE)
 const _source = 'Search';

+typedef SearchNotificationCallback = void Function(
+  SearchNotification,
+  FlowyResult<Uint8List, FlowyError>,
+);
+
 class SearchNotificationParser
    extends NotificationParser<SearchNotification, FlowyError> {
  SearchNotificationParser({
    super.id,
    required super.callback,
-    String? channel,
  }) : super(
-          tyParser: (ty, source) => source == "$_source$channel"
-              ? SearchNotification.valueOf(ty)
-              : null,
+          tyParser: (ty, source) =>
+              source == _source ? SearchNotification.valueOf(ty) : null,
          errorParser: (bytes) => FlowyError.fromBuffer(bytes),
        );
 }
@@ -36,12 +39,7 @@ class SearchNotificationListener {
  SearchNotificationListener({
    required String objectId,
    required SearchNotificationHandler handler,
-    String? channel,
-  }) : _parser = SearchNotificationParser(
-          id: objectId,
-          callback: handler,
-          channel: channel,
-        ) {
+  }) : _parser = SearchNotificationParser(id: objectId, callback: handler) {
    _subscription =
        RustStreamReceiver.listen((observable) => _parser?.parse(observable));
  }
@@ -1,11 +1,23 @@
+import 'dart:async';
+import 'dart:typed_data';
+
 import 'package:appflowy_backend/protobuf/flowy-error/errors.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-notification/protobuf.dart';
 import 'package:appflowy_backend/protobuf/flowy-user/protobuf.dart';
+import 'package:appflowy_backend/rust_stream.dart';
+import 'package:appflowy_result/appflowy_result.dart';

 import 'notification_helper.dart';

 // This value should be the same as the USER_OBSERVABLE_SOURCE value
 const String _source = 'User';

+// User
+typedef UserNotificationCallback = void Function(
+  UserNotification,
+  FlowyResult<Uint8List, FlowyError>,
+);
+
 class UserNotificationParser
    extends NotificationParser<UserNotification, FlowyError> {
  UserNotificationParser({
@@ -17,3 +29,26 @@ class UserNotificationParser
          errorParser: (bytes) => FlowyError.fromBuffer(bytes),
        );
 }
+
+typedef UserNotificationHandler = Function(
+  UserNotification ty,
+  FlowyResult<Uint8List, FlowyError> result,
+);
+
+class UserNotificationListener {
+  UserNotificationListener({
+    required String objectId,
+    required UserNotificationHandler handler,
+  }) : _parser = UserNotificationParser(id: objectId, callback: handler) {
+    _subscription =
+        RustStreamReceiver.listen((observable) => _parser?.parse(observable));
+  }
+
+  UserNotificationParser? _parser;
+  StreamSubscription<SubscribeObject>? _subscription;
+
+  Future<void> stop() async {
+    _parser = null;
+    await _subscription?.cancel();
+  }
+}
@@ -319,8 +319,7 @@ Future<String> _getAppFlowyCloudWSUrl(String baseURL) async {

    // Construct the WebSocket URL directly from the parsed URI.
    final wsScheme = uri.isScheme('HTTPS') ? 'wss' : 'ws';
-    final wsUrl =
-        Uri(scheme: wsScheme, host: uri.host, port: uri.port, path: '/ws/v1');
+    final wsUrl = Uri(scheme: wsScheme, host: uri.host, path: '/ws/v1');

    return wsUrl.toString();
  } catch (e) {
@@ -1,9 +1,9 @@
-import 'package:scaled_app/scaled_app.dart';
+import 'package:flutter/material.dart';

 import 'startup/startup.dart';

 Future<void> main() async {
-  ScaledWidgetsFlutterBinding.ensureInitialized(scaleFactor: (_) => 1.0);
+  WidgetsFlutterBinding.ensureInitialized();

  await runAppFlowy();
 }
@@ -1,106 +0,0 @@
-import 'package:appflowy/mobile/application/page_style/document_page_style_bloc.dart';
-import 'package:appflowy/user/application/user_service.dart';
-import 'package:appflowy/workspace/application/view/prelude.dart';
-import 'package:appflowy/workspace/application/view/view_ext.dart';
-import 'package:appflowy_backend/protobuf/flowy-error/errors.pb.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
-import 'package:appflowy_backend/protobuf/flowy-user/protobuf.dart';
-import 'package:appflowy_result/appflowy_result.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:freezed_annotation/freezed_annotation.dart';
-
-part 'mobile_view_page_bloc.freezed.dart';
-
-class MobileViewPageBloc
-    extends Bloc<MobileViewPageEvent, MobileViewPageState> {
-  MobileViewPageBloc({
-    required this.viewId,
-  })  : _viewListener = ViewListener(viewId: viewId),
-        super(MobileViewPageState.initial()) {
-    on<MobileViewPageEvent>(
-      (event, emit) async {
-        await event.when(
-          initial: () async {
-            _registerListeners();
-
-            final userProfilePB =
-                await UserBackendService.getCurrentUserProfile()
-                    .fold((s) => s, (f) => null);
-            final result = await ViewBackendService.getView(viewId);
-            final isImmersiveMode =
-                _isImmersiveMode(result.fold((s) => s, (f) => null));
-            emit(
-              state.copyWith(
-                isLoading: false,
-                result: result,
-                isImmersiveMode: isImmersiveMode,
-                userProfilePB: userProfilePB,
-              ),
-            );
-          },
-          updateImmersionMode: (isImmersiveMode) {
-            emit(
-              state.copyWith(
-                isImmersiveMode: isImmersiveMode,
-              ),
-            );
-          },
-        );
-      },
-    );
-  }
-
-  final String viewId;
-  final ViewListener _viewListener;
-
-  @override
-  Future<void> close() {
-    _viewListener.stop();
-    return super.close();
-  }
-
-  void _registerListeners() {
-    _viewListener.start(
-      onViewUpdated: (view) {
-        final isImmersiveMode = _isImmersiveMode(view);
-        add(MobileViewPageEvent.updateImmersionMode(isImmersiveMode));
-      },
-    );
-  }
-
-  // only the document page supports immersive mode (version 0.5.6)
-  bool _isImmersiveMode(ViewPB? view) {
-    if (view == null) {
-      return false;
-    }
-
-    final cover = view.cover;
-    if (cover == null || cover.type == PageStyleCoverImageType.none) {
-      return false;
-    } else if (view.layout == ViewLayoutPB.Document && !cover.isPresets) {
-      // only support immersive mode for document layout
-      return true;
-    }
-
-    return false;
-  }
-}
-
-@freezed
-class MobileViewPageEvent with _$MobileViewPageEvent {
-  const factory MobileViewPageEvent.initial() = Initial;
-  const factory MobileViewPageEvent.updateImmersionMode(bool isImmersiveMode) =
-      UpdateImmersionMode;
-}
-
-@freezed
-class MobileViewPageState with _$MobileViewPageState {
-  const factory MobileViewPageState({
-    @Default(true) bool isLoading,
-    @Default(null) FlowyResult<ViewPB, FlowyError>? result,
-    @Default(false) bool isImmersiveMode,
-    @Default(null) UserProfilePB? userProfilePB,
-  }) = _MobileViewPageState;
-
-  factory MobileViewPageState.initial() => const MobileViewPageState();
-}
Author	SHA1	Message	Date
Zack Fu Zi Xiang	b45ba18530	chore: update client api	2024-04-22 11:34:13 +08:00
Zack Fu Zi Xiang	6d85c56852	Merge branch 'main' into sign-in-error-format	2024-04-22 11:33:01 +08:00
Zack Fu Zi Xiang	a93051c5b5	chore: use inferred error instead	2024-04-19 10:51:15 +08:00