feat(onboarding): tour of the UI for first-time users - #1391
Draft
Dhruv-0-Arora wants to merge 17 commits into
Draft
feat(onboarding): tour of the UI for first-time users#1391Dhruv-0-Arora wants to merge 17 commits into
Dhruv-0-Arora wants to merge 17 commits into
Conversation
Signed-off-by: Dhruv Arora <dhruv.arora1@autodesk.com>
Signed-off-by: Dhruv Arora <dhruv.arora1@autodesk.com>
Signed-off-by: Dhruv Arora <dhruv.arora1@autodesk.com>
Dhruv-0-Arora
force-pushed
the
darora1/218/ui-tour
branch
from
July 10, 2026 22:50
922894a to
c3c101c
Compare
Signed-off-by: Dhruv Arora <dhruv.arora1@autodesk.com>
Thread structured per-asset `year` and optional `thumbnail` from the manifest through to cached assets so the asset library can group and preview assets: - Widen the manifest schema (ManifestFileEntry) with year/thumbnail. - Derive year (parsed from filenames at build time) and resolve a sibling thumbnail path in update_manifest.ts. - Expose both on DefaultAssetInfo, resolving the thumbnail to a servable URL. - Persist them onto MirabufCacheInfo via cacheRemote/storeInCache so downloaded assets retain the metadata; older cached entries still deserialize since the fields are optional.
Replace the docked ImportMirabufPanel with a large centered LibraryModal that lists assets by competition year, matching the Figma design: - Year tabs (descending, with an "Other" tab for undated assets) over a card grid that merges each year's robots and field, with thumbnail placeholders, a cached badge, and spawn/download/delete affordances. - Keep Saved (cached), Autodesk Hub (APS), and Import-from-File as secondary sections so no functionality is lost. - Extract spawnCachedMira and the remote/APS/download-all flows into a shared librarySpawnActions module. - Migrate all call sites from openPanel to openModal; drop the Library from the panel mutual-exclusion group and replicate the block-spawn-while-configuring guard in openModal; defer the Import<->Library handoff a tick to avoid the single-modal clobber. - Advance the onboarding tour on a new modal-open trigger and update the step copy to reference year tabs.
Signed-off-by: Dhruv Arora <dhruv.arora1@autodesk.com>
Encapsulate the APS state, event subscriptions, and spawn handler in AutodeskHubAccordion so the Library body only deals with default/cached assets. Also fix DownloadButton using the delete icon.
The deployed manifest had no year fields, so every asset fell into the single 'Other' tab. Regenerate the asset pack with update_manifest.ts to write year (and thumbnail) metadata, and fix the script's basepath case (Mira -> mira) so it targets the actual served directory on case-sensitive filesystems.
…previews Fusion embeds a 250x250 PNG thumbnail in every mira file's metadata, which was going unused (per rutmanz's PR note). Extract it at manifest-build time into a sibling thumbnails/<name>.png and reference it from the manifest, so library cards show real asset renders instead of placeholder icons. The assembly is already decoded for GUID/name normalization, so this adds no extra parsing.
Dhruv-0-Arora
force-pushed
the
darora1/218/ui-tour
branch
from
July 15, 2026 17:17
c10042f to
48abf49
Compare
Signed-off-by: Dhruv Arora <dhruv.arora1@autodesk.com>
Informational tourcards prevent clicking anything on the screen except the tourcard itself. This commit also modifies the structure of some tourcards to help improve the flow of onboarding
Insert a "Set Up Your Assembly" card between "Choose a Robot" and "Select an Assembly". It points at the Assembly Setup panel and tells the user to pick an input scheme or press Finish, which auto-assigns the Ernie (WASD) scheme. The step advances on ConfigurationSavedEvent. Anchor it to the input-scheme list rather than the panel root, whose bounding box is widened by the transform gizmo control. Also re-sync the Popper position in a short burst after an anchored step mounts: the panel slides in via a CSS transform that fires no resize event, which otherwise leaves the callout measured against its pre-animation position.
Dhruv-0-Arora
force-pushed
the
feat/63/ui-redesign
branch
3 times, most recently
from
July 16, 2026 15:28
0d44711 to
cbab725
Compare
Dhruv-0-Arora
force-pushed
the
darora1/218/ui-tour
branch
2 times, most recently
from
July 16, 2026 17:16
682466f to
6848d4f
Compare
Dhruv-0-Arora
marked this pull request as ready for review
July 17, 2026 00:56
Dhruv-0-Arora
requested review from
RoushilS and
azaleacolburn
and removed request for
a team
July 17, 2026 00:56
Dhruv-0-Arora
force-pushed
the
feat/63/ui-redesign
branch
from
July 21, 2026 16:17
f9f3d5d to
0190071
Compare
Contributor
|
There's a double scrollbar issue in the library menu, which doesn't affect much except scrolling getting stuck right before reaching the top or the bottom. Screen.Recording.2026-07-21.092910.mp4 |
RoushilS
requested changes
Jul 21, 2026
RoushilS
left a comment
RoushilS
left a comment
Contributor
There was a problem hiding this comment.
The changes requested are for the above comment, but I also think it would be nice to have a small watermark on asset thumbnails depending on whether it's a robot or field. Similar to the thumbnails when no picture is provided. This is an optional change because
- Text/thumbnail already provides this information.
- Assets are already sorted in robot->field order
Dhruv-0-Arora
force-pushed
the
darora1/218/ui-tour
branch
from
July 21, 2026 16:59
6848d4f to
ccd7dfa
Compare
Signed-off-by: Dhruv Arora <dhruv.arora1@autodesk.com>
Signed-off-by: Dhruv Arora <dhruv.arora1@autodesk.com>
Signed-off-by: Dhruv Arora <dhruv.arora1@autodesk.com>
Collaborator
Author
|
@RoushilS I changed the order to fields -> robots |
…1/218/ui-tour # Conflicts: # fission/src/ui/components/TopBar.tsx # fission/src/ui/components/topbar/ConfigureControls.tsx
Contributor
|
As soon as you open for the first time, the first tip in the tour is already there, which can feel abrupt for the user. I think that the tour should be introduced. Perhaps it should start with a central welcome modal, with the options start tour or skip? Let me know if that makes sense. |
Dhruv-0-Arora
marked this pull request as draft
July 24, 2026 20:17
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
2 participants
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.
SYNTH-218
Onboarding users onto the new UI. Helping them navigate through using Synthesis and understand the different parts of the simulator.
Certain onboarding modules block clicking anything on the screen except the TourCard itself.
Note
Onboarding is only for the first time you open the simulator. To see it, you must clear your preferences.
Component UI:
In addition, this PR adds the new Library modal. This modal sorts each robot and field by year in addition to adding their thumbnails.
Important
Some PRs that have worked on the InitialConfigPanel may have been lost in merging. Ensure your PRs have been merged in and not silently merged out.
Before merging, ensure the following criteria are met:
Signed-off-by: Dhruv Arora dhruv.arora1@autodesk.com