Skip to content

feat(onboarding): add welcome screen - #3110

Merged
WcaleNieWolny merged 3 commits into
onboarding-v4from
wolny/welcome-onboarding-screen
Aug 18, 2026
Merged

feat(onboarding): add welcome screen#3110
WcaleNieWolny merged 3 commits into
onboarding-v4from
wolny/welcome-onboarding-screen

Conversation

@WcaleNieWolny

@WcaleNieWolny WcaleNieWolny commented Aug 17, 2026

Copy link
Copy Markdown
Member

Summary

  • add a focused desktop welcome screen before the pre-organization onboarding flow
  • show the welcome again when a user restarts saved onboarding progress
  • keep the Capgo brand scoped to the welcome screen and preserve the existing onboarding controls afterward
  • add a softly animated CTA glow, pulsing status dot, reduced-motion support, and dark-mode styling
  • track the welcome as the first onboarding_step_viewed step, then complete it and transition analytics to the underlying onboarding step when the CTA is clicked

Why

New users previously landed directly on the intent question without any introduction to Capgo or the value of over-the-air updates. The new screen adds a brief, welcoming entry point while keeping the path to setup immediate.

The analytics transition also prevents time spent on the welcome screen from being attributed to the intent step.

Validation

  • bun lint — passed with 38 existing warnings and no errors
  • bun typecheck — passed
  • bunx vitest run tests/app-onboarding-welcome.unit.test.ts tests/onboarding-progress-analytics.unit.test.ts tests/app-onboarding-progress-integration.unit.test.ts tests/user-onboarding-progress.unit.test.ts tests/frontend-onboarding-analytics.unit.test.ts tests/frontend-onboarding-analytics-model.unit.test.ts — 85 tests passed
  • CHOKIDAR_USEPOLLING=true bun run build — passed
  • git diff --check — passed

View with [code]smith Autofix with [code]smith
Need help on this PR? Tag @codesmith-bot with what you need. Autofix is disabled.

Review in cubic

Summary by CodeRabbit

  • New Features

    • Added a desktop onboarding welcome screen with localized title, description, branding, and Continue action.
    • Welcome screens now support responsive light/dark styling, focus states, animations, and reduced-motion preferences.
    • Onboarding progress and analytics now include the welcome step.
    • Improved onboarding page layout with fixed header and full-height content.
  • Bug Fixes

    • Registration flows now correctly continue past the welcome screen, including after restarting onboarding.

@coderabbitai

coderabbitai Bot commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Note

Currently processing new changes in this PR. This may take a few minutes, please wait...

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 545f4496-c8f9-4022-8723-c65707a6cd38

📥 Commits

Reviewing files that changed from the base of the PR and between 4dadd25 and b768160.

📒 Files selected for processing (11)
  • messages/en.context.json
  • messages/en.json
  • playwright/e2e/register.spec.ts
  • src/components.d.ts
  • src/components/dashboard/AppOnboardingFlow.vue
  • src/components/dashboard/AppOnboardingWelcome.vue
  • src/pages/onboarding/app.vue
  • src/utils/onboardingProgressAnalytics.ts
  • src/utils/userOnboardingProgress.ts
  • tests/app-onboarding-progress-integration.unit.test.ts
  • tests/app-onboarding-welcome.unit.test.ts
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch

Comment @coderabbitai help to get the list of available commands.

@codspeed-hq

codspeed-hq Bot commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

Merging this PR will not alter performance

✅ 43 untouched benchmarks
⏩ 2 skipped benchmarks1


Comparing wolny/welcome-onboarding-screen (b768160) with main (4dadd25)

Open in CodSpeed

Footnotes

  1. 2 benchmarks were skipped, so the baseline results were used instead. If they were deleted from the codebase, click here and archive them to remove them from the performance reports.

@cubic-dev-ai cubic-dev-ai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All reported issues were addressed across 10 files

Reply with feedback, questions, or to request a fix.

Re-trigger cubic

Comment thread src/components/dashboard/AppOnboardingFlow.vue Outdated
@sonarqubecloud

Copy link
Copy Markdown

@codspeed-hq

codspeed-hq Bot commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

Unable to generate the performance report

There was an internal error while processing the run's data. We're working on fixing the issue. Feel free to contact us on Discord or at support@codspeed.io if the issue persists.

@sonarqubecloud

Copy link
Copy Markdown

@coderabbitai

coderabbitai Bot commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

Caution

CodeRabbit couldn't update its existing comment. The review summary may be out of date.

Error details
No server is currently available to service your request. Sorry about that. Please try resubmitting your request and contact us if the problem persists.

