From 19d04804dce5095013b9e937717548d51386b6ac Mon Sep 17 00:00:00 2001
From: Jens Ahrensfeld <jens@jayfield.org>
Date: Sun, 28 Jun 2026 16:47:19 +0200
Subject: [PATCH] Add power soll and stirrer RPM to pot SVG; tune flame
 position

- Power soll label centered below flame area (amber, clears when off)
- Stirrer RPM label next to motor housing (clears when stopped)
- Flame base moved 20 units closer to pot bottom
- Drop Ist/Soll LCD header row to save vertical space

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01SH2D4LRuCnhLSzoYerAfJX
---
 web/app.js     | 6 +++++-
 web/index.html | 7 +++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/web/app.js b/web/app.js
index c0a2666..00de3ef 100644
--- a/web/app.js
+++ b/web/app.js
@@ -332,6 +332,8 @@ function updateStirrerVisualization() {
 		g.classList.remove('spinning');
 		if (particles) particles.classList.remove('stirring');
 	}
+	const rpmLabel = document.getElementById('svg-stirrer-rpm');
+	if (rpmLabel) rpmLabel.textContent = stirrerSpeedIst > 0 ? `${Math.round(stirrerSpeedIst)} rpm` : '';
 }
 
 // --- Fire visualization ---
@@ -347,8 +349,10 @@ function updateFireVisualization() {
 		const minScale  = 1200 / heaterMaxPower;
 		const scale     = Math.max(minScale, intensity);
 		g.style.opacity = '1';
-		g.setAttribute('transform', `translate(0,248) scale(1,${scale.toFixed(3)}) translate(0,-248)`);
+		g.setAttribute('transform', `translate(0,228) scale(1,${scale.toFixed(3)}) translate(0,-248)`);
 	}
+	const powerLabel = document.getElementById('svg-power-soll');
+	if (powerLabel) powerLabel.textContent = heaterPowerSoll > 0 ? `${Math.round(heaterPowerSoll)} W` : '';
 }
 
 // --- Pot visualization ---
diff --git a/web/index.html b/web/index.html
index 2392d7c..de34d4c 100644
--- a/web/index.html
+++ b/web/index.html
@@ -154,6 +154,10 @@
         fill="url(#fg-yellow)"/>
     </g>
 
+    <!-- Power soll label (below flame area, updated by JS) -->
+    <text id="svg-power-soll" x="120" y="244" font-size="10"
+          fill="#ffe0b2" text-anchor="middle" dominant-baseline="auto"></text>
+
     <!-- Water fill (behind pot walls) -->
     <rect id="water-fill" x="63" y="172" width="114" height="0"
           fill="#1a4a72" clip-path="url(#pot-clip)"/>
@@ -229,6 +233,9 @@
     <rect x="106" y="2"  width="28" height="20" fill="#333" rx="3"/>
     <rect x="110" y="6"  width="10" height="8"  fill="#4a4a4a" rx="1"/>
     <circle cx="129" cy="11" r="3" fill="#cc2222"/>
+    <!-- Stirrer RPM label (updated by JS) -->
+    <text id="svg-stirrer-rpm" x="137" y="12" font-size="9"
+          fill="#9e9e9e" text-anchor="start" dominant-baseline="middle"></text>
 
     <!-- Thermometer tube -->
     <rect x="212" y="28" width="14" height="146" rx="7"