scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-09-09 22:31:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 87

fix(ui): put the non-reasoning switch above the tier rows

Browse source 
The switch adds a row at the top of the tier list, so sitting below Reasoning
put the control and the thing it changes at opposite ends of the card. It now
heads the list, with a separator between it and the first row.
This commit is contained in:
moe-berri 2026-09-08 12:37:34 -07:00
parent 91f1d98fb0
commit 6a950df549
2 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ui/litellm-dashboard/src/components/add_model/ComplexityRouterConfig.tsx
View file

@ -659,6 +659,10 @@ const ComplexityRouterConfig: React.FC<ComplexityRouterConfigProps> = ({
<Card>
<CardContent>
{!customTierSet && (
<NonReasoningTierToggle value={value} onChange={onChange} available={value.classifier_type === "llm"} />
)}
{tierRows.map((row, index) => {
const tierInfo = builtInTierInfo(row.id);
const label = tierRowLabel(row, value.tier_labels);
@ -739,10 +743,6 @@ const ComplexityRouterConfig: React.FC<ComplexityRouterConfigProps> = ({
);
})}
{!customTierSet && (
<NonReasoningTierToggle value={value} onChange={onChange} available={value.classifier_type === "llm"} />
)}
<TierSetToolbar
editing={editingTiers}
isCustomSet={Boolean(customTierSet)}

6
ui/litellm-dashboard/src/components/add_model/NonReasoningTierToggle.tsx
View file

@ -1,5 +1,6 @@
import React from "react";
import { Separator } from "@/components/ui/separator";
import { Switch } from "@/components/ui/switch";
import type { ComplexityRouterConfigValue } from "./ComplexityRouterConfig";
@ -28,7 +29,7 @@ const NonReasoningTierToggle: React.FC<{
return (
<>
<div className="flex items-center gap-2 mt-4 mb-2">
<div className="flex items-center gap-2 mb-2">
<Switch
checked={value.enable_non_reasoning_tier === true}
disabled={!available}
@ -37,11 +38,12 @@ const NonReasoningTierToggle: React.FC<{
/>
<strong className="font-semibold">Add a non-reasoning tier</strong>
</div>
<span className="block text-xs mb-3 text-muted-foreground">
<span className="block text-xs text-muted-foreground">
Adds NON_REASONING below Simple, for operational agent traffic that relays or reformats information rather than
reasoning about it. Escalation still moves up out of it when a request needs more.
{!available && " Requires the LLM classification method."}
</span>
<Separator className="my-4" />
</>
);
};