feat_favorites_toggle_ui

[Mbeaulne]

Description

Added favorite functionality to pipelines and runs throughout the application. Users can now mark pipelines and runs as favorites using a star icon toggle button. The FavoriteToggle component has been integrated into:

• Pipeline details context panel
• Pipeline rows in the home section
• Run rows in the home section
• Pipeline run toolbar

The toggle button displays as a filled star when favorited and an outline when not favorited, with appropriate hover states and click handling to prevent event propagation.

Related Issue and Pull requests

Type of Change

• Bug fix
• New feature
• Improvement
• Cleanup/Refactor
• Breaking change
• Documentation update

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. Navigate to the home page and verify star icons appear next to pipelines and runs
2. Click the star icon to toggle favorite status - it should fill/unfill appropriately
3. Open a pipeline in the editor and verify the favorite toggle appears in the context panel actions
4. Open a pipeline run and verify the favorite toggle appears in the run toolbar
5. Verify clicking the favorite toggle doesn't interfere with other row/button interactions

Additional Comments

The FavoriteToggle component uses the useFavorites hook to manage favorite state and integrates with the existing UI patterns. The component prevents click event propagation to avoid conflicts with row selection or navigation.

[github-actions]

🎩 To tophat this PR:

You can add the following URL parameter to your browser to tophat this PR:

`?tophat_location=03-23-feat_favorites_toggle_ui/d2e47c0`

---

[Mbeaulne]

• remove old home page #2056
• Default dashboard flag #2055
• Add components section #2025
• Add dashboard home view with favorites, recently viewed, and my runs sections #2011
• moves app footer #2010
• add new section to the side bar #2004
• Updates runs and pipelines designs #2003
• Adds runs and filters #2002
• update favourite and recent cards #2001
• Updates revently viewed #2000
• Adds recently viewed #1999
• Update design for favourites #1998
• add favourites to new dashboard #1997
• feat dashboard layout #1996
• Feat recently viewed #1986
• feat_favorites_filter #1985
• feat_favorites_homepage_section #1983
• feat_favorites_toggle_ui #1982 👈 (View in Graphite)
• feat favorites infrastructure #1980
• Dashboard and beta #1932
• Add Claude AI skills for project conventions and development standards #1931
• master

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

[Mbeaulne]

Reviewer note: FavoriteToggle and the star icon integrations in PipelineRow, RunRow, PipelineDetails, and RunToolbar are stable and survive the full stack unchanged. Safe to review normally.

[camielvs]

For Tasks we have the "Favourite" star up by the title

imo we should be consistent. It feels a little off being next to the larger buttons and one-off actions

and I especially don't love it up here in the toolbar 🫠

[Mbeaulne]

I'll fix these later but I dont htink its worth blocking

[Mbeaulne]

Merge activity

• Apr 10, 8:38 PM UTC: A user started a stack merge that includes this pull request via Graphite.
• Apr 10, 8:46 PM UTC: Graphite rebased this pull request as part of a merge.
• Apr 10, 8:49 PM UTC: @Mbeaulne merged this pull request with Graphite.