diff --git a/tools/ui/src/lib/hooks/use-models-selector.svelte.ts b/tools/ui/src/lib/hooks/use-models-selector.svelte.ts index cb45ded481..a235820745 100644 --- a/tools/ui/src/lib/hooks/use-models-selector.svelte.ts +++ b/tools/ui/src/lib/hooks/use-models-selector.svelte.ts @@ -65,8 +65,13 @@ export interface UseModelsSelectorReturn { * duplicating store derivations, selection handling, and model loading. */ export function useModelsSelector(opts: UseModelsSelectorOptions): UseModelsSelectorReturn { - /** Tab the selector shows: a backend id, or the favorites pseudo tab. */ - let viewId = $state(backendsStore.active.id); + /** + * Tab the selector shows: a backend id, or the favorites pseudo tab. Favorites + * are the default view while there is at least one. + */ + let viewId = $state( + modelsStore.favoriteModelIds.size > 0 ? FAVORITES_TAB_ID : backendsStore.active.id + ); const activeBackendId = $derived(backendsStore.active.id); // every enabled backend's models stay selectable and resolvable, so a