Task/Issue URL: https://app.asana.com/1/137249556945/project/488551667048375/task/1212699261164265?focus=true

Description

Implements the AI chat toggle (input screen) for the onboarding brand design update and adds left wing animation support. This is the third dialog step in the redesigned onboarding flow, allowing users to choose between AI-enhanced search or search-only mode.

Key changes:

• AI chat toggle screen with crossfade image transitions between selected/unselected states
• Left wing Lottie animation with play, dismiss, and restore logic for the input screen transition
• Tap-to-skip dialog animations across all onboarding steps
• Bobbing Dax exit animation when transitioning to the input screen
• Crossfade animation fix to prevent stacking ViewPropertyAnimators under rapid toggling
• Pixel parity audit confirming all 19 onboarding pixels match between old and new implementations
• 3 missing pixel verification tests added to BrandDesignUpdatePageViewModelTest

Steps to test this PR

Designs

Apply patch

Subject: [PATCH] onboarding
---
Index: app/src/main/java/com/duckduckgo/app/onboarding/ui/OnboardingViewModel.kt
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/app/src/main/java/com/duckduckgo/app/onboarding/ui/OnboardingViewModel.kt b/app/src/main/java/com/duckduckgo/app/onboarding/ui/OnboardingViewModel.kt
--- a/app/src/main/java/com/duckduckgo/app/onboarding/ui/OnboardingViewModel.kt	(revision 06d747bcc29beada0a444df876b05f55f0dbb4d5)
+++ b/app/src/main/java/com/duckduckgo/app/onboarding/ui/OnboardingViewModel.kt	(date 1775628931668)
@@ -45,7 +45,7 @@
     val viewState = _viewState.asStateFlow()
 
     fun initializePages() {
-        pageLayoutManager.buildPageBlueprints()
+        pageLayoutManager.buildBrandDesignUpdatePageBlueprints()
     }
 
     fun pageCount(): Int {
@@ -70,7 +70,7 @@
     }
 
     fun initializeOnboardingSkipper() {
-        if (!appBuildConfig.canSkipOnboarding) return
+        return
 
         // delay showing skip button until privacy config downloaded
         viewModelScope.launch {

AI chat toggle screen

• Go through onboarding to the AI chat toggle screen (after address bar position)
• Verify title typing animation plays on entry
• Verify AI chat option is selected by default
• Toggle between AI chat and search-only options
• Verify crossfade image transition animates smoothly between states
• Rapidly toggle options and verify no visual glitches from stacked animations
• Rotate the device and verify the dialog restores correctly with the selected option preserved
• Verify step indicator shows correct step count (3/3)
• Tap primary CTA with AI chat selected → verify flow completes

Left wing animation

• Verify left wing Lottie animation plays during the input screen transition
• Verify left wing dismisses correctly when leaving the input screen
• Rotate the device on the input screen and verify left wing state restores

Tap-to-skip dialog animations

• On each dialog step, tap the dialog area to skip the typing/fade-in animation
• Verify the dialog snaps to its final state cleanly without visual artifacts
• Verify tapping does nothing if animation has already completed

Bobbing Dax exit

• On the address bar position screen, verify bobbing Dax slides out when transitioning to the input screen

Pixel testing

Setup

• Install a debug build (./gradlew installInternalDebug)
• Clear app data to trigger the onboarding flow
• Open logcat and filter for Pixel to observe pixel fire events

New user flow - dialog shown pixels

• Launch app fresh → verify m_preonboarding_intro_shown_unique fires in logcat
• Tap primary CTA → verify m_preonboarding_comparison_chart_shown_unique fires

New user flow - default browser pixels

• From comparison chart, tap primary CTA → verify m_preonboarding_choose_browser_pressed fires with defaultBrowser parameter
• If default browser dialog appears and you set DDG as default → verify m_db_s fires with fo=true
• If default browser dialog appears and you dismiss it → verify m_db_ns fires with fo=true

New user flow - address bar position pixels

• Verify m_preonboarding_address_bar_position_dialog_shown_unique fires when address bar screen appears
• Select bottom address bar and tap primary CTA → verify m_preonboarding_bottom_address_bar_selected_unique fires
• (If split omnibar enabled) Select split and tap primary CTA → verify m_preonboarding_split_address_bar_selected_unique fires

New user flow - input screen pixels (if feature enabled)

• Verify m_preonboarding_choose_search_experience_impressions_unique fires when input screen appears
• Select AI chat option and tap primary CTA → verify m_preonboarding_aichat_selected fires
• OR select search-only and tap primary CTA → verify m_preonboarding_search_only_selected fires

Reinstall user flow

• Clear app data, simulate reinstall (or use a device where DDG was previously installed)
• Launch app → verify m_preonboarding_intro_reinstall_user_shown_unique fires
• Tap "Skip onboarding" secondary CTA → verify m_preonboarding_skip-onboarding-pressed fires
• Verify m_preonboarding_skip_onboarding_shown_unique fires when skip confirmation appears
• Tap "Skip" to confirm → verify m_preonboarding_confirm-skip-onboarding-pressed fires
• OR tap "Resume" → verify m_preonboarding_resume-onboarding-pressed fires

Notification permission pixels

• Verify m_notification_runtime_permission_shown fires when notification permission dialog is shown
• Grant notification permission → verify mnot_e fires with fromOnboarding=true

UI changes

See here for demoes