From 3a65bf5d59461a6488a975b434b31af48d2b306f Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Sat, 20 Jun 2026 15:14:13 +0200
Subject: [PATCH] fix(editor): keep the stock box fixed so simulating doesn't
 move its arrows
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The in-flow value line grew the card downward, dropping its vertical centre —
and the left/right handles with it, so connected pipes and links shifted. Render
the value as an out-of-flow overlay below the box; the card keeps its size and
the handles stay put.
---
 src/components/nodes/StockNode.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/nodes/StockNode.vue b/src/components/nodes/StockNode.vue
index 13cdd6e..ef41ca5 100644
--- a/src/components/nodes/StockNode.vue
+++ b/src/components/nodes/StockNode.vue
@@ -44,11 +44,17 @@ const fill = computed(() => sim.fill(props.id))
     <Handle :id="HANDLE_IN" type="target" :position="Position.Left" />
     <div class="relative z-10">
       <NodeLabel :node-id="props.id" :name="stock.name" />
-      <div v-if="value !== null" class="mt-0.5 font-mono text-xs tabular-nums text-base-content/70">
-        {{ formatValue(value)
-        }}<span v-if="stock.unit" class="ml-0.5 text-base-content/50">{{ stock.unit }}</span>
-      </div>
     </div>
     <Handle :id="HANDLE_OUT" type="source" :position="Position.Right" />
+    <!-- Live value sits *below* the box as an out-of-flow overlay, so the box keeps
+         its exact size and the handles — with the pipes and links on them — never
+         shift when a run is engaged. -->
+    <div
+      v-if="value !== null"
+      class="pointer-events-none absolute inset-x-0 top-full mt-1 whitespace-nowrap text-center font-mono text-xs tabular-nums text-base-content/70"
+    >
+      {{ formatValue(value)
+      }}<span v-if="stock.unit" class="ml-0.5 text-base-content/50">{{ stock.unit }}</span>
+    </div>
   </div>
 </template>