chore: use openai default model (#4368 )

* chore: use openai default model * feat: update openai mode
fix: unable to use slide gesture to close keyboard (#4391 )
2024-01-15 16:26:45 +08:00 · 2024-01-15 16:26:37 +08:00 · 2024-01-15 16:26:27 +08:00 · 2024-01-15 15:39:04 +08:00 · 2024-01-15 12:53:53 +08:00 · 2024-01-14 22:56:11 +08:00
2199 changed files with 44362 additions and 59790 deletions
@@ -0,0 +1,99 @@
+name: Build AppFlowy Release APK
+
+on: workflow_dispatch
+
+env:
+  FLUTTER_VERSION: "3.18.0-0.2.pre"
+  RUST_TOOLCHAIN: "1.75"
+
+jobs:
+  build:
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest]
+        include:
+          - os: ubuntu-latest
+            target: aarch64-linux-android
+    runs-on: ${{ matrix.os }}
+
+    steps:
+      # the following step is required to avoid running out of space
+      - name: Maximize build space
+        if: matrix.os == 'ubuntu-latest'
+        run: |
+          sudo rm -rf /usr/share/dotnet
+          sudo rm -rf /opt/ghc
+          sudo rm -rf "/usr/local/share/boost"
+          sudo rm -rf "$AGENT_TOOLSDIRECTORY"
+
+      - name: Checkout source code
+        uses: actions/checkout@v2
+
+      - name: Install Rust toolchain
+        id: rust_toolchain
+        uses: actions-rs/toolchain@v1
+        with:
+          toolchain: ${{ env.RUST_TOOLCHAIN }}
+          target: ${{ matrix.target }}
+          override: true
+          profile: minimal
+
+      - name: Install flutter
+        id: flutter
+        uses: subosito/flutter-action@v2
+        with:
+          channel: "beta"
+          flutter-version: ${{ env.FLUTTER_VERSION }}
+          cache: true
+
+      - uses: nttld/setup-ndk@v1
+        id: setup-ndk
+        with:
+            ndk-version: "r24"
+            add-to-path: true
+
+      - uses: Swatinem/rust-cache@v2
+        with:
+          prefix-key: ${{ matrix.os }}
+          workspaces: |
+            frontend/rust-lib
+
+      - uses: davidB/rust-cargo-make@v1
+        with:
+          version: "0.36.6"
+
+      - name: Install prerequisites
+        working-directory: frontend
+        run: |
+          rustup target install aarch64-linux-android
+          rustup target install x86_64-linux-android
+          cargo install --force duckscript_cli
+          cargo install cargo-ndk
+          if [ "$RUNNER_OS" == "Linux" ]; then
+            sudo wget -qO /etc/apt/trusted.gpg.d/dart_linux_signing_key.asc https://dl-ssl.google.com/linux/linux_signing_key.pub
+            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
+            sudo apt-get install keybinder-3.0 libnotify-dev
+            sudo apt-get install gcc-multilib
+          elif [ "$RUNNER_OS" == "Windows" ]; then
+            vcpkg integrate install
+          elif [ "$RUNNER_OS" == "macOS" ]; then
+            echo 'do nothing'
+          fi
+          cargo make appflowy-flutter-deps-tools
+        shell: bash
+
+      - name: Build AppFlowy
+        working-directory: frontend
+        env:
+          ANDROID_NDK_HOME: ${{ steps.setup-ndk.outputs.ndk-path }}
+        run: |
+            cargo make --profile production-android appflowy-android
+
+      - name: Upload APK
+        uses: actions/upload-artifact@v2
+        with:
+          name: app-arm64-v8a-release.apk
+          path: frontend/appflowy_flutter/build/app/outputs/flutter-apk/
@@ -4,27 +4,25 @@ on:
  push:
    branches:
      - "main"
-      - "develop"
      - "release/*"
    paths:
      - ".github/workflows/flutter_ci.yaml"
-      - "frontend/**"
-      - "!frontend/appflowy_tauri/**"
+      - "frontend/rust-lib/**"
+      - "frontend/appflowy_flutter/**"

  pull_request:
    branches:
      - "main"
-      - "develop"
      - "release/*"
    paths:
      - ".github/workflows/flutter_ci.yaml"
-      - "frontend/**"
-      - "!frontend/appflowy_tauri/**"
+      - "frontend/rust-lib/**"
+      - "frontend/appflowy_flutter/**"

 env:
  CARGO_TERM_COLOR: always
-  FLUTTER_VERSION: "3.13.9"
-  RUST_TOOLCHAIN: "1.70"
+  FLUTTER_VERSION: "3.18.0-0.2.pre"
+  RUST_TOOLCHAIN: "1.75"
  CARGO_MAKE_VERSION: "0.36.6"

 concurrency:
@@ -76,7 +74,7 @@ jobs:
        id: flutter
        uses: subosito/flutter-action@v2
        with:
-          channel: "stable"
+          channel: "beta"
          flutter-version: ${{ env.FLUTTER_VERSION }}

      - uses: Swatinem/rust-cache@v2
@@ -157,7 +155,7 @@ jobs:
        id: flutter
        uses: subosito/flutter-action@v2
        with:
-          channel: "stable"
+          channel: "beta"
          flutter-version: ${{ env.FLUTTER_VERSION }}

      - uses: Swatinem/rust-cache@v2
@@ -217,20 +215,91 @@ jobs:
          fi
        shell: bash

-      # disable coverage for now as it's not working
-      # - name: Upload coverage to Codecov
-      #   uses: Wandalen/wretry.action@v1.0.36
-      #   with:
-      #     action: codecov/codecov-action@v3
-      #     with: |
-      #       name: appflowy
-      #       flags: appflowy_flutter_unit_test
-      #       fail_ci_if_error: true
-      #       verbose: true
-      #       os: ${{ matrix.os }}
-      #       token: ${{ secrets.CODECOV_TOKEN }}
-      #     attempt_limit: 20
-      #     attempt_delay: 10000
+  cloud_integration_test:
+    needs: [ prepare ]
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ ubuntu-latest ]
+        include:
+          - os: ubuntu-latest
+            flutter_profile: development-linux-x86_64
+            target: x86_64-unknown-linux-gnu
+    runs-on: ${{ matrix.os }}
+
+    steps:
+      - name: Checkout appflowy cloud code
+        uses: actions/checkout@v3
+        with:
+          repository: AppFlowy-IO/AppFlowy-Cloud
+          path: AppFlowy-Cloud
+          depth: 1
+
+      - name: Prepare appflowy cloud env
+        working-directory: AppFlowy-Cloud
+        run: |
+          # log level
+          cp deploy.env .env
+          sed -i 's|RUST_LOG=.*|RUST_LOG=trace|' .env
+          sed -i 's/GOTRUE_EXTERNAL_GOOGLE_ENABLED=.*/GOTRUE_EXTERNAL_GOOGLE_ENABLED=true/' .env
+          sed -i 's|API_EXTERNAL_URL=.*|API_EXTERNAL_URL=http://localhost|' .env
+
+      - name: Run Docker-Compose
+        working-directory: AppFlowy-Cloud
+        run: |
+          docker compose down -v --remove-orphans
+          docker pull appflowyinc/appflowy_cloud:latest
+          docker compose up -d
+
+      - name: Checkout source code
+        uses: actions/checkout@v2
+
+      - name: Install flutter
+        id: flutter
+        uses: subosito/flutter-action@v2
+        with:
+          channel: "beta"
+          flutter-version: ${{ env.FLUTTER_VERSION }}
+
+      - uses: taiki-e/install-action@v2
+        with:
+          tool: cargo-make@${{ env.CARGO_MAKE_VERSION }}
+
+      - name: Install prerequisites
+        working-directory: frontend
+        run: |
+          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
+        shell: bash
+
+      - name: Enable Flutter Desktop
+        run: |
+          flutter config --enable-linux-desktop
+        shell: bash
+
+      - uses: actions/download-artifact@v3
+        with:
+          name: ${{ github.run_id }}-${{ matrix.os }}
+
+      - name: Uncompressed appflowy_flutter
+        run: |
+          tar -xf appflowy_flutter.tar.gz
+          ls -al
+
+      - name: Run flutter pub get
+        working-directory: frontend
+        run: cargo make pub_get
+
+      - name: Run Flutter integration tests
+        working-directory: frontend/appflowy_flutter
+        run: |
+          export DISPLAY=:99
+          sudo Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 &
+          sudo apt-get install network-manager
+          flutter test integration_test/cloud/cloud_runner.dart -d Linux --coverage
+        shell: bash

  integration_test:
    needs: [prepare]
@@ -238,14 +307,11 @@ jobs:
    strategy:
      fail-fast: false
      matrix:
-        os: [ubuntu-latest, windows-latest]
+        os: [ubuntu-latest]
        include:
          - os: ubuntu-latest
            flutter_profile: development-linux-x86_64
            target: x86_64-unknown-linux-gnu
-          - os: windows-latest
-            flutter_profile: development-windows-x86
-            target: x86_64-pc-windows-msvc
    runs-on: ${{ matrix.os }}

    steps:
@@ -265,7 +331,7 @@ jobs:
        id: flutter
        uses: subosito/flutter-action@v2
        with:
-          channel: "stable"
+          channel: "beta"
          flutter-version: ${{ env.FLUTTER_VERSION }}

      - uses: taiki-e/install-action@v2
@@ -320,103 +386,6 @@ jobs:
            flutter test integration_test/runner.dart -d Windows --coverage
          fi
        shell: bash
-
-  cloud_integration_test:
-    needs: [prepare]
-#    if: github.event_name != 'pull_request'
-    strategy:
-      fail-fast: false
-      matrix:
-        os: [ubuntu-latest]
-        include:
-          - os: ubuntu-latest
-            flutter_profile: development-linux-x86_64
-            target: x86_64-unknown-linux-gnu
-    runs-on: ${{ matrix.os }}
-
-    steps:
-      - name: Checkout appflowy cloud code
-        uses: actions/checkout@v3
-        with:
-          repository: AppFlowy-IO/AppFlowy-Cloud
-          path: AppFlowy-Cloud
-          depth: 1
-
-
-      - name: Prepare appflowy cloud env
-        working-directory: AppFlowy-Cloud
-        run: |
-          # log level
-          cp dev.env .env
-          sed -i 's|RUST_LOG=.*|RUST_LOG=trace|' .env
-          sed -i 's/GOTRUE_SMTP_USER=.*/GOTRUE_SMTP_USER=${{ secrets.INTEGRATION_TEST_GOTRUE_SMTP_USER }}/' .env
-          sed -i 's/GOTRUE_SMTP_PASS=.*/GOTRUE_SMTP_PASS=${{ secrets.INTEGRATION_TEST_GOTRUE_SMTP_PASS }}/' .env
-          sed -i 's/GOTRUE_SMTP_ADMIN_EMAIL=.*/GOTRUE_SMTP_ADMIN_EMAIL=${{ secrets.INTEGRATION_TEST_GOTRUE_SMTP_ADMIN_EMAIL }}/' .env
-          sed -i 's/GOTRUE_EXTERNAL_GOOGLE_ENABLED=.*/GOTRUE_EXTERNAL_GOOGLE_ENABLED=true/' .env
-          sed -i 's|API_EXTERNAL_URL=.*|API_EXTERNAL_URL=http://localhost|' .env
-          cat .env
-
-      - name: Run Docker-Compose
-        working-directory: AppFlowy-Cloud
-        run: |
-          docker compose up -d
-
-      - name: Checkout source code
-        uses: actions/checkout@v2
-
-      - name: Install flutter
-        id: flutter
-        uses: subosito/flutter-action@v2
-        with:
-          channel: "stable"
-          flutter-version: ${{ env.FLUTTER_VERSION }}
-
-      - uses: taiki-e/install-action@v2
-        with:
-          tool: cargo-make@${{ env.CARGO_MAKE_VERSION }}
-
-      - name: Install prerequisites
-        working-directory: frontend
-        run: |
-          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
-        shell: bash
-
-      - name: Enable Flutter Desktop
-        run: |
-          flutter config --enable-linux-desktop
-        shell: bash
-
-      - uses: actions/download-artifact@v3
-        with:
-          name: ${{ github.run_id }}-${{ matrix.os }}
-
-      - name: Uncompressed appflowy_flutter
-        run: |
-          tar -xf appflowy_flutter.tar.gz
-          ls -al
-
-      - name: Enable localhost env
-        working-directory: frontend/appflowy_flutter
-        run: |
-          echo 'APPFLOWY_CLOUD_URL=http://localhost' >> .env
-          dart run build_runner clean && dart run build_runner build --delete-conflicting-outputs
-
-      - name: Run flutter pub get
-        working-directory: frontend
-        run: cargo make pub_get
-
-      - name: Run Flutter integration tests
-        working-directory: frontend/appflowy_flutter
-        run: |
-          export DISPLAY=:99
-          sudo Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 &
-          sudo apt-get install network-manager
-          flutter test integration_test/cloud_runner.dart -d Linux --coverage
-        shell: bash
-
  build:
    needs: [prepare]
    if: github.event.pull_request.draft != true
@@ -453,7 +422,7 @@ jobs:
        id: flutter
        uses: subosito/flutter-action@v2
        with:
-          channel: "stable"
+          channel: "beta"
          flutter-version: ${{ env.FLUTTER_VERSION }}

      - uses: taiki-e/install-action@v2
@@ -18,8 +18,8 @@ on:
      - "!frontend/appflowy_tauri/**"

 env:
-  FLUTTER_VERSION: "3.13.9"
-  RUST_TOOLCHAIN: "1.70"
+  FLUTTER_VERSION: "3.18.0-0.2.pre"
+  RUST_TOOLCHAIN: "1.75"

 concurrency:
  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -63,7 +63,7 @@ jobs:
        id: flutter
        uses: subosito/flutter-action@v2
        with:
-          channel: "stable"
+          channel: "beta"
          flutter-version: ${{ env.FLUTTER_VERSION }}
          cache: true

@@ -73,6 +73,10 @@ jobs:
            ndk-version: "r24"
            add-to-path: true

+      - uses: gradle/gradle-build-action@v2
+        with:
+          gradle-version: 7.6.3
+
      - uses: Swatinem/rust-cache@v2
        with:
          prefix-key: ${{ matrix.os }}
@@ -110,4 +114,4 @@ jobs:
        env:
          ANDROID_NDK_HOME: ${{ steps.setup-ndk.outputs.ndk-path }}
        run: |
-          cargo make --profile development-android appflowy-android-dev
+          cargo make --profile development-android appflowy-android-dev-ci
@@ -6,8 +6,8 @@ on:
      - "*"

 env:
-  FLUTTER_VERSION: "3.13.9"
-  RUST_TOOLCHAIN: "1.70"
+  FLUTTER_VERSION: "3.18.0-0.2.pre"
+  RUST_TOOLCHAIN: "1.75"

 jobs:
  create-release:
@@ -57,7 +57,7 @@ jobs:
      - name: Install flutter
        uses: subosito/flutter-action@v2
        with:
-          channel: "stable"
+          channel: "beta"
          flutter-version: ${{ env.FLUTTER_VERSION }}

      - name: Install Rust toolchain
@@ -143,7 +143,7 @@ jobs:
      - name: Install flutter
        uses: subosito/flutter-action@v2
        with:
-          channel: "stable"
+          channel: "beta"
          flutter-version: ${{ env.FLUTTER_VERSION }}

      - name: Install Rust toolchain
