refac

src/lib/components/admin/Functions.svelte

@@ -71,12 +71,12 @@
 	let functions = null;
 	let filteredItems = [];
 
-	$: if (query !== undefined) {
+	const handleSearchInput = () => {
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
 			setFilteredItems();
 		}, 300);
-	}
+	};
 
 	$: if (functions && selectedType !== undefined && viewOption !== undefined) {
 		setFilteredItems();
@@ -363,6 +363,7 @@
 					<input
 						class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
 						bind:value={query}
+						on:input={handleSearchInput}
 						placeholder={$i18n.t('Search Functions')}
 					/>
 
@@ -372,6 +373,7 @@
 								class="p-0.5 rounded-full hover:bg-gray-100 dark:hover:bg-gray-900 transition"
 								on:click={() => {
 									query = '';
+									handleSearchInput();
 								}}
 							>
 								<XMark className="size-3" strokeWidth="2" />

src/lib/components/admin/Users/Groups/Users.svelte

@@ -84,13 +84,16 @@
 		getUserList();
 	}
 
-	$: if (query !== undefined) {
+	const handleSearchInput = () => {
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
-			page = 1;
+			if (page !== 1) {
-			getUserList();
+				page = 1;
+			} else {
+				getUserList();
+			}
 		}, 300);
-	}
+	};
 
 	onDestroy(() => {
 		clearTimeout(searchDebounceTimer);
@@ -106,6 +109,7 @@
 			<input
 				class=" w-full text-sm pr-4 rounded-r-xl outline-hidden bg-transparent"
 				bind:value={query}
+				on:input={handleSearchInput}
 				placeholder={$i18n.t('Search')}
 			/>
 		</div>

src/lib/components/admin/Users/UserList.svelte

@@ -100,13 +100,16 @@
 		}
 	};
 
-	$: if (query !== undefined) {
+	const handleSearchInput = () => {
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
-			page = 1;
+			if (page !== 1) {
-			getUserList();
+				page = 1;
+			} else {
+				getUserList();
+			}
 		}, 300);
-	}
+	};
 
 	$: if (page !== null && orderBy !== null && direction !== null) {
 		getUserList();
@@ -210,6 +213,7 @@
 					<input
 						class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
 						bind:value={query}
+						on:input={handleSearchInput}
 						aria-label={$i18n.t('Search')}
 						placeholder={$i18n.t('Search')}
 					/>

src/lib/components/channel/ChannelInfoModal/UserList.svelte

@@ -78,13 +78,14 @@
 		}
 	};
 
-	// Debounce only query changes
+	const handleSearchInput = () => {
-	$: if (query !== undefined && channel !== null) {
+		if (channel === null) return;
+
 		clearTimeout(debounceTimer);
 		debounceTimer = setTimeout(() => {
 			getUserList();
 		}, 300);
-	}
+	};
 
 	// Immediate response to page/sort changes
 	$: if (channel !== null && page && orderBy && direction) {
@@ -142,6 +143,7 @@
 						<input
 							class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
 							bind:value={query}
+							on:input={handleSearchInput}
 							placeholder={$i18n.t('Search')}
 						/>
 					</div>

src/lib/components/notes/Notes.svelte

@@ -180,14 +180,14 @@
 		await getItemsPage();
 	};
 
-	$: if (query !== undefined) {
+	const handleSearchInput = () => {
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
 			if (loaded) {
 				init();
 			}
 		}, 300);
