fleet/frontend/components
Scott Gress 12ab93d9e0
Update "Setting up your device" page for MacOS Setup Experience (#33770)
<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #33173

# Details

This PR updates the "Setting up your device" page which appears in Linux
and Windows (and as of https://github.com/fleetdm/fleet/issues/30117,
MacOS) setup experiences. Front-end updates:

* Lots of renaming of things that were software-specific to now more
generically refer to "setup step"
* Removed the "My Device" heading
* Moved the info button inside the table header
* Added status of setup script run to the table
* Updated the empty state to not refer specifically to software
* Added optional `setup_only` query param to the `/device` page which,
if set, will always show the "setting up your device" page even if all
setup is complete. Normally as soon as setup finishes, the front-end
redirects to the regular My Device page. In the case of MacOS setup
experience, we don't want this to happen as we expect to either 1) keep
the setup experience up indefinitely if we're blocking device setup on
software install failure, or 2) close the setup dialog on successful
completion. This query param is also handy for testing.
* Added new "Configuration complete" state to be shown when all setup
steps are finished (successfully or not). This is only applicable on
MacOS, since other platforms will redirect to the My Device page when
finished.

This PR also includes one small backend change to the
`/device/{token}/setup_experience/status` API endpoint, to have it
return a `scripts` array alongside the existing `software` array. This
endpoint is not documented publicly.

# Checklist for submitter

If some of the following don't apply, delete the relevant line.

- [X] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
See [Changes
files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files)
for more information.

## Testing

- [X] Added/updated automated tests
Updated existing DeviceUserPage tests that check the SettingUpYourDevice
content, and added new tests for the new scripts content and the new
query param.

- [X] QA'd all new/changed functionality manually

<img width="1028" height="867" alt="Screenshot 2025-10-02 at 7 20 28 PM"
src="https://github.com/user-attachments/assets/7adab2c2-dac1-4463-96fc-13094da2c379"
/>

(note that as of now we'd only have at most one script, showing multiple
here to demonstrate the different states)

<img width="1031" height="524" alt="Screenshot 2025-10-02 at 7 22 01 PM"
src="https://github.com/user-attachments/assets/bedaa840-d7ef-4b6f-8daf-6ac3b447594f"
/>

<img width="1222" height="760" alt="image"
src="https://github.com/user-attachments/assets/42cf82d5-53e0-4c4d-b60e-9ac2cc86af68"
/>

---------

