[mob] Bump version 0.8.108

[mob][fix] Gracefully handle time value in double instead of int
2024-05-23 13:45:52 +05:30 · 2024-05-23 13:41:10 +05:30
301 changed files with 2380 additions and 2898 deletions
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@ -4,12 +4,11 @@ labels: ["triage"]
 body:
    - type: markdown
      attributes:
-          value: |
-              Before opening a new bug report, please ensure
-              1. you are on the latest version (it might've already been fixed),
-              2. you've searched for existing issues (please add your observations as a comment there instead of creating a duplicate).
-
-              If you are self hosting, please create a community [Q&A](https://github.com/ente-io/ente/discussions/categories/q-a) instead.
+          value: >
+              Before opening a new issue, please ensure you are on the latest
+              version (it might've already been fixed), and that you've searched
+              for existing issues (please add you observations as a comment
+              there instead of creating a duplicate).
    - type: textarea
      attributes:
          label: Description
@ -17,8 +16,7 @@ body:
              Please describe the bug. If possible, also include the steps to
              reproduce the behaviour, and the expected behaviour (sometimes
              bugs are just expectation mismatches, in which case this would be
-              a good fit for [feature
-              requests](https://github.com/ente-io/ente/discussions/categories/feature-requests)).
+              a good fit for Discussions).
      validations:
          required: true
    - type: input
--- a/.github/workflows/mobile-internal-release.yml
+++ b/.github/workflows/mobile-internal-release.yml
@ -4,7 +4,7 @@ on:
    workflow_dispatch: # Allow manually running the action

 env:
-    FLUTTER_VERSION: "3.22.0"
+    FLUTTER_VERSION: "3.19.3"

 jobs:
    build:
--- a/.github/workflows/mobile-lint.yml
+++ b/.github/workflows/mobile-lint.yml
@ -9,7 +9,7 @@ on:
            - ".github/workflows/mobile-lint.yml"

 env:
-    FLUTTER_VERSION: "3.22.0"
+    FLUTTER_VERSION: "3.19.5"

 jobs:
    lint:
--- a/auth/lib/l10n/arb/app_ja.arb
+++ b/auth/lib/l10n/arb/app_ja.arb
@ -20,8 +20,6 @@
  "codeIssuerHint": "発行者",
  "codeSecretKeyHint": "秘密鍵",
  "codeAccountHint": "アカウント (you@domain.com)",
-  "codeTagHint": "タグ",
-  "accountKeyType": "鍵の種類",
  "sessionExpired": "セッションが失効しました",
  "@sessionExpired": {
    "description": "Title of the dialog when the users current session is invalid/expired"
@ -79,7 +77,6 @@
  "data": "データ",
  "importCodes": "コードをインポート",
  "importTypePlainText": "プレーンテキスト",
-  "importTypeEnteEncrypted": "Ente 暗号化されたエクスポート",
  "passwordForDecryptingExport": "復号化用パスワード",
  "passwordEmptyError": "パスワードは空欄にできません",
  "importFromApp": "{appName} からコードをインポート",
@ -124,7 +121,6 @@
  "suggestFeatures": "機能を提案",
  "faq": "FAQ",
  "faq_q_1": "Authはどのくらい安全ですか？",
-  "faq_a_1": "Ente Authでバックアップされたコードはすべてエンドツーエンドで暗号化されて保存されます。つまり、コードにアクセスできるのはあなただけです。当社のアプリはオープンソースであり、暗号化技術は外部監査を受けています。",
  "faq_q_2": "パソコンから私のコードにアクセスできますか？",
  "faq_a_2": "auth.ente.io で Web からコードにアクセス可能です。",
  "faq_q_3": "コードを削除するにはどうすればいいですか？",
@ -158,7 +154,6 @@
      }
    }
  },
-  "invalidQRCode": "QRコードが無効です",
  "noRecoveryKeyTitle": "回復キーがありませんか？",
  "enterEmailHint": "メールアドレスを入力してください",
  "invalidEmailTitle": "メールアドレスが無効です",
@ -352,7 +347,6 @@
  "deleteCodeAuthMessage": "コードを削除するためには認証が必要です",
  "showQRAuthMessage": "QR コードを表示するためには認証が必要です",
  "confirmAccountDeleteTitle": "アカウントの削除に同意",
-  "confirmAccountDeleteMessage": "このアカウントは他のEnteアプリも使用している場合はそれらにも紐づけされています。\nすべてのEnteアプリでアップロードされたデータは削除され、アカウントは完全に削除されます。",
  "androidBiometricHint": "本人を確認する",
  "@androidBiometricHint": {
    "description": "Hint message advising the user how to authenticate with biometrics. It is used on Android side. Maximum 60 characters."
@ -423,18 +417,5 @@
  "invalidEndpoint": "無効なエンドポイントです",
  "invalidEndpointMessage": "入力されたエンドポイントは無効です。有効なエンドポイントを入力して再試行してください。",
  "endpointUpdatedMessage": "エンドポイントの更新に成功しました",
-  "customEndpoint": "{endpoint} に接続しました",
-  "pinText": "固定",
-  "unpinText": "固定を解除",
-  "pinnedCodeMessage": "{code} を固定しました",
-  "unpinnedCodeMessage": "{code} の固定が解除されました",
-  "tags": "タグ",
-  "createNewTag": "新しいタグの作成",
-  "tag": "タグ",
-  "create": "作成",
-  "editTag": "タグの編集",
-  "deleteTagTitle": "タグを削除しますか？",
-  "deleteTagMessage": "このタグを削除してもよろしいですか？この操作は取り消しできません。",
-  "somethingWentWrongParsingCode": "{x} のコードを解析できませんでした。",
-  "updateNotAvailable": "アップデートは利用できません"
+  "customEndpoint": "{endpoint} に接続しました"
 }
--- a/desktop/package.json
+++ b/desktop/package.json
@ -30,7 +30,7 @@
        "compare-versions": "^6.1",
        "electron-log": "^5.1",
        "electron-store": "^8.2",
-        "electron-updater": "^6.2",
+        "electron-updater": "^6.1",
        "ffmpeg-static": "^5.2",
        "html-entities": "^2.5",
        "jpeg-js": "^0.4",
--- a/desktop/src/main/stream.ts
+++ b/desktop/src/main/stream.ts
@ -106,7 +106,7 @@ const handleRead = async (path: string) => {
        res.headers.set("Content-Length", `${fileSize}`);

        // Add the file's last modified time (as epoch milliseconds).
-        const mtimeMs = stat.mtime.getTime();
+        const mtimeMs = stat.mtimeMs;
        res.headers.set("X-Last-Modified-Ms", `${mtimeMs}`);
    }
    return res;
@ -132,13 +132,6 @@ const handleReadZip = async (zipPath: string, entryName: string) => {
    // Close the zip handle when the underlying stream closes.
    stream.on("end", () => void zip.close());

-    // While it is documented that entry.time is the modification time,
-    // the units are not mentioned. By seeing the source code, we can
-    // verify that it is indeed epoch milliseconds. See `parseZipTime`
-    // in the node-stream-zip source,
-    // https://github.com/antelle/node-stream-zip/blob/master/node_stream_zip.js
-    const modifiedMs = entry.time;
-
    return new Response(webReadableStream, {
        headers: {
            // We don't know the exact type, but it doesn't really matter, just
@ -146,7 +139,12 @@ const handleReadZip = async (zipPath: string, entryName: string) => {
            // doesn't tinker with it thinking of it as text.
            "Content-Type": "application/octet-stream",
            "Content-Length": `${entry.size}`,
-            "X-Last-Modified-Ms": `${modifiedMs}`,
+            // While it is documented that entry.time is the modification time,
+            // the units are not mentioned. By seeing the source code, we can
+            // verify that it is indeed epoch milliseconds. See `parseZipTime`
+            // in the node-stream-zip source,
+            // https://github.com/antelle/node-stream-zip/blob/master/node_stream_zip.js
+            "X-Last-Modified-Ms": `${entry.time}`,
        },
    });
 };
--- a/desktop/yarn.lock
+++ b/desktop/yarn.lock
@ -743,10 +743,10 @@ buffer@^5.1.0, buffer@^5.5.0:
    base64-js "^1.3.1"
    ieee754 "^1.1.13"

-builder-util-runtime@9.2.4:
-  version "9.2.4"
-  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.2.4.tgz#13cd1763da621e53458739a1e63f7fcba673c42a"
-  integrity sha512-upp+biKpN/XZMLim7aguUyW8s0FUpDvOtK6sbanMFDAMBzpHDqdhgVYm6zc9HJ6nWo7u2Lxk60i2M6Jd3aiNrA==
+builder-util-runtime@9.2.3:
+  version "9.2.3"
+  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.2.3.tgz#0a82c7aca8eadef46d67b353c638f052c206b83c"
+  integrity sha512-FGhkqXdFFZ5dNC4C+yuQB9ak311rpGAw+/ASz8ZdxwODCv1GGMWgLDeofRkdi0F3VCHQEWy/aXcJQozx2nOPiw==
  dependencies:
    debug "^4.3.4"
    sax "^1.2.4"
@ -1251,12 +1251,12 @@ electron-store@^8.2:
    conf "^10.2.0"
    type-fest "^2.17.0"

-electron-updater@^6.2:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/electron-updater/-/electron-updater-6.2.1.tgz#1c9adb9ba2a21a5dc50a8c434c45360d5e9fe6c9"
-  integrity sha512-83eKIPW14qwZqUUM6wdsIRwVKZyjmHxQ4/8G+1C6iS5PdDt7b1umYQyj1/qPpH510GmHEQe4q0kCPe3qmb3a0Q==
+electron-updater@^6.1:
+  version "6.1.8"
+  resolved "https://registry.yarnpkg.com/electron-updater/-/electron-updater-6.1.8.tgz#17637bca165322f4e526b13c99165f43e6f697d8"
+  integrity sha512-hhOTfaFAd6wRHAfUaBhnAOYc+ymSGCWJLtFkw4xJqOvtpHmIdNHnXDV9m1MHC+A6q08Abx4Ykgyz/R5DGKNAMQ==
  dependencies:
-    builder-util-runtime "9.2.4"
+    builder-util-runtime "9.2.3"
    fs-extra "^10.1.0"
    js-yaml "^4.1.0"
    lazy-val "^1.0.5"
--- a/docs/docs/.vitepress/sidebar.ts
+++ b/docs/docs/.vitepress/sidebar.ts
@ -163,10 +163,6 @@ export const sidebar = [
                        text: "From Authy",
                        link: "/auth/migration-guides/authy/",
                    },
-                    {
-                        text: "From Steam",
-                        link: "/auth/migration-guides/steam/",
-                    },
                    {
                        text: "Exporting your data",
                        link: "/auth/migration-guides/export",
--- a/docs/docs/auth/migration-guides/index.md
+++ b/docs/docs/auth/migration-guides/index.md
@ -7,5 +7,4 @@ description:
 # Migrating to/from Ente Auth

 -   [Migrating from Authy](authy/)
-   [Importing codes from Steam](steam/)
 -   [Exporting your data out of Ente Auth](export)
--- a/docs/docs/auth/migration-guides/steam/index.md
+++ b/docs/docs/auth/migration-guides/steam/index.md
@ -1,79 +0,0 @@
---
-title: Migrating from Steam Authenticator
-description: Guide for importing from Steam Authenticator to Ente Auth
---
-
-# Migrating from Steam Authenticator
-
-A guide written by an ente.io lover
-
-> [!WARNING]
->
-> Steam Authenticator code is only supported after auth-v3.0.3, check the app's
-> version number before migration.
-
-One way to migrate is to
-[use this tool by dyc3](https://github.com/dyc3/steamguard-cli/releases/latest)
-to simplify the process and skip directly to generating a qr code to Ente
-Authenticator.
-
-## Download/Install steamguard-cli
-
-### Windows
-
-1. Download `steamguard.exe` from the [releases page][releases].
-2. Place `steamguard.exe` in a folder of your choice. For this example, we will
-   use `%USERPROFILE%\Desktop`.
-3. Open Powershell or Command Prompt. The prompt should be at `%USERPROFILE%`
-   (eg. `C:\Users\<username>`).
-4. Use `cd` to change directory into the folder where you placed
-   `steamguard.exe`. For this example, it would be `cd Desktop`.
-5. You should now be able to run `steamguard.exe` by typing
-   `.\steamguard.exe --help` and pressing enter.
-
-### Linux
-
-#### Ubuntu/Debian
-
-1. Download the `.deb` from the [releases page][releases].
-2. Open a terminal and run this to install it:
-
-```bash
-sudo dpkg -i ./steamguard-cli_<version>_amd64.deb
-```
-
-#### Other Linux
-
-1. Download `steamguard` from the [releases page][releases]
-2. Make it executable, and move `steamguard` to `/usr/local/bin` or any other
-   directory in your `$PATH`.
-
-```bash
-chmod +x ./steamguard
-sudo mv ./steamguard /usr/local/bin
-```
-
-3. You should now be able to run `steamguard` by typing `steamguard --help` and
-   pressing enter.
-
-## Login to Steam account
-
-Set up a new account with steamguard-cli
-
-```bash
-steamguard setup # set up a new account with steamguard-cli
-```
-
-## Generate & importing QR codes
-
-steamguard-cli can then generate a QR code for your 2FA secret.
-
-```bash
-steamguard qr # print QR code for the first account in your maFiles
-steamguard -u <account name> qr # print QR code for a specific account
-```
-
-Open Ente Auth, press the '+' button, select `Scan a QR code`, and scan the qr
-code.
-
-You should now have your steam code inside Ente Auth
--- a/docs/docs/self-hosting/guides/configuring-s3.md
+++ b/docs/docs/self-hosting/guides/configuring-s3.md
@ -78,23 +78,3 @@ To summarize:
 Set the S3 bucket `endpoint` in `credentials.yaml` to a `yourserverip:3200` or
 some such IP/hostname that accessible from both where you are running the Ente
 clients (e.g. the mobile app) and also from within the Docker compose cluster.
-
-### 403 Forbidden
-
-If museum (`2`) is able to make a network connection to your S3 bucket (`3`) but
-uploads are still failing, it could be a credentials or permissions issue. A
-telltale sign of this is that in the museum logs you can see `403 Forbidden`
-errors about it not able to find the size of a file even though the
-corresponding object exists in the S3 bucket.
-
-To fix these, you should ensure the following:
-
-1.  The bucket CORS rules do not allow museum to access these objects.
-
-    > For uploading files from the browser, you will need to currently set
-    > allowedOrigins to "\*", and allow the "X-Auth-Token", "X-Client-Package"
-    > headers configuration too.
-    > [Here is an example of a working configuration](https://github.com/ente-io/ente/discussions/1764#discussioncomment-9478204).
-
-2.  The credentials are not being picked up (you might be setting the correct
-    creds, but not in the place where museum picks them from).
--- a/mobile/README.md
+++ b/mobile/README.md
@ -46,7 +46,7 @@ You can alternatively install the build from PlayStore or F-Droid.

 ## 🧑‍💻 Building from source

-1. [Install Flutter v3.22.0](https://flutter.dev/docs/get-started/install).
+1. [Install Flutter v3.19.3](https://flutter.dev/docs/get-started/install).

 2. Pull in all submodules with `git submodule update --init --recursive`

--- a/mobile/ios/Podfile.lock
+++ b/mobile/ios/Podfile.lock
@ -427,7 +427,7 @@ SPEC CHECKSUMS:
  home_widget: 0434835a4c9a75704264feff6be17ea40e0f0d57
  image_editor_common: d6f6644ae4a6de80481e89fe6d0a8c49e30b4b43
  in_app_purchase_storekit: 0e4b3c2e43ba1e1281f4f46dd71b0593ce529892
-  integration_test: ce0a3ffa1de96d1a89ca0ac26fca7ea18a749ef4
+  integration_test: 13825b8a9334a850581300559b8839134b124670
  libwebp: 1786c9f4ff8a279e4dac1e8f385004d5fc253009
  local_auth_darwin: c7e464000a6a89e952235699e32b329457608d98
  local_auth_ios: 5046a18c018dd973247a0564496c8898dbb5adf9
--- a/mobile/lib/core/configuration.dart
+++ b/mobile/lib/core/configuration.dart
@ -35,10 +35,10 @@ import 'package:photos/services/sync_service.dart';
 import 'package:photos/utils/crypto_util.dart';
 import 'package:photos/utils/file_uploader.dart';
 import 'package:photos/utils/validator_util.dart';
-import "package:photos/utils/wakelock_util.dart";
 import 'package:shared_preferences/shared_preferences.dart';
 import "package:tuple/tuple.dart";
 import 'package:uuid/uuid.dart';
+import 'package:wakelock_plus/wakelock_plus.dart';

 class Configuration {
  Configuration._privateConstructor();
@ -585,7 +585,7 @@ class Configuration {

  Future<void> setShouldKeepDeviceAwake(bool value) async {
    await _preferences.setBool(keyShouldKeepDeviceAwake, value);
-    await EnteWakeLock.toggle(enable: value);
+    await WakelockPlus.toggle(enable: value);
  }

  Future<void> setShouldBackupVideos(bool value) async {
--- a/mobile/lib/core/constants.dart
+++ b/mobile/lib/core/constants.dart
@ -69,8 +69,6 @@ const galleryGridSpacing = 2.0;

 const kSearchSectionLimit = 9;

-const maxPickAssetLimit = 50;
-
 const iOSGroupID = "group.io.ente.frame.SlideshowWidget";

 const blackThumbnailBase64 = '/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEB'
--- a/mobile/lib/face/db.dart
+++ b/mobile/lib/face/db.dart
@ -13,8 +13,6 @@ import "package:photos/face/model/face.dart";
 import "package:photos/models/file/file.dart";
 import "package:photos/services/machine_learning/face_ml/face_clustering/face_info_for_clustering.dart";
 import 'package:photos/services/machine_learning/face_ml/face_filtering/face_filtering_constants.dart';
-import "package:photos/services/machine_learning/face_ml/face_ml_result.dart";
-import "package:photos/utils/ml_util.dart";
 import 'package:sqlite_async/sqlite_async.dart';

 /// Stores all data for the FacesML-related features. The database can be accessed by `FaceMLDataDB.instance.database`.
@ -35,15 +33,6 @@ class FaceMLDataDB {

  static final FaceMLDataDB instance = FaceMLDataDB._privateConstructor();

-  static final _migrationScripts = [
-    createFacesTable,
-    createFaceClustersTable,
-    createClusterPersonTable,
-    createClusterSummaryTable,
-    createNotPersonFeedbackTable,
-    fcClusterIDIndex,
-  ];
-
  // only have a single app-wide reference to the database
  static Future<SqliteDatabase>? _sqliteAsyncDBFuture;

@ -59,42 +48,17 @@ class FaceMLDataDB {
    _logger.info("Opening sqlite_async access: DB path " + databaseDirectory);
    final asyncDBConnection =
        SqliteDatabase(path: databaseDirectory, maxReaders: 2);
-    final stopwatch = Stopwatch()..start();
-    _logger.info("FaceMLDataDB: Starting migration");
-    await _migrate(asyncDBConnection);
-    _logger.info(
-      "FaceMLDataDB Migration took ${stopwatch.elapsedMilliseconds} ms",
-    );
-    stopwatch.stop();
-
+    await _onCreate(asyncDBConnection);
    return asyncDBConnection;
  }

-  Future<void> _migrate(
-    SqliteDatabase database,
-  ) async {
-    final result = await database.execute('PRAGMA user_version');
-    final currentVersion = result[0]['user_version'] as int;
-    final toVersion = _migrationScripts.length;
-
-    if (currentVersion < toVersion) {
-      _logger.info("Migrating database from $currentVersion to $toVersion");
-      await database.writeTransaction((tx) async {
-        for (int i = currentVersion + 1; i <= toVersion; i++) {
-          try {
-            await tx.execute(_migrationScripts[i - 1]);
-          } catch (e) {
-            _logger.severe("Error running migration script index ${i - 1}", e);
-            rethrow;
-          }
-        }
-        await tx.execute('PRAGMA user_version = $toVersion');
-      });
-    } else if (currentVersion > toVersion) {
-      throw AssertionError(
-        "currentVersion($currentVersion) cannot be greater than toVersion($toVersion)",
-      );
-    }
+  Future<void> _onCreate(SqliteDatabase asyncDBConnection) async {
+    await asyncDBConnection.execute(createFacesTable);
+    await asyncDBConnection.execute(createFaceClustersTable);
+    await asyncDBConnection.execute(createClusterPersonTable);
+    await asyncDBConnection.execute(createClusterSummaryTable);
+    await asyncDBConnection.execute(createNotPersonFeedbackTable);
+    await asyncDBConnection.execute(fcClusterIDIndex);
  }

  // bulkInsertFaces inserts the faces in the database in batches of 1000.
@ -229,10 +193,10 @@ class FaceMLDataDB {
    final db = await instance.asyncDB;

    await db.execute(deleteFacesTable);
-    await db.execute(deleteFaceClustersTable);
-    await db.execute(deleteClusterPersonTable);
-    await db.execute(deleteClusterSummaryTable);
-    await db.execute(deleteNotPersonFeedbackTable);
+    await db.execute(dropClusterPersonTable);
+    await db.execute(dropClusterSummaryTable);
+    await db.execute(deletePersonTable);
+    await db.execute(dropNotPersonFeedbackTable);
  }

  Future<Iterable<Uint8List>> getFaceEmbeddingsForCluster(
@ -285,7 +249,7 @@ class FaceMLDataDB {
      final List<int> fileId = [recentFileID];
      int? avatarFileId;
      if (avatarFaceId != null) {
-        avatarFileId = tryGetFileIdFromFaceId(avatarFaceId);
+        avatarFileId = int.tryParse(avatarFaceId.split('_')[0]);
        if (avatarFileId != null) {
          fileId.add(avatarFileId);
        }
@ -437,10 +401,8 @@ class FaceMLDataDB {
      final personID = map[personIdColumn] as String;
      final clusterID = map[fcClusterID] as int;
      final faceID = map[fcFaceId] as String;
-      result
-          .putIfAbsent(personID, () => {})
-          .putIfAbsent(clusterID, () => {})
-          .add(faceID);
+      result.putIfAbsent(personID, () => {}).putIfAbsent(clusterID, () => {})
+        .add(faceID);
    }
    return result;
  }
@ -514,7 +476,8 @@ class FaceMLDataDB {
    for (final map in maps) {
      final clusterID = map[fcClusterID] as int;
      final faceID = map[fcFaceId] as String;
-      final fileID = getFileIdFromFaceId(faceID);
+      final x = faceID.split('_').first;
+      final fileID = int.parse(x);
      result[fileID] = (result[fileID] ?? {})..add(clusterID);
    }
    return result;
@ -702,55 +665,19 @@ class FaceMLDataDB {
    return maps.first['count'] as int;
  }

-  Future<int> getClusteredOrFacelessFileCount() async {
+  Future<int> getClusteredFaceCount() async {
    final db = await instance.asyncDB;
-    final List<Map<String, dynamic>> clustered = await db.getAll(
-      'SELECT $fcFaceId FROM $faceClustersTable',
+    final List<Map<String, dynamic>> maps = await db.getAll(
+      'SELECT COUNT(DISTINCT $fcFaceId) as count FROM $faceClustersTable',
    );
-    final Set<int> clusteredFileIDs = {};
-    for (final map in clustered) {
-      final int fileID = getFileIdFromFaceId(map[fcFaceId] as String);
-      clusteredFileIDs.add(fileID);
-    }
-
-    final List<Map<String, dynamic>> badFacesFiles = await db.getAll(
-      'SELECT DISTINCT $fileIDColumn FROM $facesTable WHERE $faceScore <= $kMinimumQualityFaceScore OR $faceBlur <= $kLaplacianHardThreshold',
-    );
-    final Set<int> badFileIDs = {};
-    for (final map in badFacesFiles) {
-      badFileIDs.add(map[fileIDColumn] as int);
-    }
-
-    final List<Map<String, dynamic>> goodFacesFiles = await db.getAll(
-      'SELECT DISTINCT $fileIDColumn FROM $facesTable WHERE $faceScore > $kMinimumQualityFaceScore AND $faceBlur > $kLaplacianHardThreshold',
-    );
-    final Set<int> goodFileIDs = {};
-    for (final map in goodFacesFiles) {
-      goodFileIDs.add(map[fileIDColumn] as int);
-    }
-    final trulyFacelessFiles = badFileIDs.difference(goodFileIDs);
-    return clusteredFileIDs.length + trulyFacelessFiles.length;
+    return maps.first['count'] as int;
  }

-  Future<double> getClusteredToIndexableFilesRatio() async {
-    final int indexableFiles = (await getIndexableFileIDs()).length;
-    final int clusteredFiles = await getClusteredOrFacelessFileCount();
+  Future<double> getClusteredToTotalFacesRatio() async {
+    final int totalFaces = await getTotalFaceCount();
+    final int clusteredFaces = await getClusteredFaceCount();

-    return clusteredFiles / indexableFiles;
-  }
-
-  Future<int> getUnclusteredFaceCount() async {
-    final db = await instance.asyncDB;
-    const String query = '''
-      SELECT f.$faceIDColumn
-      FROM $facesTable f
-      LEFT JOIN $faceClustersTable fc ON f.$faceIDColumn = fc.$fcFaceId
-      WHERE f.$faceScore > $kMinimumQualityFaceScore
-      AND f.$faceBlur > $kLaplacianHardThreshold
-      AND fc.$fcFaceId IS NULL
-    ''';
-    final List<Map<String, dynamic>> maps = await db.getAll(query);
-    return maps.length;
+    return clusteredFaces / totalFaces;
  }

  Future<int> getBlurryFaceCount([
@ -768,7 +695,7 @@ class FaceMLDataDB {
    try {
      final db = await instance.asyncDB;

-      await db.execute(deleteFaceClustersTable);
+      await db.execute(dropFaceClustersTable);
      await db.execute(createFaceClustersTable);
      await db.execute(fcClusterIDIndex);
    } catch (e, s) {
@ -868,7 +795,7 @@ class FaceMLDataDB {
      for (final map in maps) {
        final clusterID = map[clusterIDColumn] as int;
        final String faceID = map[fcFaceId] as String;
-        final fileID = getFileIdFromFaceId(faceID);
+        final fileID = int.parse(faceID.split('_').first);
        result[fileID] = (result[fileID] ?? {})..add(clusterID);
      }
      return result;
@ -887,8 +814,8 @@ class FaceMLDataDB {
      final Map<int, Set<int>> result = {};
      for (final map in maps) {
        final clusterID = map[fcClusterID] as int;
-        final faceID = map[fcFaceId] as String;
-        final fileID = getFileIdFromFaceId(faceID);
+        final faceId = map[fcFaceId] as String;
+        final fileID = int.parse(faceId.split("_").first);
        result[fileID] = (result[fileID] ?? {})..add(clusterID);
      }
      return result;
@ -979,15 +906,16 @@ class FaceMLDataDB {
      if (faces) {
        await db.execute(deleteFacesTable);
        await db.execute(createFacesTable);
-        await db.execute(deleteFaceClustersTable);
+        await db.execute(dropFaceClustersTable);
        await db.execute(createFaceClustersTable);
        await db.execute(fcClusterIDIndex);
      }

-      await db.execute(deleteClusterPersonTable);
-      await db.execute(deleteNotPersonFeedbackTable);
-      await db.execute(deleteClusterSummaryTable);
-      await db.execute(deleteFaceClustersTable);
+      await db.execute(deletePersonTable);
+      await db.execute(dropClusterPersonTable);
+      await db.execute(dropNotPersonFeedbackTable);
+      await db.execute(dropClusterSummaryTable);
+      await db.execute(dropFaceClustersTable);

      await db.execute(createClusterPersonTable);
      await db.execute(createNotPersonFeedbackTable);
@ -1005,8 +933,9 @@ class FaceMLDataDB {
      final db = await instance.asyncDB;

      // Drop the tables
-      await db.execute(deleteClusterPersonTable);
-      await db.execute(deleteNotPersonFeedbackTable);
+      await db.execute(deletePersonTable);
+      await db.execute(dropClusterPersonTable);
+      await db.execute(dropNotPersonFeedbackTable);

      // Recreate the tables
      await db.execute(createClusterPersonTable);
@ -1035,7 +964,7 @@ class FaceMLDataDB {
    final Map<String, int> faceIDToClusterID = {};
    for (final row in faceIdsResult) {
      final faceID = row[fcFaceId] as String;
-      if (fileIds.contains(getFileIdFromFaceId(faceID))) {
+      if (fileIds.contains(faceID.split('_').first)) {
        maxClusterID += 1;
        faceIDToClusterID[faceID] = maxClusterID;
      }
@ -1061,7 +990,7 @@ class FaceMLDataDB {
    final Map<String, int> faceIDToClusterID = {};
    for (final row in faceIdsResult) {
      final faceID = row[fcFaceId] as String;
-      if (fileIds.contains(getFileIdFromFaceId(faceID))) {
+      if (fileIds.contains(faceID.split('_').first)) {
        maxClusterID += 1;
        faceIDToClusterID[faceID] = maxClusterID;
      }
--- a/mobile/lib/face/db_fields.dart
+++ b/mobile/lib/face/db_fields.dart
@ -29,7 +29,7 @@ const createFacesTable = '''CREATE TABLE IF NOT EXISTS $facesTable (
  );
  ''';

-const deleteFacesTable = 'DELETE FROM $facesTable';
+const deleteFacesTable = 'DROP TABLE IF EXISTS $facesTable';
 // End of Faces Table Fields & Schema Queries

 //##region Face Clusters Table Fields & Schema Queries
@ -48,9 +48,15 @@ CREATE TABLE IF NOT EXISTS $faceClustersTable (
 // -- Creating a non-unique index on clusterID for query optimization
 const fcClusterIDIndex =
    '''CREATE INDEX IF NOT EXISTS idx_fcClusterID ON $faceClustersTable($fcClusterID);''';
-const deleteFaceClustersTable = 'DELETE FROM $faceClustersTable';
+const dropFaceClustersTable = 'DROP TABLE IF EXISTS $faceClustersTable';
 //##endregion

+// People Table Fields & Schema Queries
+const personTable = 'person';
+
+const deletePersonTable = 'DROP TABLE IF EXISTS $personTable';
+//End People Table Fields & Schema Queries
+
 // Clusters Table Fields & Schema Queries
 const clusterPersonTable = 'cluster_person';
 const personIdColumn = 'person_id';
@ -63,7 +69,7 @@ CREATE TABLE IF NOT EXISTS $clusterPersonTable (
  PRIMARY KEY($personIdColumn, $clusterIDColumn)
 );
 ''';
-const deleteClusterPersonTable = 'DELETE FROM $clusterPersonTable';
+const dropClusterPersonTable = 'DROP TABLE IF EXISTS $clusterPersonTable';
 // End Clusters Table Fields & Schema Queries

 /// Cluster Summary Table Fields & Schema Queries
@ -79,7 +85,7 @@ CREATE TABLE IF NOT EXISTS $clusterSummaryTable (
 );
 ''';

-const deleteClusterSummaryTable = 'DELETE FROM $clusterSummaryTable';
+const dropClusterSummaryTable = 'DROP TABLE IF EXISTS $clusterSummaryTable';

 /// End Cluster Summary Table Fields & Schema Queries

@ -93,5 +99,5 @@ CREATE TABLE IF NOT EXISTS $notPersonFeedback (
  PRIMARY KEY($personIdColumn, $clusterIDColumn)
 );
 ''';
-const deleteNotPersonFeedbackTable = 'DELETE FROM $notPersonFeedback';
+const dropNotPersonFeedbackTable = 'DROP TABLE IF EXISTS $notPersonFeedback';
 // End Clusters Table Fields & Schema Queries
--- a/mobile/lib/generated/intl/messages_cs.dart
+++ b/mobile/lib/generated/intl/messages_cs.dart
@ -54,8 +54,6 @@ class MessageLookup extends MessageLookupByLibrary {
            "Please note that this will result in a higher bandwidth and battery usage until all items are indexed."),
        "fileTypes": MessageLookupByLibrary.simpleMessage("File types"),
        "foundFaces": MessageLookupByLibrary.simpleMessage("Found faces"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "joinDiscord": MessageLookupByLibrary.simpleMessage("Join Discord"),
        "locations": MessageLookupByLibrary.simpleMessage("Locations"),
        "longPressAnEmailToVerifyEndToEndEncryption":
--- a/mobile/lib/generated/intl/messages_de.dart
+++ b/mobile/lib/generated/intl/messages_de.dart
@ -819,8 +819,6 @@ class MessageLookup extends MessageLookupByLibrary {
            "Falscher Wiederherstellungs-Schlüssel"),
        "indexedItems":
            MessageLookupByLibrary.simpleMessage("Indizierte Elemente"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "insecureDevice":
            MessageLookupByLibrary.simpleMessage("Unsicheres Gerät"),
        "installManually":
--- a/mobile/lib/generated/intl/messages_en.dart
+++ b/mobile/lib/generated/intl/messages_en.dart
@ -813,8 +813,6 @@ class MessageLookup extends MessageLookupByLibrary {
        "incorrectRecoveryKeyTitle":
            MessageLookupByLibrary.simpleMessage("Incorrect recovery key"),
        "indexedItems": MessageLookupByLibrary.simpleMessage("Indexed items"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused. It will automatically resume when device is ready."),
        "insecureDevice":
            MessageLookupByLibrary.simpleMessage("Insecure device"),
        "installManually":
--- a/mobile/lib/generated/intl/messages_es.dart
+++ b/mobile/lib/generated/intl/messages_es.dart
@ -699,8 +699,6 @@ class MessageLookup extends MessageLookupByLibrary {
            "La clave de recuperación introducida es incorrecta"),
        "incorrectRecoveryKeyTitle": MessageLookupByLibrary.simpleMessage(
            "Clave de recuperación incorrecta"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "insecureDevice":
            MessageLookupByLibrary.simpleMessage("Dispositivo inseguro"),
        "installManually":
--- a/mobile/lib/generated/intl/messages_fr.dart
+++ b/mobile/lib/generated/intl/messages_fr.dart
@ -804,8 +804,6 @@ class MessageLookup extends MessageLookupByLibrary {
            "La clé de secours que vous avez entrée est incorrecte"),
        "incorrectRecoveryKeyTitle":
            MessageLookupByLibrary.simpleMessage("Clé de secours non valide"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "insecureDevice":
            MessageLookupByLibrary.simpleMessage("Appareil non sécurisé"),
        "installManually":
--- a/mobile/lib/generated/intl/messages_it.dart
+++ b/mobile/lib/generated/intl/messages_it.dart
@ -773,8 +773,6 @@ class MessageLookup extends MessageLookupByLibrary {
            "Il codice che hai inserito non è corretto"),
        "incorrectRecoveryKeyTitle":
            MessageLookupByLibrary.simpleMessage("Chiave di recupero errata"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "insecureDevice":
            MessageLookupByLibrary.simpleMessage("Dispositivo non sicuro"),
        "installManually":
--- a/mobile/lib/generated/intl/messages_ko.dart
+++ b/mobile/lib/generated/intl/messages_ko.dart
@ -54,8 +54,6 @@ class MessageLookup extends MessageLookupByLibrary {
            "Please note that this will result in a higher bandwidth and battery usage until all items are indexed."),
        "fileTypes": MessageLookupByLibrary.simpleMessage("File types"),
        "foundFaces": MessageLookupByLibrary.simpleMessage("Found faces"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "joinDiscord": MessageLookupByLibrary.simpleMessage("Join Discord"),
        "locations": MessageLookupByLibrary.simpleMessage("Locations"),
        "longPressAnEmailToVerifyEndToEndEncryption":
--- a/mobile/lib/generated/intl/messages_nl.dart
+++ b/mobile/lib/generated/intl/messages_nl.dart
@ -840,8 +840,6 @@ class MessageLookup extends MessageLookupByLibrary {
            MessageLookupByLibrary.simpleMessage("Onjuiste herstelsleutel"),
        "indexedItems":
            MessageLookupByLibrary.simpleMessage("Geïndexeerde bestanden"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "insecureDevice":
            MessageLookupByLibrary.simpleMessage("Onveilig apparaat"),
        "installManually":
--- a/mobile/lib/generated/intl/messages_no.dart
+++ b/mobile/lib/generated/intl/messages_no.dart
@ -72,8 +72,6 @@ class MessageLookup extends MessageLookupByLibrary {
        "feedback": MessageLookupByLibrary.simpleMessage("Tilbakemelding"),
        "fileTypes": MessageLookupByLibrary.simpleMessage("File types"),
        "foundFaces": MessageLookupByLibrary.simpleMessage("Found faces"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "invalidEmailAddress":
            MessageLookupByLibrary.simpleMessage("Ugyldig e-postadresse"),
        "joinDiscord": MessageLookupByLibrary.simpleMessage("Join Discord"),
--- a/mobile/lib/generated/intl/messages_pl.dart
+++ b/mobile/lib/generated/intl/messages_pl.dart
@ -131,8 +131,6 @@ class MessageLookup extends MessageLookupByLibrary {
            MessageLookupByLibrary.simpleMessage("Kod jest nieprawidłowy"),
        "incorrectRecoveryKeyTitle": MessageLookupByLibrary.simpleMessage(
            "Nieprawidłowy klucz odzyskiwania"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "invalidEmailAddress":
            MessageLookupByLibrary.simpleMessage("Nieprawidłowy adres e-mail"),
        "joinDiscord": MessageLookupByLibrary.simpleMessage("Join Discord"),
--- a/mobile/lib/generated/intl/messages_pt.dart
+++ b/mobile/lib/generated/intl/messages_pt.dart
@ -98,7 +98,7 @@ class MessageLookup extends MessageLookupByLibrary {
      "${storageAmountInGB} GB cada vez que alguém se inscrever para um plano pago e aplica o seu código";

  static String m25(freeAmount, storageUnit) =>
-      "${freeAmount} ${storageUnit} livre";
+      "${freeAmount} ${storageUnit} grátis";

  static String m26(endDate) => "Teste gratuito acaba em ${endDate}";

@ -225,7 +225,6 @@ class MessageLookup extends MessageLookupByLibrary {
            "Eu entendo que se eu perder minha senha, posso perder meus dados, já que meus dados são <underline>criptografados de ponta a ponta</underline>."),
        "activeSessions":
            MessageLookupByLibrary.simpleMessage("Sessões ativas"),
-        "addAName": MessageLookupByLibrary.simpleMessage("Adicione um nome"),
        "addANewEmail":
            MessageLookupByLibrary.simpleMessage("Adicionar um novo email"),
        "addCollaborator":
@ -447,7 +446,7 @@ class MessageLookup extends MessageLookupByLibrary {
        "clubByFileName": MessageLookupByLibrary.simpleMessage(
            "Agrupar pelo nome de arquivo"),
        "clusteringProgress":
-            MessageLookupByLibrary.simpleMessage("Progresso de agrupamento"),
+            MessageLookupByLibrary.simpleMessage("Clustering progress"),
        "codeAppliedPageTitle":
            MessageLookupByLibrary.simpleMessage("Código aplicado"),
        "codeCopiedToClipboard": MessageLookupByLibrary.simpleMessage(
@ -693,8 +692,6 @@ class MessageLookup extends MessageLookupByLibrary {
        "enterPassword": MessageLookupByLibrary.simpleMessage("Digite a senha"),
        "enterPasswordToEncrypt": MessageLookupByLibrary.simpleMessage(
            "Insira a senha para criptografar seus dados"),
-        "enterPersonName":
-            MessageLookupByLibrary.simpleMessage("Inserir nome da pessoa"),
        "enterReferralCode": MessageLookupByLibrary.simpleMessage(
            "Insira o código de referência"),
        "enterThe6digitCodeFromnyourAuthenticatorApp":
@ -720,9 +717,9 @@ class MessageLookup extends MessageLookupByLibrary {
        "exportYourData":
            MessageLookupByLibrary.simpleMessage("Exportar seus dados"),
        "faceRecognition":
-            MessageLookupByLibrary.simpleMessage("Reconhecimento facial"),
+            MessageLookupByLibrary.simpleMessage("Face recognition"),
        "faceRecognitionIndexingDescription": MessageLookupByLibrary.simpleMessage(
-            "Por favor, note que isso resultará em uma largura de banda maior e uso de bateria até que todos os itens sejam indexados."),
+            "Please note that this will result in a higher bandwidth and battery usage until all items are indexed."),
        "faces": MessageLookupByLibrary.simpleMessage("Rostos"),
        "failedToApplyCode":
            MessageLookupByLibrary.simpleMessage("Falha ao aplicar o código"),
@ -764,15 +761,12 @@ class MessageLookup extends MessageLookupByLibrary {
            MessageLookupByLibrary.simpleMessage("Arquivos excluídos"),
        "filesSavedToGallery":
            MessageLookupByLibrary.simpleMessage("Arquivos salvos na galeria"),
-        "findPeopleByName": MessageLookupByLibrary.simpleMessage(
-            "Encontre pessoas rapidamente por nome"),
        "flip": MessageLookupByLibrary.simpleMessage("Inverter"),
        "forYourMemories":
            MessageLookupByLibrary.simpleMessage("para suas memórias"),
        "forgotPassword":
            MessageLookupByLibrary.simpleMessage("Esqueceu sua senha"),
-        "foundFaces":
-            MessageLookupByLibrary.simpleMessage("Rostos encontrados"),
+        "foundFaces": MessageLookupByLibrary.simpleMessage("Found faces"),
        "freeStorageClaimed": MessageLookupByLibrary.simpleMessage(
            "Armazenamento gratuito reivindicado"),
        "freeStorageOnReferralSuccess": m24,
@ -836,8 +830,6 @@ class MessageLookup extends MessageLookupByLibrary {
        "incorrectRecoveryKeyTitle": MessageLookupByLibrary.simpleMessage(
            "Chave de recuperação incorreta"),
        "indexedItems": MessageLookupByLibrary.simpleMessage("Itens indexados"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "insecureDevice":
            MessageLookupByLibrary.simpleMessage("Dispositivo não seguro"),
        "installManually":
@ -1072,7 +1064,6 @@ class MessageLookup extends MessageLookupByLibrary {
        "pendingItems": MessageLookupByLibrary.simpleMessage("Itens pendentes"),
        "pendingSync":
            MessageLookupByLibrary.simpleMessage("Sincronização pendente"),
-        "people": MessageLookupByLibrary.simpleMessage("Pessoas"),
        "peopleUsingYourCode":
            MessageLookupByLibrary.simpleMessage("Pessoas que usam seu código"),
        "permDeleteWarning": MessageLookupByLibrary.simpleMessage(
@ -1206,8 +1197,6 @@ class MessageLookup extends MessageLookupByLibrary {
        "removeParticipant":
            MessageLookupByLibrary.simpleMessage("Remover participante"),
        "removeParticipantBody": m43,
-        "removePersonLabel":
-            MessageLookupByLibrary.simpleMessage("Remover etiqueta da pessoa"),
        "removePublicLink":
            MessageLookupByLibrary.simpleMessage("Remover link público"),
        "removeShareItemsWarning": MessageLookupByLibrary.simpleMessage(
@ -1271,7 +1260,7 @@ class MessageLookup extends MessageLookupByLibrary {
        "searchDatesEmptySection": MessageLookupByLibrary.simpleMessage(
            "Pesquisar por data, mês ou ano"),
        "searchFaceEmptySection": MessageLookupByLibrary.simpleMessage(
-            "Pessoas serão exibidas aqui uma vez que a indexação é feita"),
+            "Encontre todas as fotos de uma pessoa"),
        "searchFileTypesAndNamesEmptySection":
            MessageLookupByLibrary.simpleMessage("Tipos de arquivo e nomes"),
        "searchHint1": MessageLookupByLibrary.simpleMessage(
--- a/mobile/lib/generated/intl/messages_zh.dart
+++ b/mobile/lib/generated/intl/messages_zh.dart
@ -686,8 +686,6 @@ class MessageLookup extends MessageLookupByLibrary {
        "incorrectRecoveryKeyTitle":
            MessageLookupByLibrary.simpleMessage("不正确的恢复密钥"),
        "indexedItems": MessageLookupByLibrary.simpleMessage("已索引项目"),
-        "indexingIsPaused": MessageLookupByLibrary.simpleMessage(
-            "Indexing is paused, will automatically resume when device is ready"),
        "insecureDevice": MessageLookupByLibrary.simpleMessage("设备不安全"),
        "installManually": MessageLookupByLibrary.simpleMessage("手动安装"),
        "invalidEmailAddress":
--- a/mobile/lib/generated/l10n.dart
+++ b/mobile/lib/generated/l10n.dart
@ -8793,16 +8793,6 @@ class S {
      args: [],
    );
  }
-
-  /// `Indexing is paused. It will automatically resume when device is ready.`
-  String get indexingIsPaused {
-    return Intl.message(
-      'Indexing is paused. It will automatically resume when device is ready.',
-      name: 'indexingIsPaused',
-      desc: '',
-      args: [],
-    );
-  }
 }

 class AppLocalizationDelegate extends LocalizationsDelegate<S> {
--- a/mobile/lib/l10n/intl_cs.arb
+++ b/mobile/lib/l10n/intl_cs.arb
@ -24,6 +24,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/l10n/intl_de.arb
+++ b/mobile/lib/l10n/intl_de.arb
@ -1212,6 +1212,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/l10n/intl_en.arb
+++ b/mobile/lib/l10n/intl_en.arb
@ -1235,6 +1235,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused. It will automatically resume when device is ready."
-}
+  "clusteringProgress": "Clustering progress"
+}
--- a/mobile/lib/l10n/intl_es.arb
+++ b/mobile/lib/l10n/intl_es.arb
@ -986,6 +986,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/l10n/intl_fr.arb
+++ b/mobile/lib/l10n/intl_fr.arb
@ -1167,6 +1167,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/l10n/intl_it.arb
+++ b/mobile/lib/l10n/intl_it.arb
@ -1129,6 +1129,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/l10n/intl_ko.arb
+++ b/mobile/lib/l10n/intl_ko.arb
@ -24,6 +24,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/l10n/intl_nl.arb
+++ b/mobile/lib/l10n/intl_nl.arb
@ -1230,6 +1230,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/l10n/intl_no.arb
+++ b/mobile/lib/l10n/intl_no.arb
@ -38,6 +38,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/l10n/intl_pl.arb
+++ b/mobile/lib/l10n/intl_pl.arb
@ -125,6 +125,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/l10n/intl_pt.arb
+++ b/mobile/lib/l10n/intl_pt.arb
@ -987,7 +987,7 @@
  "fileTypesAndNames": "Tipos de arquivo e nomes",
  "location": "Local",
  "moments": "Momentos",
-  "searchFaceEmptySection": "Pessoas serão exibidas aqui uma vez que a indexação é feita",
+  "searchFaceEmptySection": "Encontre todas as fotos de uma pessoa",
  "searchDatesEmptySection": "Pesquisar por data, mês ou ano",
  "searchLocationEmptySection": "Fotos de grupo que estão sendo tiradas em algum raio da foto",
  "searchPeopleEmptySection": "Convide pessoas e você verá todas as fotos compartilhadas por elas aqui",
@ -1042,7 +1042,7 @@
  "@storageUsageInfo": {
    "description": "Example: 1.2 GB of 2 GB used or 100 GB or 2TB used"
  },
-  "freeStorageSpace": "{freeAmount} {storageUnit} livre",
+  "freeStorageSpace": "{freeAmount} {storageUnit} grátis",
  "appVersion": "Versão: {versionValue}",
  "verifyIDLabel": "Verificar",
  "fileInfoAddDescHint": "Adicionar descrição...",
@ -1171,7 +1171,6 @@
    }
  },
  "faces": "Rostos",
-  "people": "Pessoas",
  "contents": "Conteúdos",
  "addNew": "Adicionar novo",
  "@addNew": {
@ -1197,14 +1196,14 @@
  "verifyPasskey": "Verificar chave de acesso",
  "playOnTv": "Reproduzir álbum na TV",
  "pair": "Parear",
+  "autoPair": "Pareamento automático",
+  "pairWithPin": "Parear com PIN",
  "deviceNotFound": "Dispositivo não encontrado",
  "castInstruction": "Visite cast.ente.io no dispositivo que você deseja parear.\n\ndigite o código abaixo para reproduzir o álbum em sua TV.",
  "deviceCodeHint": "Insira o código",
  "joinDiscord": "Junte-se ao Discord",
  "locations": "Locais",
  "descriptions": "Descrições",
-  "addAName": "Adicione um nome",
-  "findPeopleByName": "Encontre pessoas rapidamente por nome",
  "addViewers": "{count, plural, zero {Adicionar visualizador} one {Adicionar visualizador} other {Adicionar Visualizadores}}",
  "addCollaborators": "{count, plural, zero {Adicionar colaborador} one {Adicionar coloborador} other {Adicionar colaboradores}}",
  "longPressAnEmailToVerifyEndToEndEncryption": "Pressione e segure um e-mail para verificar a criptografia de ponta a ponta.",
@ -1217,8 +1216,6 @@
  "customEndpoint": "Conectado a {endpoint}",
  "createCollaborativeLink": "Criar link colaborativo",
  "search": "Pesquisar",
-  "enterPersonName": "Inserir nome da pessoa",
-  "removePersonLabel": "Remover etiqueta da pessoa",
  "autoPairDesc": "O pareamento automático funciona apenas com dispositivos que suportam o Chromecast.",
  "manualPairDesc": "Parear com o PIN funciona com qualquer tela que você deseja ver o seu álbum ativado.",
  "connectToDevice": "Conectar ao dispositivo",
@ -1230,11 +1227,8 @@
  "castIPMismatchTitle": "Falha ao transmitir álbum",
  "castIPMismatchBody": "Certifique-se de estar na mesma rede que a TV.",
  "pairingComplete": "Pareamento concluído",
-  "autoPair": "Pareamento automático",
-  "pairWithPin": "Parear com PIN",
-  "faceRecognition": "Reconhecimento facial",
-  "faceRecognitionIndexingDescription": "Por favor, note que isso resultará em uma largura de banda maior e uso de bateria até que todos os itens sejam indexados.",
-  "foundFaces": "Rostos encontrados",
-  "clusteringProgress": "Progresso de agrupamento",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "faceRecognition": "Face recognition",
+  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
+  "foundFaces": "Found faces",
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/l10n/intl_zh.arb
+++ b/mobile/lib/l10n/intl_zh.arb
@ -1230,6 +1230,5 @@
  "faceRecognition": "Face recognition",
  "faceRecognitionIndexingDescription": "Please note that this will result in a higher bandwidth and battery usage until all items are indexed.",
  "foundFaces": "Found faces",
-  "clusteringProgress": "Clustering progress",
-  "indexingIsPaused": "Indexing is paused, will automatically resume when device is ready"
+  "clusteringProgress": "Clustering progress"
 }
--- a/mobile/lib/main.dart
+++ b/mobile/lib/main.dart
@ -51,7 +51,6 @@ import 'package:photos/services/user_service.dart';
 import 'package:photos/ui/tools/app_lock.dart';
 import 'package:photos/ui/tools/lock_screen.dart';
 import 'package:photos/utils/crypto_util.dart';
-import "package:photos/utils/email_util.dart";
 import 'package:photos/utils/file_uploader.dart';
 import 'package:photos/utils/local_settings.dart';
 import 'package:shared_preferences/shared_preferences.dart';
@ -181,16 +180,6 @@ void _headlessTaskHandler(HeadlessTask task) {
 }

 Future<void> _init(bool isBackground, {String via = ''}) async {
-  bool initComplete = false;
-  Future.delayed(const Duration(seconds: 15), () {
-    if (!initComplete && !isBackground) {
-      sendLogsForInit(
-        "support@ente.io",
-        "Stuck on splash screen for >= 15 seconds",
-        null,
-      );
-    }
-  });
  _isProcessRunning = true;
  _logger.info("Initializing...  inBG =$isBackground via: $via");
  final SharedPreferences preferences = await SharedPreferences.getInstance();
@ -246,11 +235,17 @@ Future<void> _init(bool isBackground, {String via = ''}) async {

  unawaited(SemanticSearchService.instance.init());
  MachineLearningController.instance.init();
-  if (flagService.faceSearchEnabled) {
-    unawaited(FaceMlService.instance.init());
-  } else {
-    if (LocalSettings.instance.isFaceIndexingEnabled) {
-      unawaited(LocalSettings.instance.toggleFaceIndexing());
+  // Can not including existing tf/ml binaries as they are not being built
+  // from source.
+  // See https://gitlab.com/fdroid/fdroiddata/-/merge_requests/12671#note_1294346819
+  if (!UpdateService.instance.isFdroidFlavor()) {
+    // unawaited(ObjectDetectionService.instance.init());
+    if (flagService.faceSearchEnabled) {
+      unawaited(FaceMlService.instance.init());
+    } else {
+      if (LocalSettings.instance.isFaceIndexingEnabled) {
+        unawaited(LocalSettings.instance.toggleFaceIndexing());
+      }
    }
  }
  PersonService.init(
@ -259,7 +254,6 @@ Future<void> _init(bool isBackground, {String via = ''}) async {
    preferences,
  );

-  initComplete = true;
  _logger.info("Initialization done");
 }

--- a/mobile/lib/models/file/file.dart
+++ b/mobile/lib/models/file/file.dart
@ -13,6 +13,7 @@ import "package:photos/service_locator.dart";
 import 'package:photos/utils/date_time_util.dart';
 import 'package:photos/utils/exif_util.dart';
 import 'package:photos/utils/file_uploader_util.dart';
+import "package:photos/utils/parse.dart";

 //Todo: files with no location data have lat and long set to 0.0. This should ideally be null.
 class EnteFile {
@ -131,8 +132,9 @@ class EnteFile {
    localID = metadata["localID"];
    title = metadata["title"];
    deviceFolder = metadata["deviceFolder"];
-    creationTime = metadata["creationTime"] ?? 0;
-    modificationTime = metadata["modificationTime"] ?? creationTime;
+    creationTime = parseKeyAsInt(metadata, "creationTime", 0);
+    modificationTime =
+        parseKeyAsInt(metadata, "modificationTime", creationTime!);
    final latitude = double.tryParse(metadata["latitude"].toString());
    final longitude = double.tryParse(metadata["longitude"].toString());
    if (latitude == null || longitude == null) {
--- a/mobile/lib/services/machine_learning/face_ml/face_clustering/face_clustering_service.dart
+++ b/mobile/lib/services/machine_learning/face_ml/face_clustering/face_clustering_service.dart
@ -498,8 +498,19 @@ class FaceClusteringService {
      }
    }

+    // Sort the faceInfos based on fileCreationTime, in ascending order, so oldest faces are first
    if (fileIDToCreationTime != null) {
-      _sortFaceInfosOnCreationTime(faceInfos);
+      faceInfos.sort((a, b) {
+        if (a.fileCreationTime == null && b.fileCreationTime == null) {
+          return 0;
+        } else if (a.fileCreationTime == null) {
+          return 1;
+        } else if (b.fileCreationTime == null) {
+          return -1;
+        } else {
+          return a.fileCreationTime!.compareTo(b.fileCreationTime!);
+        }
+      });
    }

    // Sort the faceInfos such that the ones with null clusterId are at the end
@ -785,8 +796,19 @@ class FaceClusteringService {
      );
    }

+    // Sort the faceInfos based on fileCreationTime, in ascending order, so oldest faces are first
    if (fileIDToCreationTime != null) {
-      _sortFaceInfosOnCreationTime(faceInfos);
+      faceInfos.sort((a, b) {
+        if (a.fileCreationTime == null && b.fileCreationTime == null) {
+          return 0;
+        } else if (a.fileCreationTime == null) {
+          return 1;
+        } else if (b.fileCreationTime == null) {
+          return -1;
+        } else {
+          return a.fileCreationTime!.compareTo(b.fileCreationTime!);
+        }
+      });
    }

    if (faceInfos.isEmpty) {
@ -974,8 +996,19 @@ class FaceClusteringService {
      );
    }

+    // Sort the faceInfos based on fileCreationTime, in ascending order, so oldest faces are first
    if (fileIDToCreationTime != null) {
-      _sortFaceInfosOnCreationTime(faceInfos);
+      faceInfos.sort((a, b) {
+        if (a.fileCreationTime == null && b.fileCreationTime == null) {
+          return 0;
+        } else if (a.fileCreationTime == null) {
+          return 1;
+        } else if (b.fileCreationTime == null) {
+          return -1;
+        } else {
+          return a.fileCreationTime!.compareTo(b.fileCreationTime!);
+        }
+      });
    }

    // Get the embeddings
@ -994,20 +1027,3 @@ class FaceClusteringService {
    return clusteredFaceIDs;
  }
 }
-
-/// Sort the faceInfos based on fileCreationTime, in descending order, so newest faces are first
-void _sortFaceInfosOnCreationTime(
-  List<FaceInfo> faceInfos,
-) {
-  faceInfos.sort((b, a) {
-    if (a.fileCreationTime == null && b.fileCreationTime == null) {
-      return 0;
-    } else if (a.fileCreationTime == null) {
-      return 1;
-    } else if (b.fileCreationTime == null) {
-      return -1;
-    } else {
-      return a.fileCreationTime!.compareTo(b.fileCreationTime!);
-    }
-  });
-}
--- a/mobile/lib/services/machine_learning/face_ml/face_ml_exceptions.dart
+++ b/mobile/lib/services/machine_learning/face_ml/face_ml_exceptions.dart
@ -8,18 +8,6 @@ class GeneralFaceMlException implements Exception {
  String toString() => 'GeneralFaceMlException: $message';
 }

-class ThumbnailRetrievalException implements Exception {
-  final String message;
-  final StackTrace stackTrace;
-
-  ThumbnailRetrievalException(this.message, this.stackTrace);
-
-  @override
-  String toString() {
-    return 'ThumbnailRetrievalException: $message\n$stackTrace';
-  }
-}
-
 class CouldNotRetrieveAnyFileData implements Exception {}

 class CouldNotInitializeFaceDetector implements Exception {}
--- a/mobile/lib/services/machine_learning/face_ml/face_ml_result.dart
+++ b/mobile/lib/services/machine_learning/face_ml/face_ml_result.dart
@ -310,9 +310,5 @@ class FaceResultBuilder {
 }

 int getFileIdFromFaceId(String faceId) {
-  return int.parse(faceId.split("_").first);
+  return int.parse(faceId.split("_")[0]);
 }
-
-int? tryGetFileIdFromFaceId(String faceId) {
-  return int.tryParse(faceId.split("_").first);
-}
--- a/mobile/lib/services/machine_learning/face_ml/face_ml_service.dart
+++ b/mobile/lib/services/machine_learning/face_ml/face_ml_service.dart
@ -9,10 +9,10 @@ import "dart:ui" show Image;
 import "package:computer/computer.dart";
 import "package:dart_ui_isolate/dart_ui_isolate.dart";
 import "package:flutter/foundation.dart" show debugPrint, kDebugMode;
-import "package:flutter/services.dart";
 import "package:logging/logging.dart";
 import "package:onnxruntime/onnxruntime.dart";
 import "package:package_info_plus/package_info_plus.dart";
+import "package:photos/core/configuration.dart";
 import "package:photos/core/event_bus.dart";
 import "package:photos/db/files_db.dart";
 import "package:photos/events/diff_sync_complete_event.dart";
@ -43,7 +43,6 @@ import 'package:photos/services/machine_learning/face_ml/face_ml_result.dart';
 import "package:photos/services/machine_learning/face_ml/person/person_service.dart";
 import 'package:photos/services/machine_learning/file_ml/file_ml.dart';
 import 'package:photos/services/machine_learning/file_ml/remote_fileml_service.dart';
-import "package:photos/services/machine_learning/machine_learning_controller.dart";
 import "package:photos/services/search_service.dart";
 import "package:photos/utils/file_util.dart";
 import 'package:photos/utils/image_ml_isolate.dart';
@ -98,9 +97,8 @@ class FaceMlService {
  bool _shouldSyncPeople = false;
  bool _isSyncing = false;

-  final int _fileDownloadLimit = 5;
+  final int _fileDownloadLimit = 10;
  final int _embeddingFetchLimit = 200;
-  final int _kForceClusteringFaceCount = 8000;

  Future<void> init({bool initializeImageMlIsolate = false}) async {
    if (LocalSettings.instance.isFaceIndexingEnabled == false) {
@ -111,7 +109,6 @@ class FaceMlService {
        return;
      }
      _logger.info("init called");
-      _logStatus();
      await _computer.compute(initOrtEnv);
      try {
        await FaceDetectionService.instance.init();
@ -155,8 +152,8 @@ class FaceMlService {
            _logger.info(
              "MLController allowed running ML, faces indexing starting",
            );
+            unawaited(indexAndClusterAll());
          }
-          unawaited(indexAndClusterAll());
        } else {
          _logger.info(
            "MLController stopped running ML, faces indexing will be paused (unless it's fetching embeddings)",
@ -164,16 +161,9 @@ class FaceMlService {
          pauseIndexingAndClustering();
        }
      });
-      if (Platform.isIOS &&
-          MachineLearningController.instance.isDeviceHealthy) {
-        _logger.info("Starting face indexing and clustering on iOS from init");
-        unawaited(indexAndClusterAll());
-      }

      _listenIndexOnDiffSync();
      _listenOnPeopleChangedSync();
-
-      _logger.info('init done');
    });
  }

@ -255,7 +245,6 @@ class FaceMlService {
  }

  /// The main execution function of the isolate.
-  @pragma('vm:entry-point')
  static void _isolateMain(SendPort mainSendPort) async {
    final receivePort = ReceivePort();
    mainSendPort.send(receivePort.sendPort);
@ -298,6 +287,10 @@ class FaceMlService {
    return _functionLock.synchronized(() async {
      _resetInactivityTimer();

+      if (_shouldPauseIndexingAndClustering == false) {
+        return null;
+      }
+
      final completer = Completer<dynamic>();
      final answerPort = ReceivePort();

@ -367,17 +360,16 @@ class FaceMlService {
    if (_cannotRunMLFunction()) return;

    await sync(forceSync: _shouldSyncPeople);
-
-    final int unclusteredFacesCount =
-        await FaceMLDataDB.instance.getUnclusteredFaceCount();
-    if (unclusteredFacesCount > _kForceClusteringFaceCount) {
+    await indexAllImages();
+    final indexingCompleteRatio = await _getIndexedDoneRatio();
+    if (indexingCompleteRatio < 0.95) {
      _logger.info(
-        "There are $unclusteredFacesCount unclustered faces, doing clustering first",
+        "Indexing is not far enough to start clustering, skipping clustering. Indexing is at $indexingCompleteRatio",
      );
+      return;
+    } else {
      await clusterAllImages();
    }
-    await indexAllImages();
-    await clusterAllImages();
  }

  void pauseIndexingAndClustering() {
@ -455,8 +447,7 @@ class FaceMlService {

        if (LocalSettings.instance.remoteFetchEnabled) {
          try {
-            final Set<int> fileIds =
-                {}; // if there are duplicates here server returns 400
+            final List<int> fileIds = [];
            // Try to find embeddings on the remote server
            for (final f in chunk) {
              fileIds.add(f.uploadedFileID!);
@ -521,19 +512,12 @@ class FaceMlService {
              rethrow;
            }
          }
-        } else {
-          _logger.warning(
-            'Not fetching embeddings because user manually disabled it in debug options',
-          );
+        }
+        if (!await canUseHighBandwidth()) {
+          continue;
        }
        final smallerChunks = chunk.chunks(_fileDownloadLimit);
        for (final smallestChunk in smallerChunks) {
-          if (!await canUseHighBandwidth()) {
-            _logger.info(
-              'stopping indexing because user is not connected to wifi',
-            );
-            break outerLoop;
-          }
          for (final enteFile in smallestChunk) {
            if (_shouldPauseIndexingAndClustering) {
              _logger.info("indexAllImages() was paused, stopping");
@ -559,9 +543,8 @@ class FaceMlService {

      stopwatch.stop();
      _logger.info(
-        "`indexAllImages()` finished. Fetched $fetchedCount and analyzed $fileAnalyzedCount images, in ${stopwatch.elapsed.inSeconds} seconds (avg of ${stopwatch.elapsed.inSeconds / fileAnalyzedCount} seconds per image, skipped $fileSkippedCount images)",
+        "`indexAllImages()` finished. Fetched $fetchedCount and analyzed $fileAnalyzedCount images, in ${stopwatch.elapsed.inSeconds} seconds (avg of ${stopwatch.elapsed.inSeconds / fileAnalyzedCount} seconds per image, skipped $fileSkippedCount images. MLController status: $_mlControllerStatus)",
      );
-      _logStatus();
    } catch (e, s) {
      _logger.severe("indexAllImages failed", e, s);
    } finally {
@ -601,8 +584,8 @@ class FaceMlService {
          allFaceInfoForClustering.add(faceInfo);
        }
      }
-      // sort the embeddings based on file creation time, newest first
-      allFaceInfoForClustering.sort((b, a) {
+      // sort the embeddings based on file creation time, oldest first
+      allFaceInfoForClustering.sort((a, b) {
        return fileIDToCreationTime[a.fileID]!
            .compareTo(fileIDToCreationTime[b.fileID]!);
      });
@ -775,9 +758,6 @@ class FaceMlService {
        // disposeImageIsolateAfterUse: false,
      );
      if (result == null) {
-        _logger.severe(
-          "Failed to analyze image with uploadedFileID: ${enteFile.uploadedFileID}",
-        );
        return false;
      }
      final List<Face> faces = [];
@ -854,22 +834,13 @@ class FaceMlService {
      }
      await FaceMLDataDB.instance.bulkInsertFaces(faces);
      return true;
-    } on ThumbnailRetrievalException catch (e, s) {
-      _logger.severe(
-        'ThumbnailRetrievalException while processing image with ID ${enteFile.uploadedFileID}, storing empty face so indexing does not get stuck',
-        e,
-        s,
-      );
-      await FaceMLDataDB.instance
-          .bulkInsertFaces([Face.empty(enteFile.uploadedFileID!, error: true)]);
-      return true;
    } catch (e, s) {
      _logger.severe(
        "Failed to analyze using FaceML for image with ID: ${enteFile.uploadedFileID}",
        e,
        s,
      );
-      return false;
+      return true;
    }
  }

@ -906,7 +877,6 @@ class FaceMlService {
        ),
      ) as String?;
      if (resultJsonString == null) {
-        _logger.severe('Analyzing image in isolate is giving back null');
        return null;
      }
      result = FaceMlResult.fromJsonString(resultJsonString);
@ -1023,16 +993,7 @@ class FaceMlService {
        final stopwatch = Stopwatch()..start();
        File? file;
        if (enteFile.fileType == FileType.video) {
-          try {
-            file = await getThumbnailForUploadedFile(enteFile);
-          } on PlatformException catch (e, s) {
-            _logger.severe(
-              "Could not get thumbnail for $enteFile due to PlatformException",
-              e,
-              s,
-            );
-            throw ThumbnailRetrievalException(e.toString(), s);
-          }
+          file = await getThumbnailForUploadedFile(enteFile);
        } else {
          file = await getFile(enteFile, isOrigin: true);
          // TODO: This is returning null for Pragadees for all files, so something is wrong here!
@ -1200,6 +1161,24 @@ class FaceMlService {
    }
  }

+  Future<double> _getIndexedDoneRatio() async {
+    final w = (kDebugMode ? EnteWatch('_getIndexedDoneRatio') : null)?..start();
+
+    final int alreadyIndexedCount = await FaceMLDataDB.instance
+        .getIndexedFileCount(minimumMlVersion: faceMlVersion);
+    final int totalIndexableCount = (await getIndexableFileIDs()).length;
+    final ratio = alreadyIndexedCount / totalIndexableCount;
+
+    w?.log('getIndexedDoneRatio');
+
+    return ratio;
+  }
+
+  static Future<List<int>> getIndexableFileIDs() async {
+    return FilesDB.instance
+        .getOwnedFileIDs(Configuration.instance.getUserID()!);
+  }
+
  bool _skipAnalysisEnteFile(EnteFile enteFile, Map<int, int> indexedFileIds) {
    if (_isIndexingOrClusteringRunning == false ||
        _mlControllerStatus == false) {
--- a/mobile/lib/services/machine_learning/file_ml/remote_fileml_service.dart
+++ b/mobile/lib/services/machine_learning/file_ml/remote_fileml_service.dart
@ -1,7 +1,6 @@
 import "dart:async";
 import "dart:convert";

-import "package:computer/computer.dart";
 import "package:logging/logging.dart";
 import "package:photos/core/network/network.dart";
 import "package:photos/db/files_db.dart";
@ -17,8 +16,6 @@ import "package:shared_preferences/shared_preferences.dart";
 class RemoteFileMLService {
  RemoteFileMLService._privateConstructor();

-  static final Computer _computer = Computer.shared();
-
  static final RemoteFileMLService instance =
      RemoteFileMLService._privateConstructor();

@ -55,13 +52,13 @@ class RemoteFileMLService {
  }

  Future<FilesMLDataResponse> getFilessEmbedding(
-    Set<int> fileIds,
+    List<int> fileIds,
  ) async {
    try {
      final res = await _dio.post(
        "/embeddings/files",
        data: {
-          "fileIDs": fileIds.toList(),
+          "fileIDs": fileIds,
          "model": 'file-ml-clip-face',
        },
      );
@ -110,17 +107,15 @@ class RemoteFileMLService {
      final input = EmbeddingsDecoderInput(embedding, fileKey);
      inputs.add(input);
    }
-    return _computer.compute<Map<String, dynamic>, Map<int, FileMl>>(
-      _decryptFileMLComputer,
-      param: {
+    // todo: use compute or isolate
+    return decryptFileMLComputer(
+      {
        "inputs": inputs,
      },
    );
  }

-}
-
-Future<Map<int, FileMl>> _decryptFileMLComputer(
+  Future<Map<int, FileMl>> decryptFileMLComputer(
    Map<String, dynamic> args,
  ) async {
    final result = <int, FileMl>{};
@ -139,4 +134,5 @@ Future<Map<int, FileMl>> _decryptFileMLComputer(
      result[input.embedding.fileID] = decodedEmbedding;
    }
    return result;
-  }
+  }
+}
--- a/mobile/lib/services/machine_learning/machine_learning_controller.dart
+++ b/mobile/lib/services/machine_learning/machine_learning_controller.dart
@ -4,6 +4,7 @@ import "dart:io";
 import "package:battery_info/battery_info_plugin.dart";
 import "package:battery_info/model/android_battery_info.dart";
 import "package:battery_info/model/iso_battery_info.dart";
+import "package:flutter/foundation.dart" show kDebugMode;
 import "package:logging/logging.dart";
 import "package:photos/core/event_bus.dart";
 import "package:photos/events/machine_learning_control_event.dart";
@ -18,7 +19,8 @@ class MachineLearningController {

  static const kMaximumTemperature = 42; // 42 degree celsius
  static const kMinimumBatteryLevel = 20; // 20%
-  static const kDefaultInteractionTimeout = Duration(seconds: 10);
+  static const kDefaultInteractionTimeout =
+      kDebugMode ? Duration(seconds: 3) : Duration(seconds: 5);
  static const kUnhealthyStates = ["over_heat", "over_voltage", "dead"];

  bool _isDeviceHealthy = true;
@ -26,10 +28,7 @@ class MachineLearningController {
  bool _canRunML = false;
  late Timer _userInteractionTimer;

-  bool get isDeviceHealthy => _isDeviceHealthy;
-
  void init() {
-    _logger.info('init called');
    if (Platform.isAndroid) {
      _startInteractionTimer();
      BatteryInfoPlugin()
@ -46,7 +45,6 @@ class MachineLearningController {
      });
    }
    _fireControlEvent();
-    _logger.info('init done');
  }

  void onUserInteraction() {
--- a/mobile/lib/services/machine_learning/semantic_search/semantic_search_service.dart
+++ b/mobile/lib/services/machine_learning/semantic_search/semantic_search_service.dart
@ -23,7 +23,6 @@ import 'package:photos/services/machine_learning/semantic_search/frameworks/onnx
 import "package:photos/utils/debouncer.dart";
 import "package:photos/utils/device_info.dart";
 import "package:photos/utils/local_settings.dart";
-import "package:photos/utils/ml_util.dart";
 import "package:photos/utils/thumbnail_util.dart";

 class SemanticSearchService {
@ -161,7 +160,8 @@ class SemanticSearchService {
  }

  Future<IndexStatus> getIndexStatus() async {
-    final indexableFileIDs = await getIndexableFileIDs();
+    final indexableFileIDs = await FilesDB.instance
+        .getOwnedFileIDs(Configuration.instance.getUserID()!);
    return IndexStatus(
      min(_cachedEmbeddings.length, indexableFileIDs.length),
      (await _getFileIDsToBeIndexed()).length,
@ -222,7 +222,8 @@ class SemanticSearchService {
  }

  Future<List<int>> _getFileIDsToBeIndexed() async {
-    final uploadedFileIDs = await getIndexableFileIDs();
+    final uploadedFileIDs = await FilesDB.instance
+        .getOwnedFileIDs(Configuration.instance.getUserID()!);
    final embeddedFileIDs =
        await EmbeddingsDB.instance.getFileIDs(_currentModel);

--- a/mobile/lib/services/search_service.dart
+++ b/mobile/lib/services/search_service.dart
@ -754,6 +754,15 @@ class SearchService {

  Future<List<GenericSearchResult>> getAllFace(int? limit) async {
    try {
+      // Don't return anything if clustering is not nearly complete yet
+      final foundFaces = await FaceMLDataDB.instance.getTotalFaceCount();
+      final clusteredFaces =
+          await FaceMLDataDB.instance.getClusteredFaceCount();
+      final clusteringDoneRatio = clusteredFaces / foundFaces;
+      if (clusteringDoneRatio < 0.9) {
+        return [];
+      }
+
      debugPrint("getting faces");
      final Map<int, Set<int>> fileIdToClusterID =
          await FaceMLDataDB.instance.getFileIdToClusterIds();
--- a/mobile/lib/ui/settings/debug/face_debug_section_widget.dart
+++ b/mobile/lib/ui/settings/debug/face_debug_section_widget.dart
@ -177,7 +177,7 @@ class _FaceDebugSectionWidgetState extends State<FaceDebugSectionWidget> {
        sectionOptionSpacing,
        MenuItemWidget(
          captionedTextWidget: FutureBuilder<double>(
-            future: FaceMLDataDB.instance.getClusteredToIndexableFilesRatio(),
+            future: FaceMLDataDB.instance.getClusteredToTotalFacesRatio(),
            builder: (context, snapshot) {
              if (snapshot.hasData) {
                return CaptionedTextWidget(
--- a/mobile/lib/ui/settings/machine_learning_settings_page.dart
+++ b/mobile/lib/ui/settings/machine_learning_settings_page.dart
@ -11,7 +11,6 @@ import "package:photos/generated/l10n.dart";
 import "package:photos/models/ml/ml_versions.dart";
 import "package:photos/service_locator.dart";
 import "package:photos/services/machine_learning/face_ml/face_ml_service.dart";
-import "package:photos/services/machine_learning/machine_learning_controller.dart";
 import 'package:photos/services/machine_learning/semantic_search/frameworks/ml_framework.dart';
 import 'package:photos/services/machine_learning/semantic_search/semantic_search_service.dart';
 import "package:photos/services/remote_assets_service.dart";
@ -27,8 +26,6 @@ import "package:photos/ui/components/title_bar_widget.dart";
 import "package:photos/ui/components/toggle_switch_widget.dart";
 import "package:photos/utils/data_util.dart";
 import "package:photos/utils/local_settings.dart";
-import "package:photos/utils/ml_util.dart";
-import "package:photos/utils/wakelock_util.dart";

 final _logger = Logger("MachineLearningSettingsPage");

@ -43,7 +40,6 @@ class MachineLearningSettingsPage extends StatefulWidget {
 class _MachineLearningSettingsPageState
    extends State<MachineLearningSettingsPage> {
  late InitializationState _state;
-  final EnteWakeLock _wakeLock = EnteWakeLock();

  late StreamSubscription<MLFrameworkInitializationUpdateEvent>
      _eventSubscription;
@ -57,7 +53,6 @@ class _MachineLearningSettingsPageState
      setState(() {});
    });
    _fetchState();
-    _wakeLock.enable();
  }

  void _fetchState() {
@ -68,7 +63,6 @@ class _MachineLearningSettingsPageState
  void dispose() {
    super.dispose();
    _eventSubscription.cancel();
-    _wakeLock.disable();
  }

  @override
@ -89,8 +83,8 @@ class _MachineLearningSettingsPageState
                iconButtonType: IconButtonType.secondary,
                onTap: () {
                  Navigator.pop(context);
-                  if (Navigator.canPop(context)) Navigator.pop(context);
-                  if (Navigator.canPop(context)) Navigator.pop(context);
+                  Navigator.pop(context);
+                  Navigator.pop(context);
                },
              ),
            ],
@ -444,24 +438,19 @@ class FaceRecognitionStatusWidgetState
    });
  }

-  Future<(int, int, double, bool)> getIndexStatus() async {
+  Future<(int, int, int, double)> getIndexStatus() async {
    try {
      final indexedFiles = await FaceMLDataDB.instance
          .getIndexedFileCount(minimumMlVersion: faceMlVersion);
-      final indexableFiles = (await getIndexableFileIDs()).length;
+      final indexableFiles = (await FaceMlService.getIndexableFileIDs()).length;
      final showIndexedFiles = min(indexedFiles, indexableFiles);
      final pendingFiles = max(indexableFiles - indexedFiles, 0);
-      final clusteringDoneRatio =
-          await FaceMLDataDB.instance.getClusteredToIndexableFilesRatio();
-      final bool deviceIsHealthy =
-          MachineLearningController.instance.isDeviceHealthy;
+      final foundFaces = await FaceMLDataDB.instance.getTotalFaceCount();
+      final clusteredFaces =
+          await FaceMLDataDB.instance.getClusteredFaceCount();
+      final clusteringDoneRatio = clusteredFaces / foundFaces;

-      return (
-        showIndexedFiles,
-        pendingFiles,
-        clusteringDoneRatio,
-        deviceIsHealthy
-      );
+      return (showIndexedFiles, pendingFiles, foundFaces, clusteringDoneRatio);
    } catch (e, s) {
      _logger.severe('Error getting face recognition status', e, s);
      rethrow;
@ -490,17 +479,10 @@ class FaceRecognitionStatusWidgetState
            if (snapshot.hasData) {
              final int indexedFiles = snapshot.data!.$1;
              final int pendingFiles = snapshot.data!.$2;
-              final double clusteringDoneRatio = snapshot.data!.$3;
+              final int foundFaces = snapshot.data!.$3;
+              final double clusteringDoneRatio = snapshot.data!.$4;
              final double clusteringPercentage =
                  (clusteringDoneRatio * 100).clamp(0, 100);
-              final bool isDeviceHealthy = snapshot.data!.$4;
-
-              if (!isDeviceHealthy &&
-                  (pendingFiles > 0 || clusteringPercentage < 99)) {
-                return MenuSectionDescriptionWidget(
-                  content: S.of(context).indexingIsPaused,
-                );
-              }

              return Column(
                children: [
@ -530,6 +512,19 @@ class FaceRecognitionStatusWidgetState
                    isGestureDetectorDisabled: true,
                    key: ValueKey("pending_items_" + pendingFiles.toString()),
                  ),
+                  MenuItemWidget(
+                    captionedTextWidget: CaptionedTextWidget(
+                      title: S.of(context).foundFaces,
+                    ),
+                    trailingWidget: Text(
+                      NumberFormat().format(foundFaces),
+                      style: Theme.of(context).textTheme.bodySmall,
+                    ),
+                    singleBorderRadius: 8,
+                    alignCaptionedTextToLeft: true,
+                    isGestureDetectorDisabled: true,
+                    key: ValueKey("found_faces_" + foundFaces.toString()),
+                  ),
                  MenuItemWidget(
                    captionedTextWidget: CaptionedTextWidget(
                      title: S.of(context).clusteringProgress,
--- a/mobile/lib/ui/viewer/file/video_widget.dart
+++ b/mobile/lib/ui/viewer/file/video_widget.dart
@ -17,9 +17,9 @@ import 'package:photos/ui/viewer/file/video_controls.dart';
 import "package:photos/utils/dialog_util.dart";
 import 'package:photos/utils/file_util.dart';
 import 'package:photos/utils/toast_util.dart';
-import "package:photos/utils/wakelock_util.dart";
 import 'package:video_player/video_player.dart';
 import 'package:visibility_detector/visibility_detector.dart';
+import 'package:wakelock_plus/wakelock_plus.dart';

 class VideoWidget extends StatefulWidget {
  final EnteFile file;
@ -45,7 +45,7 @@ class _VideoWidgetState extends State<VideoWidget> {
  ChewieController? _chewieController;
  final _progressNotifier = ValueNotifier<double?>(null);
  bool _isPlaying = false;
-  final EnteWakeLock _wakeLock = EnteWakeLock();
+  bool _wakeLockEnabledHere = false;

  @override
  void initState() {
@ -126,7 +126,13 @@ class _VideoWidgetState extends State<VideoWidget> {
    _chewieController?.dispose();
    _progressNotifier.dispose();

-    _wakeLock.dispose();
+    if (_wakeLockEnabledHere) {
+      unawaited(
+        WakelockPlus.enabled.then((isEnabled) {
+          isEnabled ? WakelockPlus.disable() : null;
+        }),
+      );
+    }
    super.dispose();
  }

@ -251,10 +257,17 @@ class _VideoWidgetState extends State<VideoWidget> {

  Future<void> _keepScreenAliveOnPlaying(bool isPlaying) async {
    if (isPlaying) {
-      _wakeLock.enable();
+      return WakelockPlus.enabled.then((value) {
+        if (value == false) {
+          WakelockPlus.enable();
+          //wakeLockEnabledHere will not be set to true if wakeLock is already enabled from settings on iOS.
+          //We shouldn't disable when video is not playing if it was enabled manually by the user from ente settings by user.
+          _wakeLockEnabledHere = true;
+        }
+      });
    }
-    if (!isPlaying) {
-      _wakeLock.disable();
+    if (_wakeLockEnabledHere && !isPlaying) {
+      return WakelockPlus.disable();
    }
  }

--- a/mobile/lib/ui/viewer/gallery/hooks/add_photos_sheet.dart
+++ b/mobile/lib/ui/viewer/gallery/hooks/add_photos_sheet.dart
@ -5,7 +5,6 @@ import "package:flutter/material.dart";
 import "package:flutter_animate/flutter_animate.dart";
 import "package:modal_bottom_sheet/modal_bottom_sheet.dart";
 import "package:photos/core/configuration.dart";
-import "package:photos/core/constants.dart";
 import "package:photos/db/files_db.dart";
 import "package:photos/generated/l10n.dart";
 import "package:photos/l10n/l10n.dart";
@ -168,14 +167,7 @@ class AddPhotosPhotoWidget extends StatelessWidget {

  Future<void> _onPickFromDeviceClicked(BuildContext context) async {
    try {
-      final assetPickerTextDelegate = await _getAssetPickerTextDelegate();
-      final List<AssetEntity>? result = await AssetPicker.pickAssets(
-        context,
-        pickerConfig: AssetPickerConfig(
-          maxAssets: maxPickAssetLimit,
-          textDelegate: assetPickerTextDelegate,
-        ),
-      );
+      final List<AssetEntity>? result = await AssetPicker.pickAssets(context);
      if (result != null && result.isNotEmpty) {
        final ca = CollectionActions(
          CollectionsService.instance,
@ -212,39 +204,6 @@ class AddPhotosPhotoWidget extends StatelessWidget {
      }
    }
  }
-
-  // _getAssetPickerTextDelegate returns the text delegate for the asset picker
-  // This custom method is required to enforce English as the default fallback
-  // instead of Chinese.
-  Future<AssetPickerTextDelegate> _getAssetPickerTextDelegate() async {
-    final Locale locale = await getLocale();
-    switch (locale.languageCode.toLowerCase()) {
-      case "en":
-        return const EnglishAssetPickerTextDelegate();
-      case "he":
-        return const HebrewAssetPickerTextDelegate();
-      case "de":
-        return const GermanAssetPickerTextDelegate();
-      case "ru":
-        return const RussianAssetPickerTextDelegate();
-      case "ja":
-        return const JapaneseAssetPickerTextDelegate();
-      case "ar":
-        return const ArabicAssetPickerTextDelegate();
-      case "fr":
-        return const FrenchAssetPickerTextDelegate();
-      case "vi":
-        return const VietnameseAssetPickerTextDelegate();
-      case "tr":
-        return const TurkishAssetPickerTextDelegate();
-      case "ko":
-        return const KoreanAssetPickerTextDelegate();
-      case "zh":
-        return const AssetPickerTextDelegate();
-      default:
-        return const EnglishAssetPickerTextDelegate();
-    }
-  }
 }

 class DelayedGallery extends StatefulWidget {
--- a/mobile/lib/ui/viewer/people/cluster_app_bar.dart
+++ b/mobile/lib/ui/viewer/people/cluster_app_bar.dart
@ -97,7 +97,7 @@ class _AppBarWidgetState extends State<ClusterAppBar> {
        maxLines: 2,
        overflow: TextOverflow.ellipsis,
      ),
-      actions: _getDefaultActions(context),
+      actions: kDebugMode ? _getDefaultActions(context) : null,
    );
  }

--- a/mobile/lib/ui/viewer/people/cluster_page.dart
+++ b/mobile/lib/ui/viewer/people/cluster_page.dart
@ -161,45 +161,43 @@ class _ClusterPageState extends State<ClusterPage> {
            ),
          ),
          showNamingBanner
-              ? SafeArea(
-                  child: Dismissible(
-                    key: const Key("namingBanner"),
-                    direction: DismissDirection.horizontal,
-                    onDismissed: (direction) {
-                      setState(() {
-                        userDismissedNamingBanner = true;
-                      });
-                    },
-                    child: PeopleBanner(
-                      type: PeopleBannerType.addName,
-                      faceWidget: PersonFaceWidget(
-                        files.first,
-                        clusterID: widget.clusterID,
-                      ),
-                      actionIcon: Icons.add_outlined,
-                      text: S.of(context).addAName,
-                      subText: S.of(context).findPeopleByName,
-                      onTap: () async {
-                        if (widget.personID == null) {
-                          final result = await showAssignPersonAction(
-                            context,
-                            clusterID: widget.clusterID,
-                          );
-                          if (result != null &&
-                              result is (PersonEntity, EnteFile)) {
-                            Navigator.pop(context);
-                            // ignore: unawaited_futures
-                            routeToPage(context, PeoplePage(person: result.$1));
-                          } else if (result != null && result is PersonEntity) {
-                            Navigator.pop(context);
-                            // ignore: unawaited_futures
-                            routeToPage(context, PeoplePage(person: result));
-                          }
-                        } else {
-                          showShortToast(context, "No personID or clusterID");
-                        }
-                      },
+              ? Dismissible(
+                  key: const Key("namingBanner"),
+                  direction: DismissDirection.horizontal,
+                  onDismissed: (direction) {
+                    setState(() {
+                      userDismissedNamingBanner = true;
+                    });
+                  },
+                  child: PeopleBanner(
+                    type: PeopleBannerType.addName,
+                    faceWidget: PersonFaceWidget(
+                      files.first,
+                      clusterID: widget.clusterID,
                    ),
+                    actionIcon: Icons.add_outlined,
+                    text: S.of(context).addAName,
+                    subText: S.of(context).findPeopleByName,
+                    onTap: () async {
+                      if (widget.personID == null) {
+                        final result = await showAssignPersonAction(
+                          context,
+                          clusterID: widget.clusterID,
+                        );
+                        if (result != null &&
+                            result is (PersonEntity, EnteFile)) {
+                          Navigator.pop(context);
+                          // ignore: unawaited_futures
+                          routeToPage(context, PeoplePage(person: result.$1));
+                        } else if (result != null && result is PersonEntity) {
+                          Navigator.pop(context);
+                          // ignore: unawaited_futures
+                          routeToPage(context, PeoplePage(person: result));
+                        }
+                      } else {
+                        showShortToast(context, "No personID or clusterID");
+                      }
+                    },
                  ),
                )
              : const SizedBox.shrink(),
--- a/mobile/lib/ui/viewer/people/person_clusters_page.dart
+++ b/mobile/lib/ui/viewer/people/person_clusters_page.dart
@ -38,17 +38,12 @@ class _PersonClustersPageState extends State<PersonClustersPage> {
            .getClusterFilesForPersonID(widget.person.remoteID),
        builder: (context, snapshot) {
          if (snapshot.hasData) {
-            final clusters = snapshot.data!;
-            final List<int> keys = clusters.keys.toList();
-            // Sort the clusters by the number of files in each cluster, largest first
-            keys.sort(
-              (b, a) => clusters[a]!.length.compareTo(clusters[b]!.length),
-            );
+            final List<int> keys = snapshot.data!.keys.toList();
            return ListView.builder(
              itemCount: keys.length,
              itemBuilder: (context, index) {
                final int clusterID = keys[index];
-                final List<EnteFile> files = clusters[clusterID]!;
+                final List<EnteFile> files = snapshot.data![keys[index]]!;
                return InkWell(
                  onTap: () {
                    Navigator.of(context).push(
@ -98,37 +93,34 @@ class _PersonClustersPageState extends State<PersonClustersPage> {
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: <Widget>[
                                Text(
-                                  "${files.length} photos",
+                                  "${snapshot.data![keys[index]]!.length} photos",
                                  style: getEnteTextTheme(context).body,
                                ),
-                                (index != 0)
-                                    ? GestureDetector(
-                                        onTap: () async {
-                                          try {
-                                            await PersonService.instance
-                                                .removeClusterToPerson(
-                                              personID: widget.person.remoteID,
-                                              clusterID: clusterID,
-                                            );
-                                            _logger.info(
-                                              "Removed cluster $clusterID from person ${widget.person.remoteID}",
-                                            );
-                                            Bus.instance
-                                                .fire(PeopleChangedEvent());
-                                            setState(() {});
-                                          } catch (e) {
-                                            _logger.severe(
-                                              "removing cluster from person,",
-                                              e,
-                                            );
-                                          }
-                                        },
-                                        child: const Icon(
-                                          CupertinoIcons.minus_circled,
-                                          color: Colors.red,
-                                        ),
-                                      )
-                                    : const SizedBox.shrink(),
+                                GestureDetector(
+                                  onTap: () async {
+                                    try {
+                                      await PersonService.instance
+                                          .removeClusterToPerson(
+                                        personID: widget.person.remoteID,
+                                        clusterID: clusterID,
+                                      );
+                                      _logger.info(
+                                        "Removed cluster $clusterID from person ${widget.person.remoteID}",
+                                      );
+                                      Bus.instance.fire(PeopleChangedEvent());
+                                      setState(() {});
+                                    } catch (e) {
+                                      _logger.severe(
+                                        "removing cluster from person,",
+                                        e,
+                                      );
+                                    }
+                                  },
+                                  child: const Icon(
+                                    CupertinoIcons.minus_circled,
+                                    color: Colors.red,
+                                  ),
+                                ),
                              ],
                            ),
                          ),
--- a/mobile/lib/ui/viewer/search/search_widget.dart
+++ b/mobile/lib/ui/viewer/search/search_widget.dart
@ -203,7 +203,7 @@ class SearchWidgetState extends State<SearchWidget> {
    String query,
  ) {
    int resultCount = 0;
-    final maxResultCount = _isYearValid(query) ? 12 : 11;
+    final maxResultCount = _isYearValid(query) ? 13 : 12;
    final streamController = StreamController<List<SearchResult>>();

    if (query.isEmpty) {
@ -260,11 +260,10 @@ class SearchWidgetState extends State<SearchWidget> {
        onResultsReceived(locationResult);
      },
    );
-
    _searchService.getAllFace(null).then(
-      (faceResult) {
+      (locationResult) {
        final List<GenericSearchResult> filteredResults = [];
-        for (final result in faceResult) {
+        for (final result in locationResult) {
          if (result.name().toLowerCase().contains(query.toLowerCase())) {
            filteredResults.add(result);
          }
--- a/mobile/lib/utils/email_util.dart
+++ b/mobile/lib/utils/email_util.dart
@ -16,7 +16,6 @@ import 'package:path_provider/path_provider.dart';
 import 'package:photos/core/configuration.dart';
 import 'package:photos/core/error-reporting/super_logging.dart';
 import "package:photos/generated/l10n.dart";
-import "package:photos/ui/common/progress_dialog.dart";
 import 'package:photos/ui/components/buttons/button_widget.dart';
 import 'package:photos/ui/components/dialog_widget.dart';
 import 'package:photos/ui/components/models/button_type.dart';
@ -123,28 +122,9 @@ Future<void> _sendLogs(
  }
 }

-Future<void> sendLogsForInit(
-  String toEmail,
-  String? subject,
-  String? body,
-) async {
-  final String zipFilePath = await getZippedLogsFile(null);
-  final Email email = Email(
-    recipients: [toEmail],
-    subject: subject ?? '',
-    body: body ?? '',
-    attachmentPaths: [zipFilePath],
-    isHTML: false,
-  );
-  await FlutterEmailSender.send(email);
-}
-
-Future<String> getZippedLogsFile(BuildContext? context) async {
-  late final ProgressDialog dialog;
-  if (context != null) {
-    dialog = createProgressDialog(context, S.of(context).preparingLogs);
-    await dialog.show();
-  }
+Future<String> getZippedLogsFile(BuildContext context) async {
+  final dialog = createProgressDialog(context, S.of(context).preparingLogs);
+  await dialog.show();
  final logsPath = (await getApplicationSupportDirectory()).path;
  final logsDirectory = Directory(logsPath + "/logs");
  final tempPath = (await getTemporaryDirectory()).path;
@ -154,9 +134,7 @@ Future<String> getZippedLogsFile(BuildContext? context) async {
  encoder.create(zipFilePath);
  await encoder.addDirectory(logsDirectory);
  encoder.close();
-  if (context != null) {
-    await dialog.hide();
-  }
+  await dialog.hide();
  return zipFilePath;
 }

--- a/mobile/lib/utils/ml_util.dart
+++ b/mobile/lib/utils/ml_util.dart
@ -1,7 +0,0 @@
-import "package:photos/core/configuration.dart";
-import "package:photos/db/files_db.dart";
-
-Future<List<int>> getIndexableFileIDs() async {
-    return FilesDB.instance
-        .getOwnedFileIDs(Configuration.instance.getUserID()!);
-  }
--- a/mobile/lib/utils/parse.dart
+++ b/mobile/lib/utils/parse.dart
@ -0,0 +1,13 @@
+import "package:flutter/foundation.dart";
+
+int parseKeyAsInt(Map<String, dynamic> map, String key, int defaultValue) {
+  try {
+    return map[key] ?? defaultValue;
+  } catch (e) {
+    if (kDebugMode) {
+      print("Error parsing key $key as int: $e");
+    }
+    final double val = map[key] as double;
+    return val.toInt();
+  }
+}
--- a/mobile/lib/utils/wakelock_util.dart
+++ b/mobile/lib/utils/wakelock_util.dart
@ -1,38 +0,0 @@
-import "dart:async" show unawaited;
-
-import "package:wakelock_plus/wakelock_plus.dart";
-
-class EnteWakeLock {
-  bool _wakeLockEnabledHere = false;
-
-  void enable() {
-    WakelockPlus.enabled.then((value) {
-        if (value == false) {
-          WakelockPlus.enable();
-          //wakeLockEnabledHere will not be set to true if wakeLock is already enabled from settings on iOS.
-          //We shouldn't disable when video is not playing if it was enabled manually by the user from ente settings by user.
-          _wakeLockEnabledHere = true;
-        }
-      });
-  }
-
-  void disable() {
-    if (_wakeLockEnabledHere) {
-      WakelockPlus.disable();
-    }
-  }
-
-  void dispose() {
-    if (_wakeLockEnabledHere) {
-      unawaited(
-        WakelockPlus.enabled.then((isEnabled) {
-          isEnabled ? WakelockPlus.disable() : null;
-        }),
-      );
-    }
-  }
-
-  static Future<void> toggle({required bool enable}) async {
-    await WakelockPlus.toggle(enable: enable);
-  }
-}
--- a/mobile/pubspec.lock
+++ b/mobile/pubspec.lock
@ -45,10 +45,10 @@ packages:
    dependency: "direct main"
    description:
      name: animated_list_plus
-      sha256: fb3d7f1fbaf5af84907f3c739236bacda8bf32cbe1f118dd51510752883ff50c
+      sha256: fe66f9c300d715254727fbdf050487844d17b013fec344fa28081d29bddbdf1a
      url: "https://pub.dev"
    source: hosted
-    version: "0.5.2"
+    version: "0.4.5"
  animated_stack_widget:
    dependency: transitive
    description:
@ -971,10 +971,10 @@ packages:
    dependency: "direct main"
    description:
      name: home_widget
-      sha256: "2a0fdd6267ff975bd07bedf74686bd5577200f504f5de36527ac1b56bdbe68e3"
+      sha256: "29565bfee4b32eaf9e7e8b998d504618b779a74b2b1ac62dd4dac7468e66f1a3"
      url: "https://pub.dev"
    source: hosted
-    version: "0.6.0"
+    version: "0.5.0"
  html:
    dependency: transitive
    description:
@ -1152,26 +1152,26 @@ packages:
    dependency: transitive
    description:
      name: leak_tracker
-      sha256: "7f0df31977cb2c0b88585095d168e689669a2cc9b97c309665e3386f3e9d341a"
+      sha256: "78eb209deea09858f5269f5a5b02be4049535f568c07b275096836f01ea323fa"
      url: "https://pub.dev"
    source: hosted
-    version: "10.0.4"
+    version: "10.0.0"
  leak_tracker_flutter_testing:
    dependency: transitive
    description:
      name: leak_tracker_flutter_testing
-      sha256: "06e98f569d004c1315b991ded39924b21af84cf14cc94791b8aea337d25b57f8"
+      sha256: b46c5e37c19120a8a01918cfaf293547f47269f7cb4b0058f21531c2465d6ef0
      url: "https://pub.dev"
    source: hosted
-    version: "3.0.3"
+    version: "2.0.1"
  leak_tracker_testing:
    dependency: transitive
    description:
      name: leak_tracker_testing
-      sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3"
+      sha256: a597f72a664dbd293f3bfc51f9ba69816f84dcd403cdac7066cb3f6003f3ab47
      url: "https://pub.dev"
    source: hosted
-    version: "3.0.1"
+    version: "2.0.1"
  like_button:
    dependency: "direct main"
    description:
@ -1368,10 +1368,10 @@ packages:
    dependency: transitive
    description:
      name: meta
-      sha256: "7687075e408b093f36e6bbf6c91878cc0d4cd10f409506f7bc996f68220b9136"
+      sha256: d584fa6707a52763a52446f02cc621b077888fb63b93bbcb1143a7be5a0c0c04
      url: "https://pub.dev"
    source: hosted
-    version: "1.12.0"
+    version: "1.11.0"
  mgrs_dart:
    dependency: transitive
    description:
@ -2144,10 +2144,10 @@ packages:
    dependency: "direct main"
    description:
      name: styled_text
-      sha256: fd624172cf629751b4f171dd0ecf9acf02a06df3f8a81bb56c0caa4f1df706c3
+      sha256: f72928d1ebe8cb149e3b34a689cb1ddca696b808187cf40ac3a0bd183dff379c
      url: "https://pub.dev"
    source: hosted
-    version: "8.1.0"
+    version: "7.0.0"
  sync_http:
    dependency: transitive
    description:
@ -2160,18 +2160,18 @@ packages:
    dependency: "direct main"
    description:
      name: syncfusion_flutter_core
-      sha256: "63108a33f9b0d89f7b6b56cce908b8e519fe433dbbe0efcf41ad3e8bb2081bd9"
+      sha256: "9be1bb9bbdb42823439a18da71484f1964c14dbe1c255ab1b931932b12fa96e8"
      url: "https://pub.dev"
    source: hosted
-    version: "25.2.5"
+    version: "19.4.56"
  syncfusion_flutter_sliders:
    dependency: "direct main"
    description:
      name: syncfusion_flutter_sliders
-      sha256: f27310bedc0e96e84054f0a70ac593d1a3c38397c158c5226ba86027ad77b2c1
+      sha256: "1f6a63ccab4180b544074b9264a20f01ee80b553de154192fe1d7b434089d3c2"
      url: "https://pub.dev"
    source: hosted
-    version: "25.2.5"
+    version: "19.4.56"
  synchronized:
    dependency: "direct main"
    description:
@ -2192,26 +2192,26 @@ packages:
    dependency: "direct dev"
    description:
      name: test
-      sha256: "7ee446762c2c50b3bd4ea96fe13ffac69919352bd3b4b17bac3f3465edc58073"
+      sha256: a1f7595805820fcc05e5c52e3a231aedd0b72972cb333e8c738a8b1239448b6f
      url: "https://pub.dev"
    source: hosted
-    version: "1.25.2"
+    version: "1.24.9"
  test_api:
    dependency: transitive
    description:
      name: test_api
-      sha256: "9955ae474176f7ac8ee4e989dadfb411a58c30415bcfb648fa04b2b8a03afa7f"
+      sha256: "5c2f730018264d276c20e4f1503fd1308dfbbae39ec8ee63c5236311ac06954b"
      url: "https://pub.dev"
    source: hosted
-    version: "0.7.0"
+    version: "0.6.1"
  test_core:
    dependency: transitive
    description:
      name: test_core
-      sha256: "2bc4b4ecddd75309300d8096f781c0e3280ca1ef85beda558d33fcbedc2eead4"
+      sha256: a757b14fc47507060a162cc2530d9a4a2f92f5100a952c7443b5cad5ef5b106a
      url: "https://pub.dev"
    source: hosted
-    version: "0.6.0"
+    version: "0.5.9"
  timezone:
    dependency: transitive
    description:
@ -2441,10 +2441,10 @@ packages:
    dependency: transitive
    description:
      name: vm_service
-      sha256: "3923c89304b715fb1eb6423f017651664a03bf5f4b29983627c4da791f74a4ec"
+      sha256: b3d56ff4341b8f182b96aceb2fa20e3dcb336b9f867bc0eafc0de10f1048e957
      url: "https://pub.dev"
    source: hosted
-    version: "14.2.1"
+    version: "13.0.0"
  volume_controller:
    dependency: transitive
    description:
@ -2591,4 +2591,4 @@ packages:
    version: "3.1.2"
 sdks:
  dart: ">=3.3.0 <4.0.0"
-  flutter: ">=3.20.0-1.2.pre"
+  flutter: ">=3.19.0"
--- a/mobile/pubspec.yaml
+++ b/mobile/pubspec.yaml
@ -12,7 +12,7 @@ description: ente photos application
 # Read more about iOS versioning at
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html

-version: 0.8.112+636
+version: 0.8.108+632
 publish_to: none

 environment:
@ -21,7 +21,7 @@ environment:
 dependencies:
  adaptive_theme: ^3.1.0
  animate_do: ^2.0.0
-  animated_list_plus: ^0.5.2
+  animated_list_plus: ^0.4.5
  archive: ^3.1.2
  background_fetch: ^1.2.1
  battery_info: ^1.1.1
@ -93,13 +93,13 @@ dependencies:
  fluttertoast: ^8.0.6
  freezed_annotation: ^2.4.1
  google_nav_bar: ^5.0.5
-  home_widget: ^0.6.0
+  home_widget: ^0.5.0
  html_unescape: ^2.0.0
  http: ^1.1.0
  image: ^4.0.17
  image_editor: ^1.3.0
  in_app_purchase: ^3.0.7
-  intl: ^0.19.0
+  intl: ^0.18.0
  json_annotation: ^4.8.0
  latlong2: ^0.9.0
  like_button: ^2.0.5
@ -152,9 +152,9 @@ dependencies:
  sqlite3_flutter_libs: ^0.5.20
  sqlite_async: ^0.6.1
  step_progress_indicator: ^1.0.2
-  styled_text: ^8.1.0
-  syncfusion_flutter_core: ^25.2.5
-  syncfusion_flutter_sliders: ^25.2.5
+  styled_text: ^7.0.0
+  syncfusion_flutter_core: ^19.2.49
+  syncfusion_flutter_sliders: ^19.2.49
  synchronized: ^3.1.0
  tuple: ^2.0.0
  uni_links: ^0.5.1
@ -177,7 +177,6 @@ dependency_overrides:
  # Remove this after removing dependency from flutter_sodium.
  # Newer flutter packages depends on ffi > 2.0.0 while flutter_sodium depends on ffi < 2.0.0
  ffi: 2.1.0
-  intl: 0.18.1
  video_player:
    git:
      url: https://github.com/ente-io/packages.git
--- a/server/configurations/local.yaml
+++ b/server/configurations/local.yaml
@ -95,15 +95,6 @@ db:
 # Map of data centers
 #
 # Each data center also specifies which bucket in that provider should be used.
-#
-# If you're not using replication (it is off by default), you only need to
-# provide valid credentials for the first entry (the default hot storage,
-# "b2-eu-cen").
-#
-# Note that you need to use the same key names (e.g. "b2-eu-cen") as below. The
-# values and the S3 provider itself can any arbitrary S3 storage, it is not tied
-# to the region (eu-cen) or provider (b2, wasabi), but for historical reasons
-# the key names have to be one of those in the list below.
 s3:
    # Override the primary and secondary hot storage. The commented out values
    # are the defaults.
--- a/server/pkg/controller/user/userauth.go
+++ b/server/pkg/controller/user/userauth.go
--- a/web/apps/accounts/src/pages/_app.tsx
+++ b/web/apps/accounts/src/pages/_app.tsx
@ -1,16 +1,17 @@
 import { CustomHead } from "@/next/components/Head";
 import { setupI18n } from "@/next/i18n";
 import { logUnhandledErrorsAndRejections } from "@/next/log-web";
-import type { AppName, BaseAppContextT } from "@/next/types/app";
-import { ensure } from "@/utils/ensure";
 import { PAGES } from "@ente/accounts/constants/pages";
 import { accountLogout } from "@ente/accounts/services/logout";
 import { APPS, APP_TITLES } from "@ente/shared/apps/constants";
 import { Overlay } from "@ente/shared/components/Container";
 import DialogBoxV2 from "@ente/shared/components/DialogBoxV2";
-import type { DialogBoxAttributesV2 } from "@ente/shared/components/DialogBoxV2/types";
+import {
+    DialogBoxAttributesV2,
+    SetDialogBoxAttributesV2,
+} from "@ente/shared/components/DialogBoxV2/types";
 import EnteSpinner from "@ente/shared/components/EnteSpinner";
-import { AppNavbar } from "@ente/shared/components/Navbar/app";
+import AppNavbar from "@ente/shared/components/Navbar/app";
 import { useLocalState } from "@ente/shared/hooks/useLocalState";
 import HTTPService from "@ente/shared/network/HTTPService";
 import { LS_KEYS, getData } from "@ente/shared/storage/localStorage";
@ -21,28 +22,25 @@ import { ThemeProvider } from "@mui/material/styles";
 import { t } from "i18next";
 import { AppProps } from "next/app";
 import { useRouter } from "next/router";
-import { createContext, useContext, useEffect, useState } from "react";
+import { createContext, useEffect, useState } from "react";
 import "styles/global.css";

-/** The accounts app has no extra properties on top of the base context. */
-type AppContextT = BaseAppContextT;
+interface AppContextProps {
+    isMobile: boolean;
+    showNavBar: (show: boolean) => void;
+    setDialogBoxAttributesV2: SetDialogBoxAttributesV2;
+    logout: () => void;
+}

-/** The React {@link Context} available to all pages. */
-export const AppContext = createContext<AppContextT | undefined>(undefined);
-
-/** Utility hook to reduce amount of boilerplate in account related pages. */
-export const useAppContext = () => ensure(useContext(AppContext));
+export const AppContext = createContext<AppContextProps>({} as AppContextProps);

 export default function App({ Component, pageProps }: AppProps) {
-    const appName: AppName = "account";
-
    const [isI18nReady, setIsI18nReady] = useState<boolean>(false);

    const [showNavbar, setShowNavBar] = useState(false);

-    const [dialogBoxAttributeV2, setDialogBoxAttributesV2] = useState<
-        DialogBoxAttributesV2 | undefined
-    >();
+    const [dialogBoxAttributeV2, setDialogBoxAttributesV2] =
+        useState<DialogBoxAttributesV2>();

    const [dialogBoxV2View, setDialogBoxV2View] = useState(false);

@ -87,17 +85,8 @@ export default function App({ Component, pageProps }: AppProps) {
        void accountLogout().then(() => router.push(PAGES.ROOT));
    };

-    const appContext = {
-        appName,
-        logout,
-        showNavBar,
-        isMobile,
-        setDialogBoxAttributesV2,
-    };
-
-    // TODO: This string doesn't actually exist
    const title = isI18nReady
-        ? t("title", { context: "accounts" })
+        ? t("TITLE", { context: APPS.ACCOUNTS })
        : APP_TITLES.get(APPS.ACCOUNTS);

    return (
@ -113,7 +102,15 @@ export default function App({ Component, pageProps }: AppProps) {
                    attributes={dialogBoxAttributeV2 as any}
                />

-                <AppContext.Provider value={appContext}>
+                <AppContext.Provider
+                    value={{
+                        isMobile,
+                        showNavBar,
+                        setDialogBoxAttributesV2:
+                            setDialogBoxAttributesV2 as any,
+                        logout,
+                    }}
+                >
                    {!isI18nReady && (
                        <Overlay
                            sx={(theme) => ({
--- a/web/apps/accounts/src/pages/credentials.tsx
+++ b/web/apps/accounts/src/pages/credentials.tsx
@ -1,6 +0,0 @@
-import Page_ from "@ente/accounts/pages/credentials";
-import { useAppContext } from "./_app";
-
-const Page = () => <Page_ appContext={useAppContext()} />;
-
-export default Page;
--- a/web/apps/accounts/src/pages/credentials/index.tsx
+++ b/web/apps/accounts/src/pages/credentials/index.tsx
@ -0,0 +1,9 @@
+import CredentialPage from "@ente/accounts/pages/credentials";
+import { APPS } from "@ente/shared/apps/constants";
+import { useContext } from "react";
+import { AppContext } from "../_app";
+
+export default function Credential() {
+    const appContext = useContext(AppContext);
+    return <CredentialPage appContext={appContext} appName={APPS.ACCOUNTS} />;
+}
--- a/web/apps/accounts/src/pages/generate.tsx
+++ b/web/apps/accounts/src/pages/generate.tsx
@ -1,6 +0,0 @@
-import Page_ from "@ente/accounts/pages/generate";
-import { useAppContext } from "./_app";
-
-const Page = () => <Page_ appContext={useAppContext()} />;
-
-export default Page;
--- a/web/apps/accounts/src/pages/generate/index.tsx
+++ b/web/apps/accounts/src/pages/generate/index.tsx
@ -0,0 +1,9 @@
+import GeneratePage from "@ente/accounts/pages/generate";
+import { APPS } from "@ente/shared/apps/constants";
+import { AppContext } from "pages/_app";
+import { useContext } from "react";
+
+export default function Generate() {
+    const appContext = useContext(AppContext);
+    return <GeneratePage appContext={appContext} appName={APPS.ACCOUNTS} />;
+}
--- a/web/apps/accounts/src/pages/login.tsx
+++ b/web/apps/accounts/src/pages/login.tsx
@ -1,6 +0,0 @@
-import Page_ from "@ente/accounts/pages/login";
-import { useAppContext } from "./_app";
-
-const Page = () => <Page_ appContext={useAppContext()} />;
-
-export default Page;
--- a/web/apps/accounts/src/pages/login/index.tsx
+++ b/web/apps/accounts/src/pages/login/index.tsx
@ -0,0 +1,9 @@
+import LoginPage from "@ente/accounts/pages/login";
+import { APPS } from "@ente/shared/apps/constants";
+import { useContext } from "react";
+import { AppContext } from "../_app";
+
+export default function Login() {
+    const appContext = useContext(AppContext);
+    return <LoginPage appContext={appContext} appName={APPS.ACCOUNTS} />;
+}
--- a/web/apps/accounts/src/pages/passkeys/flow/Recover.tsx
+++ b/web/apps/accounts/src/pages/passkeys/flow/Recover.tsx
@ -1,12 +1,16 @@
 import { TwoFactorType } from "@ente/accounts/constants/twofactor";
-import RecoverPage from "@ente/accounts/pages/two-factor/recover";
-import { useAppContext } from "../../_app";
+import RecoverPage from "@ente/accounts/pages/recover";
+import { APPS } from "@ente/shared/apps/constants";
+import { AppContext } from "pages/_app";
+import { useContext } from "react";

-const Page = () => (
-    <RecoverPage
-        appContext={useAppContext()}
-        twoFactorType={TwoFactorType.PASSKEY}
-    />
-);
-
-export default Page;
+export default function Recover() {
+    const appContext = useContext(AppContext);
+    return (
+        <RecoverPage
+            appContext={appContext}
+            appName={APPS.PHOTOS}
+            twoFactorType={TwoFactorType.PASSKEY}
+        />
+    );
+}
--- a/web/apps/accounts/src/pages/passkeys/index.tsx
+++ b/web/apps/accounts/src/pages/passkeys/index.tsx
@ -9,8 +9,14 @@ import { t } from "i18next";
 import _sodium from "libsodium-wrappers";
 import { useRouter } from "next/router";
 import { AppContext } from "pages/_app";
-import type { Dispatch, SetStateAction } from "react";
-import { createContext, useContext, useEffect, useState } from "react";
+import {
+    Dispatch,
+    SetStateAction,
+    createContext,
+    useContext,
+    useEffect,
+    useState,
+} from "react";
 import { Passkey } from "types/passkey";
 import {
    finishPasskeyRegistration,
--- a/web/apps/accounts/src/pages/recover.tsx
+++ b/web/apps/accounts/src/pages/recover.tsx
@ -1,6 +0,0 @@
-import Page_ from "@ente/accounts/pages/recover";
-import { useAppContext } from "./_app";
-
-const Page = () => <Page_ appContext={useAppContext()} />;
-
-export default Page;
--- a/web/apps/accounts/src/pages/recover/index.tsx
+++ b/web/apps/accounts/src/pages/recover/index.tsx
@ -0,0 +1,9 @@
+import RecoverPage from "@ente/accounts/pages/recover";
+import { APPS } from "@ente/shared/apps/constants";
+import { AppContext } from "pages/_app";
+import { useContext } from "react";
+
+export default function Recover() {
+    const appContext = useContext(AppContext);
+    return <RecoverPage appContext={appContext} appName={APPS.ACCOUNTS} />;
+}
--- a/web/apps/accounts/src/pages/signup.tsx
+++ b/web/apps/accounts/src/pages/signup.tsx
@ -1,6 +0,0 @@
-import Page_ from "@ente/accounts/pages/signup";
-import { useAppContext } from "./_app";
-
-const Page = () => <Page_ appContext={useAppContext()} />;
-
-export default Page;
--- a/web/apps/accounts/src/pages/signup/index.tsx
+++ b/web/apps/accounts/src/pages/signup/index.tsx
@ -0,0 +1,9 @@
+import SignupPage from "@ente/accounts/pages/signup";
+import { APPS } from "@ente/shared/apps/constants";
+import { AppContext } from "pages/_app";
+import { useContext } from "react";
+
+export default function Sigup() {
+    const appContext = useContext(AppContext);
+    return <SignupPage appContext={appContext} appName={APPS.ACCOUNTS} />;
+}
--- a/web/apps/accounts/src/pages/two-factor/recover.tsx
+++ b/web/apps/accounts/src/pages/two-factor/recover.tsx
@ -1,6 +0,0 @@
-import Page_ from "@ente/accounts/pages/two-factor/recover";
-import { useAppContext } from "../_app";
-
-const Page = () => <Page_ appContext={useAppContext()} />;
-
-export default Page;
--- a/web/apps/accounts/src/pages/two-factor/recover/index.tsx
+++ b/web/apps/accounts/src/pages/two-factor/recover/index.tsx
@ -0,0 +1,11 @@
+import TwoFactorRecoverPage from "@ente/accounts/pages/two-factor/recover";
+import { APPS } from "@ente/shared/apps/constants";
+import { AppContext } from "pages/_app";
+import { useContext } from "react";
+
+export default function TwoFactorRecover() {
+    const appContext = useContext(AppContext);
+    return (
+        <TwoFactorRecoverPage appContext={appContext} appName={APPS.ACCOUNTS} />
+    );
+}
--- a/web/apps/accounts/src/pages/two-factor/setup.tsx
+++ b/web/apps/accounts/src/pages/two-factor/setup.tsx
@ -1,6 +0,0 @@
-import Page_ from "@ente/accounts/pages/two-factor/setup";
-import { useAppContext } from "../_app";
-
-const Page = () => <Page_ appContext={useAppContext()} />;
-
-export default Page;
--- a/web/apps/accounts/src/pages/two-factor/setup/index.tsx
+++ b/web/apps/accounts/src/pages/two-factor/setup/index.tsx
@ -0,0 +1,11 @@
+import TwoFactorSetupPage from "@ente/accounts/pages/two-factor/setup";
+import { APPS } from "@ente/shared/apps/constants";
+import { AppContext } from "pages/_app";
+import { useContext } from "react";
+
+export default function TwoFactorSetup() {
+    const appContext = useContext(AppContext);
+    return (
+        <TwoFactorSetupPage appContext={appContext} appName={APPS.ACCOUNTS} />
+    );
+}
--- a/web/apps/accounts/src/pages/two-factor/verify.tsx
+++ b/web/apps/accounts/src/pages/two-factor/verify.tsx
@ -1,6 +0,0 @@
-import Page_ from "@ente/accounts/pages/two-factor/verify";
-import { useAppContext } from "../_app";
-
-const Page = () => <Page_ appContext={useAppContext()} />;
-
-export default Page;
--- a/web/apps/accounts/src/pages/two-factor/verify/index.tsx
+++ b/web/apps/accounts/src/pages/two-factor/verify/index.tsx
@ -0,0 +1,11 @@
+import TwoFactorVerifyPage from "@ente/accounts/pages/two-factor/verify";
+import { APPS } from "@ente/shared/apps/constants";
+import { AppContext } from "pages/_app";
+import { useContext } from "react";
+
+export default function TwoFactorVerify() {
+    const appContext = useContext(AppContext);
+    return (
+        <TwoFactorVerifyPage appContext={appContext} appName={APPS.ACCOUNTS} />
+    );
+}
--- a/web/apps/accounts/src/pages/verify.tsx
+++ b/web/apps/accounts/src/pages/verify.tsx
@ -1,6 +0,0 @@
-import Page_ from "@ente/accounts/pages/verify";
-import { useAppContext } from "./_app";
-
-const Page = () => <Page_ appContext={useAppContext()} />;
-
-export default Page;
--- a/web/apps/accounts/src/pages/verify/index.tsx
+++ b/web/apps/accounts/src/pages/verify/index.tsx
@ -0,0 +1,9 @@
+import VerifyPage from "@ente/accounts/pages/verify";
+import { APPS } from "@ente/shared/apps/constants";
+import { AppContext } from "pages/_app";
+import { useContext } from "react";
+
+export default function Verify() {
+    const appContext = useContext(AppContext);
+    return <VerifyPage appContext={appContext} appName={APPS.ACCOUNTS} />;
+}
--- a/web/apps/auth/.env
+++ b/web/apps/auth/.env
@ -1,4 +1 @@
 NEXT_TELEMETRY_DISABLED = 1
-
-# For details on how to populate a .env.local to run auth and get it to connect
-# to an arbitrary Ente instance, see `apps/photos/.env`.
--- a/web/apps/auth/.eslintrc.js
+++ b/web/apps/auth/.eslintrc.js
@ -9,5 +9,5 @@ module.exports = {
        tsconfigRootDir: __dirname,
        project: "./tsconfig.json",
    },
-    ignorePatterns: [".eslintrc.js", "next.config.js", "out"],
+    ignorePatterns: [".eslintrc.js", "out"],
 };
--- a/web/apps/auth/package.json
+++ b/web/apps/auth/package.json
@ -3,12 +3,9 @@
    "version": "0.0.0",
    "private": true,
    "dependencies": {
-        "@/build-config": "*",
        "@/next": "*",
        "@ente/accounts": "*",
        "@ente/eslint-config": "*",
-        "@ente/shared": "*",
-        "jssha": "~3.3.1",
-        "otpauth": "^9"
+        "@ente/shared": "*"
    }
 }
--- a/web/apps/auth/src/components/AuthFooter.tsx
+++ b/web/apps/auth/src/components/AuthFooter.tsx
@ -0,0 +1,23 @@
+import { Button } from "@mui/material";
+import { t } from "i18next";
+
+export const AuthFooter = () => {
+    return (
+        <div
+            style={{
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <p>{t("AUTH_DOWNLOAD_MOBILE_APP")}</p>
+            <a
+                href="https://github.com/ente-io/ente/tree/main/auth#-download"
+                download
+            >
+                <Button color="accent">{t("DOWNLOAD")}</Button>
+            </a>
+        </div>
+    );
+};
--- a/web/apps/auth/src/components/Navbar.tsx
+++ b/web/apps/auth/src/components/Navbar.tsx
@ -0,0 +1,35 @@
+import { HorizontalFlex } from "@ente/shared/components/Container";
+import { EnteLogo } from "@ente/shared/components/EnteLogo";
+import NavbarBase from "@ente/shared/components/Navbar/base";
+import OverflowMenu from "@ente/shared/components/OverflowMenu/menu";
+import { OverflowMenuOption } from "@ente/shared/components/OverflowMenu/option";
+import LogoutOutlined from "@mui/icons-material/LogoutOutlined";
+import MoreHoriz from "@mui/icons-material/MoreHoriz";
+import { t } from "i18next";
+import { AppContext } from "pages/_app";
+import React from "react";
+
+export default function AuthNavbar() {
+    const { isMobile, logout } = React.useContext(AppContext);
+    return (
+        <NavbarBase isMobile={isMobile}>
+            <HorizontalFlex flex={1} justifyContent={"center"}>
+                <EnteLogo />
+            </HorizontalFlex>
+            <HorizontalFlex position={"absolute"} right="24px">
+                <OverflowMenu
+                    ariaControls={"auth-options"}
+                    triggerButtonIcon={<MoreHoriz />}
+                >
+                    <OverflowMenuOption
+                        color="critical"
+                        startIcon={<LogoutOutlined />}
+                        onClick={logout}
+                    >
+                        {t("LOGOUT")}
+                    </OverflowMenuOption>
+                </OverflowMenu>
+            </HorizontalFlex>
+        </NavbarBase>
+    );
+}
--- a/web/apps/auth/src/components/OTPDisplay.tsx
+++ b/web/apps/auth/src/components/OTPDisplay.tsx
@ -0,0 +1,237 @@
+import { ButtonBase, Snackbar } from "@mui/material";
+import { t } from "i18next";
+import { HOTP, TOTP } from "otpauth";
+import { useEffect, useState } from "react";
+import { Code } from "types/code";
+import TimerProgress from "./TimerProgress";
+
+const TOTPDisplay = ({ issuer, account, code, nextCode, period }) => {
+    return (
+        <div
+            style={{
+                backgroundColor: "rgba(40, 40, 40, 0.6)",
+                borderRadius: "4px",
+                overflow: "hidden",
+            }}
+        >
+            <TimerProgress period={period ?? Code.defaultPeriod} />
+            <div
+                style={{
+                    padding: "12px 20px 0px 20px",
+                    display: "flex",
+                    alignItems: "flex-start",
+                    minWidth: "320px",
+                    minHeight: "120px",
+                    justifyContent: "space-between",
+                }}
+            >
+                <div
+                    style={{
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "flex-start",
+                        minWidth: "200px",
+                    }}
+                >
+                    <p
+                        style={{
+                            fontWeight: "bold",
+                            margin: "0px",
+                            fontSize: "14px",
+                            textAlign: "left",
+                        }}
+                    >
+                        {issuer}
+                    </p>
+                    <p
+                        style={{
+                            marginTop: "0px",
+                            marginBottom: "8px",
+                            textAlign: "left",
+                            fontSize: "12px",
+                            maxWidth: "200px",
+                            minHeight: "16px",
+                            color: "grey",
+                        }}
+                    >
+                        {account}
+                    </p>
+                    <p
+                        style={{
+                            margin: "0px",
+                            marginBottom: "1rem",
+                            fontSize: "24px",
+                            fontWeight: "bold",
+                            textAlign: "left",
+                        }}
+                    >
+                        {code}
+                    </p>
+                </div>
+                <div style={{ flex: 1 }} />
+                <div
+                    style={{
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "flex-end",
+                        minWidth: "120px",
+                        textAlign: "right",
+                        marginTop: "auto",
+                        marginBottom: "1rem",
+                    }}
+                >
+                    <p
+                        style={{
+                            fontWeight: "bold",
+                            marginBottom: "0px",
+                            fontSize: "10px",
+                            marginTop: "auto",
+                            textAlign: "right",
+                            color: "grey",
+                        }}
+                    >
+                        {t("AUTH_NEXT")}
+                    </p>
+                    <p
+                        style={{
+                            fontSize: "14px",
+                            fontWeight: "bold",
+                            marginBottom: "0px",
+                            marginTop: "auto",
+                            textAlign: "right",
+                            color: "grey",
+                        }}
+                    >
+                        {nextCode}
+                    </p>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+function BadCodeInfo({ codeInfo, codeErr }) {
+    const [showRawData, setShowRawData] = useState(false);
+
+    return (
+        <div className="code-info">
+            <div>{codeInfo.title}</div>
+            <div>{codeErr}</div>
+            <div>
+                {showRawData ? (
+                    <div onClick={() => setShowRawData(false)}>
+                        {codeInfo.rawData ?? "no raw data"}
+                    </div>
+                ) : (
+                    <div onClick={() => setShowRawData(true)}>Show rawData</div>
+                )}
+            </div>
+        </div>
+    );
+}
+
+interface OTPDisplayProps {
+    codeInfo: Code;
+}
+
+const OTPDisplay = (props: OTPDisplayProps) => {
+    const { codeInfo } = props;
+    const [code, setCode] = useState("");
+    const [nextCode, setNextCode] = useState("");
+    const [codeErr, setCodeErr] = useState("");
+    const [hasCopied, setHasCopied] = useState(false);
+
+    const generateCodes = () => {
+        try {
+            const currentTime = new Date().getTime();
+            if (codeInfo.type.toLowerCase() === "totp") {
+                const totp = new TOTP({
+                    secret: codeInfo.secret,
+                    algorithm: codeInfo.algorithm ?? Code.defaultAlgo,
+                    period: codeInfo.period ?? Code.defaultPeriod,
+                    digits: codeInfo.digits ?? Code.defaultDigits,
+                });
+                setCode(totp.generate());
+                setNextCode(
+                    totp.generate({
+                        timestamp: currentTime + codeInfo.period * 1000,
+                    }),
+                );
+            } else if (codeInfo.type.toLowerCase() === "hotp") {
+                const hotp = new HOTP({
+                    secret: codeInfo.secret,
+                    counter: 0,
+                    algorithm: codeInfo.algorithm,
+                });
+                setCode(hotp.generate());
+                setNextCode(hotp.generate({ counter: 1 }));
+            }
+        } catch (err) {
+            setCodeErr(err.message);
+        }
+    };
+
+    const copyCode = () => {
+        navigator.clipboard.writeText(code);
+        setHasCopied(true);
+        setTimeout(() => {
+            setHasCopied(false);
+        }, 2000);
+    };
+
+    useEffect(() => {
+        // this is to set the initial code and nextCode on component mount
+        generateCodes();
+        const codeType = codeInfo.type;
+        const codePeriodInMs = codeInfo.period * 1000;
+        const timeToNextCode =
+            codePeriodInMs - (new Date().getTime() % codePeriodInMs);
+        const intervalId = null;
+        // wait until we are at the start of the next code period,
+        // and then start the interval loop
+        setTimeout(() => {
+            // we need to call generateCodes() once before the interval loop
+            // to set the initial code and nextCode
+            generateCodes();
+            codeType.toLowerCase() === "totp" ||
+            codeType.toLowerCase() === "hotp"
+                ? setInterval(() => {
+                      generateCodes();
+                  }, codePeriodInMs)
+                : null;
+        }, timeToNextCode);
+
+        return () => {
+            if (intervalId) clearInterval(intervalId);
+        };
+    }, [codeInfo]);
+
+    return (
+        <div style={{ padding: "8px" }}>
+            {codeErr === "" ? (
+                <ButtonBase
+                    component="div"
+                    onClick={() => {
+                        copyCode();
+                    }}
+                >
+                    <TOTPDisplay
+                        period={codeInfo.period}
+                        issuer={codeInfo.issuer}
+                        account={codeInfo.account}
+                        code={code}
+                        nextCode={nextCode}
+                    />
+                    <Snackbar
+                        open={hasCopied}
+                        message="Code copied to clipboard"
+                    />
+                </ButtonBase>
+            ) : (
+                <BadCodeInfo codeInfo={codeInfo} codeErr={codeErr} />
+            )}
+        </div>
+    );
+};
+
+export default OTPDisplay;
--- a/web/apps/auth/src/components/TimerProgress.tsx
+++ b/web/apps/auth/src/components/TimerProgress.tsx
@ -0,0 +1,41 @@
+import { useEffect, useState } from "react";
+
+const TimerProgress = ({ period }) => {
+    const [progress, setProgress] = useState(0);
+    const [ticker, setTicker] = useState(null);
+    const microSecondsInPeriod = period * 1000000;
+
+    const startTicker = () => {
+        const ticker = setInterval(() => {
+            updateTimeRemaining();
+        }, 10);
+        setTicker(ticker);
+    };
+
+    const updateTimeRemaining = () => {
+        const timeRemaining =
+            microSecondsInPeriod -
+            ((new Date().getTime() * 1000) % microSecondsInPeriod);
+        setProgress(timeRemaining / microSecondsInPeriod);
+    };
+
+    useEffect(() => {
+        startTicker();
+        return () => clearInterval(ticker);
+    }, []);
+
+    const color = progress > 0.4 ? "green" : "orange";
+
+    return (
+        <div
+            style={{
+                borderTopLeftRadius: "3px",
+                width: `${progress * 100}%`,
+                height: "3px",
+                backgroundColor: color,
+            }}
+        />
+    );
+};
+
+export default TimerProgress;
--- a/web/apps/auth/src/pages/404.tsx
+++ b/web/apps/auth/src/pages/404.tsx
@ -1,3 +1,9 @@
-import Page from "@ente/shared/next/pages/404";
+import { APPS } from "@ente/shared/apps/constants";
+import NotFoundPage from "@ente/shared/next/pages/404";
+import { AppContext } from "pages/_app";
+import { useContext } from "react";

-export default Page;
+export default function NotFound() {
+    const appContext = useContext(AppContext);
+    return <NotFoundPage appContext={appContext} appName={APPS.AUTH} />;
+}
--- a/web/apps/auth/src/pages/_app.tsx
+++ b/web/apps/auth/src/pages/_app.tsx
@ -4,8 +4,6 @@ import {
    logStartupBanner,
    logUnhandledErrorsAndRejections,
 } from "@/next/log-web";
-import type { AppName, BaseAppContextT } from "@/next/types/app";
-import { ensure } from "@/utils/ensure";
 import { accountLogout } from "@ente/accounts/services/logout";
 import {
    APPS,
@ -14,46 +12,45 @@ import {
 } from "@ente/shared/apps/constants";
 import { Overlay } from "@ente/shared/components/Container";
 import DialogBoxV2 from "@ente/shared/components/DialogBoxV2";
-import type { DialogBoxAttributesV2 } from "@ente/shared/components/DialogBoxV2/types";
+import {
+    DialogBoxAttributesV2,
+    SetDialogBoxAttributesV2,
+} from "@ente/shared/components/DialogBoxV2/types";
 import EnteSpinner from "@ente/shared/components/EnteSpinner";
 import { MessageContainer } from "@ente/shared/components/MessageContainer";
-import { AppNavbar } from "@ente/shared/components/Navbar/app";
+import AppNavbar from "@ente/shared/components/Navbar/app";
 import { PHOTOS_PAGES as PAGES } from "@ente/shared/constants/pages";
 import { useLocalState } from "@ente/shared/hooks/useLocalState";
 import HTTPService from "@ente/shared/network/HTTPService";
 import { LS_KEYS, getData } from "@ente/shared/storage/localStorage";
 import { getTheme } from "@ente/shared/themes";
 import { THEME_COLOR } from "@ente/shared/themes/constants";
+import { SetTheme } from "@ente/shared/themes/types";
 import type { User } from "@ente/shared/user/types";
 import { CssBaseline, useMediaQuery } from "@mui/material";
 import { ThemeProvider } from "@mui/material/styles";
 import { t } from "i18next";
-import type { AppProps } from "next/app";
+import { AppProps } from "next/app";
 import { useRouter } from "next/router";
-import { createContext, useContext, useEffect, useRef, useState } from "react";
-import LoadingBar, { type LoadingBarRef } from "react-top-loading-bar";
+import { createContext, useEffect, useRef, useState } from "react";
+import LoadingBar from "react-top-loading-bar";
 import "../../public/css/global.css";

-/**
- * Properties available via the {@link AppContext} to the Auth app's React tree.
- */
-type AppContextT = BaseAppContextT & {
+type AppContextType = {
+    showNavBar: (show: boolean) => void;
    startLoading: () => void;
    finishLoading: () => void;
+    isMobile: boolean;
    themeColor: THEME_COLOR;
-    setThemeColor: (themeColor: THEME_COLOR) => void;
+    setThemeColor: SetTheme;
    somethingWentWrong: () => void;
+    setDialogBoxAttributesV2: SetDialogBoxAttributesV2;
+    logout: () => void;
 };

-/** The React {@link Context} available to all pages. */
-export const AppContext = createContext<AppContextT | undefined>(undefined);
-
-/** Utility hook to reduce amount of boilerplate in account related pages. */
-export const useAppContext = () => ensure(useContext(AppContext));
+export const AppContext = createContext<AppContextType>(null);

 export default function App({ Component, pageProps }: AppProps) {
-    const appName: AppName = "auth";
-
    const router = useRouter();
    const [isI18nReady, setIsI18nReady] = useState<boolean>(false);
    const [loading, setLoading] = useState(false);
@ -61,11 +58,10 @@ export default function App({ Component, pageProps }: AppProps) {
        typeof window !== "undefined" && !window.navigator.onLine,
    );
    const [showNavbar, setShowNavBar] = useState(false);
-    const isLoadingBarRunning = useRef<boolean>(false);
-    const loadingBar = useRef<LoadingBarRef>(null);
-    const [dialogBoxAttributeV2, setDialogBoxAttributesV2] = useState<
-        DialogBoxAttributesV2 | undefined
-    >();
+    const isLoadingBarRunning = useRef(false);
+    const loadingBar = useRef(null);
+    const [dialogBoxAttributeV2, setDialogBoxAttributesV2] =
+        useState<DialogBoxAttributesV2>();
    const [dialogBoxV2View, setDialogBoxV2View] = useState(false);
    const isMobile = useMediaQuery("(max-width:428px)");
    const [themeColor, setThemeColor] = useLocalState(
@ -138,23 +134,9 @@ export default function App({ Component, pageProps }: AppProps) {
        void accountLogout().then(() => router.push(PAGES.ROOT));
    };

-    const appContext = {
-        appName,
-        logout,
-        showNavBar,
-        isMobile,
-        setDialogBoxAttributesV2,
-        startLoading,
-        finishLoading,
-        themeColor,
-        setThemeColor,
-        somethingWentWrong,
-    };
-
-    // TODO: Refactor this to have a fallback
    const title = isI18nReady
-        ? t("title", { context: "auth" })
-        : APP_TITLES.get(APPS.AUTH) ?? "";
+        ? t("TITLE", { context: APPS.AUTH })
+        : APP_TITLES.get(APPS.AUTH);

    return (
        <>
@ -176,7 +158,19 @@ export default function App({ Component, pageProps }: AppProps) {
                    attributes={dialogBoxAttributeV2}
                />

-                <AppContext.Provider value={appContext}>
+                <AppContext.Provider
+                    value={{
+                        showNavBar,
+                        startLoading,
+                        finishLoading,
+                        isMobile,
+                        themeColor,
+                        setThemeColor,
+                        somethingWentWrong,
+                        setDialogBoxAttributesV2,
+                        logout,
+                    }}
+                >
                    {(loading || !isI18nReady) && (
                        <Overlay
                            sx={(theme) => ({
--- a/web/apps/auth/src/pages/auth.tsx
+++ b/web/apps/auth/src/pages/auth.tsx
@ -1,414 +0,0 @@
-import { ensure } from "@/utils/ensure";
-import {
-    HorizontalFlex,
-    VerticallyCentered,
-} from "@ente/shared/components/Container";
-import { EnteLogo } from "@ente/shared/components/EnteLogo";
-import EnteSpinner from "@ente/shared/components/EnteSpinner";
-import NavbarBase from "@ente/shared/components/Navbar/base";
-import OverflowMenu from "@ente/shared/components/OverflowMenu/menu";
-import { OverflowMenuOption } from "@ente/shared/components/OverflowMenu/option";
-import { AUTH_PAGES as PAGES } from "@ente/shared/constants/pages";
-import { CustomError } from "@ente/shared/error";
-import InMemoryStore, { MS_KEYS } from "@ente/shared/storage/InMemoryStore";
-import LogoutOutlined from "@mui/icons-material/LogoutOutlined";
-import MoreHoriz from "@mui/icons-material/MoreHoriz";
-import { Button, ButtonBase, Snackbar, TextField, styled } from "@mui/material";
-import { t } from "i18next";
-import { useRouter } from "next/router";
-import { AppContext } from "pages/_app";
-import React, { useContext, useEffect, useState } from "react";
-import { generateOTPs, type Code } from "services/code";
-import { getAuthCodes } from "services/remote";
-
-const Page: React.FC = () => {
-    const appContext = ensure(useContext(AppContext));
-    const router = useRouter();
-    const [codes, setCodes] = useState<Code[]>([]);
-    const [hasFetched, setHasFetched] = useState(false);
-    const [searchTerm, setSearchTerm] = useState("");
-
-    useEffect(() => {
-        const fetchCodes = async () => {
-            try {
-                setCodes(await getAuthCodes());
-            } catch (e) {
-                if (
-                    e instanceof Error &&
-                    e.message == CustomError.KEY_MISSING
-                ) {
-                    InMemoryStore.set(MS_KEYS.REDIRECT_URL, PAGES.AUTH);
-                    router.push(PAGES.ROOT);
-                } else {
-                    // do not log errors
-                }
-            }
-            setHasFetched(true);
-        };
-        void fetchCodes();
-        appContext.showNavBar(false);
-    }, []);
-
-    const lcSearch = searchTerm.toLowerCase();
-    const filteredCodes = codes.filter(
-        (code) =>
-            code.issuer?.toLowerCase().includes(lcSearch) ||
-            code.account?.toLowerCase().includes(lcSearch),
-    );
-
-    if (!hasFetched) {
-        return (
-            <VerticallyCentered>
-                <EnteSpinner />
-            </VerticallyCentered>
-        );
-    }
-
-    return (
-        <>
-            <AuthNavbar />
-            <div
-                style={{
-                    maxWidth: "800px",
-                    display: "flex",
-                    flexDirection: "column",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    margin: "0 auto",
-                }}
-            >
-                <div style={{ marginBottom: "1rem" }} />
-                {filteredCodes.length == 0 && searchTerm.length == 0 ? (
-                    <></>
-                ) : (
-                    <TextField
-                        id="search"
-                        name="search"
-                        label={t("SEARCH")}
-                        onChange={(e) => setSearchTerm(e.target.value)}
-                        variant="filled"
-                        style={{ width: "350px" }}
-                        value={searchTerm}
-                        autoFocus
-                    />
-                )}
-
-                <div style={{ marginBottom: "1rem" }} />
-                <div
-                    style={{
-                        display: "flex",
-                        flexDirection: "row",
-                        flexWrap: "wrap",
-                        justifyContent: "center",
-                    }}
-                >
-                    {filteredCodes.length == 0 ? (
-                        <div
-                            style={{
-                                alignItems: "center",
-                                display: "flex",
-                                textAlign: "center",
-                                marginTop: "32px",
-                            }}
-                        >
-                            {searchTerm.length > 0 ? (
-                                <p>{t("NO_RESULTS")}</p>
-                            ) : (
-                                <></>
-                            )}
-                        </div>
-                    ) : (
-                        filteredCodes.map((code) => (
-                            <CodeDisplay key={code.id} code={code} />
-                        ))
-                    )}
-                </div>
-                <Footer />
-            </div>
-        </>
-    );
-};
-
-export default Page;
-
-const AuthNavbar: React.FC = () => {
-    const { isMobile, logout } = ensure(useContext(AppContext));
-
-    return (
-        <NavbarBase isMobile={isMobile}>
-            <HorizontalFlex flex={1} justifyContent={"center"}>
-                <EnteLogo />
-            </HorizontalFlex>
-            <HorizontalFlex position={"absolute"} right="24px">
-                <OverflowMenu
-                    ariaControls={"auth-options"}
-                    triggerButtonIcon={<MoreHoriz />}
-                >
-                    <OverflowMenuOption
-                        color="critical"
-                        startIcon={<LogoutOutlined />}
-                        onClick={logout}
-                    >
-                        {t("LOGOUT")}
-                    </OverflowMenuOption>
-                </OverflowMenu>
-            </HorizontalFlex>
-        </NavbarBase>
-    );
-};
-
-interface CodeDisplayProps {
-    code: Code;
-}
-
-const CodeDisplay: React.FC<CodeDisplayProps> = ({ code }) => {
-    const [otp, setOTP] = useState("");
-    const [nextOTP, setNextOTP] = useState("");
-    const [errorMessage, setErrorMessage] = useState("");
-    const [hasCopied, setHasCopied] = useState(false);
-
-    const regen = () => {
-        try {
-            const [m, n] = generateOTPs(code);
-            setOTP(m);
-            setNextOTP(n);
-        } catch (e) {
-            setErrorMessage(e instanceof Error ? e.message : String(e));
-        }
-    };
-
-    const copyCode = () => {
-        navigator.clipboard.writeText(otp);
-        setHasCopied(true);
-        setTimeout(() => setHasCopied(false), 2000);
-    };
-
-    useEffect(() => {
-        // Generate to set the initial otp and nextOTP on component mount.
-        regen();
-
-        const periodMs = code.period * 1000;
-        const timeToNextCode = periodMs - (Date.now() % periodMs);
-
-        let interval: ReturnType<typeof setInterval> | undefined;
-        // Wait until we are at the start of the next code period, and then
-        // start the interval loop.
-        setTimeout(() => {
-            // We need to call regen() once before the interval loop to set the
-            // initial otp and nextOTP.
-            regen();
-            interval = setInterval(regen, periodMs);
-        }, timeToNextCode);
-
-        return () => interval && clearInterval(interval);
-    }, [code]);
-
-    return (
-        <div style={{ padding: "8px" }}>
-            {errorMessage ? (
-                <UnparseableCode {...{ code, errorMessage }} />
-            ) : (
-                <ButtonBase component="div" onClick={copyCode}>
-                    <OTPDisplay {...{ code, otp, nextOTP }} />
-                    <Snackbar open={hasCopied} message={t("COPIED")} />
-                </ButtonBase>
-            )}
-        </div>
-    );
-};
-
-interface OTPDisplayProps {
-    code: Code;
-    otp: string;
-    nextOTP: string;
-}
-
-const OTPDisplay: React.FC<OTPDisplayProps> = ({ code, otp, nextOTP }) => {
-    return (
-        <div
-            style={{
-                backgroundColor: "rgba(40, 40, 40, 0.6)",
-                borderRadius: "4px",
-                overflow: "hidden",
-            }}
-        >
-            <CodeValidityBar code={code} />
-            <div
-                style={{
-                    padding: "12px 20px 0px 20px",
-                    display: "flex",
-                    alignItems: "flex-start",
-                    minWidth: "320px",
-                    minHeight: "120px",
-                    justifyContent: "space-between",
-                }}
-            >
-                <div
-                    style={{
-                        display: "flex",
-                        flexDirection: "column",
-                        alignItems: "flex-start",
-                        minWidth: "200px",
-                    }}
-                >
-                    <p
-                        style={{
-                            fontWeight: "bold",
-                            margin: "0px",
-                            fontSize: "14px",
-                            textAlign: "left",
-                        }}
-                    >
-                        {code.issuer ?? ""}
-                    </p>
-                    <p
-                        style={{
-                            marginTop: "0px",
-                            marginBottom: "8px",
-                            textAlign: "left",
-                            fontSize: "12px",
-                            maxWidth: "200px",
-                            minHeight: "16px",
-                            color: "grey",
-                        }}
-                    >
-                        {code.account ?? ""}
-                    </p>
-                    <p
-                        style={{
-                            margin: "0px",
-                            marginBottom: "1rem",
-                            fontSize: "24px",
-                            fontWeight: "bold",
-                            textAlign: "left",
-                        }}
-                    >
-                        {otp}
-                    </p>
-                </div>
-                <div style={{ flex: 1 }} />
-                <div
-                    style={{
-                        display: "flex",
-                        flexDirection: "column",
-                        alignItems: "flex-end",
-                        minWidth: "120px",
-                        textAlign: "right",
-                        marginTop: "auto",
-                        marginBottom: "1rem",
-                    }}
-                >
-                    <p
-                        style={{
-                            fontWeight: "bold",
-                            marginBottom: "0px",
-                            fontSize: "10px",
-                            marginTop: "auto",
-                            textAlign: "right",
-                            color: "grey",
-                        }}
-                    >
-                        {t("AUTH_NEXT")}
-                    </p>
-                    <p
-                        style={{
-                            fontSize: "14px",
-                            fontWeight: "bold",
-                            marginBottom: "0px",
-                            marginTop: "auto",
-                            textAlign: "right",
-                            color: "grey",
-                        }}
-                    >
-                        {nextOTP}
-                    </p>
-                </div>
-            </div>
-        </div>
-    );
-};
-
-interface CodeValidityBarProps {
-    code: Code;
-}
-
-const CodeValidityBar: React.FC<CodeValidityBarProps> = ({ code }) => {
-    const [progress, setProgress] = useState(code.type == "hotp" ? 1 : 0);
-
-    useEffect(() => {
-        const advance = () => {
-            const us = code.period * 1e6;
-            const timeRemaining = us - ((Date.now() * 1000) % us);
-            setProgress(timeRemaining / us);
-        };
-
-        const ticker =
-            code.type == "hotp" ? undefined : setInterval(advance, 10);
-
-        return () => ticker && clearInterval(ticker);
-    }, [code]);
-
-    const color = progress > 0.4 ? "green" : "orange";
-
-    return (
-        <div
-            style={{
-                borderTopLeftRadius: "3px",
-                width: `${progress * 100}%`,
-                height: "3px",
-                backgroundColor: color,
-            }}
-        />
-    );
-};
-
-interface UnparseableCodeProps {
-    code: Code;
-    errorMessage: string;
-}
-
-const UnparseableCode: React.FC<UnparseableCodeProps> = ({
-    code,
-    errorMessage,
-}) => {
-    const [showRawData, setShowRawData] = useState(false);
-
-    return (
-        <div className="code-info">
-            <div>{code.issuer}</div>
-            <div>{errorMessage}</div>
-            <div>
-                {showRawData ? (
-                    <div onClick={() => setShowRawData(false)}>
-                        {code.uriString}
-                    </div>
-                ) : (
-                    <div onClick={() => setShowRawData(true)}>Show rawData</div>
-                )}
-            </div>
-        </div>
-    );
-};
-
-const Footer: React.FC = () => {
-    return (
-        <Footer_>
-            <p>{t("AUTH_DOWNLOAD_MOBILE_APP")}</p>
-            <a
-                href="https://github.com/ente-io/ente/tree/main/auth#-download"
-                download
-            >
-                <Button color="accent">{t("DOWNLOAD")}</Button>
-            </a>
-        </Footer_>
-    );
-};
-
-const Footer_ = styled("div")`
-    margin-block-start: 2rem;
-    margin-block-end: 4rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-`;
--- a/web/apps/auth/src/pages/auth/index.tsx
+++ b/web/apps/auth/src/pages/auth/index.tsx
@ -0,0 +1,129 @@
+import { VerticallyCentered } from "@ente/shared/components/Container";
+import EnteSpinner from "@ente/shared/components/EnteSpinner";
+import { AUTH_PAGES as PAGES } from "@ente/shared/constants/pages";
+import { CustomError } from "@ente/shared/error";
+import InMemoryStore, { MS_KEYS } from "@ente/shared/storage/InMemoryStore";
+import { TextField } from "@mui/material";
+import { AuthFooter } from "components/AuthFooter";
+import AuthNavbar from "components/Navbar";
+import OTPDisplay from "components/OTPDisplay";
+import { t } from "i18next";
+import { useRouter } from "next/router";
+import { AppContext } from "pages/_app";
+import { useContext, useEffect, useState } from "react";
+import { getAuthCodes } from "services";
+
+const AuthenticatorCodesPage = () => {
+    const appContext = useContext(AppContext);
+    const router = useRouter();
+    const [codes, setCodes] = useState([]);
+    const [hasFetched, setHasFetched] = useState(false);
+    const [searchTerm, setSearchTerm] = useState("");
+
+    useEffect(() => {
+        const fetchCodes = async () => {
+            try {
+                const res = await getAuthCodes();
+                setCodes(res);
+            } catch (err) {
+                if (err.message === CustomError.KEY_MISSING) {
+                    InMemoryStore.set(MS_KEYS.REDIRECT_URL, PAGES.AUTH);
+                    router.push(PAGES.ROOT);
+                } else {
+                    // do not log errors
+                }
+            }
+            setHasFetched(true);
+        };
+        fetchCodes();
+        appContext.showNavBar(false);
+    }, []);
+
+    const filteredCodes = codes.filter(
+        (secret) =>
+            (secret.issuer ?? "")
+                .toLowerCase()
+                .includes(searchTerm.toLowerCase()) ||
+            (secret.account ?? "")
+                .toLowerCase()
+                .includes(searchTerm.toLowerCase()),
+    );
+
+    if (!hasFetched) {
+        return (
+            <>
+                <VerticallyCentered>
+                    <EnteSpinner></EnteSpinner>
+                </VerticallyCentered>
+            </>
+        );
+    }
+
+    return (
+        <>
+            <AuthNavbar />
+            <div
+                style={{
+                    maxWidth: "800px",
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    margin: "0 auto",
+                }}
+            >
+                <div style={{ marginBottom: "1rem" }} />
+                {filteredCodes.length === 0 && searchTerm.length === 0 ? (
+                    <></>
+                ) : (
+                    <TextField
+                        id="search"
+                        name="search"
+                        label={t("SEARCH")}
+                        onChange={(e) => setSearchTerm(e.target.value)}
+                        variant="filled"
+                        style={{ width: "350px" }}
+                        value={searchTerm}
+                        autoFocus
+                    />
+                )}
+
+                <div style={{ marginBottom: "1rem" }} />
+                <div
+                    style={{
+                        display: "flex",
+                        flexDirection: "row",
+                        flexWrap: "wrap",
+                        justifyContent: "center",
+                    }}
+                >
+                    {filteredCodes.length === 0 ? (
+                        <div
+                            style={{
+                                alignItems: "center",
+                                display: "flex",
+                                textAlign: "center",
+                                marginTop: "32px",
+                            }}
+                        >
+                            {searchTerm.length !== 0 ? (
+                                <p>{t("NO_RESULTS")}</p>
+                            ) : (
+                                <div />
+                            )}
+                        </div>
+                    ) : (
+                        filteredCodes.map((code) => (
+                            <OTPDisplay codeInfo={code} key={code.id} />
+                        ))
+                    )}
+                </div>
+                <div style={{ marginBottom: "2rem" }} />
+                <AuthFooter />
+                <div style={{ marginBottom: "4rem" }} />
+            </div>
+        </>
+    );
+};
+
+export default AuthenticatorCodesPage;
--- a/Show more
+++ b/Show more
Author	SHA1	Message	Date
Neeraj Gupta	64a02bbc4a	[mob] Bump version 0.8.108	2024-05-23 13:45:52 +05:30
Neeraj Gupta	da4aa1b1b2	[mob][fix] Gracefully handle time value in double instead of int	2024-05-23 13:41:10 +05:30