Disable multimodal override for HuggingChat models

Prevents users from overriding multimodal capability for models when using HuggingChat, as this is now controlled by the endpoint. Updates both the server logic and the settings UI to reflect this behavior, displaying the model's capability status instead of a toggle.

Author: gary149

src/routes/conversation/[id]/+server.ts

@@ -453,11 +453,14 @@ export async function POST({ request, locals, params, getClientAddress }) {
 					ip: getClientAddress(),
 					username: locals.user?.username,
 					// Force-enable multimodal if user settings say so for this model
-					forceMultimodal: Boolean(
-						(await collections.settings.findOne(authCondition(locals)))?.multimodalOverrides?.[
-							model.id
-						]
-					),
+					// In HuggingChat, ignore user overrides - multimodal is controlled by the endpoint
+					forceMultimodal: config.isHuggingChat
+						? false
+						: Boolean(
+								(await collections.settings.findOne(authCondition(locals)))?.multimodalOverrides?.[
+									model.id
+								]
+							),
 					locals,
 					abortController: ctrl,
 				};

src/routes/settings/(nav)/[...model]/+page.svelte

@@ -10,6 +10,8 @@
 	import CarbonCopy from "~icons/carbon/copy";
 	import CarbonChat from "~icons/carbon/chat";
 	import CarbonCode from "~icons/carbon/code";
+	import CarbonCheckmarkFilled from "~icons/carbon/checkmark-filled";
+	import CarbonCloseFilled from "~icons/carbon/close-filled";
 
 	import { goto } from "$app/navigation";
 	import { usePublicConfig } from "$lib/utils/PublicConfig.svelte";
@@ -35,8 +37,9 @@
 	let providerList: RouterProvider[] = $derived((model?.providers ?? []) as RouterProvider[]);
 
 	// Initialize multimodal override for this model if not set yet
+	// Skip initialization for HuggingChat where multimodal is controlled by the endpoint
 	$effect(() => {
-		if (model) {
+		if (model && !publicConfig.isHuggingChat) {
 			// Default to the model's advertised capability
 			settings.initValue("multimodalOverrides", page.params.model, !!model.multimodal);
 		}
@@ -185,13 +188,25 @@
 							Supports image inputs (multimodal)
 						</div>
 						<p class="text-[12px] text-gray-500 dark:text-gray-400">
-							Enable image uploads and send images to this model.
+							{#if publicConfig.isHuggingChat}
+								This capability is determined by the model.
+							{:else}
+								Enable image uploads and send images to this model.
+							{/if}
 						</p>
 					</div>
-					<Switch
-						name="forceMultimodal"
-						bind:checked={$settings.multimodalOverrides[page.params.model]}
-					/>
+					{#if publicConfig.isHuggingChat}
+						{#if model.multimodal}
+							<CarbonCheckmarkFilled class="text-blue-600 dark:text-blue-500" />
+						{:else}
+							<CarbonCloseFilled class="text-gray-400 dark:text-gray-600" />
+						{/if}
+					{:else}
+						<Switch
+							name="forceMultimodal"
+							bind:checked={$settings.multimodalOverrides[page.params.model]}
+						/>
+					{/if}
 				</div>
 
 				{#if model?.isRouter}