Skip to content

Fleet UI: Updates to manage host page for pending MDM#41810

Merged
RachelElysia merged 4 commits intomainfrom
40798-pending-host
Mar 26, 2026
Merged

Fleet UI: Updates to manage host page for pending MDM#41810
RachelElysia merged 4 commits intomainfrom
40798-pending-host

Conversation

@RachelElysia
Copy link
Copy Markdown
Member

Issue

Closes #40798

Description

  • Update Manage host page to allow filering for status=pending
  • Allow clicking on host for host details
  • Update tooltip
  • Update empty state --- to not have an indicator left of it

Screenshot of updates

  • Need backend for pending to show
Screenshot 2026-03-16 at 8 31 29 PM

Testing

  • Added/updated automated tests
  • QA'd all new/changed functionality manually

@RachelElysia RachelElysia requested a review from a team as a code owner March 17, 2026 00:32
@codecov
Copy link
Copy Markdown

codecov Bot commented Mar 17, 2026

Codecov Report

❌ Patch coverage is 57.14286% with 6 lines in your changes missing coverage. Please review.
✅ Project coverage is 66.52%. Comparing base (34e0ace) to head (f5a5033).
⚠️ Report is 6 commits behind head on main.

Files with missing lines Patch % Lines
frontend/pages/hosts/ManageHostsPage/helpers.ts 0.00% 2 Missing ⚠️
...es/hosts/details/HostReportsTab/HostReportsTab.tsx 0.00% 2 Missing ⚠️
.../hosts/details/HostDetailsPage/HostDetailsPage.tsx 0.00% 1 Missing ⚠️
frontend/pages/hosts/helpers.ts 85.71% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main   #41810      +/-   ##
==========================================
- Coverage   66.52%   66.52%   -0.01%     
==========================================
  Files        2530     2530              
  Lines      203065   203073       +8     
  Branches     9105     9108       +3     
==========================================
+ Hits       135083   135087       +4     
- Misses      55775    55779       +4     
  Partials    12207    12207              
Flag Coverage Δ
frontend 54.40% <57.14%> (-0.01%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copy link
Copy Markdown
Contributor

@iansltx iansltx left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems like this subtask includes changes to the host page itself (I don't see that spec'd in the other two subtasks), so there's more to do here. @jahzielv can you get an ABM-enrolled Mac wiped and pointed at @RachelElysia's server to end-to-end test this? Should be testable even without API changes because pending hosts should show in the host list with filtering turned off.

What's here looks fine, but the third-from-left set of screens in Figma doesn't seem to have an explicitly corresponding FE ticket so here seems as good a place as any to get that functionality in.

@RachelElysia
Copy link
Copy Markdown
Member Author

@iansltx @jahzielv I can see enough from dogfood ABM pending hosts:
https://dogfood.fleetdm.com/hosts/914/details
https://dogfood.fleetdm.com/hosts/1147/details

to dev more of the host details page out. I can put it in on this PR since it's early and clean.
Will put updates the modal and clickable pending on other ticket's PR.

@iansltx iansltx requested review from cdcme and iansltx March 17, 2026 22:28
@iansltx iansltx assigned cdcme and iansltx and unassigned cdcme Mar 17, 2026
Copy link
Copy Markdown
Contributor

@iansltx iansltx left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Given that you've checked this against Dogfood responses, should be good to go here with this inversion fix. Maybe worth adding a test or two to regression-test the one thing I caught?

@@ -1167,7 +1161,7 @@ const HostDetailsPage = ({
isHostTeamTechnician);

const showSoftwareLibraryTab = isPremiumTier;

const showQueriesCard = mdm?.enrollment_status === "Pending";
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
const showQueriesCard = mdm?.enrollment_status === "Pending";
const showQueriesCard = mdm?.enrollment_status !== "Pending";

We don't want to show when pending IIRC.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

100%

Apparently Nico just moved this section anyway, please check out my latest commit when re-reviewing!

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@marko-lisica / @melpike The queries section got moved back to its own tab. I guessed what the new intended behavior should be for pending hosts: show an empty state instead of potentially stale data.

Please confirm/revise the design as needed and I can do a followup PR

https://www.figma.com/design/BV4Wpp5WJG8T3a2KhZTRb3/-39063-Surface-host-s-Apple-Business-Manager--ABM--assignment?node-id=5818-7062&t=7CgkeebWixHL2VuR-0

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@RachelElysia An empty state on the "Reports" tab for pending hosts sounds good to me. Updated the figma with dev note. Thanks!

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

awesome, thanks @melpike <3

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@melpike @RachelElysia does this mean that we'll have "Reports" tab only on pending hosts, and on enrolled hosts we have Reports card?

Screenshot 2026-03-26 at 10 28 41

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@marko-lisica Reports card is being moved to the Reports tab for all. Here's the Figma for reference.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah, I see. That makes sense.

@RachelElysia RachelElysia merged commit 0cdad44 into main Mar 26, 2026
20 checks passed
@RachelElysia RachelElysia deleted the 40798-pending-host branch March 26, 2026 00:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

SHAA: Frontend: New pending hosts filter and navigation to Host page for Pending hosts

5 participants