Add full guided tour to existing AD Posture dashboard#1
Merged
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
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
Adds a guided tour directly to the existing AD Posture dashboard UI.
This no longer creates a separate dashboard and no longer includes certificate functionality.
What changed
dashboard/tour.js.dashboard/bootstrap.jsto loadtour.json dashboard pages that use the shared bootstrap loader.dashboard/timeline.htmlto loadtour.jsdirectly, because Timeline does not usebootstrap.js.dashboard/dashboard-data.jswith synthetic demo dashboard data.dashboard/timeline-data.jswith synthetic demo timeline data./tour/prototype files from this PR branch.Current behavior
The tour now runs inside the real dashboard pages and preserves the existing HTML, sidebar, topbar, panels, filters, tables, and current data-loading behavior.
The tour card follows the highlighted content. For each step it tries to position itself near the highlighted element, using the best available placement: right, left, bottom, or top. It also clamps itself inside the viewport to avoid leaving the screen.
The Action Plan page auto-starts the tutorial the first time it is opened in the browser session. The user can close it and continue navigating normally.
The tour now uses a curated screen-by-screen flow instead of automatically creating extra steps for every visible table/panel. This removes repeated explanations such as Last run / dataset context and avoids duplicate Action Plan steps.
Covered screens
index.html- Action Planobjects.html- AD Objectsadcs.html- ADCSauth.html- Kerberostrusts.html- Trustsdns.html- DNSgpo.html- GPOacl.html- ACLexceptions.html- Exceptionstimeline.html- Timelineexecutive.html- ExecutiveData behavior
For the guided demo/public tour, synthetic data is included in:
dashboard/dashboard-data.jsdashboard/timeline-data.jsA viewer does not need to run the PowerShell demo script just to see populated dashboard content.
The PowerShell script can still be used later to regenerate demo assets or overwrite the embedded demo data during normal project workflows.
Removed from the first version
Validation
Open:
Expected behavior:
index.htmlduring the browser session.Publishing
This PR remains draft. Nothing has been merged or published.