From 0ca2e46adeeaf72ac69b2b73b5a44194c3116939 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sun, 22 Feb 2026 17:17:44 -0600
Subject: [PATCH] refac

---
 .../components/admin/Settings/Models.svelte   |  4 +-
 ...Modal.svelte => ModelSettingsModal.svelte} | 40 +++++++++----------
 2 files changed, 21 insertions(+), 23 deletions(-)
 rename src/lib/components/admin/Settings/Models/{ConfigureModelsModal.svelte => ModelSettingsModal.svelte} (92%)

diff --git a/src/lib/components/admin/Settings/Models.svelte b/src/lib/components/admin/Settings/Models.svelte
index db5c7cbcfa..b4f2785776 100644
--- a/src/lib/components/admin/Settings/Models.svelte
+++ b/src/lib/components/admin/Settings/Models.svelte
@@ -31,7 +31,7 @@
 	import Badge from '$lib/components/common/Badge.svelte';
 	import ConfirmDialog from '$lib/components/common/ConfirmDialog.svelte';
 	import Cog6 from '$lib/components/icons/Cog6.svelte';
-	import ConfigureModelsModal from './Models/ConfigureModelsModal.svelte';
+	import ModelSettingsModal from './Models/ModelSettingsModal.svelte';
 	import Wrench from '$lib/components/icons/Wrench.svelte';
 	import Download from '$lib/components/icons/Download.svelte';
 	import ManageModelsModal from './Models/ManageModelsModal.svelte';
@@ -305,7 +305,7 @@
 	});
 </script>
 
-<ConfigureModelsModal bind:show={showConfigModal} initHandler={init} />
+<ModelSettingsModal bind:show={showConfigModal} initHandler={init} />
 <ManageModelsModal bind:show={showManageModal} />
 
 {#if models !== null}
diff --git a/src/lib/components/admin/Settings/Models/ConfigureModelsModal.svelte b/src/lib/components/admin/Settings/Models/ModelSettingsModal.svelte
similarity index 92%
rename from src/lib/components/admin/Settings/Models/ConfigureModelsModal.svelte
rename to src/lib/components/admin/Settings/Models/ModelSettingsModal.svelte
index 3c34c26490..6bfe9d35ac 100644
--- a/src/lib/components/admin/Settings/Models/ConfigureModelsModal.svelte
+++ b/src/lib/components/admin/Settings/Models/ModelSettingsModal.svelte
@@ -228,7 +228,7 @@
 											bind:modelIds={defaultModelIds}
 										/>
 
-										<hr class=" border-gray-100 dark:border-gray-700/10 my-2.5 w-full" />
+										<hr class=" border-gray-50 dark:border-gray-800/10 my-2.5 w-full" />
 
 										<ModelSelector
 											title={$i18n.t('Pinned Models')}
@@ -239,7 +239,7 @@
 											bind:modelIds={defaultPinnedModelIds}
 										/>
 
-										<hr class=" border-gray-100 dark:border-gray-700/10 my-2.5 w-full" />
+										<hr class=" border-gray-50 dark:border-gray-800/10 my-2.5 w-full" />
 
 										<div>
 											<button
@@ -295,7 +295,7 @@
 											{/if}
 										</div>
 
-										<hr class=" border-gray-100 dark:border-gray-700/10 my-2.5 w-full" />
+										<hr class=" border-gray-50 dark:border-gray-800/10 my-2.5 w-full" />
 
 										<div>
 											<button
@@ -370,27 +370,25 @@
 											</div>
 										</div>
 
-										<hr class=" border-gray-100 dark:border-gray-700/10 my-2.5 w-full" />
-
-										<div>
-											<Tooltip
-												content={$i18n.t('This will delete all models including custom models')}
-											>
-												<button
-													class="px-3.5 py-1.5 text-sm font-medium dark:bg-black dark:hover:bg-gray-950 dark:text-white bg-white text-black hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
-													type="button"
-													on:click={() => {
-														showResetModal = true;
-													}}
-												>
-													{$i18n.t('Reset All Models')}
-												</button>
-											</Tooltip>
-										</div>
 									{/if}
 								</div>
 
-								<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
+								<div class="flex justify-between items-center pt-3 text-sm font-medium gap-1.5">
+									<div>
+										<Tooltip
+											content={$i18n.t('This will delete all models including custom models')}
+										>
+											<button
+												class="text-sm font-normal text-gray-500 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-300 transition hover:underline"
+												type="button"
+												on:click={() => {
+													showResetModal = true;
+												}}
+											>
+												{$i18n.t('Reset')}
+											</button>
+										</Tooltip>
+									</div>
 									<button
 										class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
 											? ' cursor-not-allowed'