scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-10-07 02:59:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 103

fix(ui): improve fusion preset selector

Browse source
This commit is contained in:
moe-berri 2026-09-01 20:52:06 -07:00
parent 6bfa6ae498
commit a688e04775
2 changed files with 35 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/FusionModels/FusionModelsPanel.test.tsx
View file

@ -102,6 +102,23 @@ describe("FusionModelsPanel", () => {
});
});
it("shows readable, full-width behavior presets", async () => {
const user = userEvent.setup();
renderPanel();
await user.click(screen.getByRole("button", { name: "Add Fusion Model" }));
const behaviorSelector = screen.getByLabelText("Behavior");
expect(behaviorSelector).toHaveTextContent("Quality First");
expect(behaviorSelector).toHaveClass("w-full");
await user.click(behaviorSelector);
expect(screen.getByRole("option", { name: /Quality First/ })).toBeVisible();
expect(screen.getByRole("option", { name: /High Availability/ })).toBeVisible();
await user.click(screen.getByRole("option", { name: /High Availability/ }));
expect(behaviorSelector).toHaveTextContent("High Availability");
});
it("requires and sends a team for team-admin creation", async () => {
const user = userEvent.setup();
renderPanel("team-required");

29
ui/litellm-dashboard/src/app/(dashboard)/models-and-endpoints/components/FusionModels/FusionModelsPanel.tsx
View file

@ -164,23 +164,30 @@ function FusionModelDialog({
<div className="space-y-2">
<Label htmlFor="fusion-preset">Behavior</Label>
<Select value={preset} onValueChange={(value) => applyPreset(value as FusionPreset)}>
<SelectTrigger id="fusion-preset">
<SelectValue />
<Select
value={preset}
onValueChange={(value) => {
if (value === "quality" || value === "resilient") applyPreset(value);
}}
>
<SelectTrigger id="fusion-preset" className="h-11 w-full px-3">
<span className="flex-1 text-left font-medium">
{preset === "quality" ? "Quality First" : "High Availability"}
</span>
</SelectTrigger>
<SelectContent>
<SelectItem value="quality" label="Quality First">
<div>
<SelectContent align="start">
<SelectItem value="quality" label="Quality First" className="items-start py-3">
<div className="min-w-0 whitespace-normal pr-2">
<div className="font-medium">Quality First</div>
<div className="text-xs text-muted-foreground">
<div className="mt-1 text-sm leading-5 text-muted-foreground">
Fail the request when the panel quorum is missed.
</div>
</div>
</SelectItem>
<SelectItem value="resilient" label="High Availability">
<div>
<SelectItem value="resilient" label="High Availability" className="items-start py-3">
<div className="min-w-0 whitespace-normal pr-2">
<div className="font-medium">High Availability</div>
<div className="text-xs text-muted-foreground">
<div className="mt-1 text-sm leading-5 text-muted-foreground">
Let the aggregator answer alone when the panel quorum is missed.
</div>
</div>
@ -206,7 +213,7 @@ function FusionModelDialog({
<div className="space-y-2">
<Label htmlFor="fusion-aggregator">Aggregator model</Label>
<Select value={aggregatorModel} onValueChange={(value) => setAggregatorModel(value ?? "")}>
<SelectTrigger id="fusion-aggregator">
<SelectTrigger id="fusion-aggregator" className="w-full">
<SelectValue placeholder="Select the model that produces the final response" />
</SelectTrigger>
<SelectContent>