@WcaleNieWolny
WcaleNieWolny changed the base branch from main to onboarding-v4 August 18, 2026 10:45
@WcaleNieWolny
WcaleNieWolny merged commit 0e00e3e into onboarding-v4 Aug 18, 2026
121 of 130 checks passed
@WcaleNieWolny
WcaleNieWolny deleted the wolny/welcome-onboarding-screen branch August 18, 2026 10:46
WcaleNieWolny added a commit that referenced this pull request Aug 19, 2026
* feat(onboarding): add welcome screen (#3110)

* feat(onboarding): add welcome screen

* test(onboarding): cover welcome screen in registration e2e

* fix(onboarding): freeze welcome viewport eligibility

* feat(onboarding): split app creation into tracked steps (#3111)

* feat(onboarding): split app creation into tracked steps

* fix(onboarding): address analytics quality findings

* fix(onboarding): address review feedback

* test(onboarding): satisfy monorepo typecheck

* fix(onboarding): finalize tracked app steps

* test(onboarding): follow staged app creation flow

* test(onboarding): share staged flow navigation

* fix(onboarding): preserve typed event steps

* fix(onboarding): track restored draft icons

* fix(onboarding): address creation review findings

* feat(onboarding): bump analytics version to v4 (#3120)

* feat(onboarding): bump analytics version to v4

* fix(analytics): surface onboarding v4

* test(admin): expect onboarding v4 charts

* fix(analytics): preserve v3 deduplicated funnel

* fix(db): restamp onboarding details migration

* fix(onboarding): address v4 rollout review

* fix(i18n): add v4 graph translation context

* fix(admin): label onboarding fallback analytics

* test(admin): expect dynamic onboarding titles

* fix(onboarding): preserve v3 analytics compatibility

* fix(onboarding): align analytics fallback sources
cursor Bot pushed a commit that referenced this pull request Aug 25, 2026
* feat(onboarding): add welcome screen (#3110)

* feat(onboarding): add welcome screen

* test(onboarding): cover welcome screen in registration e2e

* fix(onboarding): freeze welcome viewport eligibility

* feat(onboarding): split app creation into tracked steps (#3111)

* feat(onboarding): split app creation into tracked steps

* fix(onboarding): address analytics quality findings

* fix(onboarding): address review feedback

* test(onboarding): satisfy monorepo typecheck

* fix(onboarding): finalize tracked app steps

* test(onboarding): follow staged app creation flow

* test(onboarding): share staged flow navigation

* fix(onboarding): preserve typed event steps

* fix(onboarding): track restored draft icons

* fix(onboarding): address creation review findings

* feat(onboarding): bump analytics version to v4 (#3120)

* feat(onboarding): bump analytics version to v4

* fix(analytics): surface onboarding v4

* test(admin): expect onboarding v4 charts

* fix(analytics): preserve v3 deduplicated funnel

* fix(db): restamp onboarding details migration

* fix(onboarding): address v4 rollout review

* fix(i18n): add v4 graph translation context

* fix(admin): label onboarding fallback analytics

* test(admin): expect dynamic onboarding titles

* fix(onboarding): preserve v3 analytics compatibility

* fix(onboarding): align analytics fallback sources
cursor Bot pushed a commit that referenced this pull request Aug 25, 2026
* feat(onboarding): add welcome screen (#3110)

* feat(onboarding): add welcome screen

* test(onboarding): cover welcome screen in registration e2e

* fix(onboarding): freeze welcome viewport eligibility

* feat(onboarding): split app creation into tracked steps (#3111)

* feat(onboarding): split app creation into tracked steps

* fix(onboarding): address analytics quality findings

* fix(onboarding): address review feedback

* test(onboarding): satisfy monorepo typecheck

* fix(onboarding): finalize tracked app steps

* test(onboarding): follow staged app creation flow

* test(onboarding): share staged flow navigation

* fix(onboarding): preserve typed event steps

* fix(onboarding): track restored draft icons

* fix(onboarding): address creation review findings

* feat(onboarding): bump analytics version to v4 (#3120)

* feat(onboarding): bump analytics version to v4

* fix(analytics): surface onboarding v4

* test(admin): expect onboarding v4 charts

* fix(analytics): preserve v3 deduplicated funnel

* fix(db): restamp onboarding details migration

* fix(onboarding): address v4 rollout review

* fix(i18n): add v4 graph translation context

* fix(admin): label onboarding fallback analytics

* test(admin): expect dynamic onboarding titles

* fix(onboarding): preserve v3 analytics compatibility

* fix(onboarding): align analytics fallback sources
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant