From 696f35688162d2f171b848f443acd5fb72c706f2 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sun, 30 Nov 2025 08:12:22 -0500
Subject: [PATCH] refac

---
 .../workspace/Models/ModelEditor.svelte       | 60 ++++++++++---------
 1 file changed, 33 insertions(+), 27 deletions(-)

diff --git a/src/lib/components/workspace/Models/ModelEditor.svelte b/src/lib/components/workspace/Models/ModelEditor.svelte
index d46a28b3df..6c4eda9d32 100644
--- a/src/lib/components/workspace/Models/ModelEditor.svelte
+++ b/src/lib/components/workspace/Models/ModelEditor.svelte
@@ -720,40 +720,46 @@
 						<ToolsSelector bind:selectedToolIds={toolIds} tools={$tools} />
 					</div>
 
-					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
+					{#if $functions.filter((func) => func.type === 'filter').length > 0 || $functions.filter((func) => func.type === 'action').length > 0}
+						<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
-					<div class="my-2">
-						<FiltersSelector
-							bind:selectedFilterIds={filterIds}
-							filters={$functions.filter((func) => func.type === 'filter')}
-						/>
-					</div>
-
-					{#if filterIds.length > 0}
-						{@const toggleableFilters = $functions.filter(
-							(func) =>
-								func.type === 'filter' &&
-								(filterIds.includes(func.id) || func?.is_global) &&
-								func?.meta?.toggle
-						)}
-
-						{#if toggleableFilters.length > 0}
+						{#if $functions.filter((func) => func.type === 'filter').length > 0}
 							<div class="my-2">
-								<DefaultFiltersSelector
-									bind:selectedFilterIds={defaultFilterIds}
-									filters={toggleableFilters}
+								<FiltersSelector
+									bind:selectedFilterIds={filterIds}
+									filters={$functions.filter((func) => func.type === 'filter')}
+								/>
+							</div>
+
+							{#if filterIds.length > 0}
+								{@const toggleableFilters = $functions.filter(
+									(func) =>
+										func.type === 'filter' &&
+										(filterIds.includes(func.id) || func?.is_global) &&
+										func?.meta?.toggle
+								)}
+
+								{#if toggleableFilters.length > 0}
+									<div class="my-2">
+										<DefaultFiltersSelector
+											bind:selectedFilterIds={defaultFilterIds}
+											filters={toggleableFilters}
+										/>
+									</div>
+								{/if}
+							{/if}
+						{/if}
+
+						{#if $functions.filter((func) => func.type === 'action').length > 0}
+							<div class="my-2">
+								<ActionsSelector
+									bind:selectedActionIds={actionIds}
+									actions={$functions.filter((func) => func.type === 'action')}
 								/>
 							</div>
 						{/if}
 					{/if}
 
-					<div class="my-2">
-						<ActionsSelector
-							bind:selectedActionIds={actionIds}
-							actions={$functions.filter((func) => func.type === 'action')}
-						/>
-					</div>
-
 					<hr class=" border-gray-100/30 dark:border-gray-850/30 my-2" />
 
 					<div class="my-2">