[UX] Detail pages for Plan related Work Items
## Iteration 1: Building a foundation for work item detail views
The goal of Iteration 1 is to create a consistent and flexible foundation for work items that will accommodate a variety of different planning objects.
| Detail page structure (as of 2023-10-26) |
|------------------------------------------|
|  |
### Iteration 1A: Header area and breadcrumbs changes
These changes to the header area are meant to group similar work item information together and make work items more consistent with other planning objects.
Because these changes are small and increase consistency with other areas of the product, they do not need to be behind a feature flag.
_Iteration 1A is a blocker for the release of Iteration 1B._
_<sub>Table updated 2023-11-20</sub>_
<table>
<tr>
<th>Reference</th>
<th>Description</th>
<th>UX status</th>
<th>Issue links</th>
</tr>
<tr>
<td>
:one:
</td>
<td>Header area and breadcrumbs changes</td>
<td>Design and implementation complete</td>
<td>
* https://gitlab.com/gitlab-org/gitlab/-/issues/416800+s
* https://gitlab.com/gitlab-org/gitlab/-/issues/416799+s
* https://gitlab.com/gitlab-org/gitlab/-/issues/415079+s
</td>
</tr>
</table>
### Iteration 1B: Two-column layout, sidebar attributes, and edit experience
When updating the work item detail view, there are a number of changes that need to happen all at once to provide value and a consistent, usable experience for our users. These changes should be made behind a feature flag and released to users together.
_Iteration 1A is a blocker for the release of Iteration 1B._
_<sub>Table updated 2024-02-22 • Not exhaustive!</sub>_
<table>
<tr>
<th>Reference</th>
<th>Description</th>
<th>UX status</th>
<th>Issue links</th>
</tr>
<tr>
<td>
:one:
</td>
<td>Two-column layout (including two-column layout for small screens)</td>
<td>
~"workflow::complete"
</td>
<td>
* https://gitlab.com/gitlab-org/gitlab/-/issues/415077+s
* https://gitlab.com/gitlab-org/gitlab/-/issues/417915+s
</td>
</tr>
<tr>
<td>
:two:
</td>
<td>Sidebar attributes</td>
<td>
~"workflow::complete"
</td>
<td>
* https://gitlab.com/gitlab-org/gitlab/-/issues/416801+s
</td>
</tr>
<tr>
<td>
:three:
</td>
<td>Edit experience (for work item title and description)</td>
<td>
~"workflow::complete"
</td>
<td>
https://gitlab.com/gitlab-org/gitlab/-/issues/429138+s
</td>
</tr>
<tr>
<td>
:four:
</td>
<td>Sticky header (includes making utility actions sticky)</td>
<td>
~"workflow::complete"
</td>
<td>
* https://gitlab.com/gitlab-org/gitlab/-/issues/419953+s
</td>
</tr>
</table>
## Iteration 2: Create flow for work items
Improve the creation of work items (does not impact legacy issues/epics).
_<sub>Table updated 2023-20-11</sub>_
| Reference | Description | UX status | Issue links |
|-----------|-------------|-----------|-------------|
| :one: | Create experience | ~"workflow::ready for development" | https://gitlab.com/groups/gitlab-org/-/epics/11012+s |
## Iteration 3: Adding a contextual work item view
Once we have a foundation for work items in place, we'll continue to build upon that by adding and improving widgets and introducing a contextual work item view for users to be able to view work items without losing their current context.
_<sub>Table updated 2023-08-03</sub>_
<table>
<tr>
<th>Reference</th>
<th>Description</th>
<th>UX status</th>
<th>Issue links</th>
</tr>
<tr>
<td>
:one:
</td>
<td>Work item contextual view (modal? drawer?)</td>
<td>
Some of this is being explored with the overall detail page design, but the majority of design requirements will be handled in https://gitlab.com/gitlab-org/gitlab/-/issues/409886.
There will be a separate ~"workflow::solution validation" effort conducted alongside https://gitlab.com/gitlab-org/gitlab/-/issues/409886.
</td>
<td>
</td>
</tr>
</table>
## Non-dependent improvements that can be released in any order
Improvements in this area are not dependent on Iterations 1-3. They can be made at any time (before or after Iterations 1-3).
_<sub>Table updated 2023-20-11</sub>_
| Reference | Description | UX status | Issue links |
|-----------|-------------|-----------|-------------|
| :one: | Parent / ancestry information | ~"workflow::ready for development" | https://gitlab.com/gitlab-org/gitlab/-/issues/414539+s |
epic