style(ui): compact Auto Setup control

This commit is contained in:
moe-berri 2026-09-03 19:30:04 -07:00
parent 8acb8de997
commit 78c40ed6a7
2 changed files with 12 additions and 12 deletions

View file

@ -527,15 +527,14 @@ const AddAutoRouterTab: React.FC<AddAutoRouterTabProps> = ({
</FormField>
{!automaticSetupLoading && automaticRouterConfig && (
<div className="flex items-center justify-between gap-4 rounded-lg border border-border p-4">
<div>
<div className="text-sm font-medium text-foreground">Start with a recommended setup</div>
<div className="text-xs text-muted-foreground">
Uses your available models and our recommended setups. You can review and edit everything before
saving.
</div>
</div>
<Button type="button" data-testid="configure-automatically-button" onClick={handleAutomaticSetup}>
<div className="flex justify-end">
<Button
type="button"
size="sm"
variant="outline"
data-testid="configure-automatically-button"
onClick={handleAutomaticSetup}
>
Configure automatically
</Button>
</div>

View file

@ -16,13 +16,14 @@ describe("buildPreferredTierModels", () => {
const available = ["gpt-4o-mini", "claude-sonnet-4-5", "grok-4", "deepseek-reasoner"];
const availability = buildModelAvailability(available, []);
const preferred = buildPreferredTierModels([], availability);
expect(preferred).toEqual({
const expected: PreferredTierModels = {
SIMPLE: ["gpt-4o-mini"],
MEDIUM: ["claude-sonnet-4-5"],
COMPLEX: ["grok-4"],
REASONING: ["deepseek-reasoner"],
});
};
expect(preferred).toEqual(expected);
});
});