From 7e9895d4c663dede16e25ab081f831fbae0447a6 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Tue, 15 Sep 2026 22:31:29 +0200
Subject: [PATCH] ui : show the assistant model selector for external backends

Assisted-by: pi:llama.cpp/DeepSeek-V4.1-Flash
---
 .../ChatMessageAssistant.svelte                   |  1 -
 .../ChatMessageAssistantModel.svelte              | 15 ++++++++++-----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageAssistant/ChatMessageAssistant.svelte b/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageAssistant/ChatMessageAssistant.svelte
index dac55caff0..0eae00039f 100644
--- a/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageAssistant/ChatMessageAssistant.svelte
+++ b/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageAssistant/ChatMessageAssistant.svelte
@@ -166,7 +166,6 @@
 				<ChatMessageAssistantModel
 					{displayedModel}
 					isLoading={chatStore.isLoading}
-					{isRouter}
 					{onRegenerate}
 				/>
 
diff --git a/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageAssistant/ChatMessageAssistantModel.svelte b/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageAssistant/ChatMessageAssistantModel.svelte
index c5b80f1569..0141bc4054 100644
--- a/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageAssistant/ChatMessageAssistantModel.svelte
+++ b/tools/ui/src/lib/components/app/chat/ChatMessages/ChatMessage/ChatMessageAssistant/ChatMessageAssistantModel.svelte
@@ -1,17 +1,21 @@
 <script lang="ts">
 	import { ModelBadge, ModelsSelectorDropdown } from '$lib/components/app';
 	import { ServerModelStatus } from '$lib/enums';
-	import { modelsStore } from '$lib/stores';
+	import { modelsStore, serverStore } from '$lib/stores';
 	import { copyToClipboard } from '$lib/utils';
 
 	interface Props {
 		displayedModel: string | null;
-		isRouter: boolean;
 		isLoading: boolean;
 		onRegenerate: (modelOverride?: string) => void;
 	}
 
-	let { displayedModel, isLoading, isRouter, onRegenerate }: Props = $props();
+	let { displayedModel, isLoading, onRegenerate }: Props = $props();
+
+	// same selectability rule as the form selector: router mode, or any backend
+	// that exposes a selectable model list
+	let isSelectable = $derived(serverStore.isRouterMode || !serverStore.capabilities.props);
+	let canLoadModels = $derived(serverStore.capabilities.loadUnload);
 
 	let pendingModel = $state<string | null>(null);
 
@@ -20,14 +24,15 @@
 	}
 </script>
 
-{#if isRouter}
+{#if isSelectable}
 	<ModelsSelectorDropdown
 		currentModel={pendingModel ?? displayedModel}
 		disabled={isLoading}
 		onModelChange={async (modelId: string, modelName: string) => {
 			const status = modelsStore.getModelStatus(modelId);
 
-			if (status !== ServerModelStatus.LOADED) {
+			// external backends load the model implicitly on the request
+			if (canLoadModels && status !== ServerModelStatus.LOADED) {
 				pendingModel = modelId;
 
 				try {