Hide status lines when disconnected, show on connect

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JLR2133M2PyjiYq584i2G7

web/app.js

@@ -744,6 +744,8 @@ function setConnected(isConnected) {
 	statusEl.textContent = isConnected ? 'Connected' : 'Disconnected';
 	statusEl.className = isConnected ? 'status-connected' : 'status-disconnected';
 	document.getElementById('lcd-pot-row').style.visibility = isConnected ? 'visible' : 'hidden';
+	document.getElementById('sud-status-line').style.visibility = isConnected ? 'visible' : 'hidden';
+	document.getElementById('env-status-line').style.visibility = isConnected ? 'visible' : 'hidden';
 	updateSudActions();
 }
 

web/style.css

@@ -134,6 +134,8 @@ header#connection-bar {
 
 /* --- LCD + pot row --- */
 
+#sud-status-line, #env-status-line { visibility: hidden; }
+
 #lcd-pot-row {
     display: flex;
     align-items: flex-start;