-	}
+	};
 
 	$: if (loaded && sortKey !== undefined && permission !== undefined && viewOption !== undefined) {
 		init();
@@ -380,6 +380,7 @@
 					<input
 						class=" w-full text-sm py-1 rounded-r-xl outline-hidden bg-transparent"
 						bind:value={query}
+						on:input={handleSearchInput}
 						placeholder={$i18n.t('Search Notes')}
 					/>
 
@@ -389,6 +390,7 @@
 								class="p-0.5 rounded-full hover:bg-gray-100 dark:hover:bg-gray-900 transition"
 								on:click={() => {
 									query = '';
+									handleSearchInput();
 								}}
 							>
 								<XMark className="size-3" strokeWidth="2" />

src/lib/components/workspace/Knowledge.svelte

@@ -45,12 +45,12 @@
 	let allItemsLoaded = false;
 	let itemsLoading = false;
 
-	$: if (query !== undefined) {
+	const handleSearchInput = () => {
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
 			init();
 		}, 300);
-	}
+	};
 
 	onDestroy(() => {
 		clearTimeout(searchDebounceTimer);
@@ -199,6 +199,7 @@
 				<input
 					class=" w-full text-sm py-1 rounded-r-xl outline-hidden bg-transparent"
 					bind:value={query}
+					on:input={handleSearchInput}
 					aria-label={$i18n.t('Search Knowledge')}
 					placeholder={$i18n.t('Search Knowledge')}
 				/>
@@ -209,6 +210,7 @@
 							aria-label={$i18n.t('Clear search')}
 							on:click={() => {
 								query = '';
+								handleSearchInput();
 							}}
 						>
 							<XMark className="size-3" strokeWidth="2" />

src/lib/components/workspace/Knowledge/KnowledgeBase.svelte

@@ -142,14 +142,17 @@
 		await getItemsPage();
 	};
 
-	// Debounce only query changes
+	const handleSearchInput = () => {
-	$: if (query !== undefined) {
 		clearTimeout(searchDebounceTimer);
 
 		searchDebounceTimer = setTimeout(() => {
-			getItemsPage();
+			if (currentPage !== 1) {
+				currentPage = 1;
+			} else {
+				getItemsPage();
+			}
 		}, 300);
-	}
+	};
 
 	// Immediate response to filter/pagination changes
 	$: if (
@@ -163,15 +166,6 @@
 		getItemsPage();
 	}
 
-	$: if (
-		query !== undefined &&
-		viewOption !== undefined &&
-		sortKey !== undefined &&
-		direction !== undefined
-	) {
-		reset();
-	}
-
 	const getItemsPage = async () => {
 		if (knowledgeId === null) return;
 
@@ -1313,6 +1307,7 @@
 					<input
 						class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
 						bind:value={query}
+						on:input={handleSearchInput}
 						aria-label={$i18n.t('Search Collection')}
 						placeholder={$i18n.t('Search Collection')}
 						on:focus={() => {

src/lib/components/workspace/Models/Knowledge/KnowledgeSelector.svelte

@@ -34,12 +34,12 @@
 
 	$: items = [...noteItems, ...knowledgeItems, ...fileItems];
 
-	$: if (query !== undefined) {
+	const handleSearchInput = () => {
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
 			getItems();
 		}, 300);
-	}
+	};
 
 	onDestroy(() => {
 		clearTimeout(searchDebounceTimer);
@@ -111,6 +111,7 @@
 		if (e.detail === false) {
 			onClose();
 			query = '';
+			handleSearchInput();
 		}
 	}}
 >
@@ -128,6 +129,7 @@
 					<input
 						class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
 						bind:value={query}
+						on:input={handleSearchInput}
 						placeholder={$i18n.t('Search')}
 					/>
 				</div>

src/lib/components/workspace/Prompts.svelte

@@ -59,15 +59,17 @@
 
 	let page = 1;
 
-	// Debounce only query changes
+	const handleSearchInput = () => {
-	$: if (query !== undefined) {
 		loading = true;
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
-			page = 1;
+			if (page !== 1) {
-			getPromptList();
+				page = 1;
+			} else {
+				getPromptList();
+			}
 		}, 300);
-	}
+	};
 
 	// Immediate response to page/filter changes
 	$: if (page && selectedTag !== undefined && viewOption !== undefined) {
@@ -332,6 +334,7 @@
 				<input
 					class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
 					bind:value={query}
+					on:input={handleSearchInput}
 					aria-label={$i18n.t('Search Prompts')}
 					placeholder={$i18n.t('Search Prompts')}
 				/>
@@ -343,6 +346,7 @@
 							aria-label={$i18n.t('Clear search')}
 							on:click={() => {
 								query = '';
+								handleSearchInput();
 							}}
 						>
 							<XMark className="size-3" strokeWidth="2" />

src/lib/components/workspace/Skills.svelte

@@ -78,15 +78,17 @@
 		}
 	};
 
