shad/canvas-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(onboarding): first-visit 5-step highlight tour #11

Merged
shad merged 1 commits from feat/onboarding-tour into main 2026-06-15 00:23:38 +00:00
Conversation 0 Commits 1 Files Changed 3
+198
shad commented 2026-06-15 00:23:26 +00:00
Owner
Copy Link
Copy Source

Minimal Driver.js-style spotlight + tip without an external dep (~3 KB). Fires once per browser (fm.canvas.tour.seen in localStorage). Five steps anchored on Mission / Approvals / Studio / Chat / Assistant tabs. Enter / → next, ← back, Esc skip. Backdrop click also skips. Dark theme included. 31/31 vitest pass.

Minimal Driver.js-style spotlight + tip without an external dep (~3 KB). Fires once per browser (`fm.canvas.tour.seen` in localStorage). Five steps anchored on Mission / Approvals / Studio / Chat / Assistant tabs. Enter / → next, ← back, Esc skip. Backdrop click also skips. Dark theme included. 31/31 vitest pass.
shad added 1 commit 2026-06-15 00:23:27 +00:00
feat(onboarding): first-visit 5-step highlight tour
build-and-publish / test (pull_request) Has been cancelled
Details
build-and-publish / image (pull_request) Has been cancelled
Details
97e1dcc3a9 
OnboardingTour.tsx — minimal Driver.js-style spotlight + tip
without an external dep (driver.js is 18KB; this is ~3KB and matches
the blueprint design language). Fires once per browser (localStorage
flag fm.canvas.tour.seen). Five steps:

  1. Mission Control — start every morning here
  2. Approvals — anything waiting on you
  3. Process Studio — describe → publish in five phases
  4. Team Chat — replaces the 'quick Teams ping'
  5. Command Assistant — plain-language actions

Keyboard nav: Enter / → next, ← back, Esc skip. Click backdrop also
skips. Only mounts when authed and not on login/sso-callback. Dark
theme colours included.

31/31 vitest pass.
shad merged commit a58dc2bd9c into main 2026-06-15 00:23:38 +00:00
shad deleted branch feat/onboarding-tour 2026-06-15 00:23:38 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
shad (Shad)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: shad/canvas-frontend#11