From 1d390a8e84dd8a078002dea82e786d24a33e56be Mon Sep 17 00:00:00 2001
From: dieriba <dieriba.pro@gmail.com>
Date: Thu, 26 Jun 2025 17:22:09 +0200
Subject: [PATCH] add clearbable for script picker (#6071)

---
 frontend/src/lib/components/ScriptPicker.svelte              | 5 ++++-
 .../lib/components/triggers/gcp/GcpTriggerEditorInner.svelte | 1 +
 .../src/lib/components/triggers/http/RouteEditorInner.svelte | 1 +
 .../components/triggers/kafka/KafkaTriggerEditorInner.svelte | 1 +
 .../components/triggers/mqtt/MqttTriggerEditorInner.svelte   | 1 +
 .../components/triggers/nats/NatsTriggerEditorInner.svelte   | 1 +
 .../triggers/postgres/PostgresTriggerEditorInner.svelte      | 1 +
 .../components/triggers/schedules/ScheduleEditorInner.svelte | 1 +
 .../lib/components/triggers/sqs/SqsTriggerEditorInner.svelte | 1 +
 .../triggers/websocket/WebsocketTriggerEditorInner.svelte    | 1 +
 10 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/ScriptPicker.svelte b/frontend/src/lib/components/ScriptPicker.svelte
index c4fe27167a..4f44f22396 100644
--- a/frontend/src/lib/components/ScriptPicker.svelte
+++ b/frontend/src/lib/components/ScriptPicker.svelte
@@ -29,6 +29,7 @@
 		allowRefresh?: boolean
 		allowEdit?: boolean
 		allowView?: boolean
+		clearable?: boolean
 	}
 
 	let {
@@ -40,7 +41,8 @@
 		disabled = false,
 		allowRefresh = false,
 		allowEdit = true,
-		allowView = true
+		allowView = true,
+		clearable = false
 	}: Props = $props()
 
 	let items: { value: string; label: string }[] = $state([])
@@ -128,6 +130,7 @@
 			}
 			class="grow shrink max-w-full"
 			{items}
+			{clearable}
 			placeholder="Pick {itemKind === 'app' ? 'an' : 'a'} {itemKind}"
 		/>
 	{/if}
diff --git a/frontend/src/lib/components/triggers/gcp/GcpTriggerEditorInner.svelte b/frontend/src/lib/components/triggers/gcp/GcpTriggerEditorInner.svelte
index eede2f1960..fce2fe2f0b 100644
--- a/frontend/src/lib/components/triggers/gcp/GcpTriggerEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/gcp/GcpTriggerEditorInner.svelte
@@ -348,6 +348,7 @@
 							bind:scriptPath={script_path}
 							allowRefresh={can_write}
 							allowEdit={!$userStore?.operator}
+							clearable
 						/>
 						{#if emptyString(script_path)}
 							<Button
diff --git a/frontend/src/lib/components/triggers/http/RouteEditorInner.svelte b/frontend/src/lib/components/triggers/http/RouteEditorInner.svelte
index dda278f7fe..31d927bb03 100644
--- a/frontend/src/lib/components/triggers/http/RouteEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/http/RouteEditorInner.svelte
@@ -538,6 +538,7 @@
 									bind:scriptPath={script_path}
 									allowRefresh={can_write}
 									allowEdit={!$userStore?.operator}
+									clearable
 								/>
 
 								{#if emptyString(script_path)}
diff --git a/frontend/src/lib/components/triggers/kafka/KafkaTriggerEditorInner.svelte b/frontend/src/lib/components/triggers/kafka/KafkaTriggerEditorInner.svelte
index 94a31bf439..f677059d9c 100644
--- a/frontend/src/lib/components/triggers/kafka/KafkaTriggerEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/kafka/KafkaTriggerEditorInner.svelte
@@ -349,6 +349,7 @@
 							bind:scriptPath={script_path}
 							allowRefresh={can_write}
 							allowEdit={!$userStore?.operator}
+							clearable
 						/>
 						{#if emptyString(script_path)}
 							<Button
diff --git a/frontend/src/lib/components/triggers/mqtt/MqttTriggerEditorInner.svelte b/frontend/src/lib/components/triggers/mqtt/MqttTriggerEditorInner.svelte
index 33444b0eaa..1a18df0bf3 100644
--- a/frontend/src/lib/components/triggers/mqtt/MqttTriggerEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/mqtt/MqttTriggerEditorInner.svelte
@@ -360,6 +360,7 @@
 							bind:scriptPath={script_path}
 							allowRefresh={can_write}
 							allowEdit={!$userStore?.operator}
+							clearable
 						/>
 						{#if emptyString(script_path)}
 							<Button
diff --git a/frontend/src/lib/components/triggers/nats/NatsTriggerEditorInner.svelte b/frontend/src/lib/components/triggers/nats/NatsTriggerEditorInner.svelte
index aa24034488..3746b87d97 100644
--- a/frontend/src/lib/components/triggers/nats/NatsTriggerEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/nats/NatsTriggerEditorInner.svelte
@@ -351,6 +351,7 @@
 							bind:scriptPath={script_path}
 							allowRefresh={can_write}
 							allowEdit={!$userStore?.operator}
+							clearable
 						/>
 						{#if emptyString(script_path)}
 							<Button
diff --git a/frontend/src/lib/components/triggers/postgres/PostgresTriggerEditorInner.svelte b/frontend/src/lib/components/triggers/postgres/PostgresTriggerEditorInner.svelte
index 9d81985fd6..32a31fd75b 100644
--- a/frontend/src/lib/components/triggers/postgres/PostgresTriggerEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/postgres/PostgresTriggerEditorInner.svelte
@@ -526,6 +526,7 @@
 							bind:scriptPath={script_path}
 							allowRefresh={can_write}
 							allowEdit={!$userStore?.operator}
+							clearable
 						/>
 
 						{#if emptyString(script_path) && is_flow === false}
diff --git a/frontend/src/lib/components/triggers/schedules/ScheduleEditorInner.svelte b/frontend/src/lib/components/triggers/schedules/ScheduleEditorInner.svelte
index fe53af4ad7..d1baf41444 100644
--- a/frontend/src/lib/components/triggers/schedules/ScheduleEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/schedules/ScheduleEditorInner.svelte
@@ -875,6 +875,7 @@
 							on:select={(e) => {
 								loadScript(e.detail.path)
 							}}
+							clearable
 						/>
 					{:else}
 						<Alert type="info" title="Runnable path cannot be edited" collapsible>
diff --git a/frontend/src/lib/components/triggers/sqs/SqsTriggerEditorInner.svelte b/frontend/src/lib/components/triggers/sqs/SqsTriggerEditorInner.svelte
index 155e44dede..876b233559 100644
--- a/frontend/src/lib/components/triggers/sqs/SqsTriggerEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/sqs/SqsTriggerEditorInner.svelte
@@ -343,6 +343,7 @@
 							bind:scriptPath={script_path}
 							allowRefresh={can_write}
 							allowEdit={!$userStore?.operator}
+							clearable
 						/>
 						{#if emptyString(script_path)}
 							<Button
diff --git a/frontend/src/lib/components/triggers/websocket/WebsocketTriggerEditorInner.svelte b/frontend/src/lib/components/triggers/websocket/WebsocketTriggerEditorInner.svelte
index 157c1843a5..8ece9a99fa 100644
--- a/frontend/src/lib/components/triggers/websocket/WebsocketTriggerEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/websocket/WebsocketTriggerEditorInner.svelte
@@ -412,6 +412,7 @@
 								bind:scriptPath={script_path}
 								allowRefresh={can_write}
 								allowEdit={!$userStore?.operator}
+								clearable
 							/>
 							{#if emptyString(script_path)}
 								<Button