redesign ai provider#249
Merged
Merged
Conversation
Extract the AI Provider tab content from AdminPanel into a dedicated AIProviderPage component with a redesigned layout featuring summary cards, a provider routing table, and provider-scoped model catalog. - New AIProviderPage component with summary grid, routing table, and toggle-based provider controls - CSS styles for new aip-* classes using existing admin-redesign variable system - Update tests to match new DOM structure (button toggles instead of checkboxes, individual default-provider buttons instead of select) - UI-only change: no logic modifications Co-authored-by: Cursor <cursoragent@cursor.com>
- Replace text-based provider avatars with actual SVG icons from Copilot (GitHub), Codex (OpenAI), and Claude (Anthropic starburst) - Redesign ProviderModelsSection from card grid to table-based layout matching the admin-agents-redesign.html mockup: toolbar with search/filter/view toggle, model table with capabilities/context/ reasoning/enabled columns, and query view with form + result panel - Add CSS styles for model catalog toolbar, table, effort controls, query grid, and responsive adjustments using aip-* class convention - Add 57 dedicated mock-based unit tests for AIProviderPage component covering page structure, summary grid, routing table, toggles, default provider buttons, quota display, save/cancel, and ProviderModelsSection prop passing Co-authored-by: Cursor <cursoragent@cursor.com>
- Codex avatar: black background with white OpenAI icon (matches OpenAI brand identity) - Claude avatar: warm beige (#f5ebe4) background with rust-orange (#d97757) Anthropic starburst icon (matches Claude brand color) - Sort model catalog so enabled models always appear before disabled ones, preserving original order within each group - Add test for enabled-first sort ordering Co-authored-by: Cursor <cursoragent@cursor.com>
…viders Add a segmented provider tab bar (Copilot / Codex / Claude) to the model catalog toolbar, matching the design mockup layout. Users can now browse each provider's model catalog independently without changing the default provider setting above. - Add activeModelProvider state to AIProviderPage, initialized to the current defaultProvider - Add allProviders and onProviderChange optional props to ProviderModelsSection - Render provider tabs as first element in toolbar when allProviders is provided, followed by search, capability filter, and view toggle - Add CSS for 5-column toolbar layout when provider tabs are present - Add 7 new tests covering provider tab rendering, switching, and availability updates on tab change Co-authored-by: Cursor <cursoragent@cursor.com>
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.
No description provided.