chore: reworked the onboarding card and tour starts on first sight#763
Open
juliankepka wants to merge 10 commits into
Open
chore: reworked the onboarding card and tour starts on first sight#763juliankepka wants to merge 10 commits into
juliankepka wants to merge 10 commits into
Conversation
This was
linked to
issues
May 27, 2026
Contributor
There was a problem hiding this comment.
Pull request overview
This PR updates DevGuard’s onboarding experience by introducing per-page “tour seen” tracking and auto-starting page tours on first visit, plus reworking the asset onboarding card UI to guide users into risk scanning setup flows.
Changes:
- Introduce a reusable
useTourSeen(tourKey)hook to persist “tour seen” state inlocalStorage. - Auto-start tours on first visit across several org/project/repo pages using the new hook.
- Rework the asset onboarding UI into selectable setup cards and allow deep-linking RiskScannerDialog to a specific carousel slide.
Reviewed changes
Copilot reviewed 11 out of 11 changed files in this pull request and generated 7 comments.
Show a summary per file
| File | Description |
|---|---|
| src/hooks/useWelcomeTour.ts | Switch welcome-tour persistence to the new per-tour tracking hook. |
| src/hooks/useTourSeen.ts | Add a new hook for per-tour “seen” persistence via localStorage. |
| src/components/RiskScannerDialog.tsx | Add initialSlide support to start the carousel on a chosen slide. |
| src/app/(loading-group)/[organizationSlug]/settings/page.tsx | Auto-start org settings tour on first visit. |
| src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/page.tsx | Auto-start group home tour (and keep URL-param start support). |
| src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/settings/page.tsx | Auto-start repo settings tour on first visit. |
| src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/refs/[assetVersionSlug]/page.tsx | Auto-start repo home tour (and keep URL-param start support). |
| src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/refs/[assetVersionSlug]/dependency-risks/[vulnId]/page.tsx | Auto-start dependency risk tour on first visit (including graph-ready logic). |
| src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/refs/[assetVersionSlug]/dependencies/page.tsx | Auto-start dependency insights tour on first visit. |
| src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/page.tsx | Rework onboarding UI into selectable setup cards and pass selected slide into RiskScannerDialog. |
| src/app/(loading-group)/[organizationSlug]/overview/page.tsx | Auto-start org overview tour on first visit. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Signed-off-by: Julian Kepka <148074683+juliankepka@users.noreply.github.com>
… on card instead of redundant continue button
Collaborator
Author
seb-kw
requested changes
Jun 9, 2026
Member
There was a problem hiding this comment.
For a GitLab Typed Project:
- Ensure that for a new GitLab typed project the auto setup is only shown when really usable (GitLab Integration ready) or to guide the user if not to set up GitLab integration (currently in a clean state it is shown but fails as no GitLab integration is present)
- Ensure to add back the option for “advanced” setup options as file upload etc. currently this stream is not reachable any more.
- Would suggest offering ci/cd integration, cli and upload as quick reachable options.
seb-kw
reviewed
Jun 9, 2026
Collaborator
Author
|
GitLab Auto Setup – new logic: No repository connected (externalEntityId and repositoryId missing): No GitLab integration → "Connect Repository" button → opens dialog at slide 2 (set up GitLab integration) Repository connected + integration exists: NOTE: Screenshot is before the fix of the option for “advanced” setup 
|
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.
I've added tour starts on first access of different pages and reworked the onborading page of devguard repo.
l3montree-dev/devguard#2025
l3montree-dev/devguard#2018
l3montree-dev/devguard#2031