Co-authored-by: Ian Littman <iansltx@gmail.com>
2025-10-06 16:45:53 +01:00
..
ActionsDropdown Fleet UI: Animate arrows for host actions dd and reveal buttons (#33660) 2025-09-30 23:01:26 -04:00
ActivityDetails/InstallDetails Fleet UI: Surface timestamp VPP device user page, remove vpp acknowledged tooltip (#32732) 2025-09-08 14:14:52 -04:00
ActivityItem Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
AddHostsModal Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
App Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
AuthenticationFormWrapper Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
AuthenticationNav Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
Avatar Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
AvatarTopNav Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
BackButton Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
buttons Fleet UI: Animate arrows for host actions dd and reveal buttons (#33660) 2025-09-30 23:01:26 -04:00
Card Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
CardHeader Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
ClickableUrls Fix issue with policy details modal causing 500 error page (#26628) 2025-02-27 09:43:34 -06:00
ClickOutside add prettier and have it format all fleet application code (#625) 2021-04-12 14:32:25 +01:00
CustomLink Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
DataError Fleet Desktop: Update component level error states (#28816) 2025-05-12 09:25:09 -04:00
DataSet Fleet UI: Fix link, info banner spacing, certificates modal padding (#33637) 2025-09-30 13:44:39 -04:00
DeviceUserError Fleet UI: Consistent icon for device user error as data error (#29535) 2025-05-29 07:19:34 -04:00
Editor Fleet UI components; Editor copy button added, File details/uploader gitopsCompatible can now be false (#29307) 2025-05-21 13:32:18 -04:00
EmailTokenRedirect Merge branch 'main' into 15919-vulnerabilities-page 2024-02-22 16:27:15 -06:00
EmptyTable Add gray default avatar icon and update padding (#33598) 2025-09-30 12:52:06 -05:00
EnrollSecrets Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
FileDetails Fleet UI: Green progress bar (#33725) 2025-10-02 09:34:50 -04:00
FileProgressModal Fleet UI: Info banner component, uses Card as base component, tests (#26276) 2025-02-19 10:36:36 -05:00
FileUploader Add gray default avatar icon and update padding (#33598) 2025-09-30 12:52:06 -05:00
FlashMessage Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
FleetMarkdown Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
forms Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
GitOpsModeTooltipWrapper UI: Add Tooltip show delay across app (#33091) 2025-09-18 09:42:30 -07:00
Graphic Create new ListItem and FileUploader component and use on controls page (#15103) 2023-11-13 15:30:22 -08:00
graphics Add custom software icons (#32652) 2025-09-05 17:31:03 -05:00
HumanTimeDiffWithDateTip UI for scheduling batch scripts (#31885) 2025-08-14 10:10:45 -05:00
Icon Icons improvements (making frontend consistent with Figma component library) (#14185) 2023-10-31 16:06:38 +00:00
icons Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
InfoBanner Fleet UI: Followup row hover unreleased fix, comment cleans (#33658) 2025-09-30 22:59:45 -04:00
InheritedBadge Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
LastUpdatedHostCount UI: Add Tooltip show delay across app (#33091) 2025-09-18 09:42:30 -07:00
LastUpdatedText UI: Add Tooltip show delay across app (#33091) 2025-09-18 09:42:30 -07:00
LicenseExpirationBanner Fleet UI: Component fixes (styling bugs and code cleanup) (#26149) 2025-02-26 13:47:28 -05:00
LinkWithContext Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
ListItem Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
LiveQuery Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
LogDestinationIndicator Fixed tooltip not showing the correct log destination (#30124) 2025-06-19 10:39:07 -04:00
MainContent Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
MDM Handle deleted Android Enterprise (#32267) 2025-09-04 08:17:37 -04:00
Modal Add gray default avatar icon and update padding (#33598) 2025-09-30 12:52:06 -05:00
ModalFooter UI: Add ability to run scripts on batches of hosts (#28563) 2025-04-28 16:32:41 -07:00
modals/ShowQueryModal FE: Button renaming, better storybook view, remove unused code (#28245) 2025-04-16 09:56:09 -04:00
NotSupported UI: Ensure 'Not supported' cell for Chromebooks never wraps (#12227) 2023-06-08 12:10:37 -04:00
PageDescription Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
PaginatedList Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
Pagination Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
PlatformCompatibility Update dashboard, manage hosts, and host details UI for Android MDM feature (#26577) 2025-02-26 12:03:56 -06:00
PlatformSelector Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
policies Make policy pass/fail icons and copy consistent across host details, my device, and manage policies tables (#32926) 2025-09-12 14:43:11 -07:00
PremiumFeatureMessage feat: enable multiple ABM and VPP tokens (#21693) 2024-08-29 18:51:46 -04:00
ProbabilityOfExploit Fleet UI: /software/vulnerabilities page (#16676) 2024-02-15 10:35:43 -07:00
ProgressBar Refactor DiskSpaceIndicator to use ProgressBar (#33198) 2025-09-19 12:54:43 -07:00
queries Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
QueryFrequencyIndicator Fleet UI: Tooltip shows dynamically on truncated text only (#20420) 2024-07-15 12:08:26 -04:00
Sandbox Fleet UI: Fix several team ids that were dropping in certain flows (#26590) 2025-02-27 10:53:34 -05:00
SectionHeader Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
side_panels Add gray default avatar icon and update padding (#33598) 2025-09-30 12:52:06 -05:00
SidePanelContent Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
SidePanelPage Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
Spinner Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
SQLEditor Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
StatusIndicator UI: Add Tooltip show delay across app (#33091) 2025-09-18 09:42:30 -07:00
StatusIndicatorWithIcon UI: Add ability to run a script on all hosts that match a set of supported filters; Add UI to view batch run summaries (#29025) 2025-05-22 16:45:43 -07:00
TableContainer Update "Setting up your device" page for MacOS Setup Experience (#33770) 2025-10-06 16:45:53 +01:00
TabNav Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
TabText Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
Tag Feat UI creat policies fleet apps title details (#23972) 2024-11-26 17:21:00 -05:00
TargetLabelSelector Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
TargetsInput Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
TeamsDropdown Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
TeamsHeader Fleet UI: No team view for software pages (#20641) 2024-07-30 13:20:13 -04:00
Textarea Fleet UI: Add textarea variant 'code' and apply to various modals (#27930) 2025-04-10 11:25:28 -04:00
TooltipTruncatedText UI: New side nav styles, abstractions (#30568) 2025-07-07 08:29:09 -07:00
TooltipWrapper Fleet UI [Feature]: UI reskin (#33558) 2025-09-29 12:10:41 -05:00
TooltipWrapperArchLinuxRolling Capitalize "rolling" only OS version column on add support for Manjaro Linux (#33315) 2025-09-24 16:39:36 -03:00
top_nav Fleet UI: Change org logo to light background on product and My Device Page (#33639) 2025-09-30 13:30:55 -04:00
TurnOnMdmMessage FE: Button renaming, better storybook view, remove unused code (#28245) 2025-04-16 09:56:09 -04:00
ViewAllHostsLink Fleet UI: Followup row hover unreleased fix, comment cleans (#33658) 2025-09-30 22:59:45 -04:00
YamlAce Add gray default avatar icon and update padding (#33598) 2025-09-30 12:52:06 -05:00
generate Create UI component generator (#11644) 2023-05-11 12:00:27 -07:00