🤖 feat: add tutorial tooltip system for new user onboarding #788
Conversation
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
ibetitsmike
force-pushed
the
mux-tutorial-tooltips
branch
10 times, most recently
from
aef3911 to
d1474d9
Compare
Introduce a guided tutorial system that shows tooltips on first use: - Settings tooltip on app launch (points to gear icon) - Creation flow tooltips (Model, Exec/Plan, From branch, Runtime) - Workspace tutorial (Terminal icon) Each sequence can be dismissed individually, and users can opt to disable all tutorials via 'Don't show again' option. Implementation: - TutorialState persisted in localStorage with completion tracking - TutorialProvider context manages active sequence and step progression - TutorialTooltip renders portal-based tooltip with highlight effect - data-tutorial attributes on target elements for clean separation _Generated with mux_
ibetitsmike
force-pushed
the
mux-tutorial-tooltips
branch
from
d1474d9 to
8590a5e
Compare
…other stories - Add TutorialTooltip.stories.tsx with stories for: - Single step tutorial - Multi-step tutorials (first, middle, last) - All position variants (top, bottom, left, right) - Add tutorialEnabled parameter to preview config - Disable tutorials by default in all stories via decorator - Individual stories can opt-in via parameters.tutorialEnabled = true
github-merge-queue
bot
removed this pull request from the merge queue due to failed status checks
github-merge-queue
bot
removed this pull request from the merge queue due to failed status checks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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
Introduce a guided tutorial system that shows tooltips on first use to help new users discover key features.
Tutorial Sequences
Features
Implementation
TutorialStatepersisted in localStorage with completion tracking per sequenceTutorialProvidercontext manages active sequence and step progressionTutorialTooltiprenders portal-based tooltip with backdrop and arrowdata-tutorialattributes on target elementsGenerated with
mux