From dee0d4e1cc2c379a1bac28adb6d2cee6dcdca3e1 Mon Sep 17 00:00:00 2001
From: Jens Ahrensfeld <jens@jayfield.org>
Date: Sat, 27 Jun 2026 09:35:10 +0200
Subject: [PATCH] Hide LCD/pot panel when disconnected, show on connect

lcd-pot-row is hidden by default in CSS and only made visible
when the WebSocket connection is established.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JLR2133M2PyjiYq584i2G7
---
 web/app.js    | 1 +
 web/style.css | 1 +
 2 files changed, 2 insertions(+)

diff --git a/web/app.js b/web/app.js
index 5f3b658..49d7468 100644
--- a/web/app.js
+++ b/web/app.js
@@ -743,6 +743,7 @@ function setConnected(isConnected) {
 	const statusEl = document.getElementById('conn-status');
 	statusEl.textContent = isConnected ? 'Connected' : 'Disconnected';
 	statusEl.className = isConnected ? 'status-connected' : 'status-disconnected';
+	document.getElementById('lcd-pot-row').style.visibility = isConnected ? 'visible' : 'hidden';
 	updateSudActions();
 }
 
diff --git a/web/style.css b/web/style.css
index 72c7c3c..5722253 100644
--- a/web/style.css
+++ b/web/style.css
@@ -140,6 +140,7 @@ header#connection-bar {
     gap: 1.5em;
     margin: 1em 0;
     font-size: 2em;
+    visibility: hidden;
 }
 
 /* --- Pot visualization --- */