OpenArms Recording
+
+ {/* Configuration Panel */}
+
+
+
+ {/* Control Panel */}
+
+
+
+ {/* Camera Feeds */}
+
+
+
+
+ setConfigExpanded(!configExpanded)}
+ role="button"
+ tabIndex={0}
+ onKeyDown={(e) => e.key === 'Enter' && setConfigExpanded(!configExpanded)}
+ >
+
+
+ {configExpanded && (
+ ⚙️ Configuration
+ {configExpanded ? '▼' : '▶'} +
+ {/* Robot Setup */}
+
+ )}
+
+
+
+ {/* CAN Interfaces */}
+ 🤖 Robot Setup
+
+ {robotsReady ? (
+
+
+ ✅ Robots Ready - Recording will start instantly
+
+
+ ) : (
+
+ ⚠️ Robots not initialized - Recording will take ~10 seconds
+
+
+ )}
+
+
+
+ {/* Camera Configuration */}
+ CAN Interfaces
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Cameras {availableCameras.length > 0 && `(${availableCameras.length} detected)`}
+ +
+
+
+
+
+
+
+ 🎬 Recording Control
+ + {/* Status Banner - Always show important statuses */} + {isInitializing && ( +
+
+ {statusMessage}
+
+ )}
+
+ {isEncoding && (
+
+
+ 📹 {statusMessage}
+
+ )}
+
+ {isUploading && (
+
+
+ ☁️ {statusMessage}
+
+ )}
+
+ {uploadStatus && !isRecording && !isEncoding && !isUploading && (
+
+ {uploadStatus}
+
+ )}
+
+
+ {/* Task Input and Status */}
+
+
+ {/* Error Display */}
+ {error && (
+
+
+
+ {/* Episode Counter */}
+
+ setTask(e.target.value)}
+ placeholder="Task description (e.g., 'pick and place')"
+ disabled={isRecording || isInitializing || isEncoding || isUploading}
+ />
+
+
+
+ {/* Recording Status */}
+ {isRecording && (
+
+
+
+ {formatTime(elapsedTime)} @ {currentFps.toFixed(1)} FPS
+
+
+
+ )}
+
+
+
+
+ Episodes Recorded
+ {episodeCount}
+
+
+ ⚠️ {error}
+
+ )}
+ 📹 Camera Views
+ {robotsReady || isRecording || isInitializing ? ( +
+
+ ) : (
+
+ 
+
+
+ Left Wrist
+
+ 
+
+
+ Base
+
+ 
+
+ Right Wrist
+
+
+ )}
+ 📷 Camera feeds will appear when robots are set up
+Click "Setup Robots" above to preview camera feeds
+