feat: add guided onboarding tour (WIP)#125
Draft
lulkebit wants to merge 2 commits into
Draft
Conversation
- Add OnboardingTour component with 13 steps across all three tabs - Tour auto-starts on first launch (onboardingCompleted flag in settings) - Manual restart available via 'Start Tour' button in Settings - Smooth tab navigation between Simple → Advanced → Settings - Custom CSS theme matching app dark/light mode via CSS variables - data-tour attributes added to key UI elements for precise targeting Made-with: Cursor
Made-with: Cursor
Owner
|
uu im interested in this one.. keep in mind that 3.5 will change ui a lot so you might want to wait after that.. but thats your choice |
Contributor
Author
|
the feature branch is basend on the current dev branch so should be fine, no? |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds an interactive guided onboarding tour using driver.js. The tour launches automatically on first launch and can be restarted anytime via the Settings panel. It walks users through all major features across the Simple tab, Advanced tab, and Settings, including cadence, hotkey, mouse button, duty cycle, speed variation, limits, failsafe, and theme/preset options.
The tour is tracked via a persistent
onboardingCompletedflag in the settings store. A "Start Tour" button has been added to the Settings panel for manual restarts. Popover styles are fully themed using the app's existing CSS variables.Related issue
N/A
Testing
Tested locally on macOS via the
test/onboarding-tourbranch which merges this feature with macOS support. Frontend (TypeScript + Vite) builds cleanly. A fulltauri buildrequires Windows as this feature is built on top of the Windows-only upstream dev branch.First-launch auto-trigger works correctly. Manual restart via Settings works. Tab switching between Simple, Advanced and Settings during the tour works. The
onboardingCompletedflag persists correctly across restarts.Checklist