Change text in e2e UX to new copy

src/async-components/views/dialogs/keybackup/CreateKeyBackupDialog.js

@@ -265,8 +265,11 @@ export default React.createClass({
         }
 
         return <div>
-            <p>{_t("Secure your encrypted message history with a Recovery Passphrase.")}</p>
+            <p>{_t(
-            <p>{_t("You'll need it if you log out or lose access to this device.")}</p>
+                "We'll store an encrypted copy of your keys on our server. " +
+                "Protect your backup with a passphrase to keep it secure.",
+            )}</p>
+            <p>{_t("For maximum security, this should be different from your account password.")}</p>
 
             <div className="mx_CreateKeyBackupDialog_primaryContainer">
                 <div className="mx_CreateKeyBackupDialog_passPhraseContainer">
@@ -291,34 +294,12 @@ export default React.createClass({
                 disabled={!this._passPhraseIsValid()}
             />
 
-            <p>{_t(
+            <details>
-                "If you don't want encrypted message history to be available on other devices, "+
+                <summary>{_t("Advanced")}</summary>
-                "<button>opt out</button>.",
+                <p><button onClick={this._onSkipPassPhraseClick} >
-                {},
+                    {_t("Set up with a Recovery Key")}
-                {
+                </button></p>
-                    button: sub => <AccessibleButton
+            </details>
-                        element="span"
-                        className="mx_linkButton"
-                        onClick={this._onOptOutClick}
-                    >
-                        {sub}
-                    </AccessibleButton>,
-                },
-            )}</p>
-            <p>{_t(
-                "Or, if you don't want to create a Recovery Passphrase, skip this step and "+
-                "<button>download a recovery key</button>.",
-                {},
-                {
-                    button: sub => <AccessibleButton
-                        element="span"
-                        className="mx_linkButton"
-                        onClick={this._onSkipPassPhraseClick}
-                    >
-                        {sub}
-                    </AccessibleButton>,
-                },
-            )}</p>
         </div>;
     },
 
@@ -353,9 +334,7 @@ export default React.createClass({
         const DialogButtons = sdk.getComponent('views.elements.DialogButtons');
         return <div>
             <p>{_t(
-                "Type in your Recovery Passphrase to confirm you remember it. " +
+                "Please type in your passphrase again to check you remember it.",
-                "If it helps, add it to your password manager or store it " +
-                "somewhere safe.",
             )}</p>
             <div className="mx_CreateKeyBackupDialog_primaryContainer">
                 <div className="mx_CreateKeyBackupDialog_passPhraseContainer">
@@ -392,7 +371,13 @@ export default React.createClass({
         }
 
         return <div>
-            <p>{_t("Make a copy of this Recovery Key and keep it safe.")}</p>
+            <p>{_t(
+                "Your recovery key is a safety net - you can use it to restore " +
+                "access to your encrypted messages if you forget your passphrase.",
+            )}</p>
+            <p>{_t(
+                "Keep your recovery key somewhere very secure, like a password manager (or a safe)",
+            )}</p>
             <p>{bodyText}</p>
             <div className="mx_CreateKeyBackupDialog_primaryContainer">
                 <div className="mx_CreateKeyBackupDialog_recoveryKeyHeader">
@@ -455,10 +440,9 @@ export default React.createClass({
         const DialogButtons = sdk.getComponent('views.elements.DialogButtons');
         return <div>
             <p>{_t(
-                "Your encryption keys are now being backed up in the background " +
+                "Your keys are being backed up (the first backup could take a few minutes).",
-                "to your Homeserver. The initial backup could take several minutes. " +
+            )}</p>
-                "You can view key backup upload progress in Settings.")}</p>
+            <DialogButtons primaryButton={_t('Okay')}
-            <DialogButtons primaryButton={_t('Close')}
                 onPrimaryButtonClick={this._onDone}
                 hasCancel={false}
             />
@@ -484,19 +468,19 @@ export default React.createClass({
     _titleForPhase: function(phase) {
         switch (phase) {
             case PHASE_PASSPHRASE:
-                return _t('Create a Recovery Passphrase');
+                return _t('Secure your backup with a passphrase');
             case PHASE_PASSPHRASE_CONFIRM:
-                return _t('Confirm Recovery Passphrase');
+                return _t('Confirm your passphrase');
             case PHASE_OPTOUT_CONFIRM:
                 return _t('Warning!');
             case PHASE_SHOWKEY:
-                return _t('Recovery Key');
+                return _t('Recovery key');
             case PHASE_KEEPITSAFE:
                 return _t('Keep it safe');
             case PHASE_BACKINGUP:
                 return _t('Starting backup...');
             case PHASE_DONE:
-                return _t('Backup Started');
+                return _t('Success!');
             default:
                 return _t("Create Key Backup");
         }

src/components/views/dialogs/LogoutDialog.js

@@ -22,6 +22,10 @@ import { _t } from '../../../languageHandler';
 import MatrixClientPeg from '../../../MatrixClientPeg';
 
 export default class LogoutDialog extends React.Component {
+    defaultProps = {
+        onFinished: function() {},
+    }
+
     constructor() {
         super();
         this._onSettingsLinkClick = this._onSettingsLinkClick.bind(this);
@@ -29,14 +33,38 @@ export default class LogoutDialog extends React.Component {
         this._onFinished = this._onFinished.bind(this);
         this._onSetRecoveryMethodClick = this._onSetRecoveryMethodClick.bind(this);
         this._onLogoutConfirm = this._onLogoutConfirm.bind(this);
+
+        this.state = {
+            loading: false,
+            backupInfo: null,
+            error: null,
+        };
+
+        if (!MatrixClientPeg.get().getKeyBackupEnabled()) {
+            this._loadBackupStatus();
+        }
+    }
+
+    async _loadBackupStatus() {
+        try {
+            const backupInfo = await MatrixClientPeg.get().getKeyBackupVersion();
+            this.setState({
+                loading: false,
+                backupInfo,
+            });
+        } catch (e) {
+            console.log("Unable to fetch key backup status", e);
+            this.setState({
+                loading: false,
+                error: e,
+            });
+        }
     }
 
     _onSettingsLinkClick() {
         // close dialog
-        if (this.props.onFinished) {
         this.props.onFinished();
     }
-    }
 
     _onExportE2eKeysClicked() {
         Modal.createTrackedDialogAsync('Export E2E Keys', '',
@@ -52,10 +80,8 @@ export default class LogoutDialog extends React.Component {
             dis.dispatch({action: 'logout'});
         }
         // close dialog
-        if (this.props.onFinished) {
         this.props.onFinished();
     }
-    }
 
     _onSetRecoveryMethodClick() {
         Modal.createTrackedDialogAsync('Key Backup', 'Key Backup',
@@ -63,72 +89,83 @@ export default class LogoutDialog extends React.Component {
         );
 
         // close dialog
-        if (this.props.onFinished) {
         this.props.onFinished();
     }
-    }
 
     _onLogoutConfirm() {
         dis.dispatch({action: 'logout'});
 
         // close dialog
-        if (this.props.onFinished) {
         this.props.onFinished();
     }
-    }
 
     render() {
         const description = <div>
             <p>{_t(
-                "When you log out, you'll lose your secure message history. To prevent " +
+                "Encrypted messages are secured with end-to-end encryption. " +
-                "this, set up a recovery method.",
+                "Only you and the recipient(s) have the keys to read these messages.",
-            )}</p>
-            <p>{_t(
-                "Alternatively, advanced users can also manually export encryption keys in " +
-                "<a>Settings</a> before logging out.", {},
-                {
-                    a: sub => <a href='#/settings' onClick={this._onSettingsLinkClick}>{sub}</a>,
-                },
             )}</p>
+            <p>{_t("Back up your keys before signing out to avoid losing them.")}</p>
         </div>;
 
         if (!MatrixClientPeg.get().getKeyBackupEnabled()) {
             const BaseDialog = sdk.getComponent('views.dialogs.BaseDialog');
+
+            let dialogContent;
+            if (this.state.loading) {
+                const Spinner = sdk.getComponent('views.elements.Spinner');
+
+                dialogContent = <Spinner />;
+            } else {
                 const DialogButtons = sdk.getComponent('views.elements.DialogButtons');
-            // Not quite a standard question dialog as the primary button cancels
+                let setupButtonCaption;
-            // the action and does something else instead, whilst non-default button
+                if (this.state.backupInfo) {
-            // confirms the action.
+                    setupButtonCaption = _t("Use Key Backup");
-            return (<BaseDialog
+                } else {
-                title={_t("Warning!")}
+                    // if there's an error fetching the backup info, we'll just assume there's
-                contentId='mx_Dialog_content'
+                    // no backup for the purpose of the button caption
-                hasCancel={false}
+                    setupButtonCaption = _t("Start using Key Backup");
-                onFinsihed={this._onFinished}
+                }
-            >
+
+                dialogContent = <div>
                     <div className="mx_Dialog_content" id='mx_Dialog_content'>
                         { description }
                     </div>
-                <DialogButtons primaryButton={_t('Set a Recovery Method')}
+                    <DialogButtons primaryButton={setupButtonCaption}
                         hasCancel={false}
                         onPrimaryButtonClick={this._onSetRecoveryMethodClick}
                         focus={true}
                     >
                         <button onClick={this._onLogoutConfirm}>
-                        {_t("I understand, log out without")}
+                            {_t("I don't want my encrypted messages")}
                         </button>
                     </DialogButtons>
+                    <details>
+                        <summary>{_t("Advanced")}</summary>
+                        <p><button onClick={this._onExportE2eKeysClicked}>
+                            {_t("Manually export keys")}
+                        </button></p>
+                    </details>
+                </div>;
+            }
+            // Not quite a standard question dialog as the primary button cancels
+            // the action and does something else instead, whilst non-default button
+            // confirms the action.
+            return (<BaseDialog
+                title={_t("You'll lose access to your encrypted messages")}
+                contentId='mx_Dialog_content'
+                hasCancel={true}
+                onFinished={this._onFinished}
+            >
+                {dialogContent}
             </BaseDialog>);
         } else {
             const QuestionDialog = sdk.getComponent('views.dialogs.QuestionDialog');
             return (<QuestionDialog
                 hasCancelButton={true}
                 title={_t("Sign out")}
-                // TODO: This is made up by me and would need to also mention verifying
-                // once you can restore a backup by verifying a device
                 description={_t(
-                    "When signing in again, you can access encrypted chat history by " +
+                    "Are you sure you want to sign out?",
-                    "restoring your key backup. You'll need your recovery passphrase " +
-                    "or, if you didn't set a recovery passphrase, your recovery key " +
-                    "(that you downloaded).",
                 )}
                 button={_t("Sign out")}
                 onFinished={this._onFinished}

src/components/views/rooms/RoomRecoveryReminder.js

@@ -39,6 +39,7 @@ export default class RoomRecoveryReminder extends React.PureComponent {
             loading: true,
             error: null,
             backupInfo: null,
+            notNowClicked: false,
         };
     }
 
@@ -77,6 +78,10 @@ export default class RoomRecoveryReminder extends React.PureComponent {
         }
     }
 
+    onOnNotNowClick = () => {
+        this.setState({notNowClicked: true});
+    }
+
     onDontAskAgainClick = () => {
         // When you choose "Don't ask again" from the room reminder, we show a
         // dialog to confirm the choice.
@@ -104,46 +109,54 @@ export default class RoomRecoveryReminder extends React.PureComponent {
     }
 
     render() {
-        if (this.state.loading) {
+        // If there was an error loading just don't display the banner: we'll try again
+        // next time the user switchs to the room.
+        if (this.state.error || this.state.loading || this.state.notNowClicked) {
             return null;
         }
 
         const AccessibleButton = sdk.getComponent("views.elements.AccessibleButton");
 
-        let body;
+        let setupCaption;
-        if (this.state.error) {
+        if (this.state.backupInfo) {
-            body = <div className="error">
+            setupCaption = _t("Use Key Backup");
-                {_t("Unable to load key backup status")}
-            </div>;
-        } else if (this.state.backupInfo) {
-            // A key backup exists for this account, but we're not using it.
-            body = <div>
-                <p>{_t(
-                    "Secure Key Backup should be active on all of your devices to avoid " +
-                    "losing access to your encrypted messages.",
-                )}</p>
-            </div>;
         } else {
-            body = _t(
+            setupCaption = _t("Start using Key Backup");
-                "Securely back up your decryption keys to the server to make sure " +
-                "you'll always be able to read your encrypted messages.",
-            );
         }
 
         return (
             <div className="mx_RoomRecoveryReminder">
                 <div className="mx_RoomRecoveryReminder_header">{_t(
-                    "Don't risk losing your encrypted messages!",
+                    "Never lose encrypted messages",
                 )}</div>
-                <div className="mx_RoomRecoveryReminder_body">{body}</div>
+                <div className="mx_RoomRecoveryReminder_body">
+                    <p>{_t(
+                        "Messages in this room are secured with end-to-end " +
+                        "encryption. Only you and the recipient(s) have the " +
+                        "keys to read these messages.",
+                    )}</p>
+                    <p>{_t(
+                        "Securely back up your keys to avoid losing them. " +
+                        "<a>Learn more.</a>", {},
+                        {
+                            // We don't have this link yet: this will prevent the translators
+                            // having to re-translate the string when we do.
+                            a: sub => '',
+                        },
+                    )}</p>
+                </div>
                 <div className="mx_RoomRecoveryReminder_buttons">
                     <AccessibleButton className="mx_RoomRecoveryReminder_button"
                         onClick={this.onSetupClick}>
-                        {_t("Activate Secure Key Backup")}
+                        {setupCaption}
                     </AccessibleButton>
+                    <p><AccessibleButton className="mx_RoomRecoveryReminder_secondary mx_linkButton"
+                        onClick={this.onOnNotNowClick}>
+                        { _t("Not now") }
+                    </AccessibleButton></p>
                     <p><AccessibleButton className="mx_RoomRecoveryReminder_secondary mx_linkButton"
                         onClick={this.onDontAskAgainClick}>
-                        { _t("No thanks, I'll download a copy of my decryption keys before I log out") }
+                        { _t("Don't ask me again") }
                     </AccessibleButton></p>
                 </div>
             </div>

src/components/views/settings/KeyBackupPanel.js

@@ -111,10 +111,10 @@ export default class KeyBackupPanel extends React.PureComponent {
         Modal.createTrackedDialog('Delete Backup', '', QuestionDialog, {
             title: _t('Delete Backup'),
             description: _t(
-                "Delete your backed up encryption keys from the server? " +
+                "Are you sure? You will lose your encrypted messages if your " + 
-                "You will no longer be able to use your recovery key to read encrypted message history",
+                "keys are not backed up properly."
             ),
-            button: _t('Delete backup'),
+            button: _t('Delete Backup'),
             danger: true,
             onFinished: (proceed) => {
                 if (!proceed) return;
@@ -135,6 +135,10 @@ export default class KeyBackupPanel extends React.PureComponent {
     render() {
         const Spinner = sdk.getComponent("elements.Spinner");
         const AccessibleButton = sdk.getComponent("elements.AccessibleButton");
+        const encryptedMessageAreEncrypted = _t(
+            "Encrypted messages are secured with end-to-end encryption. " +
+            "Only you and the recipient(s) have the keys to read these messages.",
+        );
 
         if (this.state.error) {
             return (
@@ -146,13 +150,35 @@ export default class KeyBackupPanel extends React.PureComponent {
             return <Spinner />;
         } else if (this.state.backupInfo) {
             let clientBackupStatus;
+            let buttons;
+
             if (MatrixClientPeg.get().getKeyBackupEnabled()) {
-                clientBackupStatus = _t("This device is using key backup");
+                clientBackupStatus = <div>
+                    <p>{encryptedMessageAreEncrypted}</p>
+                    <p>{_t("This device is backing up your keys. ✅")}</p>
+                </div>;
+                buttons = <p>
+                    <AccessibleButton kind="primary" onClick={this._restoreBackup}>
+                        { _t("Restore from Backup") }
+                    </AccessibleButton>&nbsp;&nbsp;&nbsp;
+                    <AccessibleButton kind="danger" onClick={this._deleteBackup}>
+                        { _t("Delete Backup") }
+                    </AccessibleButton>
+                </p>;
             } else {
-                clientBackupStatus = _t(
+                clientBackupStatus = <div>
-                    "This device is <b>not</b> using key backup. Restore the backup to start using it.", {},
+                    <p>{encryptedMessageAreEncrypted}</p>
+                    <p>{_t(
+                        "This device is <b>not backing up your keys</b>.", {},
                         {b: x => <b>{x}</b>},
-                );
+                    )}</p>
+                    <p>{_t("Back up your keys before signing out to avoid losing them.")}</p>
+                </div>;
+                buttons = <p>
+                    <AccessibleButton kind="primary" onClick={this._restoreBackup}>
+                        { _t("Use Key Backup") }
+                    </AccessibleButton>
+                </p>;
             }
 
             let uploadStatus;
@@ -241,20 +267,20 @@ export default class KeyBackupPanel extends React.PureComponent {
                     <div>{backupSigStatuses}</div>
                     <div>{trustedLocally}</div>
                 </details>
-                <p>
+                {buttons}
-                    <AccessibleButton kind="primary" onClick={this._restoreBackup}>
-                        { _t("Restore backup") }
-                    </AccessibleButton>&nbsp;&nbsp;&nbsp;
-                    <AccessibleButton kind="danger" onClick={this._deleteBackup}>
-                        { _t("Delete backup") }
-                    </AccessibleButton>
-                </p>
             </div>;
         } else {
             return <div>
-                {_t("No backup is present")}<br /><br />
+                <div>
+                    <p>{_t(
+                        "Your keys are <b>not being backed up from this device</b>.", {},
+                        {b: x => <b>{x}</b>},
+                    )}</p>
+                    <p>{encryptedMessageAreEncrypted}</p>
+                    <p>{_t("Back up your keys before signing out to avoid losing them.")}</p>
+                </div>
                 <AccessibleButton kind="primary" onClick={this._startNewBackup}>
-                    { _t("Start a new backup") }
+                    { _t("Start using Key Backup") }
                 </AccessibleButton>
             </div>;
         }

src/i18n/strings/en_EN.json

@@ -439,11 +439,14 @@
     "Disable Notifications": "Disable Notifications",
     "Enable Notifications": "Enable Notifications",
     "Delete Backup": "Delete Backup",
-    "Delete your backed up encryption keys from the server? You will no longer be able to use your recovery key to read encrypted message history": "Delete your backed up encryption keys from the server? You will no longer be able to use your recovery key to read encrypted message history",
+    "Are you sure? You will lose your encrypted messages if your keys are not backed up properly.": "Are you sure? You will lose your encrypted messages if your keys are not backed up properly.",
-    "Delete backup": "Delete backup",
+    "Encrypted messages are secured with end-to-end encryption. Only you and the recipient(s) have the keys to read these messages.": "Encrypted messages are secured with end-to-end encryption. Only you and the recipient(s) have the keys to read these messages.",
     "Unable to load key backup status": "Unable to load key backup status",
-    "This device is using key backup": "This device is using key backup",
+    "This device is backing up your keys. ✅": "This device is backing up your keys. ✅",
-    "This device is <b>not</b> using key backup. Restore the backup to start using it.": "This device is <b>not</b> using key backup. Restore the backup to start using it.",
+    "Restore from Backup": "Restore from Backup",
+    "This device is <b>not backing up your keys</b>.": "This device is <b>not backing up your keys</b>.",
+    "Back up your keys before signing out to avoid losing them.": "Back up your keys before signing out to avoid losing them.",
+    "Use Key Backup": "Use Key Backup",
     "Backing up %(sessionsRemaining)s keys...": "Backing up %(sessionsRemaining)s keys...",
     "All keys backed up": "All keys backed up",
     "Backup has a signature from <verify>unknown</verify> device with ID %(deviceId)s.": "Backup has a signature from <verify>unknown</verify> device with ID %(deviceId)s.",
@@ -457,9 +460,8 @@
     "Advanced": "Advanced",
     "Backup version: ": "Backup version: ",
     "Algorithm: ": "Algorithm: ",
-    "Restore backup": "Restore backup",
+    "Your keys are <b>not being backed up from this device</b>.": "Your keys are <b>not being backed up from this device</b>.",
-    "No backup is present": "No backup is present",
+    "Start using Key Backup": "Start using Key Backup",
-    "Start a new backup": "Start a new backup",
     "Error saving email notification preferences": "Error saving email notification preferences",
     "An error occurred whilst saving your email notification preferences.": "An error occurred whilst saving your email notification preferences.",
     "Keywords": "Keywords",
@@ -785,11 +787,11 @@
     "You are trying to access a room.": "You are trying to access a room.",
     "<a>Click here</a> to join the discussion!": "<a>Click here</a> to join the discussion!",
     "This is a preview of this room. Room interactions have been disabled": "This is a preview of this room. Room interactions have been disabled",
-    "Secure Key Backup should be active on all of your devices to avoid losing access to your encrypted messages.": "Secure Key Backup should be active on all of your devices to avoid losing access to your encrypted messages.",
+    "Never lose encrypted messages": "Never lose encrypted messages",
-    "Securely back up your decryption keys to the server to make sure you'll always be able to read your encrypted messages.": "Securely back up your decryption keys to the server to make sure you'll always be able to read your encrypted messages.",
+    "Messages in this room are secured with end-to-end encryption. Only you and the recipient(s) have the keys to read these messages.": "Messages in this room are secured with end-to-end encryption. Only you and the recipient(s) have the keys to read these messages.",
-    "Don't risk losing your encrypted messages!": "Don't risk losing your encrypted messages!",
+    "Securely back up your keys to avoid losing them. <a>Learn more.</a>": "Securely back up your keys to avoid losing them. <a>Learn more.</a>",
-    "Activate Secure Key Backup": "Activate Secure Key Backup",
+    "Not now": "Not now",
-    "No thanks, I'll download a copy of my decryption keys before I log out": "No thanks, I'll download a copy of my decryption keys before I log out",
+    "Don't ask me again": "Don't ask me again",
     "Add a topic": "Add a topic",
     "This room is using an unstable room version. If you aren't expecting this, please upgrade the room.": "This room is using an unstable room version. If you aren't expecting this, please upgrade the room.",
     "Click here to upgrade to the latest room version.": "Click here to upgrade to the latest room version.",
@@ -1101,11 +1103,10 @@
     "Clear cache and resync": "Clear cache and resync",
     "Riot now uses 3-5x less memory, by only loading information about other users when needed. Please wait whilst we resynchronise with the server!": "Riot now uses 3-5x less memory, by only loading information about other users when needed. Please wait whilst we resynchronise with the server!",
     "Updating Riot": "Updating Riot",
-    "When you log out, you'll lose your secure message history. To prevent this, set up a recovery method.": "When you log out, you'll lose your secure message history. To prevent this, set up a recovery method.",
+    "I don't want my encrypted messages": "I don't want my encrypted messages",
-    "Alternatively, advanced users can also manually export encryption keys in <a>Settings</a> before logging out.": "Alternatively, advanced users can also manually export encryption keys in <a>Settings</a> before logging out.",
+    "Manually export keys": "Manually export keys",
-    "Set a Recovery Method": "Set a Recovery Method",
+    "You'll lose access to your encrypted messages": "You'll lose access to your encrypted messages",
-    "I understand, log out without": "I understand, log out without",
+    "Are you sure you want to sign out?": "Are you sure you want to sign out?",
-    "When signing in again, you can access encrypted chat history by restoring your key backup. You'll need your recovery passphrase or, if you didn't set a recovery passphrase, your recovery key (that you downloaded).": "When signing in again, you can access encrypted chat history by restoring your key backup. You'll need your recovery passphrase or, if you didn't set a recovery passphrase, your recovery key (that you downloaded).",
     "Thanks for testing the Riot Redesign. If you run into any bugs or visual issues, please let us know on GitHub.": "Thanks for testing the Riot Redesign. If you run into any bugs or visual issues, please let us know on GitHub.",
     "To help avoid duplicate issues, please <existingIssuesLink>view existing issues</existingIssuesLink> first (and add a +1) or <newIssueLink>create a new issue</newIssueLink> if you can't find it.": "To help avoid duplicate issues, please <existingIssuesLink>view existing issues</existingIssuesLink> first (and add a +1) or <newIssueLink>create a new issue</newIssueLink> if you can't find it.",
     "Report bugs & give feedback": "Report bugs & give feedback",
@@ -1488,19 +1489,19 @@
     "Import": "Import",
     "Great! This passphrase looks strong enough.": "Great! This passphrase looks strong enough.",
     "Keep going...": "Keep going...",
-    "Secure your encrypted message history with a Recovery Passphrase.": "Secure your encrypted message history with a Recovery Passphrase.",
+    "We'll store an encrypted copy of your keys on our server. Protect your backup with a passphrase to keep it secure.": "We'll store an encrypted copy of your keys on our server. Protect your backup with a passphrase to keep it secure.",
-    "You'll need it if you log out or lose access to this device.": "You'll need it if you log out or lose access to this device.",
+    "For maximum security, this should be different from your account password.": "For maximum security, this should be different from your account password.",
     "Enter a passphrase...": "Enter a passphrase...",
-    "If you don't want encrypted message history to be available on other devices, <button>opt out</button>.": "If you don't want encrypted message history to be available on other devices, <button>opt out</button>.",
+    "Set up with a Recovery Key": "Set up with a Recovery Key",
-    "Or, if you don't want to create a Recovery Passphrase, skip this step and <button>download a recovery key</button>.": "Or, if you don't want to create a Recovery Passphrase, skip this step and <button>download a recovery key</button>.",
     "That matches!": "That matches!",
     "That doesn't match.": "That doesn't match.",
     "Go back to set it again.": "Go back to set it again.",
-    "Type in your Recovery Passphrase to confirm you remember it. If it helps, add it to your password manager or store it somewhere safe.": "Type in your Recovery Passphrase to confirm you remember it. If it helps, add it to your password manager or store it somewhere safe.",
+    "Please type in your passphrase again to check you remember it.": "Please type in your passphrase again to check you remember it.",
     "Repeat your passphrase...": "Repeat your passphrase...",
     "As a safety net, you can use it to restore your encrypted message history if you forget your Recovery Passphrase.": "As a safety net, you can use it to restore your encrypted message history if you forget your Recovery Passphrase.",
     "As a safety net, you can use it to restore your encrypted message history.": "As a safety net, you can use it to restore your encrypted message history.",
-    "Make a copy of this Recovery Key and keep it safe.": "Make a copy of this Recovery Key and keep it safe.",
+    "Your recovery key is a safety net - you can use it to restore access to your encrypted messages if you forget your passphrase.": "Your recovery key is a safety net - you can use it to restore access to your encrypted messages if you forget your passphrase.",
+    "Keep your recovery key somewhere very secure, like a password manager (or a safe)": "Keep your recovery key somewhere very secure, like a password manager (or a safe)",
     "Your Recovery Key": "Your Recovery Key",
     "Copy to clipboard": "Copy to clipboard",
     "Download": "Download",
@@ -1509,15 +1510,16 @@
     "<b>Print it</b> and store it somewhere safe": "<b>Print it</b> and store it somewhere safe",
     "<b>Save it</b> on a USB key or backup drive": "<b>Save it</b> on a USB key or backup drive",
     "<b>Copy it</b> to your personal cloud storage": "<b>Copy it</b> to your personal cloud storage",
-    "Your encryption keys are now being backed up in the background to your Homeserver. The initial backup could take several minutes. You can view key backup upload progress in Settings.": "Your encryption keys are now being backed up in the background to your Homeserver. The initial backup could take several minutes. You can view key backup upload progress in Settings.",
+    "Your keys are being backed up (the first backup could take a few minutes).": "Your keys are being backed up (the first backup could take a few minutes).",
+    "Okay": "Okay",
     "Without setting up Secure Message Recovery, you won't be able to restore your encrypted message history if you log out or use another device.": "Without setting up Secure Message Recovery, you won't be able to restore your encrypted message history if you log out or use another device.",
     "Set up Secure Message Recovery": "Set up Secure Message Recovery",
-    "Create a Recovery Passphrase": "Create a Recovery Passphrase",
+    "Secure your backup with a passphrase": "Secure your backup with a passphrase",
-    "Confirm Recovery Passphrase": "Confirm Recovery Passphrase",
+    "Confirm your passphrase": "Confirm your passphrase",
-    "Recovery Key": "Recovery Key",
+    "Recovery key": "Recovery key",
     "Keep it safe": "Keep it safe",
     "Starting backup...": "Starting backup...",
-    "Backup Started": "Backup Started",
+    "Success!": "Success!",
     "Create Key Backup": "Create Key Backup",
     "Unable to create key backup": "Unable to create key backup",
     "Retry": "Retry",