feat: improve catalog browsing on mobile and at scale#36
Open
brunobuddy wants to merge 2 commits into
Open
Conversation
Mobile:
- Collapse header nav into a menu so it no longer overflows at 375px
- Let the parameter table scroll horizontally instead of crushing columns
Browsing:
- Pin the search/filter bar while scrolling the full model list
- Group models by provider with a sort control (provider / name / params)
- Collapse the 36 parameter chips behind a "show all" expander
- Add a clear-all-filters control, a search clear button, and "/" to focus search
Fixes:
- Stop date stamps fusing onto versions (e.g. "Claude Opus 4 20250514")
- Render hyphenated dates cleanly ("Gpt 4 Turbo 2024-04-09")
- Distinguish "Max completion tokens" from "Max tokens" in the glossary
Also: aria-pressed on filter toggles, provider-card chevrons, direct links on
model rows, and a dist/ mkdir so a clean npm run dev works.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
github-actions
Bot
added
model
Revert the per-model YAML label edits and instead normalize max_completion_tokens to "Max completion tokens" at render time (glossary, model pages, JSON-LD). The catalog data and JSON API stay faithful to source, mirroring how model slugs are prettified for display only.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
💭 Why
A UI/UX audit found the catalog hard to use on phones (the header overflowed at 375px, the parameter table broke) and hard to scan as a flat list of 140 models. A couple of model names also rendered wrong.
✨ What changed
👤 For users
Mobile browsing works: no clipped header, readable tables. Filters stay reachable while scrolling, and the parameter list isn't a wall of 36 chips.
📝 Notes
Also fixes a dist/ mkdir race so a clean npm run dev starts without an ENOENT.