From bf99eb17fc86e303f5257e66d3cbec8074373332 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@windmill.dev>
Date: Tue, 24 Feb 2026 09:12:19 +0100
Subject: [PATCH] disable Reset Code and Apply Changes buttons when no YAML
 changes (#8067)

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/lib/components/flows/header/FlowYamlEditor.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/flows/header/FlowYamlEditor.svelte b/frontend/src/lib/components/flows/header/FlowYamlEditor.svelte
index b7d1cdbf1e..b0504a8055 100644
--- a/frontend/src/lib/components/flows/header/FlowYamlEditor.svelte
+++ b/frontend/src/lib/components/flows/header/FlowYamlEditor.svelte
@@ -21,10 +21,13 @@
 	let { drawer = $bindable() }: Props = $props()
 
 	let code = $state('')
+	let initialCode = $state('')
 	let editor = $state(undefined) as SimpleEditor | undefined
+	let hasChanges = $derived(code !== initialCode)
 
 	function reload() {
 		code = YAML.stringify(filteredContentForExport(flowStore.val))
+		initialCode = code
 		editor?.setCode(code)
 	}
 
@@ -53,6 +56,7 @@
 			flowStore.val.schema = parsed.schema
 			flowStore.val.tag = parsed.tag
 			refreshStateStore(flowStore)
+			initialCode = code
 			sendUserToast('Changes applied')
 		} catch (e) {
 			;(sendUserToast('Error parsing yaml: ' + e), true)
@@ -65,8 +69,8 @@
 <Drawer on:open={reload} bind:this={drawer} size="800px">
 	<DrawerContent title="OpenFlow" on:close={() => drawer?.toggleDrawer()}>
 		{#snippet actions()}
-			<Button variant="default" unifiedSize="md" on:click={reload}>Reset code</Button>
-			<Button variant="accent" unifiedSize="md" on:click={apply}>Apply changes</Button>
+			<Button variant="default" unifiedSize="md" disabled={!hasChanges} on:click={reload}>Reset code</Button>
+			<Button variant="accent" unifiedSize="md" disabled={!hasChanges} on:click={apply}>Apply changes</Button>
 		{/snippet}
 
 		{#if flowStore.val}