Annotation Filter input

[Mbeaulne]

Description

Resolves: https://github.com/Shopify/oasis-frontend/issues/458

Added a new AnnotationFilterInput component that allows users to filter by annotations. The component includes:

• A clean UI for adding and removing annotation filters
• Support for key-only filters or key-value pairs
• Keyboard navigation (Enter to add, Escape to cancel)
• Accessible remove buttons for each filter badge
• Comprehensive test coverage

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)

N/A

Test Instructions

1. Navigate to any page where the AnnotationFilterInput component is used
2. Click "Add filter" and enter a key (and optionally a value)
3. Press Enter or click "Add" to create the filter
4. Verify the filter appears as a badge
5. Click the X on a badge to remove the filter
6. Test keyboard navigation (Enter to add, Escape to cancel)

[Mbeaulne]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• Filter Bar #1708 : 2 dependent PRs (#1709 , #1711 )
• Add created by me filter #1713
• Status filter #1707
• Annotation Filter input #1706 👈 (View in Graphite)
• Date picker #1705
• Add useRunSearchParams hook for pipeline run filtering #1704
• master

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