Sync from GitHub via hub-sync

port_hf.js

@@ -534,6 +534,8 @@ async function setupRobot() {
     robot.addEventListener('streaming', async () => {
         isStreaming = true;
         showRVState('rv-monitoring');
+        const placeholder = document.getElementById('rv-video-placeholder');
+        if (placeholder) placeholder.style.display = 'none';
         populatePersonalities();
         startStreakTimer();
         if (!rvModel) await initModel();
@@ -543,6 +545,8 @@ async function setupRobot() {
         isStreaming = false;
         stopMonitoring();
         if (detachVideo) { detachVideo(); detachVideo = null; }
+        const placeholder = document.getElementById('rv-video-placeholder');
+        if (placeholder) placeholder.style.display = '';
         showRVState('rv-picker');
     });
 

style.css

@@ -1177,7 +1177,7 @@ section {
 	aspect-ratio: 4/3;
 }
 
-#webcam, #canvas {
+#webcam, #canvas, #rv-video, #rv-canvas {
 	position: absolute;
 	top: 0;
 	left: 0;
@@ -1186,6 +1186,11 @@ section {
 	object-fit: cover;
 }
 
+#rv-canvas {
+	z-index: 2;
+	background: transparent;
+}
+
 #canvas {
 	z-index: 2;
 	background: transparent;  /* Don't block background color */
@@ -2415,7 +2420,7 @@ h4, h5, h6, strong {
 
 @media (min-width: 901px) {
 	.rv-personality-toggle { display: none; }
-	.rv-personality-collapsible { display: contents; }
+	.rv-personality-collapsible { display: flex; flex-direction: column; gap: 0.5rem; }
 }
 
 .rv-panel-title { font-size: 1.1rem; font-weight: 700; }