Simplified sync UI updates

[MiSikora]

Task/Issue URL: https://app.asana.com/1/137249556945/project/1216103556496795/task/1217053641897212?focus=true
Tech Design URL (if applicable): N/A
API Proposals URL(s) (if applicable): N/A

Description

Applies the ship review feedback to the simplified sync screens. All strings used by the simplified sync UI move to dedicated per-screen resources.

Strings and copy:

• Every simplified sync screen now uses its own sync_simplified_<screen>_<placement> strings in donottranslate.xml instead of sharing strings between screens.
• Copy is updated to the iOS ship review wording, for example the Sync Settings header now mentions backing up your data.
• Multi-word terms such as "Sync & Backup" and "QR code" use non-breaking spaces so they cannot wrap in the middle of the term.

Sync Settings screen:

• The "Sync With Another Device" button spans the full page width when sync is off.
• The recover data item is now labelled "I Have a Recovery Code", has no leading icon, and sits under a new "Recover Synced Data" section header.
• A new "Download" section header sits above "Get DuckDuckGo on Other Devices", and the "Get Desktop Browser" item is a single line without a subtitle.

Sync This Device screen:

• Shows an updated illustration and adds spacing between the headline and the body text.

QR Code screen:

• The QR code can now grow up to 400dp on large screens.
• The "Share" and "Copy Text Code" buttons are smaller, pinned to the bottom of the QR panel, with "Share" above "Copy Text Code".

Pairing screen:

• After the lock animation completes, the screen waits one second before moving on, so the final animation frame stays visible.

Edit Device screen:

• The "Sync This Device" toggle is a plain list item without the rounded card background.

Recovery Code screen:

• The dashed border around the recovery code card uses denser dashes (4dp dashes and gaps instead of 8dp).

Steps to test this PR

Sync Settings screen

• Open Sync Dev Settings.
• Tap "Launch Sync Settings V2".
• Verify the header body mentions backing up your data.
• Verify the "Sync With Another Device" button spans the full page width.
• Verify the "I Have a Recovery Code" item appears under the "Recover Synced Data" section header.
• Verify the "Get DuckDuckGo on Other Devices" item appears under the "Download" section header.

QR Code screen

• Tap "Sync With Another Device".
• Tap the QR code icon in the toolbar.
• Verify the QR code shows with the text code directly below it.
• Verify the "Share" and "Copy Text Code" buttons are pinned to the bottom of the panel, with "Share" on top.
• On a small screen or with a large display size, verify the screen scrolls and nothing overlaps.

Pairing completion

• Start pairing with another device from the QR Code screen.
• Confirm the pairing dialogs on both devices.
• Verify the connecting screen stays visible for about one second after the lock animation completes.

Edit Device screen

• With sync enabled, open Sync Settings V2.
• Tap this device under "My Devices".
• Verify the "Sync This Device" toggle shows as a plain list item without a card background.

Recovery Code screen

• With sync disabled, tap "Sync This Device".
• Complete the flow for this device only.
• Verify the dashed border around the recovery code uses small, dense dashes.

UI changes

QR before	QR after	QR regular	QR large device

---

Note

Low Risk
UI, layout, and string resource changes only; no sync protocol or account logic changes beyond a post-animation delay on the pairing screen.

Overview
Applies ship review feedback to the simplified sync (v2) experience: updated copy, layout tweaks, and a dedicated sync_simplified_* string set in donottranslate.xml so each screen has its own resources (aligned with iOS wording, including “sync and back up” and non-breaking spaces for terms like Sync & Backup).

Sync Settings when sync is off: full-width Sync With Another Device, a Recover Synced Data section with I Have a Recovery Code (no icon), and a Download section above get-on-other-platforms; desktop browser is a single-line item.

QR code screen: larger max QR size (400dp), Share above Copy Text Code as small buttons pinned to the bottom of the panel.

Pairing (ExchangeSyncCodeActivity): 1 second delay after the lock animation before continuing.

Edit device: Sync This Device toggle is a plain list item (no rounded card).

Recovery code card: denser dashed border (4dp). Sync This Device setup uses updated illustration and spacing.

Tests updated for new string IDs.

^{Reviewed by Cursor Bugbot for commit 7d68652. Bugbot is set up for automated code reviews on this repo. Configure here.}

[MiSikora]

• Clean up sync code before integrating pixels #9386
• Avoid signing out of a device when renaming it #9374
• Handle simplified sync deep linking #9373
• Handle restore on reinstall sync scenario #9368
• Simplified sync UI updates #9363 👈 (View in Graphite)
• Handle v1 exchange sync codes #9362
• Handle sync recovery basic scenario #9356
• Add syncing with another device logic and navigation #9343
• Add generic handling of v1 sync errors #9337
• Add sync with another device UI #9334
• Detect scanned QR sync codes #9333
• Handle sync code pasting #9332
• Refactor simplified sync class names #9329
• Handle sync logic on the displayed QR code page #9328
• Display sync QR code in simplified sync #9321
• Make remove device dialog destructive #9317
• Mitigate sync settings UI race condtions #9316
• develop

This stack of pull requests is managed by Graphite. Learn more about stacking.

[MiSikora]

Merge activity

• Aug 4, 12:40 PM UTC: A user started a stack merge that includes this pull request via Graphite.
• Aug 4, 1:11 PM UTC: The Graphite merge of this pull request was cancelled.
• Aug 4, 1:39 PM UTC: A user started a stack merge that includes this pull request via Graphite.
• Aug 4, 2:11 PM UTC: Graphite rebased this pull request as part of a merge.
• Aug 4, 2:24 PM UTC: @MiSikora merged this pull request with Graphite.