From 38b362fb9de7b6328eaf5505f6921594cb5f2c60 Mon Sep 17 00:00:00 2001
From: Diego Imbert <diego@windmill.dev>
Date: Thu, 26 Jun 2025 18:44:27 +0200
Subject: [PATCH] fix add flow node offset (stash)

---
 .../lib/components/flows/propPicker/OutputPicker.svelte  | 9 +++++++++
 .../lib/components/graph/renderers/edges/BaseEdge.svelte | 5 ++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/flows/propPicker/OutputPicker.svelte b/frontend/src/lib/components/flows/propPicker/OutputPicker.svelte
index b9f3de6798..447b626fe5 100644
--- a/frontend/src/lib/components/flows/propPicker/OutputPicker.svelte
+++ b/frontend/src/lib/components/flows/propPicker/OutputPicker.svelte
@@ -1,3 +1,7 @@
+<script module lang="ts">
+	export let openedBottomBars: Record<string, true> = $state({})
+</script>
+
 <script lang="ts">
 	import Popover from '$lib/components/meltComponents/Popover.svelte'
 	import { twMerge } from 'tailwind-merge'
@@ -38,6 +42,11 @@
 		onEditInput
 	}: Props = $props()
 
+	$effect(() => {
+		if (bottomBarOpen) openedBottomBars[id] = true
+		else delete openedBottomBars[id]
+	})
+
 	const context = getContext<PropPickerContext>('PropPickerContext')
 	const flowPropPickerConfig = context?.flowPropPickerConfig
 	const MIN_WIDTH = 375
diff --git a/frontend/src/lib/components/graph/renderers/edges/BaseEdge.svelte b/frontend/src/lib/components/graph/renderers/edges/BaseEdge.svelte
index eff59e5ee5..b53f6757b9 100644
--- a/frontend/src/lib/components/graph/renderers/edges/BaseEdge.svelte
+++ b/frontend/src/lib/components/graph/renderers/edges/BaseEdge.svelte
@@ -7,6 +7,7 @@
 	import type { GraphEventHandlers } from '../../graphBuilder.svelte'
 	import { getStraightLinePath } from '../utils'
 	import { twMerge } from 'tailwind-merge'
+	import { openedBottomBars } from '$lib/components/flows/propPicker/OutputPicker.svelte'
 
 	const { useDataflow } = getContext<{
 		useDataflow: Writable<boolean | undefined>
@@ -55,9 +56,11 @@
 			? `${edgePath} ${getStraightLinePath({ sourceX, sourceY, targetY })}`
 			: edgePath
 	)
+
+	let yOffset = $derived(openedBottomBars?.[data.sourceId] ? 30 : 22)
 </script>
 
-<EdgeLabel x={sourceX} y={sourceY + 28} class="base-edge" style="">
+<EdgeLabel x={sourceX} y={sourceY + yOffset} class="base-edge transition-transform">
 	{#if data?.insertable && !$useDataflow && !data?.moving}
 		<div
 			class={twMerge('edgeButtonContainer nodrag nopan top-0')}