chore(ui): migrate router_settings page from Tremor to antd

[ryan-crabbe-berri]

Summary

• Replace @tremor/react imports with antd equivalents in the router_settings/ directory (4 files)
• Button → antd Button, TextInput → antd Input, Switch → antd Switch
• No functional changes — pure component library swap

Screenshots

before

after

Test plan

• Navigate to Settings → Router Settings
• Verify Reliability & Retries inputs render and accept values
• Verify Tag Filtering toggle works
• Select "latency-based-routing" strategy and verify Latency-Based Configuration inputs render
• Click Save Changes and Reset buttons, confirm they work

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
litellm	Ready	Preview, Comment	Apr 16, 2026 9:06pm

[greptile-apps]

Greptile Summary

Pure component library migration for the router_settings/ directory — four source files swap Tremor's TextInput, Switch, and Button for their antd equivalents, and the three test files update mocks/assertions to match the new component APIs. No business logic is changed.

Confidence Score: 5/5

Safe to merge — pure UI library swap with no logic changes and well-aligned test updates.

All changes are mechanical Tremor → antd substitutions. Test mock changes are necessary (antd components now need to be available in tests) and test assertion updates are correct (antd Switch onChange passes two args). No P0/P1 findings.

No files require special attention.

Important Files Changed

Filename	Overview
ui/litellm-dashboard/src/components/router_settings/LatencyBasedConfiguration.tsx	Simple TextInput → antd Input swap; props (name, defaultValue, className) are compatible.
ui/litellm-dashboard/src/components/router_settings/ReliabilityRetriesSection.tsx	Simple TextInput → antd Input swap; no logic changes.
ui/litellm-dashboard/src/components/router_settings/TagFilteringToggle.tsx	Tremor Switch → antd Switch; uses onChange prop which is supported by antd.
ui/litellm-dashboard/src/components/router_settings/index.tsx	Tremor Button → antd Button; Save Changes uses type="primary", Reset uses default variant — visual hierarchy is maintained.
ui/litellm-dashboard/src/components/router_settings/TagFilteringToggle.test.tsx	Assertion split from toHaveBeenCalledWith(true) to check call count and first arg separately — correct because antd Switch onChange fires with (checked, event) rather than just (checked).
ui/litellm-dashboard/src/components/router_settings/RouterSettingsForm.test.tsx	Antd mock widened from full-replacement to partial (spread real antd + override Select only), necessary since Switch and Button are now sourced from antd and must be available in tests.
ui/litellm-dashboard/src/components/router_settings/index.test.tsx	Same partial-mock pattern as RouterSettingsForm.test.tsx — correct and consistent.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[index.tsx] -->|renders| B[RouterSettingsForm]
    B -->|renders| C[TagFilteringToggle\nantd Switch]
    B -->|renders| D[ReliabilityRetriesSection\nantd Input]
    B -->|renders| E[LatencyBasedConfiguration\nantd Input]
    A -->|action buttons| F[antd Button\nReset / Save Changes]

Loading

_{Reviews (3): Last reviewed commit: "Merge remote-tracking branch 'origin/mai..." | Re-trigger Greptile}

[ryan-crabbe-berri]

note: latency based routing options dont show up and this is a pre existing bug