Hierarchy widget rollups
## Summary This epic focuses on enhancing the work items hierarchy widget by introducing rollup features similar to those found in the legacy hierarchy widget. These features provide an aggregation of key metrics across nested work items, such as epics, issues, and tasks. The rollup features will provide insights into counts, weights, progress, and health statuses, aiding teams in tracking and managing work efficiently. - [ ] Child item 2 #### Common Use Cases - **Project Overview**: Quickly assess the overall health, progress, and workload of a large project by viewing the rollup information for the top-level epic. This provides a high-level summary without the need to drill down into individual items. - **Resource Allocation**: Use the weight rollups to understand the distribution of work across different epics and issues, helping them to balance workloads and allocate resources more effectively. - **Progress Tracking**: Get a quick snapshot of multiple projects or initiatives by looking at the rollup data in the hierarchy widget. - **Health Status Monitoring**: Quickly identify areas of concern by reviewing the health status rollups, allowing them to focus on epics or issues that may need immediate attention. ### Hierarchy widget rollup designs All designs can be found in https://gitlab.com/gitlab-org/gitlab/-/issues/424516 | Design Ref|Feature + design link | Quick reference | Notes | |:------------:|-----------|-----------------|-------| |1a| [Count badge + hover](https://gitlab.com/gitlab-org/gitlab/-/issues/424517/designs/Child_Widget__Epic____Count_Hover.png "Child_Widget__Epic____Count_Hover.png") | ![Screenshot_2024-07-25_at_2.51.08_p.m.](/uploads/86f0870e5d77d0055b43e844d9ccaf3e/Screenshot_2024-07-25_at_2.51.08_p.m..png) | Notice that we now show an icon for counts by task | | 1b|[Count hover alert](https://gitlab.com/gitlab-org/gitlab/-/issues/424517/designs/Child_Widget__Epic____Count_Hover___Alert.png "Child_Widget__Epic____Count_Hover___Alert.png") | ![Screenshot 2024-07-25 at 3.04.29 p.m..png](/uploads/1a87aa00cee0256c6d2de02d7d9d6b89/Screenshot_2024-07-25_at_3.04.29_p.m..png) | :warning: Only display when there is data hidden due to user permissions. If this is not technically possible, we will handle similar to the legacy experience where we show a persistent message ([example](https://gitlab.com/gitlab-org/gitlab/-/issues/424517/designs/Child_Widget__Epic____Count_Hover___Alert.png#note_2016664786 "Child_Widget__Epic____Count_Hover___Alert.png")). | | 2|[Weight + tooltip](https://gitlab.com/gitlab-org/gitlab/-/issues/424517/designs/Child_Widget__Epic____Weight_tooltip.png "Child_Widget__Epic____Weight_tooltip.png") | ![Screenshot_2024-08-08_at_9.24.20_a.m.](/uploads/a9ed46a288f1c3b8be18799dbe7411ad/Screenshot_2024-08-08_at_9.24.20_a.m..png) | [Design reference](https://gitlab.com/gitlab-org/gitlab/-/issues/424517/designs/Child_Widget__Epic____No_weight_present.png "Child_Widget__Epic____No_weight_present.png") when no weight is present. | |3| [Progress + hover](https://gitlab.com/gitlab-org/gitlab/-/issues/424517/designs/Child_Widget__Epic____Progress_popover.png "Child_Widget__Epic____Progress_popover.png") | ![Screenshot_2024-08-08_at_3.09.26_p.m.](/uploads/b8c52c7a4376dc2233949c7c04318a72/Screenshot_2024-08-08_at_3.09.26_p.m..png) | Progress will not be implemented for child items | | 4a|[Health status + hover](https://gitlab.com/gitlab-org/gitlab/-/issues/424517/designs/Child_Widget__Epic____Health_Status_popover.png "Child_Widget__Epic____Health_Status_popover.png") | ![Screenshot_2024-07-25_at_2.58.35_p.m.](/uploads/7acaf1f52e5b8549e37a0238f75ee686/Screenshot_2024-07-25_at_2.58.35_p.m..png) | [Design reference ](https://gitlab.com/gitlab-org/gitlab/-/issues/424517/designs/Child_Widget__Epic____No_health_status_present.png "Child_Widget__Epic____No_health_status_present.png")when no health status present | | 4b|[Health status rollup + hover on child items](https://gitlab.com/gitlab-org/gitlab/-/issues/424517/designs/Child_Widget__Epic____Health_Status_popover__Child_Items_.png)| ![Screenshot_2024-07-25_at_3.45.20_p.m.](/uploads/77a59547542fcd7769e06ef9692c7e7e/Screenshot_2024-07-25_at_3.45.20_p.m..png)| |
epic