Skip to content

[Workers AI] Redesign model catalog with horizontal toolbar and searchable filters#30000

Open
mattrothenberg wants to merge 1 commit intoproductionfrom
workers-ai-model-catalog-redesign
Open

[Workers AI] Redesign model catalog with horizontal toolbar and searchable filters#30000
mattrothenberg wants to merge 1 commit intoproductionfrom
workers-ai-model-catalog-redesign

Conversation

@mattrothenberg
Copy link
Copy Markdown
Contributor

@mattrothenberg mattrothenberg commented Apr 16, 2026

Summary

Redesigns the Workers AI model catalog page (/workers-ai/models/) to replace the sidebar filter layout with a horizontal toolbar that mirrors the Cloudflare dashboard design.

Screenshot 2026-04-16 at 2 12 00 PM

Changes:

  • Replaced sidebar layout (search + checkbox lists) with a horizontal toolbar: search input + three searchable multi-select dropdown filters (Task Types, Capabilities, Authors) + sort toggle
  • Filter dropdowns use Base UI Combobox with multiple for proper accessibility (ARIA, keyboard navigation, focus management) and built-in search filtering within each dropdown
  • Added @base-ui/react as a dependency
  • Added a "We found N models" count with a "Clear filters" button
  • Grid now uses full width (3 columns on lg instead of 2 in the old 3/4-width area)
  • Added sort direction toggle (newest/oldest by date added)
  • Fixed query parameter auto-population race condition: URL params (?search=...&tasks=...) now correctly populate filters on page load (previously a race between the read and write useEffect hooks cleared them)
  • Wrapped component output in Starlight's not-content class to opt out of prose spacing rules
  • Memoized derived filter item lists and moved pinnedModelNames to module scope

Documentation checklist

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 16, 2026

This pull request requires reviews from CODEOWNERS as it changes files that match the following patterns:

Pattern Owners
package.json @cloudflare/content-engineering
* @cloudflare/pcx-technical-writing, @cloudflare/product-owners
/src/components/ @cloudflare/content-engineering, @kodster28

@mattrothenberg mattrothenberg marked this pull request as ready for review April 16, 2026 18:12
@mattrothenberg mattrothenberg requested review from a team and kodster28 as code owners April 16, 2026 18:12
@mattrothenberg mattrothenberg force-pushed the workers-ai-model-catalog-redesign branch from 3ad816a to 7525c7d Compare April 16, 2026 18:23
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 16, 2026

@mvvmm
Copy link
Copy Markdown
Contributor

mvvmm commented Apr 16, 2026

congrats on #30000 🎉

@mattrothenberg mattrothenberg force-pushed the workers-ai-model-catalog-redesign branch 2 times, most recently from 5dd9dc5 to c9564ee Compare April 24, 2026 18:48
@superhighfives
Copy link
Copy Markdown
Contributor

This should be good to go, @kodster28, and brings parity to dash and docs. 😊

…nd Base UI Combobox

Replace the sidebar filter layout with a horizontal toolbar matching the dashboard
design. Uses Base UI Combobox for searchable multi-select filter dropdowns with
proper accessibility, adds a sort toggle, model count display, and fixes the
query parameter auto-population race condition.
@superhighfives superhighfives force-pushed the workers-ai-model-catalog-redesign branch from c9564ee to 6839578 Compare April 28, 2026 00:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants