Skip to content

feat: add model provider filtering and sidebar navigation**#64

Open
doubledare704 wants to merge 2 commits intopinchbench:mainfrom
doubledare704:feat/provider-filtering-sidebar
Open

feat: add model provider filtering and sidebar navigation**#64
doubledare704 wants to merge 2 commits intopinchbench:mainfrom
doubledare704:feat/provider-filtering-sidebar

Conversation

@doubledare704
Copy link
Copy Markdown
Contributor

Implemented a comprehensive model provider filtering system and transitioned the leaderboard to a sidebar-based navigation layout to improve usability and feature discoverability.

Details:

  • New FilterSidebar Component:
    • Automatically extracts and counts unique providers from leaderboard entries.
    • Added a provider search/filter within the sidebar.
    • Integrated "Official only" and "Open-weight only" toggles into the sidebar.
    • Included a benchmark version selector in the sidebar for better context.
    • Added a "Clear All" functionality for active filters with a counter badge.
  • Layout Refactor:
    • Integrated SidebarProvider and SidebarInset from shadcn/ui into LeaderboardView.
    • Moved global filters (Official, Weights, Version) from the header to the new sidebar.
    • Updated LeaderboardHeader to include a SidebarTrigger and simplified its responsive design.
  • Filtering Logic:
    • Enhanced URL state management in LeaderboardView to support provider, weights, and official parameters.
    • Ensured provider colors are consistent with PROVIDER_COLORS across the UI.
  • UI/UX Improvements:
    • Added sticky header with backdrop blur for better navigation on long lists.
    • Improved mobile responsiveness by moving complex filters into the off-canvas sidebar.
    • Standardized font sizes and spacing across header and filtering controls.

Files changed:

  • filter-sidebar.tsx (New)
  • leaderboard-header.tsx
  • leaderboard-view.tsx

Closes #39

@vercel
Copy link
Copy Markdown

vercel bot commented Mar 29, 2026

@doubledare704 is attempting to deploy a commit to the Kilo Code Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link
Copy Markdown

vercel bot commented Mar 31, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
leaderboard Ready Ready Preview, Comment Mar 31, 2026 3:28pm

Request Review

@olearycrew
Copy link
Copy Markdown
Member

@doubledare704 love this as an iteration. Just a couple of things:

  1. Should we / can we allow MULTIPLE provider selection?
  2. Can we make the banner limited to the "right" side so it doesn't overlap the filters part?
CleanShot 2026-03-31 at 11 33 42@2x 3. There are a couple of conflicts to resolve (probably from your other amazing PRs actually :) )

Copy link
Copy Markdown
Member

@olearycrew olearycrew left a comment

Choose a reason for hiding this comment

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

See above comment

Implemented a comprehensive model provider filtering system and transitioned the leaderboard to a sidebar-based navigation layout to improve usability and feature discoverability.

**Details:**
- **New `FilterSidebar` Component**:
  - Automatically extracts and counts unique providers from leaderboard entries.
  - Added a provider search/filter within the sidebar.
  - Integrated "Official only" and "Open-weight only" toggles into the sidebar.
  - Included a benchmark version selector in the sidebar for better context.
  - Added a "Clear All" functionality for active filters with a counter badge.
- **Layout Refactor**:
  - Integrated `SidebarProvider` and `SidebarInset` from shadcn/ui into `LeaderboardView`.
  - Moved global filters (Official, Weights, Version) from the header to the new sidebar.
  - Updated `LeaderboardHeader` to include a `SidebarTrigger` and simplified its responsive design.
- **Filtering Logic**:
  - Enhanced URL state management in `LeaderboardView` to support `provider`, `weights`, and `official` parameters.
  - Ensured provider colors are consistent with `PROVIDER_COLORS` across the UI.
- **UI/UX Improvements**:
  - Added sticky header with backdrop blur for better navigation on long lists.
  - Improved mobile responsiveness by moving complex filters into the off-canvas sidebar.
  - Standardized font sizes and spacing across header and filtering controls.

**Files changed:**
- filter-sidebar.tsx (New)
- leaderboard-header.tsx
- leaderboard-view.tsx

Closes pinchbench#39

� Conflicts:
�	components/leaderboard-header.tsx
�	components/leaderboard-view.tsx
@doubledare704 doubledare704 force-pushed the feat/provider-filtering-sidebar branch from ffe7320 to 98a3c61 Compare March 31, 2026 18:36
@doubledare704
Copy link
Copy Markdown
Contributor Author

doubledare704 commented Mar 31, 2026

@olearycrew collecting own past PRs to a single source, so now multiple pick model with heatmaps:
image

Still, I'm not sure if I guessed with the banner.

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.

Redesign: Left sidebar with categorized filters, search input, and checkbox-style selections

2 participants