Add button, and dialog when clicked. Why does it ask for password?

modules/tchap-translations/tchap_translations.json

@@ -1148,5 +1148,17 @@
     "You can close this disconnected tab, and go to the other %(brand)s tab.": {
         "en": "You can close this disconnected tab, and go to the other %(brand)s tab.",
         "fr": "Vous pouvez fermer cet onglet déconnecté, et aller à l'autre onglet %(brand)s."
+    },
+    "Sauvegardez vos messages automatiquement": {
+        "en": "Back up your messages automatically",
+        "fr": "Sauvegardez vos messages automatiquement"
+    },
+    "Activer la sauvegarde automatique": {
+        "en": "Setup Secure Backup",
+        "fr": "Activer la sauvegarde automatique"
+    },
+    "Vous pourrez les récupérez sur n'importe quel appareil à l'aide du Code de Récupération.": {
+        "en": "You will be able to retrieve them on any device using the Recovery Code.",
+        "fr": "Vous pourrez les récupérez sur n'importe quel appareil à l'aide du Code de Récupération."
     }
 }

patches/add-enable-secure-backup-in-onboarding-steps/matrix-react-sdk+3.81.0.patch

@@ -0,0 +1,33 @@
+diff --git a/node_modules/matrix-react-sdk/src/hooks/useUserOnboardingTasks.ts b/node_modules/matrix-react-sdk/src/hooks/useUserOnboardingTasks.ts
+index 43e819c..82ec3e5 100644
+--- a/node_modules/matrix-react-sdk/src/hooks/useUserOnboardingTasks.ts
++++ b/node_modules/matrix-react-sdk/src/hooks/useUserOnboardingTasks.ts
+@@ -29,6 +29,7 @@ import SdkConfig from "../SdkConfig";
+ import { UseCase } from "../settings/enums/UseCase";
+ import { useSettingValue } from "./useSettings";
+ import { UserOnboardingContext } from "./useUserOnboardingContext";
++import { accessSecretStorage } from "../SecurityManager";
+
+ interface UserOnboardingTask {
+     id: string;
+@@ -93,6 +94,20 @@ const tasks: UserOnboardingTask[] = [
+             onClick: onClickStartDm,
+         },
+     },
++    { // :TCHAP:
++        id: "setup-secure-backup",
++        title: _t("Sauvegardez vos messages automatiquement"),
++        description: _t("Vous pourrez les récupérez sur n'importe quel appareil à l'aide du Code de Récupération."),
++        completed: (ctx: UserOnboardingContext) => {
++
++        }, // todo
++        action: {
++            label: _t("Activer la sauvegarde automatique"),
++            onClick: (ev: ButtonEvent) => {
++                accessSecretStorage();
++            },
++        },
++    }, // end :TCHAP:
+     {
+         id: "download-apps",
+         title: () =>

patches/patches.json

@@ -240,5 +240,13 @@
         "files": [
             "src/components/structures/auth/SessionLockStolenView.tsx"
         ]
+    },
+    "add-enable-secure-backup-in-onboarding-steps": {
+        "comments": "Filed in element-web : https://github.com/vector-im/element-web/issues/26540",
+        "package": "matrix-react-sdk",
+        "files": [
+            "src/hooks/useUserOnboardingTasks.ts",
+            "src/hooks/useUserOnboardingContext.ts"
+        ]
     }
 }