From f7af3f010e4c8a7a0baed8fd2fc9208e60927a68 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Thu, 12 Feb 2026 17:27:38 -0600
Subject: [PATCH] refac

---
 src/lib/components/workspace/Models.svelte | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/workspace/Models.svelte b/src/lib/components/workspace/Models.svelte
index 04e2358dc2..bccc4bca74 100644
--- a/src/lib/components/workspace/Models.svelte
+++ b/src/lib/components/workspace/Models.svelte
@@ -72,16 +72,11 @@
 
 	let searchDebounceTimer;
 
-	$: if (page !== undefined && selectedTag !== undefined && viewOption !== undefined) {
+	$: if (loaded && page !== undefined && selectedTag !== undefined && viewOption !== undefined) {
 		getModelList();
 	}
 
-	$: if (query !== undefined) {
-		clearTimeout(searchDebounceTimer);
-		searchDebounceTimer = setTimeout(() => {
-			getModelList();
-		}, 300);
-	}
+
 
 	const getModelList = async () => {
 		if (!loaded) return;
@@ -404,6 +399,12 @@
 					bind:value={query}
 					placeholder={$i18n.t('Search Models')}
 					maxlength="500"
+					on:input={() => {
+						clearTimeout(searchDebounceTimer);
+						searchDebounceTimer = setTimeout(() => {
+							getModelList();
+						}, 300);
+					}}
 				/>
 
 				{#if query}
@@ -412,6 +413,7 @@
 							class="p-0.5 rounded-full hover:bg-gray-100 dark:hover:bg-gray-900 transition"
 							on:click={() => {
 								query = '';
+								getModelList();
 							}}
 						>
 							<XMark className="size-3" strokeWidth="2" />