persist camera selection on test page

Author: mwfarb

tests/perceptor-host-test/index.html

@@ -137,6 +137,17 @@ <h2>Active Connections</h2>
             // Preserve existing autoUpload checkbox state if it exists, default to true
             const existingCheckbox = document.getElementById(`autoUpload-${conn.id}`);
             const isChecked = existingCheckbox ? existingCheckbox.checked : true;
+
+            // Preserve existing camera selection if it exists, default to front
+            let currentCamera = "front";
+            const existingRadios = document.getElementsByName(`camera-${conn.id}`);
+            for (const radio of existingRadios) {
+              if (radio.checked) {
+                currentCamera = radio.value;
+                break;
+              }
+            }
+
             return `
             <div class="connection-item">
               <div class="connection-id">${conn.clientName || 'Unknown Device'} <span style="color: #999; font-size: 0.85em;">(${conn.id})</span></div>
@@ -154,10 +165,10 @@ <h2>Active Connections</h2>
                 <div style="display: inline-block; margin-left: 10px; margin-right: 10px; border-left: 1px solid #ddd; padding-left: 10px;">
                     <span style="margin-right: 5px;">Camera:</span>
                     <label style="margin-right: 8px; cursor: pointer;">
-                        <input type="radio" name="camera-${conn.id}" value="front" checked> Front
+                        <input type="radio" name="camera-${conn.id}" value="front" ${currentCamera === 'front' ? 'checked' : ''}> Front
                     </label>
                     <label style="cursor: pointer;">
-                        <input type="radio" name="camera-${conn.id}" value="back"> Back
+                        <input type="radio" name="camera-${conn.id}" value="back" ${currentCamera === 'back' ? 'checked' : ''}> Back
                     </label>
                 </div>
                 <button onclick="sendRecordCommand('${conn.id}')" style="margin-left: 10px; padding: 8px 12px; font-size: 14px; cursor: pointer; background-color: #2196f3; color: white; border: none; border-radius: 4px;">