Skip to content

Add BetaFeatureWrapper and pipeline run filters bar UI#1711

Open
Mbeaulne wants to merge 1 commit into01-27-filter_barfrom
01-27-add_filter_to_home_page
Open

Add BetaFeatureWrapper and pipeline run filters bar UI#1711
Mbeaulne wants to merge 1 commit into01-27-filter_barfrom
01-27-add_filter_to_home_page

Conversation

@Mbeaulne
Copy link
Collaborator

@Mbeaulne Mbeaulne commented Jan 27, 2026

Description

Added a new BetaFeatureWrapper component that visually highlights beta features with an amber border and a flask icon tooltip. This component displays the feature name, description, and "Beta feature" label when users hover over the icon.

Also added a new feature flag pipeline-run-filters-bar for a non-functional UI preview of pipeline run filters, and implemented it on the Home page within the runs tab.

Related Issue and Pull requests

Type of Change

  • New feature
  • Improvement

Checklist

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

Screenshots (if applicable)

Test Instructions

  1. Enable the pipeline-run-filters-bar feature flag in settings
  2. Navigate to the Home page and select the "Runs" tab
  3. Verify the filters bar appears with the beta feature styling (amber border and flask icon)
  4. Hover over the flask icon to confirm the tooltip displays correctly with feature name and description

Additional Comments

The filters bar is currently non-functional and is only for UI preview purposes. The actual functionality will be implemented in a future PR.

@Mbeaulne Mbeaulne changed the title Add filter to home page Add BetaFeatureWrapper and pipeline run filters bar UI Jan 27, 2026
This was referenced Jan 27, 2026
Copy link
Collaborator Author

Mbeaulne commented Jan 27, 2026

@Mbeaulne Mbeaulne changed the base branch from 01-27-filter_bar to graphite-base/1711 January 27, 2026 18:51
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from 1391b36 to 3970762 Compare January 27, 2026 18:51
@Mbeaulne Mbeaulne changed the base branch from graphite-base/1711 to 01-27-add_created_by_me_filter January 27, 2026 18:51
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from 3970762 to c850afc Compare January 27, 2026 18:52
@Mbeaulne Mbeaulne force-pushed the 01-27-add_created_by_me_filter branch from e23f4b0 to 28071c7 Compare January 27, 2026 18:52
@Mbeaulne Mbeaulne changed the base branch from 01-27-add_created_by_me_filter to graphite-base/1711 January 27, 2026 18:54
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from c850afc to 2db2535 Compare January 27, 2026 18:54
@Mbeaulne Mbeaulne changed the base branch from graphite-base/1711 to 01-27-filter_bar January 27, 2026 18:54
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch 2 times, most recently from 054242a to fb917b4 Compare January 27, 2026 19:02
@Mbeaulne Mbeaulne force-pushed the 01-27-filter_bar branch 2 times, most recently from 27a3a14 to 6109862 Compare January 28, 2026 20:46
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from fb917b4 to 7e4a73c Compare January 28, 2026 20:46
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch 2 times, most recently from 71dda68 to 4f8ef54 Compare February 2, 2026 19:33
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from 4f8ef54 to 847f05d Compare February 2, 2026 19:35
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from 53b5137 to 62f6bde Compare February 10, 2026 18:54
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from 62f6bde to 03e75d8 Compare February 10, 2026 19:35
@Mbeaulne Mbeaulne marked this pull request as ready for review February 10, 2026 19:35
@Mbeaulne Mbeaulne requested a review from a team as a code owner February 10, 2026 19:35
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch 2 times, most recently from e697d33 to f7459c3 Compare February 17, 2026 16:00
Copy link
Collaborator

@camielvs camielvs left a comment

Choose a reason for hiding this comment

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

Is the tooltip meant to be unreadable?

image.png

@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from f7459c3 to 12c8bcc Compare February 18, 2026 15:00
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from 12c8bcc to 144b47c Compare February 18, 2026 15:12
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from 144b47c to 7de66c3 Compare February 18, 2026 15:21
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch 2 times, most recently from 57acaa4 to ee8c404 Compare February 18, 2026 15:31
@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch 2 times, most recently from c2f9271 to f5f7bd2 Compare February 18, 2026 15:40
@Mbeaulne Mbeaulne requested a review from camielvs February 18, 2026 15:42
Copy link
Collaborator Author

Screenshot 2026-02-18 at 10.42.18 AM.png

fixed now

@Mbeaulne Mbeaulne force-pushed the 01-27-add_filter_to_home_page branch from f5f7bd2 to 738034a Compare February 18, 2026 16:01
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.

2 participants

Comments