-	// Debounce only query changes
+	const handleSearchInput = () => {
-	$: if (query !== undefined) {
 		loading = true;
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
-			page = 1;
+			if (page !== 1) {
-			loadSkillItems();
+				page = 1;
+			} else {
+				loadSkillItems();
+			}
 		}, 300);
-	}
+	};
 
 	// Immediate response to page/filter changes
 	$: if (page && viewOption !== undefined) {
@@ -321,6 +323,7 @@
 				<input
 					class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
 					bind:value={query}
+					on:input={handleSearchInput}
 					aria-label={$i18n.t('Search Skills')}
 					placeholder={$i18n.t('Search Skills')}
 				/>
@@ -331,6 +334,7 @@
 							aria-label={$i18n.t('Clear search')}
 							on:click={() => {
 								query = '';
+								handleSearchInput();
 							}}
 						>
 							<XMark className="size-3" strokeWidth="2" />

src/lib/components/workspace/Tools.svelte

@@ -63,12 +63,12 @@
 
 	let showImportModal = false;
 
-	$: if (query !== undefined) {
+	const handleSearchInput = () => {
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
 			setFilteredItems();
 		}, 300);
-	}
+	};
 
 	$: if (tools && viewOption !== undefined) {
 		setFilteredItems();
@@ -325,6 +325,7 @@
 				<input
 					class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
 					bind:value={query}
+					on:input={handleSearchInput}
 					aria-label={$i18n.t('Search Tools')}
 					placeholder={$i18n.t('Search Tools')}
 				/>
@@ -335,6 +336,7 @@
 							aria-label={$i18n.t('Clear search')}
 							on:click={() => {
 								query = '';
+								handleSearchInput();
 							}}
 						>
 							<XMark className="size-3" strokeWidth="2" />

src/lib/components/workspace/common/MemberSelector.svelte

@@ -63,12 +63,12 @@
 		}
 	};
 
-	$: if (query !== undefined) {
+	const handleSearchInput = () => {
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
 			getUserList();
 		}, 300);
-	}
+	};
 
 	onDestroy(() => {
 		clearTimeout(searchDebounceTimer);
@@ -187,6 +187,7 @@
 					<input
 						class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
 						bind:value={query}
+						on:input={handleSearchInput}
 						placeholder={$i18n.t('Search')}
 					/>
 				</div>

src/routes/(app)/automations/+page.svelte

@@ -50,15 +50,19 @@
 
 	let page = 1;
 
-	// Debounce only query changes (gate behind loaded to prevent double-fetch on mount)
+	const handleSearchInput = () => {
-	$: if (loaded && query !== undefined) {
+		if (!loaded) return;
+
 		loading = true;
 		clearTimeout(searchDebounceTimer);
 		searchDebounceTimer = setTimeout(() => {
-			page = 1;
+			if (page !== 1) {
-			getAutomationList();
+				page = 1;
+			} else {
+				getAutomationList();
+			}
 		}, 300);
-	}
+	};
 
 	// Immediate response to page/filter changes (gate behind loaded)
 	$: if (loaded && page && statusFilter !== undefined) {
@@ -296,6 +300,7 @@
 							<input
 								class="w-full text-sm py-1 rounded-r-xl outline-hidden bg-transparent"
 								bind:value={query}
+								on:input={handleSearchInput}
 								aria-label={$i18n.t('Search Automations')}
 								placeholder={$i18n.t('Search Automations')}
 								maxlength="500"
@@ -308,6 +313,7 @@
 										aria-label={$i18n.t('Clear search')}
 										on:click={() => {
 											query = '';
+											handleSearchInput();
 										}}
 									>
 										<XMark className="size-3" strokeWidth="2" />