Move “View all hosts” on Software version details page and Vulnerability details page to the hosts count

[eugkuo]

Goal

User story
As an end user of Fleet,
I want to see a consistent treatment on how to "View all hosts" across the Software section
so that I know where to access this information.

Key result

UI/UX improvements every sprint.

Original requests

Context

• Design: @eugkuo
• Engineering: @RachelElysia
• Note: 'View all hosts' was moved in #25499. This ticket normalizes the placement throughout the software section.

Changes

Product

• [ ] UI changes: Figma link
• [ ] CLI (fleetctl) usage changes: No changes
• [ ] YAML changes: No changes
• [ ] REST API changes: No changes
• [ ] Fleet's agent (fleetd) changes: No changes
• [ ] GitOps mode changes: No changes
• [ ] Activity changes: No changes
• [ ] Permissions changes: No changes
• [ ] Changes to paid features or tiers: No changes
• [ ] Transparency changes: No changes
• [ ] First draft of test plan added
• [ ] Other reference documentation changes: No changes
• [ ] Once shipped, requester has been notified
• [ ] Once shipped, dogfooding issue has been filed

Engineering

• [ ] Test plan is finalized
• [ ] Contributor API changes: None
• [ ] Feature guide changes: None
• [ ] Database schema migrations: None
• [ ] Load testing: None

ℹ️  Please read this issue carefully and understand it. Pay special attention to UI wireframes, especially "dev notes".

QA

Risk assessment

• Requires load testing: TODO
• Risk level: Low / High TODO
• Risk description: TODO

Test plan

Version details page

1. Navigate to the Software version details page (i.e. here)
2. Verify that the host count is bold and vibrant blue and links to the host list.
3. Verify that a tooltip appears on hover to indicate that this does the above, as per figma.
4. Verify that the link goes to the host list page.

Vulnerability details page

1. Navigate to the Software vulnerability details page (i.e. here
2. Verify that the host count is bold and vibrant blue and links to the host list.
3. Verify that a tooltip appears on hover to indicate that this does the above, as per figma.
4. Verify that the link goes to the host list page.

OS details page

1. Navigate to the Software > OS details page (i.e. here
2. Verify that the host count is bold and vibrant blue and links to the host list.
3. Verify that a tooltip appears on hover to indicate that this does the above, as per figma.
4. Verify that the link goes to the host list page.

If zero If zero show a "0" which clicks to the 'View all hosts' page.

Testing notes

Confirmation

1. [x] Engineer: Added comment to user story confirming successful completion of test plan.
2. [ ] QA: Added comment to user story confirming successful completion of test plan.

[eugkuo]

@mostlikelee (tagging you as there's no ESI attached to this ticket) & @noahtalerman :

I've added the following to the figma file:

1. Software version detail page
2. Software vulnerability detail page

Will add these to design review next week after we've pushed #25499 back to USR.

[mostlikelee]

assigning @RachelElysia as ESP to this one

[noahtalerman]

(tagging you as there's no ESI attached to this ticket) as ESP to this one

@eugkuo @mostlikelee what do these acronyms mean? Is there language we use at Fleet already that we can apply here? If not, and you think we should use something new, can you please add it to the handbook?

That way, anyone at Fleet can understand.

cc @lukeheath

[eugkuo]

@noahtalerman ESP is the 'Engineering support person.' Right now we're using 'Engineering support' to determine who the engineer of record is on a ticket.

[noahtalerman]

@eugkuo @mostlikelee can we please use "DRI" or "Engineering DRI"? That way everyone at Fleet will know what we mean.

[lukeheath]

Agreed Engineering DRI makes sense. Then you have Product Design DRI and Engineering DRI.

[eugkuo]

@eugkuo @mostlikelee can we please use "DRI" or "Engineering DRI"? That way everyone at Fleet will know what we mean.

@noahtalerman ok with me.

[noahtalerman]

@mostlikelee just a reminder that these user stories are ready for specs. Can you please help us fill out the Engineering TODOs so that we can estimate them?

• #27533
• #27183

[RachelElysia]

Estimate: 1 (solid 1, 2 hours)

[mostlikelee]

@RachelElysia can you finish the engineering TODOs?

[RachelElysia]

@mostlikelee moved onto our release board and finished this up this afternoon, I think we can push it up to 4.67.

[jmwatts]

QA Notes

Version details page

Navigate to the Software version details page

• [x] Verify that the host count is bold and vibrant blue and links to the host list.
• [x] Verify that a tooltip appears on hover and says "View all hosts"
• [x] Verify that the link goes to the host list page.

Vulnerability details page

Navigate to the Software vulnerability details page

• [x] Verify that the host count is bold and vibrant blue and links to the host list.
• [x] Verify that a tooltip appears on hover and says "View all affected hosts"
• [x] Verify that the link goes to the host list page.

OS details page

Navigate to the Software > OS details page

• [x] Verify that the host count is bold and vibrant blue and links to the host list.
• [x] Verify that a tooltip appears on hover and says "View all hosts"
• [x] Verify that the link goes to the host list page.

If zero

• [x] If zero show a "0" which clicks to the 'View all hosts' page.

[eugkuo]

@noahtalerman this has been verified in dogfood and sending over to you to notify.

[fleet-release]

"View all hosts" moved, Consistency now improved, Ease for users proved.