Skip to content

fix(frontend): apply missing UI redesign changes from #132#140

Merged
sozercan merged 3 commits into
mainfrom
ui-redesign-follow-up
Mar 11, 2026
Merged

fix(frontend): apply missing UI redesign changes from #132#140
sozercan merged 3 commits into
mainfrom
ui-redesign-follow-up

Conversation

@sozercan

Copy link
Copy Markdown
Member

Summary

Applies the remaining UI redesign changes that were left unstaged when #132 was merged. These changes were described in the PR body but never committed.

  • Provider-neutral theming: Remove getProviderBadgeClass(), getProviderDisplayName(), useProviderTheme hook, providerColors map, and [data-provider] CSS blocks
  • GPU fit indicator redesign: Four-tier llmfit-inspired system (perfect/good/tight/won't fit) with upgrade delta display and inline utilization
  • Animation bug fixes: Replace invalid ease-out-expo Tailwind token with actual cubic-bezier(0.16, 1, 0.3, 1) values in CSS animations
  • Layout updates: Fixed 240px sidebar with cyan active pill indicator and CSS-transitioned active bar
  • Glass-panel styling: Replace <Card> components with glass-panel divs across DeployPage, DeploymentDetailsPage, and ModelsPage
  • Headlamp plugin cleanup: Remove getRuntimeColors() and getRuntimeDescription() with hardcoded provider data

Test plan

  • All 78 frontend tests pass
  • Backend tests pass (1 pre-existing flaky timeout in costs cache test)
  • Visual review of all affected pages (Models, Deploy, Deployments, Details, Settings)
  • Verify Headlamp plugin builds cleanly

Include provider-neutral theming, GPU fit indicator redesign, animation
fixes, and Headlamp plugin cleanup that were left unstaged in #132.

- Remove provider-specific color/theming (getProviderBadgeClass,
  getProviderDisplayName, useProviderTheme, providerColors, [data-provider] CSS)
- Redesign GPU fit indicator with four-tier llmfit-inspired system
  (perfect/good/tight/won't fit) with upgrade delta display
- Fix animation timing: replace invalid ease-out-expo with cubic-bezier
- Update sidebar to fixed 240px with cyan active pill indicator
- Replace Card components with glass-panel styling across pages
- Remove getRuntimeColors/getRuntimeDescription from Headlamp plugin
@sozercan sozercan merged commit c3b7faa into main Mar 11, 2026
6 checks passed
@sozercan sozercan deleted the ui-redesign-follow-up branch March 11, 2026 02:03
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.

1 participant