From b81dd36edc4fdc595eb88319796c4f97c30aae8d Mon Sep 17 00:00:00 2001
From: "l.gabrysiak" <l.gabrysiak@osadkowski.pl>
Date: Sun, 2 Mar 2025 11:37:47 +0100
Subject: [PATCH] mod model select on admin

---
 backend/open_webui/routers/configs.py        |  2 +-
 src/lib/components/chat/ModelSelector.svelte | 77 ++++++++++++++++++++
 2 files changed, 78 insertions(+), 1 deletion(-)

diff --git a/backend/open_webui/routers/configs.py b/backend/open_webui/routers/configs.py
index 388c44f..66a0bfc 100644
--- a/backend/open_webui/routers/configs.py
+++ b/backend/open_webui/routers/configs.py
@@ -214,7 +214,7 @@ async def set_default_suggestions(
     user=Depends(get_admin_user),
 ):
     data = form_data.model_dump()
-    request.app.state.config.DEFAULT_PROMPT_SUGGESTIONS = data["suggestions"]
+    request.app.state.config.DEFAULT_PROMPT_SUGGESTIONS = data["suggestions"] 
     return request.app.state.config.DEFAULT_PROMPT_SUGGESTIONS
 
 
diff --git a/src/lib/components/chat/ModelSelector.svelte b/src/lib/components/chat/ModelSelector.svelte
index dc025ce..3c42eb0 100644
--- a/src/lib/components/chat/ModelSelector.svelte
+++ b/src/lib/components/chat/ModelSelector.svelte
@@ -110,6 +110,83 @@
 				{/if}
 			</div>
 		{/each}
+	{:else}
+		{#each selectedModels as selectedModel, selectedModelIdx}
+			<div class="flex w-full max-w-fit">
+				<div class="overflow-hidden w-full">
+					<div class="mr-1 max-w-full">
+						<Selector
+							id={`${selectedModelIdx}`}
+							placeholder={$i18n.t('Select a model')}
+							items={$models.map((model) => ({
+								value: model.id,
+								label: model.name,
+								model: model
+							}))}
+							showTemporaryChatControl={$user.role === 'user'
+								? ($user?.permissions?.chat?.temporary ?? true)
+								: true}
+							bind:value={selectedModel}
+						/>
+					</div>
+				</div>
+				{#if $user.role === 'admin'}
+					{#if selectedModelIdx === 0}
+						<div
+							class="  self-center mx-1 disabled:text-gray-600 disabled:hover:text-gray-600 -translate-y-[0.5px]"
+						>
+							<Tooltip content={$i18n.t('Add Model')}>
+								<button
+									class=" "
+									{disabled}
+									on:click={() => {
+										selectedModels = [...selectedModels, ''];
+									}}
+									aria-label="Add Model"
+								>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke-width="2"
+										stroke="currentColor"
+										class="size-3.5"
+									>
+										<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
+									</svg>
+								</button>
+							</Tooltip>
+						</div>
+					{:else}
+						<div
+							class="  self-center mx-1 disabled:text-gray-600 disabled:hover:text-gray-600 -translate-y-[0.5px]"
+						>
+							<Tooltip content={$i18n.t('Remove Model')}>
+								<button
+									{disabled}
+									on:click={() => {
+										selectedModels.splice(selectedModelIdx, 1);
+										selectedModels = selectedModels;
+									}}
+									aria-label="Remove Model"
+								>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke-width="2"
+										stroke="currentColor"
+										class="size-3"
+									>
+										<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15" />
+									</svg>
+								</button>
+							</Tooltip>
+						</div>
+					{/if}
+				{/if}
+			</div>
+		{/each}
 	{/if}
 </div>
 {#if $user.role === 'admin'}