Enhanced filters and multi-column sorting

[rodolfo-nobrega]

Summary

• Multi-select providers: Select one or more providers to filter the table (was single-select only)
• Multi-select modes: Filter by multiple model types at once — Chat, Embedding, Image Gen, etc.
• Multi-column sorting: Sort by more than one column with priority. E.g. sort by Provider first, then by cost within each provider
• Collapsible filter panel: Advanced filters (token limits, cost caps, capabilities, sort criteria) are tucked behind a "Filters & Sort" toggle to keep the UI clean
• First-row visibility fix: The first table row was being hidden behind the sticky header due to a CSS overflow conflict — now fixed
• Complete mode labels: All model types now show readable names (added OCR, Video Gen, Realtime, Search, Image Edit, Responses, Vector Store)

Test plan

• Open the page and confirm the first table row is fully visible
• Use the provider dropdown and select multiple providers — table should filter correctly
• Use the mode dropdown and select multiple modes (e.g. Chat + Embedding)
• Click column headers to quick-sort by that column
• Open "Filters & Sort", add multiple sort criteria, confirm ordering respects priority
• Set min token or max cost filters and confirm results update
• Click "Clear all filters" and confirm everything resets

Made with Cursor