From bd2a47e27f7f7a2dc2d20da0fcae6bff45ba40ad Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Mon, 31 Aug 2026 17:24:16 +0200
Subject: [PATCH] ui : add a Discover models trigger to the model selector

Add a Discover models item to the selector dropdown footer that opens
the DialogModelsDiscover dialog.

Assisted-by: pi
---
 .../app/models/ModelsSelectorDropdown.svelte    | 17 ++++++++++++++++-
 .../ModelsDiscoverDetailsDownloadOptions.svelte |  2 +-
 .../stories/ModelsDiscoverDialog.stories.svelte |  2 +-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/tools/ui/src/lib/components/app/models/ModelsSelectorDropdown.svelte b/tools/ui/src/lib/components/app/models/ModelsSelectorDropdown.svelte
index 30dedcbae9..d17059bc9f 100644
--- a/tools/ui/src/lib/components/app/models/ModelsSelectorDropdown.svelte
+++ b/tools/ui/src/lib/components/app/models/ModelsSelectorDropdown.svelte
@@ -1,10 +1,11 @@
 <script lang="ts">
 	import ModelLoadHighlight from './ModelLoadHighlight.svelte';
 	import type { ModelItem } from './utils';
-	import { ChevronDown, Lightbulb, Loader2 } from '@lucide/svelte';
+	import { ChevronDown, Lightbulb, Loader2, PackageSearch } from '@lucide/svelte';
 	import {
 		ChatFormActionAddReasoningSubmenu,
 		DialogModelInformation,
+		DialogModelsDiscover,
 		DropdownMenuSearchable,
 		ModelId,
 		ModelsSelectorList,
@@ -39,6 +40,7 @@
 
 	let isOpen = $state(false);
 	let highlightedId = $state<string | null>(null);
+	let modelsHubOpen = $state(false);
 	// The model submenu opens together with the menu so the list and its search
 	// box are immediately available, as before the submenu was introduced
 	let modelSubOpen = $state(false);
@@ -352,6 +354,17 @@
 					</DropdownMenu.Sub>
 
 					<ChatFormActionAddReasoningSubmenu />
+
+					<DropdownMenu.Separator />
+
+					<DropdownMenu.Item
+						class="flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.75 text-left text-sm transition-colors hover:bg-accent"
+						onclick={() => (modelsHubOpen = true)}
+					>
+						<PackageSearch class="h-4 w-4 shrink-0 text-muted-foreground" />
+
+						<span>Discover models</span>
+					</DropdownMenu.Item>
 				</DropdownMenu.Content>
 			</DropdownMenu.Root>
 		{:else}
@@ -415,3 +428,5 @@
 		open={ms.showModelDialog}
 	/>
 {/if}
+
+<DialogModelsDiscover bind:open={modelsHubOpen} />
diff --git a/tools/ui/src/lib/components/app/models/discover/ModelsDiscoverDetailsDownloadOptions.svelte b/tools/ui/src/lib/components/app/models/discover/ModelsDiscoverDetailsDownloadOptions.svelte
index d5678edf00..c1551aceb8 100644
--- a/tools/ui/src/lib/components/app/models/discover/ModelsDiscoverDetailsDownloadOptions.svelte
+++ b/tools/ui/src/lib/components/app/models/discover/ModelsDiscoverDetailsDownloadOptions.svelte
@@ -44,10 +44,10 @@ import type { ModelDownloadProgress } from '$lib/types';
 		if (getDownloadState) return getDownloadState(repoWithTag, filePath, isSidecar);
 
 		return {
-			isDownloading: modelsStore.status.isDownloadInProgress(repoWithTag),
 			isDownloaded: isSidecar
 				? modelsStore.status.isDraftDownloaded(modelId, filePath)
 				: modelsStore.status.isModelDownloaded(repoWithTag),
+			isDownloading: modelsStore.status.isDownloadInProgress(repoWithTag),
 			isFailed: modelsStore.status.hasFailedDownload(repoWithTag),
 			progress: modelsStore.status.getDownloadProgress(repoWithTag)
 		};
diff --git a/tools/ui/tests/stories/ModelsDiscoverDialog.stories.svelte b/tools/ui/tests/stories/ModelsDiscoverDialog.stories.svelte
index 35e6362123..b23e76f25f 100644
--- a/tools/ui/tests/stories/ModelsDiscoverDialog.stories.svelte
+++ b/tools/ui/tests/stories/ModelsDiscoverDialog.stories.svelte
@@ -77,11 +77,11 @@
 		<DialogModelDownload
 			filePath="Q4_K_M/gemma-4-12b-it-Q4_K_M.gguf"
 			formattedSize="7.3 GB"
+			onClose={() => {}}
 			open
 			quant="Q4_K_M"
 			repoId="ggml-org/gemma-4-12b-it-GGUF"
 			sidecar={null}
-			onClose={() => {}}
 		/>
 	</div>
 </Story>