@@ -243,7 +243,7 @@ jobs:
      - name: Install flutter
        uses: subosito/flutter-action@v2
        with:
-          channel: "stable"
+          channel: "beta"
          flutter-version: ${{ env.FLUTTER_VERSION }}

      - name: Install Rust toolchain
@@ -263,7 +263,7 @@ jobs:
        working-directory: frontend
        run: |
          flutter config --enable-macos-desktop
-          sh scripts/flutter_release_build/build_universal_package_for_macos.sh
+          sh scripts/flutter_release_build/build_universal_package_for_macos.sh ${{ github.ref_name }}

      - name: Codesign AppFlowy
        run: |
@@ -346,7 +346,7 @@ jobs:
      - name: Install flutter
        uses: subosito/flutter-action@v2
        with:
-          channel: "stable"
+          channel: "beta"
          flutter-version: ${{ env.FLUTTER_VERSION }}

      - name: Install Rust toolchain
@@ -8,7 +8,6 @@ on:
      - "release/*"
    paths:
      - "frontend/rust-lib/**"
-      - "shared-lib/**"

  pull_request:
    branches:
@@ -17,15 +16,14 @@ on:
      - "release/*"
    paths:
      - "frontend/rust-lib/**"
-      - "shared-lib/**"

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

 jobs:
  test-on-ubuntu:
-    environment: SUPABASE_CI
+#    environment: SUPABASE_CI
    runs-on: ubuntu-latest
    steps:
      - name: Checkout source code
@@ -52,30 +50,58 @@ jobs:
          workspaces: |
            frontend/rust-lib

-      - name: Create .env file in flowy-server
-        working-directory: frontend/rust-lib/flowy-server
-        run: |
-          touch .env.ci
-          echo SUPABASE_URL=${{ secrets.SUPABASE_URL }} >> .env.ci
-          echo SUPABASE_ANON_KEY=${{ secrets.SUPABASE_ANON_KEY }} >> .env.ci
-          echo SUPABASE_JWT_SECRET=${{ secrets.SUPABASE_JWT_SECRET }} >> .env.ci
+#      - name: Create .env file in flowy-server
+#        working-directory: frontend/rust-lib/flowy-server
+#        run: |
+#          touch .env.ci
+#          echo SUPABASE_URL=${{ secrets.SUPABASE_URL }} >> .env.ci
+#          echo SUPABASE_ANON_KEY=${{ secrets.SUPABASE_ANON_KEY }} >> .env.ci
+#          echo SUPABASE_JWT_SECRET=${{ secrets.SUPABASE_JWT_SECRET }} >> .env.ci
+#
+#      - name: Create .env file in event-integration
+#        working-directory: frontend/rust-lib/event-integration
+#        run: |
+#          touch .env.ci
+#          echo SUPABASE_URL=${{ secrets.SUPABASE_URL }} >> .env.ci
+#          echo SUPABASE_ANON_KEY=${{ secrets.SUPABASE_ANON_KEY }} >> .env.ci
+#          echo SUPABASE_JWT_SECRET=${{ secrets.SUPABASE_JWT_SECRET }} >> .env.ci

-      - name: Create .env file in event-integration
-        working-directory: frontend/rust-lib/event-integration
+      - name: Checkout appflowy cloud code
+        uses: actions/checkout@v3
+        with:
+          repository: AppFlowy-IO/AppFlowy-Cloud
+          path: AppFlowy-Cloud
+          depth: 1
+
+      - name: Prepare appflowy cloud env
+        working-directory: AppFlowy-Cloud
        run: |
-          touch .env.ci
-          echo SUPABASE_URL=${{ secrets.SUPABASE_URL }} >> .env.ci
-          echo SUPABASE_ANON_KEY=${{ secrets.SUPABASE_ANON_KEY }} >> .env.ci
-          echo SUPABASE_JWT_SECRET=${{ secrets.SUPABASE_JWT_SECRET }} >> .env.ci
+          # log level
+          cp deploy.env .env
+          sed -i 's|RUST_LOG=.*|RUST_LOG=trace|' .env
+          sed -i 's|API_EXTERNAL_URL=.*|API_EXTERNAL_URL=http://localhost|' .env
+
+      - name: Run Docker-Compose
+        working-directory: AppFlowy-Cloud
+        run: |
+          docker pull appflowyinc/appflowy_cloud:latest
+          docker compose up -d

      - name: Run rust-lib tests
        working-directory: frontend/rust-lib
-        run: RUST_LOG=info RUST_BACKTRACE=1 cargo test --no-default-features --features="rev-sqlite"
+        env:
+          RUST_LOG: info
+          RUST_BACKTRACE: 1
+          af_cloud_test_base_url: http://localhost
+          af_cloud_test_ws_url: ws://localhost/ws
+          af_cloud_test_gotrue_url: http://localhost/gotrue
+        run: cargo test --no-default-features --features="rev-sqlite" -- --nocapture
+

      - name: rustfmt rust-lib
        run: cargo fmt --all -- --check
        working-directory: frontend/rust-lib/

      - name: clippy rust-lib
-        run: cargo clippy --all
+        run: cargo clippy --all-targets -- -D warnings
        working-directory: frontend/rust-lib
@@ -7,12 +7,11 @@ on:
      - "release/*"
    paths:
      - "frontend/rust-lib/**"
-      - "shared-lib/**"

 env:
  CARGO_TERM_COLOR: always
-  FLUTTER_VERSION: "3.13.9"
-  RUST_TOOLCHAIN: "1.70"
+  FLUTTER_VERSION: "3.18.0-0.2.pre"
+  RUST_TOOLCHAIN: "1.75"

 jobs:
  tests:
@@ -34,7 +33,7 @@ jobs:
        id: flutter
        uses: subosito/flutter-action@v2
        with:
-          channel: "stable"
+          channel: "beta"
          flutter-version: ${{ env.FLUTTER_VERSION }}
          cache: true

@@ -9,7 +9,7 @@ on:
 env:
  NODE_VERSION: "18.16.0"
  PNPM_VERSION: "8.5.0"
-  RUST_TOOLCHAIN: "1.70"
+  RUST_TOOLCHAIN: "1.75"

 concurrency:
  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
@@ -0,0 +1,82 @@
+name: WEB-CI
+
+on:
+  pull_request:
+    branches:
+      - "main"
+    paths:
+      - ".github/workflows/web_ci.yaml"
+      - "frontend/rust-lib/**"
+      - "frontend/appflowy_web/**"
+
+env:
+  CARGO_TERM_COLOR: always
+  NODE_VERSION: "18.16.0"
+  PNPM_VERSION: "8.5.0"
+  RUST_TOOLCHAIN: "1.75"
+  CARGO_MAKE_VERSION: "0.36.6"
+
+jobs:
+  web-build:
+    if: github.event.pull_request.draft != true
+    strategy:
+      fail-fast: false
+      matrix:
+        platform: [ubuntu-latest]
+
+    runs-on: ${{ matrix.platform }}
+    steps:
+      - uses: actions/checkout@v3
+      - name: setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+
+      - name: Cache Rust Dependencies
+        uses: Swatinem/rust-cache@v2
+        with:
+          key: rust-dependencies-${{ runner.os }}
+          workspaces: |
+            frontend/rust-lib
+            frontend/appflowy_web/appflowy_wasm
+
+      - name: Cache Node.js dependencies
+        uses: actions/cache@v2
+        with:
+          path: ~/.npm
+          key: npm-${{ runner.os }}
+
+      - name: Cache node_modules
+        uses: actions/cache@v2
+        with:
+          path: frontend/appflowy_web/node_modules
+          key: node-modules-${{ runner.os }}
+
+      - name: Install Rust toolchain
+        id: rust_toolchain
+        uses: actions-rs/toolchain@v1
+        with:
+          toolchain: ${{ env.RUST_TOOLCHAIN }}
+          override: true
+          profile: minimal
+
+      - name: Install wasm-pack
+        run: cargo install wasm-pack
+
+      - uses: taiki-e/install-action@v2
+        with:
+          tool: cargo-make@${{ env.CARGO_MAKE_VERSION }}
+
+      - name: install dependencies
+        if: matrix.platform == 'ubuntu-latest'
+        working-directory: frontend
+        run: |
+          sudo apt-get update
+          npm install -g pnpm@${{ env.PNPM_VERSION }}
+          cargo make install_web_protobuf
+
+      - name: Build
+        working-directory: frontend/appflowy_web
+        run: |
+          pnpm install
+          pnpm run wasm
@@ -21,11 +21,8 @@ node_modules

 **/resources/proto

-!frontend/.vscode/settings.json
-!frontend/.vscode/tasks.json
-!frontend/.vscode/launch.json
-!frontend/.vscode/extensions.json
-!frontend/.vscode/*.code-snippets
+# ignore settings.json
+frontend/.vscode/settings.json

 # Commit the highest level pubspec.lock, but ignore the others
 pubspec.lock
@@ -38,7 +35,7 @@ pubspec.lock

 **/AppFlowy-Collab/

