feat(walkthrough): interactive tour gates with resume support#1333
Draft
graycyrus wants to merge 1 commit intotinyhumansai:mainfrom
Draft
feat(walkthrough): interactive tour gates with resume support#1333graycyrus wants to merge 1 commit intotinyhumansai:mainfrom
graycyrus wants to merge 1 commit intotinyhumansai:mainfrom
Conversation
Add 2 interactive gates to the guided tour that block progression until the user completes a real action (connect an app, send a message). Gates auto-skip when the action is already done, and each gate offers a skip button so users are never stuck. Tour progress persists in localStorage for resume after app restart. Closes tinyhumansai#1215
Contributor
|
Important Review skippedDraft detected. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
Comment |
10de560 to
fed5bbb
Compare
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
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
Extends the multi-page guided tour (#1212) with interactive gates that pause at key steps and wait for the user to complete a real action — turning the walkthrough into an interactive onboarding flow.
controls.next()onSTEP_BEFOREaccounts.order,thread.messagesByThreadId) viastore.getState()with 1s pollingopenhuman:walkthrough_step), survives app restartNew files
interactiveGates.ts— gate type, 2 gate definitions,getStepGate()helperuseGatePoller.ts— hook that polls gate completion and returns reactive booleanModified files
walkthroughSteps.ts— addeddata.gateIdto steps 3 (chat) and 4 (skills)WalkthroughTooltip.tsx— gate-aware UI: disabled Next, gate label, skip button, done indicatorAppWalkthrough.tsx— controlled Joyride mode, step persistence, auto-skip, cleanup in complete/resetTests
Closes #1215
Test plan
pnpm test:unit— 78 walkthrough tests passpnpm typecheck && pnpm lint && pnpm format:check && pnpm build— all green