cleans up pipelineDetails v1

[Mbeaulne]

Description

Improved the UI layout in pipeline details and run details panels by:

1. Replacing custom div structures with BlockStack and InlineStack components
2. Reorganized the pipeline details header for better visual hierarchy
3. Enhanced the artifacts display in run details with alternating row colors
4. Updated the RenamePipeline component to use TooltipButton
5. Improved status display in run details
6. Added new gap options (5, 6, 8) to BlockStack and InlineStack components

Type of Change

• Improvement
• Cleanup/Refactor

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Screenshots (if applicable)

After:

Before/after screenshots would be helpful to show the UI improvements

Test Instructions

1. Open pipeline details panel and verify layout is improved
2. Check run details panel to ensure artifacts are displayed correctly
3. Verify rename pipeline tooltip works as expected
4. Test that all functionality remains intact with the new layout components

[Mbeaulne]

• Fixes knip #1482
• Abstracts artifacts list #1481
• cleans up pipelineDetails v2 #1480
• cleans up pipelineDetails v1 #1479 👈 (View in Graphite)
• Removes icons next to title in run and editor #1478
• Adds copy to other titles #1477
• Adds a copy button and truncation to title #1476
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

[camielvs]

This PR introduces a horizontal scroll in the context panel for pipeline details

[camielvs]

I will fine-tune styling and layout in #1468 so I'm not too fussed about specific visuals

[Mbeaulne]

This PR introduces a horizontal scroll in the context panel for pipeline details

this is fixed up in the stack

[camielvs]

Oh, it is too

[Mbeaulne]

Merge activity

• Dec 6, 3:25 PM UTC: @Mbeaulne merged this pull request with Graphite.