-# ignore the deb filegit
+# ignore generated assets
 frontend/package
 frontend/*.deb

@@ -1,5 +1,28 @@
 # Release Notes

+## Version 0.4.1 - 01/03/2024
+### Bug fixes
+- Fix import AppFlowy data folder
+
+## Version 0.4.0 - 12/30/2023
+1. Added capability to import data from an AppFlowy data folder. For detailed information, please see [AppFlowy Data Storage Documentation](https://docs.appflowy.io/docs/appflowy/product/data-storage).
+2. Enhanced user interface and fixed various bugs.
+3. Improved the efficiency of data synchronization in AppFlowy Cloud
+
+## Version 0.3.9.1 - 12/07/2023
+
+### Bug fixes
+- Fix potential blank pages that may occur in an empty document
+
+## Version 0.3.9 - 12/07/2023
+
+### New Features
+- Support inserting a new field to the left or right of an existing one
+
+### Bug fixes
+- Fix some emojis are shown in black/white
+- Fix unable to rename a subpage of subpage
+
 ## Version 0.3.8 - 11/13/2023

 ### New Features
@@ -12,8 +12,11 @@
            "program": "./lib/main.dart",
            "type": "dart",
            "env": {
-                "RUST_LOG": "debug",
+                "RUST_LOG": "trace",
+                "RUST_BACKTRACE": "1"
            },
+            // uncomment the following line to testing performance.
+            // "flutterMode": "profile",
            "cwd": "${workspaceRoot}/appflowy_flutter"
        },
        {
@@ -66,16 +69,6 @@
            },
            "cwd": "${workspaceRoot}/appflowy_flutter"
        },
-        {
-            "name": "AF-iOS-Simulator: Build Dart only",
-            "request": "launch",
-            "program": "./lib/main.dart",
-            "type": "dart",
-            "env": {
-                "RUST_LOG": "trace"
-            },
-            "cwd": "${workspaceRoot}/appflowy_flutter"
-        },
        {
            "name": "AF-iOS-Simulator: Build All",
            "request": "launch",
@@ -1,36 +0,0 @@
-{
-    "[dart]": {
-        "editor.formatOnSave": true,
-        "editor.formatOnType": true,
-        "editor.rulers": [80],
-        "editor.selectionHighlight": false,
-        "editor.suggest.snippetsPreventQuickSuggestions": false,
-        "editor.suggestSelection": "first",
-        "editor.tabCompletion": "onlySnippets",
-        "editor.wordBasedSuggestions": false,
-    },
-    "[javascript]": {
-        "editor.formatOnSave": true,
-        "editor.rulers": [80],
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[typescript]": {
-        "editor.formatOnSave": true,
-        "editor.rulers": [80],
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "svgviewer.enableautopreview": true,
-    "svgviewer.previewcolumn": "Active",
-    "svgviewer.showzoominout": true,
-    "editor.wordWrapColumn": 80,
-    "editor.minimap.maxColumn": 140,
-    "editor.wordWrap": "wordWrapColumn",
-    "dart.lineLength": 80,
-    "typescript.validate.enable": true,
-    "javascript.validate.enable": true,
-    "files.associations": {
-        "*.log.*": "log"
-    },
-    "editor.formatOnSave": true,
-    "files.eol": "\n",
-}
@@ -14,10 +14,10 @@
      "type": "shell",
      "dependsOrder": "sequence",
      "dependsOn": [
+        "AF: Dart Clean",
        "AF: Flutter Clean",
        "AF: Build Appflowy Core",
        "AF: Flutter Pub Get",
-        "AF: Flutter Package Get",
        "AF: Generate Language Files",
        "AF: Generate Freezed Files",
        "AF: Generate Svg Files"
@@ -32,10 +32,10 @@
      "type": "shell",
      "dependsOrder": "sequence",
      "dependsOn": [
+        "AF: Dart Clean",
        "AF: Flutter Clean",
        "AF: Build Appflowy Core For iOS",
        "AF: Flutter Pub Get",
-        "AF: Flutter Package Get",
        "AF: Generate Language Files",
        "AF: Generate Freezed Files",
        "AF: Generate Svg Files"
@@ -50,10 +50,10 @@
      "type": "shell",
      "dependsOrder": "sequence",
      "dependsOn": [
+        "AF: Dart Clean",
        "AF: Flutter Clean",
        "AF: Build Appflowy Core For iOS Simulator",
        "AF: Flutter Pub Get",
-        "AF: Flutter Package Get",
        "AF: Generate Language Files",
        "AF: Generate Freezed Files",
        "AF: Generate Svg Files"
@@ -63,6 +63,41 @@
        "panel": "new"
      }
    },
+    {
+      "label": "AF: Clean + Rebuild All (Android)",
+      "type": "shell",
+      "dependsOrder": "sequence",
+      "dependsOn": [
+        "AF: Dart Clean",
+        "AF: Flutter Clean",
+        "AF: Build Appflowy Core For Android",
+        "AF: Flutter Pub Get",
+        "AF: Generate Language Files",
+        "AF: Generate Freezed Files",
+        "AF: Generate Svg Files"
+      ],
+      "presentation": {
+        "reveal": "always",
+        "panel": "new"
+      }
+    },
+    {
+      "label": "AF: Build Appflowy Core",
+      "type": "shell",
+      "windows": {
+        "command": "cargo make --profile development-windows-x86 appflowy-core-dev"
+      },
+      "linux": {
+        "command": "cargo make --profile \"development-linux-$(uname -m)\" appflowy-core-dev"
+      },
+      "osx": {
+        "command": "cargo make --profile \"development-mac-$(uname -m)\" appflowy-core-dev"
+      },
+      "group": "build",
+      "options": {
+        "cwd": "${workspaceFolder}"
+      }
+    },
    {
      "label": "AF: Build Appflowy Core For iOS",
      "type": "shell",
@@ -81,24 +116,6 @@
        "cwd": "${workspaceFolder}"
      }
    },
-    {
-      "label": "AF: Clean + Rebuild All (Android)",
-      "type": "shell",
-      "dependsOrder": "sequence",
-      "dependsOn": [
-        "AF: Flutter Clean",
-        "AF: Build Appflowy Core For Android",
-        "AF: Flutter Pub Get",
-        "AF: Flutter Package Get",
-        "AF: Generate Language Files",
-        "AF: Generate Freezed Files",
-        "AF: Generate Svg Files"
-      ],
-      "presentation": {
-        "reveal": "always",
-        "panel": "new"
-      }
-    },
    {
      "label": "AF: Build Appflowy Core For Android",
      "type": "shell",
@@ -108,23 +125,6 @@
        "cwd": "${workspaceFolder}"
      }
    },
-    {
-      "label": "AF: Build Appflowy Core",
-      "type": "shell",
-      "windows": {
-        "command": "cargo make --profile development-windows-x86 appflowy-core-dev"
-      },
-      "linux": {
-        "command": "cargo make --profile \"development-linux-$(uname -m)\" appflowy-core-dev"
-      },
-      "osx": {
-        "command": "cargo make --profile \"development-mac-$(uname -m)\" appflowy-core-dev"
-      },
-      "group": "build",
-      "options": {
-        "cwd": "${workspaceFolder}"
-      }
-    },
    {
      "label": "AF: Code Gen",
      "type": "shell",
@@ -132,7 +132,6 @@
      "dependsOn": [
        "AF: Flutter Clean",
        "AF: Flutter Pub Get",
-        "AF: Flutter Package Get",
        "AF: Generate Language Files",
        "AF: Generate Freezed Files",
        "AF: Generate Svg Files"
@@ -146,6 +145,15 @@
        "panel": "new"
      }
    },
+    {
+      "label": "AF: Dart Clean",
+      "type": "shell",
+      "command": "cargo make flutter_clean",
+      "group": "build",
+      "options": {
+        "cwd": "${workspaceFolder}"
+      }
+    },
    {
      "label": "AF: Flutter Clean",
      "type": "shell",
@@ -162,14 +170,6 @@
        "cwd": "${workspaceFolder}/appflowy_flutter"
      }
    },
-    {
-      "label": "AF: Flutter Package Get",
-      "type": "shell",
-      "command": "flutter packages pub get",
-      "options": {
-        "cwd": "${workspaceFolder}/appflowy_flutter"
-      }
-    },
    {
      "label": "AF: Generate Freezed Files",
      "type": "shell",
@@ -233,34 +233,18 @@
        "cwd": "${workspaceFolder}"
      }
    },
-    {
-      "label": "AF: Flutter Clean",
-      "type": "shell",
-      "command": "cargo make flutter_clean",
-      "group": "build",
-      "options": {
-        "cwd": "${workspaceFolder}"
-      }
-    },
    {
      "label": "AF: flutter build aar",
      "type": "flutter",
      "command": "flutter",
-      "args": ["build", "aar"],
+      "args": [
+        "build",
+        "aar"
+      ],
      "group": "build",
      "problemMatcher": [],
      "detail": "appflowy_flutter"
    },
-    {
-      "label": "AF: Tauri UI Dev",
-      "type": "shell",
-      "isBackground": true,
-      "command": "yarn",
-      "args": ["dev"],
-      "options": {
-        "cwd": "${workspaceFolder}/appflowy_tauri"
-      }
-    },
    {
      "label": "AF: Tauri UI Build",
      "type": "shell",
@@ -270,9 +254,10 @@
      }
    },
    {
-      "label": "AF: Tauri Dev",
+      "label": "AF: Tauri UI Dev",
      "type": "shell",
-      "command": "npm run tauri:dev",
+      "isBackground": true,
+      "command": "pnpm run tauri:dev",
      "options": {
        "cwd": "${workspaceFolder}/appflowy_tauri"
      }
@@ -289,7 +274,10 @@
      "label": "AF: Tauri Clean + Dev",
      "type": "shell",
      "dependsOrder": "sequence",
-      "dependsOn": ["AF: Tauri Clean", "AF: Tauri UI Dev"],
+      "dependsOn": [
+        "AF: Tauri Clean",
+        "AF: Tauri UI Dev"
+      ],
      "options": {
        "cwd": "${workspaceFolder}"
      }
@@ -309,6 +297,6 @@
      "options": {
        "cwd": "${workspaceFolder}/appflowy_flutter"
      }
-    },
+    }
  ]
-}
+}
@@ -25,7 +25,7 @@ CARGO_MAKE_EXTEND_WORKSPACE_MAKEFILE = true
 CARGO_MAKE_CRATE_FS_NAME = "dart_ffi"
 CARGO_MAKE_CRATE_NAME = "dart-ffi"
 LIB_NAME = "dart_ffi"
-CURRENT_APP_VERSION = "0.3.9"
+APPFLOWY_VERSION = "0.4.2"
 FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite"
 PRODUCT_NAME = "AppFlowy"
 MACOSX_DEPLOYMENT_TARGET = "11.0"
@@ -127,6 +127,7 @@ FLUTTER_OUTPUT_DIR = "Release"
 PRODUCT_EXT = "exe"
 CRATE_TYPE = "cdylib"
 LIB_EXT = "dll"
+BUILD_ARCHS = "x64"
 APP_ENVIRONMENT = "production"

 [env.development-linux-x86_64]
@@ -201,6 +202,7 @@ TARGET_OS = "android"
 CRATE_TYPE = "cdylib"
 FLUTTER_OUTPUT_DIR = "Debug"
 LIB_EXT = "so"
+PRODUCT_EXT = "apk"
 FLUTTER_DESKTOP_FEATURES = "dart,rev-sqlite,openssl_vendored"

 [env.production-android]
@@ -208,6 +210,7 @@ BUILD_FLAG = "release"
 TARGET_OS = "android"
 CRATE_TYPE = "cdylib"
 FLUTTER_OUTPUT_DIR = "Release"
+PRODUCT_EXT = "apk"
 LIB_EXT = "so"

 [tasks.echo_env]
@@ -222,6 +225,7 @@ script = ['''
    echo APP_ENVIRONMENT: ${APP_ENVIRONMENT}
    echo ${platforms}
    echo ${BUILD_ARCHS}
+    echo ${BUILD_VERSION}
    ''']
 script_runner = "@shell"

@@ -34,6 +34,13 @@ linter:
    - prefer_final_in_for_each
    - prefer_final_locals

+    - sized_box_for_whitespace
+    - avoid_unnecessary_containers
+
+    - always_declare_return_types
+    - unnecessary_raw_strings
+    - use_decorated_box
+
 # Additional information about this file can be found at
 # https://dart.dev/guides/language/analysis-options

@@ -25,8 +25,14 @@ apply plugin: 'com.android.application'
 apply plugin: 'kotlin-android'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"

+def keystoreProperties = new Properties()
+def keystorePropertiesFile = rootProject.file('key.properties')
+if (keystorePropertiesFile.exists()) {
+    keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
+}
+
 android {
-    compileSdkVersion 33
+    compileSdkVersion 34
    ndkVersion "24.0.8215888"

    compileOptions {
@@ -46,8 +52,8 @@ android {
    defaultConfig {
        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
        applicationId "io.appflowy.appflowy"
-        minSdkVersion 23
-        targetSdkVersion 31
+        minSdkVersion 33
+        targetSdkVersion 33
        versionCode flutterVersionCode.toInteger()
        versionName flutterVersionName
        multiDexEnabled true
@@ -58,13 +64,18 @@ android {
        }
    }

+    signingConfigs {
+       release {
+           keyAlias keystoreProperties['keyAlias']
+           keyPassword keystoreProperties['keyPassword']
+           storeFile keystoreProperties['storeFile'] ? file(keystoreProperties['storeFile']) : null
+           storePassword keystoreProperties['storePassword']
+       }
+    }
    buildTypes {
        release {
-            // TODO: Add your own signing config for the release build.
-            // Signing with the debug keys for now, so `flutter run --release` works.
-            minifyEnabled true
-            shrinkResources true
-
+            // use release instead when publishing the application to google play.
+            // signingConfig signingConfigs.release
            signingConfig signingConfigs.debug
        }
    }
@@ -47,4 +47,9 @@
  </application>
  <uses-permission android:name="android.permission.INTERNET" />
  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+  <queries>
+    <intent>
+      <action android:name="android.support.customtabs.action.CustomTabsService" />
+    </intent>
+  </queries>
 </manifest>
@@ -2,6 +2,9 @@ cmake_minimum_required(VERSION 3.10.0)

 project(AppFlowy)

+message(CONFIGURE_LOG "NDK PATH: ${ANDROID_NDK}")
+message(CONFIGURE_LOG "Copying libc++_shared.so")
+
 # arm64-v8a
 file(COPY
    ${ANDROID_NDK}/sources/cxx-stl/llvm-libc++/libs/arm64-v8a/libc++_shared.so
@@ -0,0 +1 @@
+extensions:
@@ -1,5 +0,0 @@
-
-SUPABASE_URL=
-SUPABASE_ANON_KEY=
-
-APPFLOWY_CLOUD_URL=
@@ -16,7 +16,7 @@ void main() {
      await tester.initializeAppFlowy();

      await tester.tapGoButton();
-      tester.expectToSeeHomePage();
+      await tester.expectToSeeHomePageWithGetStartedPage();
      await tester.openSettings();

      await tester.openSettingsPage(SettingsPage.appearance);
@@ -48,7 +48,7 @@ void main() {
      await tester.initializeAppFlowy();

      await tester.tapGoButton();
-      tester.expectToSeeHomePage();
+      await tester.expectToSeeHomePageWithGetStartedPage();
      await tester.openSettings();

      await tester.openSettingsPage(SettingsPage.appearance);
@@ -1,7 +1,7 @@
 import 'package:appflowy/generated/flowy_svgs.g.dart';
-import 'package:appflowy/plugins/database_view/board/presentation/widgets/board_column_header.dart';
-import 'package:appflowy/plugins/database_view/widgets/card/container/card_container.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy/plugins/database/board/presentation/widgets/board_column_header.dart';
+import 'package:appflowy/plugins/database/widgets/card/container/card_container.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_board/appflowy_board.dart';
 import 'package:flowy_infra_ui/style_widget/text.dart';
 import 'package:flutter/material.dart';
@@ -21,7 +21,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Board);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);

      final findFirstCard = find.descendant(
        of: find.byType(AppFlowyGroupCard),
@@ -64,7 +64,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Board);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);

      final findLastCard = find.descendant(
        of: find.byType(AppFlowyGroupCard),
@@ -1,6 +1,6 @@
-import 'package:appflowy/plugins/database_view/widgets/row/cells/select_option_cell/extension.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/row_property.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy/plugins/database/widgets/row/cells/select_option_cell/extension.dart';
+import 'package:appflowy/plugins/database/widgets/row/row_property.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
@@ -17,9 +17,9 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Board);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
      final card1 = find.ancestor(
-        of: find.findTextInFlowyText(card1Name), 
+        of: find.findTextInFlowyText(card1Name),
        matching: find.byType(AppFlowyGroupCard),
      );
      final doingGroup = find.findTextInFlowyText('Doing');
@@ -27,7 +27,7 @@ void main() {
      final card1Center = tester.getCenter(card1);

      await tester.timedDrag(
-        card1, 
+        card1,
        doingGroupCenter.translate(-card1Center.dx, -card1Center.dy),
        const Duration(seconds: 1),
      );
@@ -36,9 +36,9 @@ void main() {
      await tester.pumpAndSettle();

      final card1StatusFinder = find.descendant(
-        of: find.byType(RowPropertyList), 
+        of: find.byType(RowPropertyList),
        matching: find.descendant(
-          of: find.byType(SelectOptionTag), 
+          of: find.byType(SelectOptionTag),
          matching: find.byType(FlowyText),
        ),
      );
@@ -1,7 +1,7 @@
 import 'package:appflowy/generated/flowy_svgs.g.dart';
-import 'package:appflowy/plugins/database_view/board/presentation/widgets/board_column_header.dart';
-import 'package:appflowy/plugins/database_view/board/presentation/widgets/board_hidden_groups.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy/plugins/database/board/presentation/widgets/board_column_header.dart';
+import 'package:appflowy/plugins/database/board/presentation/widgets/board_hidden_groups.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -17,7 +17,7 @@ void main() {
    testWidgets('expand/collapse hidden groups', (tester) async {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Board);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);

      final collapseFinder = find.byFlowySvg(FlowySvgs.pull_left_outlined_s);
      final expandFinder = find.byFlowySvg(FlowySvgs.hamburger_s_s);
@@ -46,7 +46,7 @@ void main() {
    testWidgets('hide first group, and show it again', (tester) async {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Board);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);

      // Tap the options of the first group
      final optionsFinder = find
@@ -82,7 +82,7 @@ void main() {
  testWidgets('delete a group', (tester) async {
    await tester.initializeAppFlowy();
    await tester.tapGoButton();
-    await tester.createNewPageWithName(layout: ViewLayoutPB.Board);
+    await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);

    expect(tester.widgetList(find.byType(BoardColumnHeader)).length, 4);

@@ -1,6 +1,6 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
-import 'package:appflowy/plugins/database_view/widgets/card/card.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy/plugins/database/widgets/card/card.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_board/appflowy_board.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/services.dart';
@@ -18,7 +18,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Board);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
      const name = 'Card 1';
      final card1 = find.findTextInFlowyText(name);
      await tester.hoverOnWidget(
@@ -36,7 +36,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Board);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);
      const name = 'Card 1';
      final card1 = find.findTextInFlowyText(name);
      await tester.hoverOnWidget(
@@ -53,7 +53,7 @@ void main() {
    testWidgets('add new group', (tester) async {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Board);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Board);

      // assert number of groups
      tester.assertNumberOfGroups(4);
@@ -0,0 +1,69 @@
+// ignore_for_file: unused_import
+
+import 'dart:io';
+
+import 'package:appflowy/env/cloud_env.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/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:path/path.dart' as p;
+import 'package:integration_test/integration_test.dart';
+import '../util/dir.dart';
+import '../util/mock/mock_file_picker.dart';
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('appflowy cloud', () {
+    testWidgets('anon user and then sign in', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+
+      tester.expectToSeeText(LocaleKeys.signIn_loginStartWithAnonymous.tr());
+      await tester.tapGoButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      // reanme the name of the anon user
+      await tester.openSettings();
+      await tester.openSettingsPage(SettingsPage.user);
+      final userNameFinder = find.descendant(
+        of: find.byType(SettingsUserView),
+        matching: find.byType(UserNameInput),
+      );
+      await tester.enterText(userNameFinder, 'local_user');
+      await tester.openSettingsPage(SettingsPage.user);
+      await tester.pumpAndSettle();
+
+      // sign up with Google
+      await tester.tapGoogleLoginInButton();
+
+      // sign out
+      await tester.expectToSeeHomePage();
+      await tester.openSettings();
+      await tester.openSettingsPage(SettingsPage.user);
+      await tester.logout();
+      await tester.pumpAndSettle();
+
+      // tap the continue as anonymous button
+      await tester
+          .tapButton(find.text(LocaleKeys.signIn_loginStartWithAnonymous.tr()));
+      await tester.expectToSeeHomePage();
+
+      // New anon user name
+      await tester.openSettings();
+      await tester.openSettingsPage(SettingsPage.user);
+      final userNameInput = tester.widget(userNameFinder) as UserNameInput;
+      expect(userNameInput.name, 'Me');
+    });
+  });
+}
@@ -22,15 +22,15 @@ void main() {
  group('appflowy cloud auth', () {
    testWidgets('sign in', (tester) async {
      await tester.initializeAppFlowy(
-        cloudType: AuthenticatorType.appflowyCloud,
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
      );
      await tester.tapGoogleLoginInButton();
-      tester.expectToSeeHomePage();
+      await tester.expectToSeeHomePageWithGetStartedPage();
    });

    testWidgets('sign out', (tester) async {
      await tester.initializeAppFlowy(
-        cloudType: AuthenticatorType.appflowyCloud,
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
      );
      await tester.tapGoogleLoginInButton();

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

    testWidgets('sign in as annoymous', (tester) async {
      await tester.initializeAppFlowy(
-        cloudType: AuthenticatorType.appflowyCloud,
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
      );
      await tester.tapSignInAsGuest();

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

    testWidgets('enable sync', (tester) async {
      await tester.initializeAppFlowy(
-        cloudType: AuthenticatorType.appflowyCloud,
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
      );

      await tester.tapGoogleLoginInButton();
@@ -80,54 +80,5 @@ void main() {
      await tester.toggleEnableSync(AppFlowyCloudEnableSync);
      tester.assertAppFlowyCloudEnableSyncSwitchValue(true);
    });
-
-    // testWidgets('custom folder sign in', (tester) async {
-    //   const userA = 'UserA';
-    //   final userAEmail = "${uuid()}@appflowy.io";
-    //   final initialPath = p.join(userA, appFlowyDataFolder);
-    //   final context = await tester.initializeAppFlowy(
-    //     cloudType: AuthenticatorType.appflowyCloud,
-    //     pathExtension: initialPath,
-    //   );
-    //   getIt.registerFactory<AuthService>(
-    //     () => AppFlowyCloudMockAuthService(
-    //       email: userAEmail,
-    //     ),
-    //   );
-    //   // remove the last extension
-    //   final rootPath = context.applicationDataDirectory.replaceFirst(
-    //     initialPath,
-    //     '',
-    //   );
-    //   await tester.tapGoogleLoginInButton();
-
-    //   // Open the setting page and sign out
-    //   await tester.openSettings();
-    //   await tester.openSettingsPage(SettingsPage.user);
-    //   await tester.enterUserName(userA);
-
-    //   await tester.openSettingsPage(SettingsPage.files);
-    //   await tester.pumpAndSettle();
-
-    //   // mock the file_picker result
-    //   await mockGetDirectoryPath(
-    //     p.join(rootPath, "random_folder"),
-    //   );
-
-    //   // after selecting the folder, an annoymous user should be signed in
-    //   await tester.tapCustomLocationButton();
-    //   tester.expectToSeeHomePage();
-    //   await tester.pumpAndSettle();
-
-    //   // Login as userA in custom folder
-    //   await tester.openSettings();
-    //   await tester.openSettingsPage(SettingsPage.user);
-    //   await tester.tapGoogleLoginInButton();
-
-    //   await tester.pumpAndSettle(const Duration(seconds: 1));
-    //   tester.expectToSeeHomePage();
-    //   // UserA should be displayed
-    //   tester.expectToSeeUserName(userA);
-    // });
  });
 }
@@ -0,0 +1,17 @@
+import 'empty_test.dart' as preset_af_cloud_env_test;
+import 'appflowy_cloud_auth_test.dart' as appflowy_cloud_auth_test;
+// import 'document_sync_test.dart' as document_sync_test;
+import 'user_setting_sync_test.dart' as user_sync_test;
+import 'anon_user_continue_test.dart' as anon_user_continue_test;
+
+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();
+}
@@ -0,0 +1,72 @@
+// ignore_for_file: unused_import
+
+import 'dart:io';
+
+import 'package:appflowy/env/cloud_env.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/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:path/path.dart' as p;
+import 'package:integration_test/integration_test.dart';
+import '../util/dir.dart';
+import '../util/mock/mock_file_picker.dart';
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+  final email = '${uuid()}@appflowy.io';
+  const inputContent = 'Hello world, this is a test document';
+
+// The test will create a new document called Sample, and sync it to the server.
+// Then the test will logout the user, and login with the same user. The data will
+// be synced from the server.
+  group('appflowy cloud document', () {
+    testWidgets('sync local docuemnt to server', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+        email: email,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      // create a new document called Sample
+      await tester.createNewPage(
+        layout: ViewLayoutPB.Document,
+      );
+
+      // focus on the editor
+      await tester.editor.tapLineOfEditorAt(0);
+      await tester.ime.insertText(inputContent);
+      expect(find.text(inputContent, findRichText: true), findsOneWidget);
+
+      // TODO(nathan): remove the await
+      // 6 seconds for data sync
+      await tester.waitForSeconds(6);
+
+      await tester.openSettings();
+      await tester.openSettingsPage(SettingsPage.user);
+      await tester.logout();
+    });
+
+    testWidgets('sync doc from server', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+        email: email,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePage();
+
+      // the latest document will be opened, so the content must be the inputContent
+      await tester.pumpAndSettle();
+      expect(find.text(inputContent, findRichText: true), findsOneWidget);
+    });
+  });
+}
@@ -0,0 +1,18 @@
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:integration_test/integration_test.dart';
+
+import '../util/util.dart';
+
+// This test is meaningless, just for preventing the CI from failing.
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+
+  group('Empty', () {
+    testWidgets('set appflowy cloud', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      );
+    });
+  });
+}
@@ -15,7 +15,7 @@ void main() {
    testWidgets('sign in with supabase', (tester) async {
      await tester.initializeAppFlowy(cloudType: AuthenticatorType.supabase);
      await tester.tapGoogleLoginInButton();
-      tester.expectToSeeHomePage();
+      await tester.expectToSeeHomePageWithGetStartedPage();
    });

    testWidgets('sign out with supabase', (tester) async {
@@ -0,0 +1,100 @@
+// ignore_for_file: unused_import
+
+import 'dart:io';
+
+import 'package:appflowy/env/cloud_env.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/widgets/setting_appflowy_cloud.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
+import 'package:appflowy/workspace/presentation/widgets/user_avatar.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flowy_infra/uuid.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:path/path.dart' as p;
+import 'package:integration_test/integration_test.dart';
+import '../util/database_test_op.dart';
+import '../util/dir.dart';
+import '../util/emoji.dart';
+import '../util/mock/mock_file_picker.dart';
+import '../util/util.dart';
+
+void main() {
+  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
+  final email = '${uuid()}@appflowy.io';
+  const name = 'nathan';
+
+  group('appflowy cloud setting', () {
+    testWidgets('sync user name and icon to server', (tester) async {
+      await tester.initializeAppFlowy(
+        cloudType: AuthenticatorType.appflowyCloudSelfHost,
+        email: email,
+      );
+      await tester.tapGoogleLoginInButton();
+      await tester.expectToSeeHomePageWithGetStartedPage();
+
+      await tester.openSettings();
+      await tester.openSettingsPage(SettingsPage.user);
+      final userAvatarFinder = find.descendant(
+        of: find.byType(SettingsUserView),
+        matching: find.byType(UserAvatar),
+      );
+
+      // 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
+      await tester.pumpAndSettle(const Duration(seconds: 2));
+    });
+  });
+
+  testWidgets('get user icon and name from server', (tester) async {
+    await tester.initializeAppFlowy(
+      cloudType: AuthenticatorType.appflowyCloudSelfHost,
+      email: email,
+    );
+    await tester.tapGoogleLoginInButton();
+    await tester.expectToSeeHomePageWithGetStartedPage();
+    await tester.pumpAndSettle();
+
+    await tester.openSettings();
+    await tester.openSettingsPage(SettingsPage.user);
+
+    // verify icon
+    final userAvatarFinder = find.descendant(
+      of: find.byType(SettingsUserView),
+      matching: find.byType(UserAvatar),
+    );
+    final UserAvatar userAvatar = tester.widget(userAvatarFinder) as UserAvatar;
+    expect(userAvatar.iconUrl, '😁');
+
+    // verify name
+    final userNameFinder = find.descendant(
+      of: find.byType(SettingsUserView),
+      matching: find.byType(UserNameInput),
+    );
+    final UserNameInput userNameInput =
+        tester.widget(userNameFinder) as UserNameInput;
+    expect(userNameInput.name, name);
+  });
+}
@@ -1,13 +0,0 @@
-import 'package:integration_test/integration_test.dart';
-
-import 'auth/appflowy_cloud_auth_test.dart' as appflowy_cloud_auth_test;
-import 'empty_test.dart' as first_test;
-
-Future<void> main() async {
-  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
-
-  // This test must be run first, otherwise the CI will fail.
-  first_test.main();
-
-  appflowy_cloud_auth_test.main();
-}
@@ -1,5 +1,5 @@
 import 'package:appflowy_backend/protobuf/flowy-database2/setting_entities.pbenum.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pbenum.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pbenum.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';

@@ -14,7 +14,9 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Calendar);
+      await tester.createNewPageWithNameUnderParent(
+        layout: ViewLayoutPB.Calendar,
+      );

      // open setting
      await tester.tapDatabaseSettingButton();
@@ -36,7 +38,7 @@ void main() {

      // Create calendar view
      const name = 'calendar';
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: name,
        layout: ViewLayoutPB.Calendar,
      );
@@ -68,7 +70,9 @@ void main() {
      await tester.tapGoButton();

      // Create the calendar view
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Calendar);
+      await tester.createNewPageWithNameUnderParent(
+        layout: ViewLayoutPB.Calendar,
+      );

      // Scroll until today's date cell is visible
      await tester.scrollToToday();
@@ -148,7 +152,9 @@ void main() {
      await tester.tapGoButton();

      // Create the calendar view
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Calendar);
+      await tester.createNewPageWithNameUnderParent(
+        layout: ViewLayoutPB.Calendar,
+      );

      // Create a new event on the first of this month
      final today = DateTime.now();
@@ -1,5 +1,5 @@
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 import 'package:intl/intl.dart';
@@ -15,7 +15,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      await tester.editCell(
        rowIndex: 0,
@@ -37,7 +37,7 @@ void main() {
    testWidgets('multiple text cells', (tester) async {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: 'my grid',
        layout: ViewLayoutPB.Grid,
      );
@@ -77,7 +77,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      const fieldType = FieldType.Number;

@@ -135,7 +135,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      await tester.assertCheckboxCell(rowIndex: 0, isSelected: false);
      await tester.tapCheckboxCellInGrid(rowIndex: 0);
@@ -153,7 +153,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      const fieldType = FieldType.CreatedTime;
      // Create a create time field
@@ -171,7 +171,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      const fieldType = FieldType.LastEditedTime;
      // Create a last time field
@@ -189,7 +189,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      const fieldType = FieldType.DateTime;
      await tester.createField(fieldType, fieldType.name);
@@ -282,7 +282,7 @@ void main() {
      const fieldType = FieldType.SingleSelect;

      // When create a grid, it will create a single select field by default
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Tap the cell to invoke the selection option editor
      await tester.tapSelectOptionCellInGrid(rowIndex: 0, fieldType: fieldType);
@@ -358,7 +358,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      const fieldType = FieldType.MultiSelect;
      await tester.createField(fieldType, fieldType.name);
@@ -441,7 +441,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      const fieldType = FieldType.Checklist;
      await tester.createField(fieldType, fieldType.name);
@@ -1,6 +1,6 @@
-import 'package:appflowy/plugins/database_view/grid/presentation/grid_page.dart';
+import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/setting_entities.pbenum.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pbenum.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pbenum.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';

@@ -15,7 +15,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
      await tester.tapCreateLinkedDatabaseViewButton(DatabaseLayoutPB.Grid);

      // create a field
@@ -1,7 +1,7 @@
-import 'package:appflowy/plugins/database_view/grid/presentation/grid_page.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/header/type_option/select_option.dart';
+import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/header/type_option/select/select_option.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
@@ -17,7 +17,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Invoke the field editor
      await tester.tapGridFieldWithName('Name');
@@ -34,7 +34,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Invoke the field editor
      await tester.tapGridFieldWithName('Type');
@@ -56,7 +56,7 @@ void main() {
      await tester.tapGoButton();

      // create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // create a field
      await tester.createField(FieldType.Checklist, 'checklist');
@@ -70,7 +70,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // create a field
      await tester.createField(FieldType.Checkbox, 'New field 1');
@@ -90,7 +90,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // create a field
      await tester.scrollToRight(find.byType(GridPage));
@@ -110,7 +110,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      await tester.scrollToRight(find.byType(GridPage));

@@ -133,7 +133,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      await tester.scrollToRight(find.byType(GridPage));
      await tester.tapNewPropertyButton();
@@ -153,7 +153,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      for (final fieldType in [
        FieldType.Checklist,
@@ -185,7 +185,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        layout: ViewLayoutPB.Grid,
      );

@@ -1,5 +1,5 @@
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/choicechip/checkbox.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/choicechip/text.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checkbox.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/text.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
@@ -1,6 +1,6 @@
-import 'package:appflowy/plugins/database_view/widgets/row/row_banner.dart';
+import 'package:appflowy/plugins/database/widgets/row/row_banner.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:flowy_infra_ui/style_widget/text.dart';
 import 'package:flutter/material.dart';
@@ -20,7 +20,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -34,7 +34,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -53,7 +53,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -80,7 +80,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -101,7 +101,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -135,7 +135,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -168,7 +168,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -216,7 +216,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -231,7 +231,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -271,7 +271,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -310,7 +310,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -327,7 +327,7 @@ void main() {
      await tester.tapGoButton();

      // Create a new grid
-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Hover first row and then open the row page
      await tester.openFirstRowDetailPage();
@@ -1,4 +1,4 @@
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.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';

@@ -13,7 +13,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
      await tester.tapCreateRowButtonInGrid();

      // The initial number of rows is 3
@@ -25,7 +25,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      await tester.hoverOnFirstRowOfGrid();

@@ -41,7 +41,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
      await tester.hoverOnFirstRowOfGrid();

      // Open the row menu and then click the delete
@@ -59,7 +59,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);
      await tester.assertRowCountInGridPage(3);

      await tester.pumpAndSettle();
@@ -1,5 +1,5 @@
 import 'package:appflowy_backend/protobuf/flowy-database2/setting_entities.pbenum.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.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';

@@ -14,7 +14,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // open setting
      await tester.tapDatabaseSettingButton();
@@ -31,7 +31,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // open setting
      await tester.tapDatabaseSettingButton();
@@ -1,5 +1,5 @@
 import 'package:appflowy_backend/protobuf/flowy-database2/setting_entities.pbenum.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.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';

@@ -14,7 +14,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Create board view
      await tester.tapCreateLinkedDatabaseViewButton(DatabaseLayoutPB.Board);
@@ -35,7 +35,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Create board view
      await tester.tapCreateLinkedDatabaseViewButton(DatabaseLayoutPB.Board);
@@ -60,7 +60,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(layout: ViewLayoutPB.Grid);
+      await tester.createNewPageWithNameUnderParent(layout: ViewLayoutPB.Grid);

      // Create board view
      await tester.tapCreateLinkedDatabaseViewButton(DatabaseLayoutPB.Board);
@@ -1,8 +1,11 @@
 import 'package:appflowy/generated/flowy_svgs.g.dart';
+import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';

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

 void main() {
@@ -42,5 +45,51 @@ void main() {
      await tester.tapButtonWithFlowySvgData(FlowySvgs.toolbar_align_left_s);
      expect(first.attributes[blockComponentAlign], 'left');
    });
+
+    testWidgets('edit alignment using shortcut', (tester) async {
+      await tester.initializeAppFlowy();
+      await tester.tapGoButton();
+
+      // click the first line of the readme
+      await tester.editor.tapLineOfEditorAt(0);
+
+      await tester.pumpAndSettle();
+
+      final editorState = tester.editor.getCurrentEditorState();
+      final first = editorState.getNodeAtPath([0])!;
+      
+      // expect to see text aligned to the right
+      await FlowyTestKeyboard.simulateKeyDownEvent(
+        [
+          LogicalKeyboardKey.control,
+          LogicalKeyboardKey.shift,
+          LogicalKeyboardKey.keyR,
+        ],
+        tester: tester,
+      );
+      expect(first.attributes[blockComponentAlign], rightAlignmentKey);
+
+      // expect to see text aligned to the center
+      await FlowyTestKeyboard.simulateKeyDownEvent(
+        [
+          LogicalKeyboardKey.control,
+          LogicalKeyboardKey.shift,
+          LogicalKeyboardKey.keyE,
+        ],
+        tester: tester,
+      );
+      expect(first.attributes[blockComponentAlign], centerAlignmentKey);
+
+      // expect to see text aligned to the left
+      await FlowyTestKeyboard.simulateKeyDownEvent(
+        [
+          LogicalKeyboardKey.control,
+          LogicalKeyboardKey.shift,
+          LogicalKeyboardKey.keyL,
+        ],
+        tester: tester,
+      );
+      expect(first.attributes[blockComponentAlign], leftAlignmentKey);
+    });
  });
 }
@@ -18,7 +18,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName();
+      await tester.createNewPageWithNameUnderParent();

      // mock the clipboard
      const lines = 3;
@@ -3,6 +3,7 @@ import 'dart:io';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/copy_and_paste/clipboard_service.dart';
 import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:appflowy_editor_plugins/appflowy_editor_plugins.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
@@ -276,6 +277,22 @@ void main() {
      },
    );
  });
+
+  testWidgets(
+    'auto convert url to link preview block',
+    (widgetTester) async {
+      const url = 'https://appflowy.io';
+      await widgetTester.pasteContent(
+        plainText: url,
+        (editorState) {
+          expect(editorState.document.root.children.length, 2);
+          final node = editorState.getNodeAtPath([0])!;
+          expect(node.type, LinkPreviewBlockKeys.type);
+          expect(node.attributes[LinkPreviewBlockKeys.url], url);
+        },
+      );
+    },
+  );
 }

 extension on WidgetTester {
@@ -290,7 +307,7 @@ extension on WidgetTester {
    await tapGoButton();

    // create a new document
-    await createNewPageWithName();
+    await createNewPageWithNameUnderParent();

    await beforeTest?.call(editor.getCurrentEditorState());

@@ -17,7 +17,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName();
+      await tester.createNewPageWithNameUnderParent();

      // expect to see a new document
      tester.expectToSeePageName(
@@ -1,9 +1,10 @@
-import 'package:appflowy/plugins/document/presentation/editor_plugins/base/link_to_page_widget.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_page_block.dart';
-import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
-import 'package:flowy_infra/uuid.dart';
 import 'package:flutter/services.dart';
+
+import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_page_block.dart';
+import 'package:appflowy/plugins/inline_actions/widgets/inline_actions_handler.dart';
+import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
+import 'package:flowy_infra/uuid.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';

@@ -30,7 +31,7 @@ void main() {

      // Select result
      final optionFinder = find.descendant(
-        of: find.byType(LinkToPageMenu),
+        of: find.byType(InlineActionsHandler),
        matching: find.text(name),
      );

@@ -86,7 +87,7 @@ void main() {
 Future<String> createDocumentToReference(WidgetTester tester) async {
  final name = 'document_${uuid()}';

-  await tester.createNewPageWithName(
+  await tester.createNewPageWithNameUnderParent(
    name: name,
    layout: ViewLayoutPB.Document,
    openAfterCreated: false,
@@ -32,7 +32,7 @@ void main() {
      await tester.tapAt(Offset.zero);
      await tester.tapAt(Offset.zero);

-      await tester.createNewPageWithName(name: 'test');
+      await tester.createNewPageWithNameUnderParent(name: 'test');
      await tester.openPage(gettingStarted);

      // check the status again
@@ -1,6 +1,6 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/header/document_header_node_widget.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_emoji_mart/flutter_emoji_mart.dart';
@@ -1,11 +1,11 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
-import 'package:appflowy/plugins/database_view/board/presentation/board_page.dart';
-import 'package:appflowy/plugins/database_view/calendar/presentation/calendar_page.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/grid_page.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/cells/text_cell/text_cell.dart';
-import 'package:appflowy/plugins/document/presentation/editor_plugins/base/link_to_page_widget.dart';
+import 'package:appflowy/plugins/inline_actions/widgets/inline_actions_handler.dart';
+import 'package:appflowy/plugins/database/board/presentation/board_page.dart';
+import 'package:appflowy/plugins/database/calendar/presentation/calendar_page.dart';
+import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
+import 'package:appflowy/plugins/database/widgets/row/cells/text_cell/text_cell.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra/uuid.dart';
@@ -136,13 +136,13 @@ Future<void> insertReferenceDatabase(
  // create a new grid
  final id = uuid();
  final name = '${layout.name}_$id';
-  await tester.createNewPageWithName(
+  await tester.createNewPageWithNameUnderParent(
    name: name,
    layout: layout,
    openAfterCreated: false,
  );
  // create a new document
-  await tester.createNewPageWithName(
+  await tester.createNewPageWithNameUnderParent(
    name: 'insert_a_reference_${layout.name}',
    layout: ViewLayoutPB.Document,
    openAfterCreated: true,
@@ -155,7 +155,7 @@ Future<void> insertReferenceDatabase(
    layout.referencedMenuName,
  );

-  final linkToPageMenu = find.byType(LinkToPageMenu);
+  final linkToPageMenu = find.byType(InlineActionsHandler);
  expect(linkToPageMenu, findsOneWidget);
  final referencedDatabase = find.descendant(
    of: linkToPageMenu,
@@ -171,7 +171,7 @@ Future<void> createInlineDatabase(
 ) async {
  // create a new document
  final documentName = 'insert_a_inline_${layout.name}';
-  await tester.createNewPageWithName(
+  await tester.createNewPageWithNameUnderParent(
    name: documentName,
    layout: ViewLayoutPB.Document,
    openAfterCreated: true,
@@ -6,7 +6,7 @@ import 'package:appflowy/plugins/document/presentation/editor_plugins/image/embe
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/image_placeholder.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/unsplash_image_widget.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/image/upload_image_menu.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:appflowy_editor/appflowy_editor.dart' hide UploadImageMenu;
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
@@ -31,7 +31,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: LocaleKeys.document_plugins_image_addAnImage.tr(),
        layout: ViewLayoutPB.Document,
      );
@@ -79,7 +79,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: LocaleKeys.document_plugins_image_addAnImage.tr(),
        layout: ViewLayoutPB.Document,
      );
@@ -133,7 +133,7 @@ void main() {
        await tester.tapGoButton();

        // create a new document
-        await tester.createNewPageWithName(
+        await tester.createNewPageWithNameUnderParent(
          name: LocaleKeys.document_plugins_image_addAnImage.tr(),
          layout: ViewLayoutPB.Document,
        );
@@ -1,6 +1,6 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/style_widget/button.dart';
@@ -20,7 +20,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: 'math equation',
        layout: ViewLayoutPB.Document,
      );
@@ -66,7 +66,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: 'math equation',
        layout: ViewLayoutPB.Document,
      );
@@ -1,5 +1,5 @@
 import 'package:appflowy/plugins/document/presentation/editor_plugins/mention/mention_page_block.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:flowy_infra/uuid.dart';
 import 'package:flowy_infra_ui/widget/error_page.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -105,14 +105,14 @@ Future<String> insertInlinePage(
  // create a new grid
  final id = uuid();
  final name = '${layout.name}_$id';
-  await tester.createNewPageWithName(
+  await tester.createNewPageWithNameUnderParent(
    name: name,
    layout: layout,
    openAfterCreated: false,
  );

  // create a new document
-  await tester.createNewPageWithName(
+  await tester.createNewPageWithNameUnderParent(
    name: 'insert_a_inline_page_${layout.name}',
    layout: ViewLayoutPB.Document,
  );
@@ -1,4 +1,4 @@
-import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -24,7 +24,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        layout: ViewLayoutPB.Document,
      );

@@ -1,6 +1,6 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/plugins/document/presentation/editor_plugins/outline/outline_block_component.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
@@ -15,7 +15,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: 'outline_test',
        layout: ViewLayoutPB.Document,
      );
@@ -32,7 +32,7 @@ void main() {
      await tester.initializeAppFlowy();
      await tester.tapGoButton();

-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: 'outline_test',
        layout: ViewLayoutPB.Document,
      );
@@ -1,7 +1,7 @@
 import 'dart:io';

 import 'package:appflowy/plugins/document/presentation/editor_plugins/plugins.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/protobuf.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/protobuf.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -40,7 +40,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        layout: ViewLayoutPB.Document,
      );

@@ -86,7 +86,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        layout: ViewLayoutPB.Document,
      );

@@ -125,7 +125,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        layout: ViewLayoutPB.Document,
      );

@@ -162,7 +162,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        layout: ViewLayoutPB.Document,
      );

@@ -196,7 +196,7 @@ void main() {
      await tester.tapGoButton();

      // create a new document
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        layout: ViewLayoutPB.Document,
      );

@@ -1,6 +1,6 @@
 import 'dart:io';

-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -18,7 +18,7 @@ void main() {

      // create a new document called Sample
      const pageName = 'Sample';
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: pageName,
        layout: ViewLayoutPB.Document,
      );
@@ -75,7 +75,7 @@ void main() {

      // create a new document called Sample
      const pageName = 'Sample';
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: pageName,
        layout: ViewLayoutPB.Document,
      );
@@ -104,7 +104,7 @@ void main() {
  });
 }

-const _sample = r'''
+const _sample = '''
 # Heading 1
 ## Heading 2
 ### Heading 3
@@ -19,7 +19,7 @@ void main() {
      await tester.initializeAppFlowy();

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

      await tester.openSettings();
      await tester.openSettingsPage(SettingsPage.appearance);
@@ -71,7 +71,7 @@ void main() {
      await tester.initializeAppFlowy();

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

      await tester.pumpAndSettle();

@@ -1,13 +1,11 @@
 import 'package:integration_test/integration_test.dart';

 import 'notifications_settings_test.dart' as notifications_settings_test;
-import 'user_icon_test.dart' as user_icon_test;
 import 'user_language_test.dart' as user_language_test;

 void main() {
  IntegrationTestWidgetsFlutterBinding.ensureInitialized();

  notifications_settings_test.main();
-  user_icon_test.main();
  user_language_test.main();
 }
@@ -1,41 +0,0 @@
-import 'package:appflowy/workspace/application/settings/prelude.dart';
-import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
-import 'package:appflowy/workspace/presentation/widgets/user_avatar.dart';
-import 'package:flutter_test/flutter_test.dart';
-import 'package:integration_test/integration_test.dart';
-
-import '../util/emoji.dart';
-import '../util/util.dart';
-
-void main() {
-  IntegrationTestWidgetsFlutterBinding.ensureInitialized();
-
-  group('Settings: user icon tests', () {
-    testWidgets('select icon, select default option', (tester) async {
-      await tester.initializeAppFlowy();
-
-      await tester.tapGoButton();
-      tester.expectToSeeHomePage();
-      await tester.openSettings();
-
-      await tester.openSettingsPage(SettingsPage.user);
-
-      final userAvatarFinder = find.descendant(
-        of: find.byType(SettingsUserView),
-        matching: find.byType(UserAvatar),
-      );
-
-      // Open icon picker dialog
-      await tester.tap(userAvatarFinder);
-      await tester.pumpAndSettle();
-
-      // Select first option that isn't default
-      await tester.tapEmoji('😁');
-      await tester.pumpAndSettle();
-
-      final UserAvatar userAvatar =
-          tester.widget(userAvatarFinder) as UserAvatar;
-      expect(userAvatar.iconUrl, '😁');
-    });
-  });
-}
@@ -14,7 +14,7 @@ void main() {
      await tester.initializeAppFlowy();

      await tester.tapGoButton();
-      tester.expectToSeeHomePage();
+      await tester.expectToSeeHomePageWithGetStartedPage();
      await tester.openSettings();

      await tester.openSettingsPage(SettingsPage.language);
@@ -1,7 +1,7 @@
 import 'package:appflowy/workspace/application/sidebar/folder/folder_bloc.dart';
 import 'package:appflowy/workspace/presentation/home/menu/sidebar/folder/favorite_folder.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_popover/appflowy_popover.dart';
 import 'package:flowy_infra_ui/style_widget/hover.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -31,7 +31,7 @@ void main() {
      ].map((e) => 'document_$e').toList();
      for (var i = 0; i < names.length; i++) {
        final parentName = i == 0 ? gettingStarted : names[i - 1];
-        await tester.createNewPageWithName(
+        await tester.createNewPageWithNameUnderParent(
          name: names[i],
          parentName: parentName,
          layout: ViewLayoutPB.Document,
@@ -113,7 +113,7 @@ void main() {
        final names = [1, 2].map((e) => 'document_$e').toList();
        for (var i = 0; i < names.length; i++) {
          final parentName = i == 0 ? gettingStarted : names[i - 1];
-          await tester.createNewPageWithName(
+          await tester.createNewPageWithNameUnderParent(
            name: names[i],
            parentName: parentName,
            layout: ViewLayoutPB.Document,
@@ -170,7 +170,7 @@ void main() {
        await tester.initializeAppFlowy();
        await tester.tapGoButton();

-        await tester.createNewPageWithName();
+        await tester.createNewPageWithNameUnderParent();
        await tester.favoriteViewByName(gettingStarted);
        expect(
          find.byWidgetPredicate(
@@ -190,7 +190,7 @@ void main() {
        await tester.initializeAppFlowy();
        await tester.tapGoButton();

-        await tester.createNewPageWithName();
+        await tester.createNewPageWithNameUnderParent();
        await tester.favoriteViewByName(gettingStarted);
        await tester.hoverOnPageName(
          gettingStarted,
@@ -1,4 +1,4 @@
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.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';

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

      // create document, board, grid and calendar views
      for (final value in ViewLayoutPB.values) {
-        await tester.createNewPageWithName(
+        await tester.createNewPageWithNameUnderParent(
          name: value.name,
          parentName: gettingStarted,
          layout: value,
@@ -46,7 +46,7 @@ void main() {

      // create document, board, grid and calendar views
      for (final value in ViewLayoutPB.values) {
-        await tester.createNewPageWithName(
+        await tester.createNewPageWithNameUnderParent(
          name: value.name,
          parentName: gettingStarted,
          layout: value,
@@ -1,12 +1,12 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
-import 'package:appflowy/plugins/database_view/board/presentation/board_page.dart';
-import 'package:appflowy/plugins/database_view/calendar/presentation/calendar_page.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/grid_page.dart';
+import 'package:appflowy/plugins/database/board/presentation/board_page.dart';
+import 'package:appflowy/plugins/database/calendar/presentation/calendar_page.dart';
+import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/draggable_view_item.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_add_button.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_more_action_button.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.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:flutter_test/flutter_test.dart';
@@ -41,7 +41,7 @@ void main() {
      for (final layout in ViewLayoutPB.values) {
        // create a new page
        final name = 'AppFlowy_$layout';
-        await tester.createNewPageWithName(
+        await tester.createNewPageWithNameUnderParent(
          name: name,
          layout: layout,
        );
@@ -79,7 +79,7 @@ void main() {
      final names = [1, 2, 3, 4].map((e) => 'document_$e').toList();
      for (var i = 0; i < names.length; i++) {
        final parentName = i == 0 ? gettingStarted : names[i - 1];
-        await tester.createNewPageWithName(
+        await tester.createNewPageWithNameUnderParent(
          name: names[i],
          parentName: parentName,
          layout: ViewLayoutPB.Document,
@@ -144,14 +144,14 @@ void main() {
      await tester.tapGoButton();

      const document = 'document';
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: document,
        openAfterCreated: false,
      );
      tester.expectToSeePageName(document, layout: ViewLayoutPB.Document);

      const grid = 'grid';
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: grid,
        layout: ViewLayoutPB.Grid,
        openAfterCreated: false,
@@ -187,7 +187,7 @@ void main() {
      await tester.tapGoButton();

      const grid = 'grid';
-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: grid,
        layout: ViewLayoutPB.Grid,
        openAfterCreated: true,
@@ -33,7 +33,7 @@ void main() {
      );

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

      // switch to user B
      {
@@ -51,7 +51,7 @@ void main() {
        );
        await tester.tapCustomLocationButton();
        await tester.pumpAndSettle();
-        tester.expectToSeeHomePage();
+        await tester.expectToSeeHomePageWithGetStartedPage();

        // set user name for userB
        await tester.openSettings();
@@ -71,7 +71,7 @@ void main() {
        await tester.tapCustomLocationButton();

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

@@ -88,7 +88,7 @@ void main() {
        await tester.tapCustomLocationButton();

        await tester.pumpAndSettle();
-        tester.expectToSeeHomePage();
+        await tester.expectToSeeHomePageWithGetStartedPage();
        tester.expectToSeeUserName(userB);
      }
    });
@@ -99,7 +99,7 @@ void main() {
      await tester.tapGoButton();

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

      // open settings and restore the location
      await tester.openSettings();
@@ -2,7 +2,7 @@ import 'dart:io';

 import 'package:appflowy/workspace/presentation/home/tabs/flowy_tab.dart';
 import 'package:appflowy/workspace/presentation/home/tabs/tabs_manager.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
@@ -32,12 +32,12 @@ void main() {
        findsNothing,
      );

-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: _documentName,
        layout: ViewLayoutPB.Document,
      );

-      await tester.createNewPageWithName(
+      await tester.createNewPageWithNameUnderParent(
        name: _documentTwoName,
        layout: ViewLayoutPB.Document,
      );
@@ -1,16 +1,27 @@
+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/widgets/setting_appflowy_cloud.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/setting_supabase_cloud.dart';
+import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';

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

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

+  Future<void> logout() async {
+    await tapButton(find.byType(SettingLogoutButton));
+
+    expectToSeeText(LocaleKeys.button_ok.tr());
+    await tapButtonWithName(LocaleKeys.button_ok.tr());
+  }
+
  Future<void> tapSignInAsGuest() async {
    await tapButton(find.byType(SignInAnonymousButton));
  }
@@ -15,7 +15,6 @@ import 'package:dartz/dartz.dart';
 import 'package:flowy_infra/uuid.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
 import 'package:flutter/gestures.dart';
-import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:path/path.dart' as p;
@@ -33,21 +32,24 @@ extension AppFlowyTestBase on WidgetTester {
  Future<FlowyTestContext> initializeAppFlowy({
    // use to append after the application data directory
    String? pathExtension,
+    // use to specify the application data directory, if not specified, a temporary directory will be used.
+    String? dataDirectory,
    Size windowsSize = const Size(1600, 1200),
    AuthenticatorType? cloudType,
-    String? userEmail,
+    String? email,
  }) async {
+    // view.physicalSize = windowsSize;
    binding.setSurfaceSize(windowsSize);
+    // addTearDown(() => binding.setSurfaceSize(null));

    mockHotKeyManagerHandlers();
-    final directory = await mockApplicationDataStorage(
-      pathExtension: pathExtension,
-    );
-
-    WidgetsFlutterBinding.ensureInitialized();
+    final applicationDataDirectory = dataDirectory ??
+        await mockApplicationDataStorage(
+          pathExtension: pathExtension,
+        );

    await FlowyRunner.run(
-      FlowyApp(),
+      AppFlowyApplication(),
      IntegrationMode.integrationTest,
      rustEnvsBuilder: () {
        final rustEnvs = <String, String>{};
@@ -57,10 +59,12 @@ extension AppFlowyTestBase on WidgetTester {
              break;
            case AuthenticatorType.supabase:
              break;
-            case AuthenticatorType.appflowyCloud:
+            case AuthenticatorType.appflowyCloudSelfHost:
              rustEnvs["GOTRUE_ADMIN_EMAIL"] = "admin@example.com";
              rustEnvs["GOTRUE_ADMIN_PASSWORD"] = "password";
              break;
+            default:
+              throw Exception("not supported");
          }
        }
        return rustEnvs;
@@ -71,6 +75,7 @@ extension AppFlowyTestBase on WidgetTester {
            if (cloudType != null) {
              switch (cloudType) {
                case AuthenticatorType.local:
+                  await useLocal();
                  break;
                case AuthenticatorType.supabase:
                  await useSupabaseCloud();
@@ -79,22 +84,24 @@ extension AppFlowyTestBase on WidgetTester {
                    () => SupabaseMockAuthService(),
                  );
                  break;
-                case AuthenticatorType.appflowyCloud:
+                case AuthenticatorType.appflowyCloudSelfHost:
                  await useAppFlowyCloud();
                  getIt.unregister<AuthService>();
                  getIt.registerFactory<AuthService>(
-                    () => AppFlowyCloudMockAuthService(email: userEmail),
+                    () => AppFlowyCloudMockAuthService(email: email),
                  );
-                  break;
+                default:
+                  throw Exception("not supported");
              }
            }
          },
        );
      },
    );
+
    await waitUntilSignInPageShow();
    return FlowyTestContext(
-      applicationDataDirectory: directory,
+      applicationDataDirectory: applicationDataDirectory,
    );
  }

@@ -109,27 +116,6 @@ extension AppFlowyTestBase on WidgetTester {
    });
  }

-  Future<String> mockApplicationDataStorage({
-    // use to append after the application data directory
-    String? pathExtension,
-  }) async {
-    final dir = await getTemporaryDirectory();
-
-    // Use a random uuid to avoid conflict.
-    String path = p.join(dir.path, 'appflowy_integration_test', uuid());
-    if (pathExtension != null && pathExtension.isNotEmpty) {
-      path = '$path/$pathExtension';
-    }
-    final directory = Directory(path);
-    if (!directory.existsSync()) {
-      await directory.create(recursive: true);
-    }
-
-    MockApplicationDataStorage.initialPath = directory.path;
-
-    return directory.path;
-  }
-
  Future<void> waitUntilSignInPageShow() async {
    if (isAuthEnabled) {
      final finder = find.byType(SignInAnonymousButton);
@@ -142,16 +128,22 @@ extension AppFlowyTestBase on WidgetTester {
    }
  }

+  Future<void> waitForSeconds(int seconds) async {
+    await Future.delayed((Duration(seconds: seconds)), () {});
+  }
+
  Future<void> pumpUntilFound(
    Finder finder, {
    Duration timeout = const Duration(seconds: 10),
+    Duration pumpInterval =
+        const Duration(milliseconds: 50), // Interval between pumps
  }) async {
    bool timerDone = false;
    final timer = Timer(timeout, () => timerDone = true);
-    while (timerDone != true) {
-      await pump();
+    while (!timerDone) {
+      await pump(pumpInterval); // Pump with an interval
      if (any(finder)) {
-        timerDone = true;
+        break;
      }
    }
    timer.cancel();
@@ -256,6 +248,10 @@ extension AppFlowyFinderTestBase on CommonFinders {
  }
 }

+Future<void> useLocal() async {
+  await setAuthenticatorType(AuthenticatorType.local);
+}
+
 Future<void> useSupabaseCloud() async {
  await setAuthenticatorType(AuthenticatorType.supabase);
  await setSupbaseServer(
@@ -265,6 +261,27 @@ Future<void> useSupabaseCloud() async {
 }

 Future<void> useAppFlowyCloud() async {
-  await setAuthenticatorType(AuthenticatorType.appflowyCloud);
-  // await setAppFlowyCloudUrl(Some(TestEnv.afCloudUrl));
+  await setAuthenticatorType(AuthenticatorType.appflowyCloudSelfHost);
+  await setAppFlowyCloudUrl(Some(TestEnv.afCloudUrl));
+}
+
+Future<String> mockApplicationDataStorage({
+  // use to append after the application data directory
+  String? pathExtension,
+}) async {
+  final dir = await getTemporaryDirectory();
+
+  // Use a random uuid to avoid conflict.
+  String path = p.join(dir.path, 'appflowy_integration_test', uuid());
+  if (pathExtension != null && pathExtension.isNotEmpty) {
+    path = '$path/$pathExtension';
+  }
+  final directory = Directory(path);
+  if (!directory.existsSync()) {
+    await directory.create(recursive: true);
+  }
+
+  MockApplicationDataStorage.initialPath = directory.path;
+
+  return directory.path;
 }
@@ -17,7 +17,7 @@ import 'package:appflowy/workspace/presentation/home/menu/view/view_more_action_
 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-folder2/view.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/widget/buttons/primary_button.dart';
 import 'package:flutter/gestures.dart';
@@ -290,7 +290,7 @@ extension CommonOperations on WidgetTester {
    await tapButton(markdownButton);
  }

-  Future<void> createNewPageWithName({
+  Future<void> createNewPageWithNameUnderParent({
    String? name,
    ViewLayoutPB layout = ViewLayoutPB.Document,
    String? parentName,
@@ -333,6 +333,13 @@ extension CommonOperations on WidgetTester {
    }
  }

+  Future<void> createNewPage({
+    ViewLayoutPB layout = ViewLayoutPB.Document,
+    bool openAfterCreated = true,
+  }) async {
+    await tapButton(find.byType(SidebarNewPageButton));
+  }
+
  Future<void> simulateKeyEvent(
    LogicalKeyboardKey key, {
    bool isControlPressed = false,
@@ -1,75 +1,77 @@
 import 'dart:io';

+import 'package:flutter/gestures.dart';
+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/plugins/database_view/board/presentation/board_page.dart';
-import 'package:appflowy/plugins/database_view/board/presentation/widgets/board_column_header.dart';
-import 'package:appflowy/plugins/database_view/calendar/application/calendar_bloc.dart';
-import 'package:appflowy/plugins/database_view/calendar/presentation/calendar_day.dart';
-import 'package:appflowy/plugins/database_view/calendar/presentation/calendar_event_card.dart';
-import 'package:appflowy/plugins/database_view/calendar/presentation/calendar_event_editor.dart';
-import 'package:appflowy/plugins/database_view/calendar/presentation/calendar_page.dart';
-import 'package:appflowy/plugins/database_view/calendar/presentation/toolbar/calendar_layout_setting.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/grid_page.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/choicechip/checkbox.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/choicechip/checklist/checklist.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/choicechip/select_option/option_list.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/choicechip/select_option/select_option.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/choicechip/text.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/create_filter_list.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/disclosure_button.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/filter/filter_menu_item.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/footer/grid_footer.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/header/field_cell.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/header/field_editor.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/header/field_type_extension.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/header/field_type_list.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/header/field_type_option_editor.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/header/type_option/date.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/header/type_option/timestamp.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/row/row.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/sort/create_sort_list.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/sort/order_panel.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/sort/sort_editor.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/sort/sort_menu.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/toolbar/filter_button.dart';
-import 'package:appflowy/plugins/database_view/widgets/setting/database_layout_selector.dart';
-import 'package:appflowy/plugins/database_view/grid/presentation/widgets/toolbar/sort_button.dart';
-import 'package:appflowy/plugins/database_view/tab_bar/desktop/tab_bar_add_button.dart';
-import 'package:appflowy/plugins/database_view/tab_bar/desktop/tab_bar_header.dart';
-import 'package:appflowy/plugins/database_view/widgets/database_layout_ext.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/accessory/cell_accessory.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/cells/cells.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/cells/checklist_cell/checklist_cell_editor.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/cells/checklist_cell/checklist_progress_bar.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/cells/date_cell/date_editor.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/cells/select_option_cell/extension.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/cells/select_option_cell/select_option_editor.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/cells/select_option_cell/text_field.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/row_action.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/row_banner.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/row_detail.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/row_document.dart';
-import 'package:appflowy/plugins/database_view/widgets/row/row_property.dart';
-import 'package:appflowy/plugins/database_view/widgets/setting/database_setting_action.dart';
-import 'package:appflowy/plugins/database_view/widgets/setting/database_settings_list.dart';
-import 'package:appflowy/plugins/database_view/widgets/setting/setting_button.dart';
-import 'package:appflowy/plugins/database_view/widgets/setting/setting_property_list.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/calendar/application/calendar_bloc.dart';
+import 'package:appflowy/plugins/database/calendar/presentation/calendar_day.dart';
+import 'package:appflowy/plugins/database/calendar/presentation/calendar_event_card.dart';
+import 'package:appflowy/plugins/database/calendar/presentation/calendar_event_editor.dart';
+import 'package:appflowy/plugins/database/calendar/presentation/calendar_page.dart';
+import 'package:appflowy/plugins/database/calendar/presentation/toolbar/calendar_layout_setting.dart';
+import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checkbox.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/checklist/checklist.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/select_option/option_list.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/select_option/select_option.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/choicechip/text.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/create_filter_list.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/filter/disclosure_button.dart';
+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/grid/presentation/widgets/header/field_editor.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/header/field_type_extension.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/header/field_type_list.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/header/type_option/date/date_time_format.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';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/sort/sort_editor.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/sort/sort_menu.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/toolbar/filter_button.dart';
+import 'package:appflowy/plugins/database/grid/presentation/widgets/toolbar/sort_button.dart';
+import 'package:appflowy/plugins/database/tab_bar/desktop/tab_bar_add_button.dart';
+import 'package:appflowy/plugins/database/tab_bar/desktop/tab_bar_header.dart';
+import 'package:appflowy/plugins/database/widgets/database_layout_ext.dart';
+import 'package:appflowy/plugins/database/widgets/row/accessory/cell_accessory.dart';
+import 'package:appflowy/plugins/database/widgets/row/cells/cells.dart';
+import 'package:appflowy/plugins/database/widgets/row/cells/checklist_cell/checklist_cell_editor.dart';
+import 'package:appflowy/plugins/database/widgets/row/cells/checklist_cell/checklist_progress_bar.dart';
+import 'package:appflowy/plugins/database/widgets/row/cells/date_cell/date_editor.dart';
+import 'package:appflowy/plugins/database/widgets/row/cells/select_option_cell/extension.dart';
+import 'package:appflowy/plugins/database/widgets/row/cells/select_option_cell/select_option_editor.dart';
+import 'package:appflowy/plugins/database/widgets/row/cells/select_option_cell/text_field.dart';
+import 'package:appflowy/plugins/database/widgets/row/row_action.dart';
+import 'package:appflowy/plugins/database/widgets/row/row_banner.dart';
+import 'package:appflowy/plugins/database/widgets/row/row_detail.dart';
+import 'package:appflowy/plugins/database/widgets/row/row_document.dart';
+import 'package:appflowy/plugins/database/widgets/row/row_property.dart';
+import 'package:appflowy/plugins/database/widgets/setting/database_layout_selector.dart';
+import 'package:appflowy/plugins/database/widgets/setting/database_setting_action.dart';
+import 'package:appflowy/plugins/database/widgets/setting/database_settings_list.dart';
+import 'package:appflowy/plugins/database/widgets/setting/setting_button.dart';
+import 'package:appflowy/plugins/database/widgets/setting/setting_property_list.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/dialogs.dart';
 import 'package:appflowy/workspace/presentation/widgets/pop_up_action.dart';
 import 'package:appflowy/workspace/presentation/widgets/toggle/toggle.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/field_entities.pbenum.dart';
 import 'package:appflowy_backend/protobuf/flowy-database2/setting_entities.pbenum.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_board/appflowy_board.dart';
 import 'package:calendar_view/calendar_view.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
 import 'package:flowy_infra_ui/style_widget/text_input.dart';
 import 'package:flowy_infra_ui/widget/buttons/primary_button.dart';
-import 'package:flutter/gestures.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:path/path.dart' as p;
 import 'package:table_calendar/table_calendar.dart';
@@ -1610,8 +1612,7 @@ extension AppFlowyDatabaseTest on WidgetTester {
  ) async {
    final field = find.byWidgetPredicate(
      (widget) =>
-          widget is DesktopDatabasePropertyCell &&
-          widget.fieldInfo.name == fieldName,
+          widget is DatabasePropertyCell && widget.fieldInfo.name == fieldName,
    );
    final toggleVisibilityButton =
        find.descendant(of: field, matching: find.byType(FlowyIconButton));
@@ -0,0 +1,53 @@
+import 'dart:io';
+import 'package:path/path.dart' as p;
+import 'package:archive/archive.dart';
+
+Future<void> deleteDirectoriesWithSameBaseNameAsPrefix(
+  String path,
+) async {
+  final dir = Directory(path);
+  final prefix = p.basename(dir.path);
+  final parentDir = dir.parent;
+
+  // Check if the directory exists
+  if (!await parentDir.exists()) {
+    // ignore: avoid_print
+    print('Directory does not exist');
+    return;
+  }
+
+  // List all entities in the directory
+  await for (final entity in parentDir.list()) {
+    // Check if the entity is a directory and starts with the specified prefix
+    if (entity is Directory && p.basename(entity.path).startsWith(prefix)) {
+      try {
+        await entity.delete(recursive: true);
+      } catch (e) {
+        // ignore: avoid_print
+        print('Failed to delete directory: ${entity.path}, Error: $e');
+      }
+    }
+  }
+}
+
+Future<void> unzipFile(File zipFile, Directory targetDirectory) async {
+  // Read the Zip file from disk.
+  final bytes = zipFile.readAsBytesSync();
+
+  // Decode the Zip file
+  final archive = ZipDecoder().decodeBytes(bytes);
+
+  // Extract the contents of the Zip archive to disk.
+  for (final file in archive) {
+    final filename = file.name;
+    if (file.isFile) {
+      final data = file.content as List<int>;
+      File(p.join(targetDirectory.path, filename))
+        ..createSync(recursive: true)
+        ..writeAsBytesSync(data);
+    } else {
+      Directory(p.join(targetDirectory.path, filename))
+          .createSync(recursive: true);
+    }
+  }
+}
@@ -6,19 +6,31 @@ import 'package:appflowy/workspace/application/sidebar/folder/folder_bloc.dart';
 import 'package:appflowy/workspace/presentation/home/home_stack.dart';
 import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
 import 'package:appflowy/workspace/presentation/widgets/view_title_bar.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
 import 'package:flutter_test/flutter_test.dart';

+import 'util.dart';
+
 // const String readme = 'Read me';
 const String gettingStarted = 'Getting started';

 extension Expectation on WidgetTester {
  /// Expect to see the home page and with a default read me page.
-  void expectToSeeHomePage() {
-    expect(find.byType(HomeStack), findsOneWidget);
-    expect(find.textContaining(gettingStarted), findsWidgets);
+  Future<void> expectToSeeHomePageWithGetStartedPage() async {
+    final finder = find.byType(HomeStack);
+    await pumpUntilFound(finder);
+    expect(finder, findsOneWidget);
+
+    final docFinder = find.textContaining(gettingStarted);
+    await pumpUntilFound(docFinder);
+  }
+
+  Future<void> expectToSeeHomePage() async {
+    final finder = find.byType(HomeStack);
+    await pumpUntilFound(finder);
+    expect(finder, findsOneWidget);
  }

  /// Expect to see the page name on the home page.
@@ -202,7 +214,7 @@ extension Expectation on WidgetTester {
    return find.descendant(
      of: find.byWidgetPredicate(
        (widget) =>
-            widget is ViewItem &&
+            widget is InnerViewItem &&
            widget.view.name == parentName &&
            widget.view.layout == parentLayout,
        skipOffstage: false,
@@ -1,6 +1,7 @@
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/workspace/application/settings/appearance/appearance_cubit.dart';
 import 'package:appflowy/workspace/application/settings/prelude.dart';
+import 'package:appflowy/workspace/presentation/home/menu/sidebar/sidebar_user.dart';
 import 'package:appflowy/workspace/presentation/settings/settings_dialog.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/settings_menu_element.dart';
 import 'package:appflowy/workspace/presentation/settings/widgets/settings_user_view.dart';
@@ -13,7 +14,7 @@ import 'base.dart';
 extension AppFlowySettings on WidgetTester {
  /// Open settings page
  Future<void> openSettings() async {
-    final settingsButton = find.byTooltip(LocaleKeys.settings_menu_open.tr());
+    final settingsButton = find.byType(UserSettingButton);
    expect(settingsButton, findsOneWidget);
    await tapButton(settingsButton);
    final settingsDialog = find.byType(SettingsDialog);
@@ -173,7 +173,7 @@ SPEC CHECKSUMS:
  app_links: 5ef33d0d295a89d9d16bb81b0e3b0d5f70d6c875
  appflowy_backend: 144c20d8bfb298c4e10fa3fa6701a9f41bf98b88
  connectivity_plus: bf0076dd84a130856aa636df1c71ccaff908fa1d
-  device_info_plus: 7545d84d8d1b896cb16a4ff98c19f07ec4b298ea
+  device_info_plus: c6fb39579d0f423935b0c9ce7ee2f44b71b9fce6
  DKImagePickerController: b512c28220a2b8ac7419f21c491fc8534b7601ac
  DKPhotoGallery: fdfad5125a9fdda9cc57df834d49df790dbb4179
  file_picker: 15fd9539e4eb735dc54bae8c0534a7a9511a03de
@@ -186,18 +186,18 @@ SPEC CHECKSUMS:
  integration_test: 13825b8a9334a850581300559b8839134b124670
  irondash_engine_context: 3458bf979b90d616ffb8ae03a150bafe2e860cc9
  keyboard_height_plugin: 43fa8bba20fd5c4fdeed5076466b8b9d43cc6b86
-  package_info_plus: fd030dabf36271f146f1f3beacd48f564b0f17f7
-  path_provider_foundation: eaf5b3e458fc0e5fbb9940fb09980e853fe058b8
+  package_info_plus: 115f4ad11e0698c8c1c5d8a689390df880f47e85
+  path_provider_foundation: 29f094ae23ebbca9d3d0cec13889cd9060c0e943
  ReachabilitySwift: 985039c6f7b23a1da463388634119492ff86c825
  rich_clipboard_ios: 7588abe18f881a6d0e9ec0b12e51cae2761e8942
  SDWebImage: b9a731e1d6307f44ca703b3976d18c24ca561e84
-  shared_preferences_foundation: e2dae3258e06f44cc55f49d42024fd8dd03c590c
+  shared_preferences_foundation: 5b919d13b803cadd15ed2dc053125c68730e5126
  sign_in_with_apple: f3bf75217ea4c2c8b91823f225d70230119b8440
  sqflite: 31f7eba61e3074736dff8807a9b41581e4f7f15a
  super_native_extensions: 4916b3c627a9c7fffdc48a23a9eca0b1ac228fa7
  SwiftyGif: 6c3eafd0ce693cad58bb63d2b2fb9bacb8552780
  Toast: 91b396c56ee72a5790816f40d3a94dd357abc196
-  url_launcher_ios: 08a3dfac5fb39e8759aeb0abbd5d9480f30fc8b4
+  url_launcher_ios: bf5ce03e0e2088bad9cc378ea97fa0ed5b49673b
  webview_flutter_wkwebview: 2e2d318f21a5e036e2c3f26171342e95908bd60a

 PODFILE CHECKSUM: 8c681999c7764593c94846b2a64b44d86f7a27ac
@@ -346,9 +346,11 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
 				CODE_SIGN_ENTITLEMENTS = Runner/Runner.entitlements;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
 				DEAD_CODE_STRIPPING = NO;
-				DEVELOPMENT_TEAM = "";
+				DEVELOPMENT_TEAM = VHB67HRSZG;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
 				INFOPLIST_KEY_CFBundleDisplayName = AppFlowy;
@@ -359,6 +361,7 @@
 				);
 				PRODUCT_BUNDLE_IDENTIFIER = com.appflowy.appflowy.flutter;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
 				STRIP_STYLE = "non-global";
 				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
 				SUPPORTS_MACCATALYST = NO;
@@ -482,9 +485,11 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
 				CODE_SIGN_ENTITLEMENTS = Runner/Runner.entitlements;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
 				DEAD_CODE_STRIPPING = NO;
-				DEVELOPMENT_TEAM = "";
+				DEVELOPMENT_TEAM = VHB67HRSZG;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
 				INFOPLIST_KEY_CFBundleDisplayName = AppFlowy;
@@ -495,6 +500,7 @@
 				);
 				PRODUCT_BUNDLE_IDENTIFIER = com.appflowy.appflowy.flutter;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
 				STRIP_STYLE = "non-global";
 				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
 				SUPPORTS_MACCATALYST = NO;
@@ -513,6 +519,8 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
 				CODE_SIGN_ENTITLEMENTS = Runner/Runner.entitlements;
+				CODE_SIGN_IDENTITY = "Apple Development";
+				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
 				DEAD_CODE_STRIPPING = NO;
 				DEVELOPMENT_TEAM = VHB67HRSZG;
@@ -526,6 +534,7 @@
 				);
 				PRODUCT_BUNDLE_IDENTIFIER = com.appflowy.appflowy.flutter;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				PROVISIONING_PROFILE_SPECIFIER = "";
 				STRIP_STYLE = "non-global";
 				SUPPORTED_PLATFORMS = "iphoneos iphonesimulator";
 				SUPPORTS_MACCATALYST = NO;
@@ -1,80 +1 @@
-{
-  "images" : [
-    {
-      "filename" : "40.png",
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "20x20"
-    },
-    {
-      "filename" : "60.png",
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "20x20"
-    },
-    {
-      "filename" : "29.png",
-      "idiom" : "iphone",
-      "scale" : "1x",
-      "size" : "29x29"
-    },
-    {
-      "filename" : "58.png",
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "29x29"
-    },
-    {
-      "filename" : "87.png",
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "29x29"
-    },
-    {
-      "filename" : "80.png",
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "40x40"
-    },
-    {
-      "filename" : "120.png",
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "40x40"
-    },
-    {
-      "filename" : "57.png",
-      "idiom" : "iphone",
-      "scale" : "1x",
-      "size" : "57x57"
-    },
-    {
-      "filename" : "114.png",
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "57x57"
-    },
-    {
-      "filename" : "120.png",
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "60x60"
-    },
-    {
-      "filename" : "180.png",
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "60x60"
-    },
-    {
-      "filename" : "1024.png",
-      "idiom" : "ios-marketing",
-      "scale" : "1x",
-      "size" : "1024x1024"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}
+{"images":[{"size":"60x60","expected-size":"180","filename":"180.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"40x40","expected-size":"80","filename":"80.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"40x40","expected-size":"120","filename":"120.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"60x60","expected-size":"120","filename":"120.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"57x57","expected-size":"57","filename":"57.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"1x"},{"size":"29x29","expected-size":"58","filename":"58.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"29x29","expected-size":"29","filename":"29.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"1x"},{"size":"29x29","expected-size":"87","filename":"87.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"57x57","expected-size":"114","filename":"114.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"20x20","expected-size":"40","filename":"40.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"2x"},{"size":"20x20","expected-size":"60","filename":"60.png","folder":"Assets.xcassets/AppIcon.appiconset/","idiom":"iphone","scale":"3x"},{"size":"1024x1024","filename":"1024.png","expected-size":"1024","idiom":"ios-marketing","folder":"Assets.xcassets/AppIcon.appiconset/","scale":"1x"}]}
@@ -24,6 +24,10 @@ class KVKeys {
      'kDocumentAppearanceFontFamily';
  static const String kDocumentAppearanceDefaultTextDirection =
      'kDocumentAppearanceDefaultTextDirection';
+  static const String kDocumentAppearanceCursorColor =
+      'kDocumentAppearanceCursorColor';
+  static const String kDocumentAppearanceSelectionColor =
+      'kDocumentAppearanceSelectionColor';

  /// The key for saving the expanded views
  ///
@@ -26,7 +26,7 @@ class CocoaWindowChannel {
 }

 class MoveWindowDetector extends StatefulWidget {
-  const MoveWindowDetector({Key? key, this.child}) : super(key: key);
+  const MoveWindowDetector({super.key, this.child});

  final Widget? child;

@@ -49,7 +49,6 @@ class NetworkListener {
          return NetworkTypePB.NetworkUnknown;
      }
    }();
-    Log.info("Network type: $networkType");
    final state = NetworkStatePB.create()..ty = networkType;
    UserEventUpdateNetworkState(state).send().then((result) {
      result.fold(
@@ -1,7 +1,7 @@
 import 'dart:typed_data';

 import 'package:appflowy/core/notification/notification_helper.dart';
-import 'package:appflowy_backend/protobuf/flowy-document2/notification.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-document/notification.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-error/errors.pb.dart';
 import 'package:dartz/dartz.dart';

@@ -13,11 +13,9 @@ typedef DocumentNotificationCallback = void Function(
 class DocumentNotificationParser
    extends NotificationParser<DocumentNotification, FlowyError> {
  DocumentNotificationParser({
-    String? id,
-    required DocumentNotificationCallback callback,
+    super.id,
+    required super.callback,
  }) : super(
-          id: id,
-          callback: callback,
          tyParser: (ty) => DocumentNotification.valueOf(ty),
          errorParser: (bytes) => FlowyError.fromBuffer(bytes),
        );
@@ -3,7 +3,7 @@ import 'dart:typed_data';
 import 'package:appflowy_backend/protobuf/flowy-notification/protobuf.dart';
 import 'package:dartz/dartz.dart';
 import 'package:appflowy_backend/protobuf/flowy-error/errors.pb.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/notification.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/notification.pb.dart';
 import 'package:appflowy_backend/rust_stream.dart';

 import 'notification_helper.dart';
@@ -17,11 +17,9 @@ typedef FolderNotificationCallback = void Function(
 class FolderNotificationParser
    extends NotificationParser<FolderNotification, FlowyError> {
  FolderNotificationParser({
-    String? id,
-    required FolderNotificationCallback callback,
+    super.id,
+    required super.callback,
  }) : super(
-          id: id,
-          callback: callback,
          tyParser: (ty) => FolderNotification.valueOf(ty),
          errorParser: (bytes) => FlowyError.fromBuffer(bytes),
        );
@@ -17,11 +17,9 @@ typedef DatabaseNotificationCallback = void Function(
 class DatabaseNotificationParser
    extends NotificationParser<DatabaseNotification, FlowyError> {
  DatabaseNotificationParser({
-    String? id,
-    required DatabaseNotificationCallback callback,
+    super.id,
+    required super.callback,
  }) : super(
-          id: id,
-          callback: callback,
          tyParser: (ty) => DatabaseNotification.valueOf(ty),
          errorParser: (bytes) => FlowyError.fromBuffer(bytes),
        );
@@ -17,11 +17,9 @@ typedef UserNotificationCallback = void Function(
 class UserNotificationParser
    extends NotificationParser<UserNotification, FlowyError> {
  UserNotificationParser({
-    required String id,
-    required UserNotificationCallback callback,
+    required String super.id,
+    required super.callback,
  }) : super(
-          id: id,
-          callback: callback,
          tyParser: (ty) => UserNotification.valueOf(ty),
          errorParser: (bytes) => FlowyError.fromBuffer(bytes),
        );
@@ -20,17 +20,25 @@ import 'package:dartz/dartz.dart';
 Future<void> setAuthenticatorType(AuthenticatorType ty) async {
  switch (ty) {
    case AuthenticatorType.local:
-      getIt<KeyValueStorage>().set(KVKeys.kCloudType, 0.toString());
+      await getIt<KeyValueStorage>().set(KVKeys.kCloudType, 0.toString());
      break;
    case AuthenticatorType.supabase:
-      getIt<KeyValueStorage>().set(KVKeys.kCloudType, 1.toString());
+      await getIt<KeyValueStorage>().set(KVKeys.kCloudType, 1.toString());
      break;
    case AuthenticatorType.appflowyCloud:
-      getIt<KeyValueStorage>().set(KVKeys.kCloudType, 2.toString());
+      await getIt<KeyValueStorage>().set(KVKeys.kCloudType, 2.toString());
+      break;
+    case AuthenticatorType.appflowyCloudSelfHost:
+      await getIt<KeyValueStorage>().set(KVKeys.kCloudType, 3.toString());
+      break;
+    case AuthenticatorType.appflowyCloudDevelop:
+      await getIt<KeyValueStorage>().set(KVKeys.kCloudType, 4.toString());
      break;
  }
 }

+const String kAppflowyCloudUrl = "https://beta.appflowy.cloud";
+
 /// Retrieves the currently set cloud type.
 ///
 /// This method fetches the cloud type setting from the key-value storage
@@ -44,18 +52,26 @@ Future<void> setAuthenticatorType(AuthenticatorType ty) async {
 ///
 Future<AuthenticatorType> getAuthenticatorType() async {
  final value = await getIt<KeyValueStorage>().get(KVKeys.kCloudType);
-  return value.fold(() => AuthenticatorType.local, (s) {
-    switch (s) {
-      case "0":
-        return AuthenticatorType.local;
-      case "1":
-        return AuthenticatorType.supabase;
-      case "2":
-        return AuthenticatorType.appflowyCloud;
-      default:
-        return AuthenticatorType.local;
-    }
-  });
+  if (value.isNone() && integrationMode().isRelease) {
+    await setAuthenticatorType(AuthenticatorType.appflowyCloud);
+    return AuthenticatorType.appflowyCloud;
+  }
+
+  switch (value.getOrElse(() => "0")) {
+    case "0":
+      return AuthenticatorType.local;
+    case "1":
+      return AuthenticatorType.supabase;
+    case "2":
+      return AuthenticatorType.appflowyCloud;
+    case "3":
+      return AuthenticatorType.appflowyCloudSelfHost;
+    case "4":
+      return AuthenticatorType.appflowyCloudDevelop;
+    default:
+      await setAuthenticatorType(AuthenticatorType.appflowyCloud);
+      return AuthenticatorType.appflowyCloud;
+  }
 }

 /// Determines whether authentication is enabled.
@@ -70,23 +86,16 @@ Future<AuthenticatorType> getAuthenticatorType() async {
 /// AppFlowy Cloud or Supabase configuration is valid.
 /// Returns `false` otherwise.
 bool get isAuthEnabled {
-  // Only enable supabase in release and develop mode.
-  if (integrationMode().isRelease ||
-      integrationMode().isDevelop ||
-      integrationMode().isIntegrationTest) {
-    final env = getIt<AppFlowyCloudSharedEnv>();
-    if (env.authenticatorType == AuthenticatorType.supabase) {
-      return env.supabaseConfig.isValid;
-    }
-
-    if (env.authenticatorType == AuthenticatorType.appflowyCloud) {
-      return env.appflowyCloudConfig.isValid;
-    }
-
-    return false;
-  } else {
-    return false;
+  final env = getIt<AppFlowyCloudSharedEnv>();
+  if (env.authenticatorType == AuthenticatorType.supabase) {
+    return env.supabaseConfig.isValid;
  }
+
+  if (env.authenticatorType.isAppFlowyCloudEnabled) {
+    return env.appflowyCloudConfig.isValid;
+  }
+
+  return false;
 }

 /// Checks if Supabase is enabled.
@@ -99,42 +108,31 @@ bool get isAuthEnabled {
 /// if the application is in release or develop mode and the current cloud type
 /// is `CloudType.supabase`. Otherwise, it returns `false`.
 bool get isSupabaseEnabled {
-  // Only enable supabase in release and develop mode.
-  if (integrationMode().isRelease ||
-      integrationMode().isDevelop ||
-      integrationMode().isIntegrationTest) {
-    return currentCloudType() == AuthenticatorType.supabase;
-  } else {
-    return false;
-  }
+  return currentCloudType().isSupabaseEnabled;
 }

 /// Determines if AppFlowy Cloud is enabled.
-///
-/// This getter assesses if AppFlowy Cloud should be enabled based on the
-/// current integration mode and cloud type setting.
-///
-/// Returns:
-/// A boolean value indicating whether AppFlowy Cloud is enabled. It returns
-/// `true` if the application is in release or develop mode and the current
-/// cloud type is `CloudType.appflowyCloud`. Otherwise, it returns `false`.
 bool get isAppFlowyCloudEnabled {
-  // Only enable appflowy cloud in release and develop mode.
-  if (integrationMode().isRelease ||
-      integrationMode().isDevelop ||
-      integrationMode().isIntegrationTest) {
-    return currentCloudType() == AuthenticatorType.appflowyCloud;
-  } else {
-    return false;
-  }
+  return currentCloudType().isAppFlowyCloudEnabled;
 }

 enum AuthenticatorType {
  local,
  supabase,
-  appflowyCloud;
+  appflowyCloud,
+  appflowyCloudSelfHost,
+  // The 'appflowyCloudDevelop' type is used for develop purposes only.
+  appflowyCloudDevelop;
+
+  bool get isLocal => this == AuthenticatorType.local;
+
+  bool get isAppFlowyCloudEnabled =>
+      this == AuthenticatorType.appflowyCloudSelfHost ||
+      this == AuthenticatorType.appflowyCloudDevelop ||
+      this == AuthenticatorType.appflowyCloud;
+
+  bool get isSupabaseEnabled => this == AuthenticatorType.supabase;

-  bool get isEnabled => this != AuthenticatorType.local;
  int get value {
    switch (this) {
      case AuthenticatorType.local:
@@ -143,10 +141,14 @@ enum AuthenticatorType {
        return 1;
      case AuthenticatorType.appflowyCloud:
        return 2;
+      case AuthenticatorType.appflowyCloudSelfHost:
+        return 3;
+      case AuthenticatorType.appflowyCloudDevelop:
+        return 4;
    }
  }

-  static fromValue(int value) {
+  static AuthenticatorType fromValue(int value) {
    switch (value) {
      case 0:
        return AuthenticatorType.local;
@@ -154,6 +156,10 @@ enum AuthenticatorType {
        return AuthenticatorType.supabase;
      case 2:
        return AuthenticatorType.appflowyCloud;
+      case 3:
+        return AuthenticatorType.appflowyCloudSelfHost;
+      case 4:
+        return AuthenticatorType.appflowyCloudDevelop;
      default:
        return AuthenticatorType.local;
    }
@@ -166,7 +172,7 @@ AuthenticatorType currentCloudType() {

 Future<void> setAppFlowyCloudUrl(Option<String> url) async {
  await url.fold(
-    () => getIt<KeyValueStorage>().remove(KVKeys.kAppflowyCloudBaseURL),
+    () => getIt<KeyValueStorage>().set(KVKeys.kAppflowyCloudBaseURL, ""),
    (s) => getIt<KeyValueStorage>().set(KVKeys.kAppflowyCloudBaseURL, s),
  );
 }
@@ -189,12 +195,25 @@ class AppFlowyCloudSharedEnv {
    // If [Env.enableCustomCloud] is true, then use the custom cloud configuration.
    if (Env.enableCustomCloud) {
      // Use the custom cloud configuration.
-      final cloudType = await getAuthenticatorType();
-      final appflowyCloudConfig = await getAppFlowyCloudConfig();
-      final supabaseCloudConfig = await getSupabaseCloudConfig();
+      var authenticatorType = await getAuthenticatorType();

+      final appflowyCloudConfig = authenticatorType.isLocal
+          ? AppFlowyCloudConfiguration.defaultConfig()
+          : await getAppFlowyCloudConfig(authenticatorType);
+      final supabaseCloudConfig = authenticatorType.isLocal
+          ? SupabaseConfiguration.defaultConfig()
+          : await getSupabaseCloudConfig();
+
+      // In the backend, the value '2' represents the use of AppFlowy Cloud. However, in the frontend,
+      // we distinguish between [AuthenticatorType.appflowyCloudSelfHost] and [AuthenticatorType.appflowyCloud].
+      // When the cloud type is [AuthenticatorType.appflowyCloudSelfHost] in the frontend, it should be
+      // converted to [AuthenticatorType.appflowyCloud] to align with the backend representation,
+      // where both types are indicated by the value '2'.
+      if (authenticatorType.isAppFlowyCloudEnabled) {
+        authenticatorType = AuthenticatorType.appflowyCloud;
+      }
      return AppFlowyCloudSharedEnv(
-        authenticatorType: cloudType,
+        authenticatorType: authenticatorType,
        appflowyCloudConfig: appflowyCloudConfig,
        supabaseConfig: supabaseCloudConfig,
      );
@@ -213,18 +232,28 @@ class AppFlowyCloudSharedEnv {
      );
    }
  }
+
+  @override
+  String toString() {
+    return 'authenticator: $_authenticatorType\n'
+        'appflowy: ${appflowyCloudConfig.toJson()}\n'
+        'supabase: ${supabaseConfig.toJson()})\n';
+  }
 }

 Future<AppFlowyCloudConfiguration> configurationFromUri(
  Uri baseUri,
  String baseUrl,
+  AuthenticatorType authenticatorType,
 ) async {
-// When the host is set to 'localhost', the application will utilize the local configuration. This setup assumes that 'localhost' does not employ a reverse proxy, therefore default port settings are used.
-  if (baseUri.host == "localhost") {
+  // In development mode, the app is configured to access the AppFlowy cloud server directly through specific ports.
+  // This setup bypasses the need for Nginx, meaning that the AppFlowy cloud should be running without an Nginx server
+  // in the development environment.
+  if (authenticatorType == AuthenticatorType.appflowyCloudDevelop) {
    return AppFlowyCloudConfiguration(
      base_url: "$baseUrl:8000",
      ws_base_url: "ws://${baseUri.host}:8000/ws",
-      gotrue_url: "$baseUrl:9998",
+      gotrue_url: "$baseUrl:9999",
    );
  } else {
    return AppFlowyCloudConfiguration(
@@ -235,12 +264,14 @@ Future<AppFlowyCloudConfiguration> configurationFromUri(
  }
 }

-Future<AppFlowyCloudConfiguration> getAppFlowyCloudConfig() async {
+Future<AppFlowyCloudConfiguration> getAppFlowyCloudConfig(
+  AuthenticatorType authenticatorType,
+) async {
  final baseURL = await getAppFlowyCloudUrl();

  try {
    final uri = Uri.parse(baseURL);
-    return await configurationFromUri(uri, baseURL);
+    return await configurationFromUri(uri, baseURL, authenticatorType);
  } catch (e) {
    Log.error("Failed to parse AppFlowy Cloud URL: $e");
    return AppFlowyCloudConfiguration.defaultConfig();
@@ -251,7 +282,7 @@ Future<String> getAppFlowyCloudUrl() async {
  final result =
      await getIt<KeyValueStorage>().get(KVKeys.kAppflowyCloudBaseURL);
  return result.fold(
-    () => "",
+    () => "https://beta.appflowy.cloud",
    (url) => url,
  );
 }
@@ -1,4 +1,6 @@
 // lib/env/env.dart
+// ignore_for_file: prefer_const_declarations
+
 import 'package:envied/envied.dart';

 part 'cloud_env_test.g.dart';
@@ -9,21 +11,21 @@ part 'cloud_env_test.g.dart';
 abstract class TestEnv {
  /// AppFlowy Cloud Configuration
  @EnviedField(
-    obfuscate: true,
+    obfuscate: false,
    varName: 'APPFLOWY_CLOUD_URL',
-    defaultValue: '',
+    defaultValue: 'http://localhost',
  )
  static final String afCloudUrl = _TestEnv.afCloudUrl;

  // Supabase Configuration:
  @EnviedField(
-    obfuscate: true,
+    obfuscate: false,
    varName: 'SUPABASE_URL',
    defaultValue: '',
  )
  static final String supabaseUrl = _TestEnv.supabaseUrl;
  @EnviedField(
-    obfuscate: true,
+    obfuscate: false,
    varName: 'SUPABASE_ANON_KEY',
    defaultValue: '',
  )
@@ -8,8 +8,11 @@ part 'env.g.dart';
 abstract class Env {
  // This flag is used to decide if users can dynamically configure cloud settings. It turns true when a .env file exists containing the APPFLOWY_CLOUD_URL variable. By default, this is set to false.
  static bool get enableCustomCloud {
-    return Env.authenticatorType == AuthenticatorType.appflowyCloud.value &&
-        _Env.afCloudUrl.isEmpty;
+    return Env.authenticatorType ==
+            AuthenticatorType.appflowyCloudSelfHost.value ||
+        Env.authenticatorType == AuthenticatorType.appflowyCloud.value ||
+        Env.authenticatorType == AuthenticatorType.appflowyCloudDevelop.value &&
+            _Env.afCloudUrl.isEmpty;
  }

  @EnviedField(
@@ -4,5 +4,6 @@ import 'startup/startup.dart';

 Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
+
  await runAppFlowy();
 }
@@ -3,7 +3,7 @@ import 'package:appflowy/mobile/presentation/database/mobile_calendar_screen.dar
 import 'package:appflowy/mobile/presentation/database/mobile_grid_screen.dart';
 import 'package:appflowy/mobile/presentation/presentation.dart';
 import 'package:appflowy/workspace/application/recent/recent_service.dart';
-import 'package:appflowy_backend/protobuf/flowy-folder2/view.pb.dart';
+import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';