Remove state info bar (Yaw/Pitch/Roll/Body/Antennas display)

Slider values already show current position - no need for separate info panel.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

index.html

@@ -218,36 +218,6 @@
             cursor: not-allowed;
         }
 
-        /* State Bar */
-        .state-bar {
-            display: flex;
-            gap: 12px;
-            padding: 8px 12px;
-            background: var(--pollen-card);
-            border-radius: 8px;
-            flex-wrap: wrap;
-            justify-content: center;
-        }
-
-        .state-item {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            gap: 2px;
-        }
-
-        .state-item label {
-            font-size: 0.65em;
-            color: var(--text-muted);
-            text-transform: uppercase;
-        }
-
-        .state-item .value {
-            font-family: monospace;
-            font-size: 0.8em;
-            color: var(--pollen-coral);
-        }
-
         /* Panels */
         .panel {
             background: var(--pollen-card);
@@ -458,14 +428,9 @@
                 grid-row: 1 / 3;
             }
 
-            .state-bar {
-                grid-column: 1;
-                grid-row: 3;
-            }
-
             #robotSelector {
                 grid-column: 1;
-                grid-row: 4;
+                grid-row: 3;
             }
 
             .panel:nth-of-type(1) { /* Head Control */
@@ -596,15 +561,6 @@
                 </div>
             </div>
 
-            <!-- State Bar -->
-            <div class="state-bar">
-                <div class="state-item"><label>Yaw</label><span class="value" id="stateYaw">--</span></div>
-                <div class="state-item"><label>Pitch</label><span class="value" id="statePitch">--</span></div>
-                <div class="state-item"><label>Roll</label><span class="value" id="stateRoll">--</span></div>
-                <div class="state-item"><label>Body</label><span class="value" id="stateBody">--</span></div>
-                <div class="state-item"><label>R.Ant</label><span class="value" id="stateRAnt">--</span></div>
-                <div class="state-item"><label>L.Ant</label><span class="value" id="stateLAnt">--</span></div>
-            </div>
 
             <!-- Robot Selector -->
             <div id="robotSelector" class="panel hidden">
@@ -1047,11 +1003,6 @@
                 const yaw = Math.atan2(m[1][0], m[0][0]) * 180 / Math.PI;
                 const roll = Math.atan2(m[2][1], m[2][2]) * 180 / Math.PI;
 
-                // Update state bar
-                document.getElementById('stateYaw').textContent = yaw.toFixed(1) + '°';
-                document.getElementById('statePitch').textContent = pitch.toFixed(1) + '°';
-                document.getElementById('stateRoll').textContent = roll.toFixed(1) + '°';
-
                 // Update sliders with real position when not being controlled
                 if (!headSlidersActive) {
                     document.getElementById('rollSlider').value = roll;
@@ -1062,14 +1013,9 @@
                     document.getElementById('yawValue').textContent = yaw.toFixed(1) + '°';
                 }
             }
-            if (state.body_yaw !== undefined) {
-                document.getElementById('stateBody').textContent = (state.body_yaw * 180 / Math.PI).toFixed(1) + '°';
-            }
             if (state.antennas) {
                 const r = (state.antennas[0] * 180 / Math.PI).toFixed(0);
                 const l = (state.antennas[1] * 180 / Math.PI).toFixed(0);
-                document.getElementById('stateRAnt').textContent = r + '°';
-                document.getElementById('stateLAnt').textContent = l + '°';
                 document.getElementById('rightAntSlider').value = r;
                 document.getElementById('rightAntValue').textContent = r + '°';
                 document.getElementById('leftAntSlider').value = l;