show mic status (2)

app/static/index.html

@@ -201,6 +201,8 @@
           model: modelSelect.value,
           precision: precisionSelect.value
         }));
+      } else {
+        console.warn("WebSocket not open yet. Cannot send config.");
       }
     }
 
@@ -215,21 +217,28 @@
 
       updateModelInfo();
       
-      // Open WebSocket after mic ready
-      ws = new WebSocket(`ws://${location.host}/ws`);
+      // Now that we know the sample rate, open the WS
+      ws = new WebSocket(`wss://${location.host}/ws`);
       ws.onopen = () => sendConfig();
       ws.onerror = err => console.error("WebSocket error:", err);
       ws.onclose = () => console.log("WebSocket closed");
       ws.onmessage = e => {
         const msg = JSON.parse(e.data);
-        if (msg.volume !== undefined) vol.value = Math.min(msg.volume * 20.0, 1.0);
+        if (msg.volume !== undefined) {
+          vol.value = Math.min(msg.volume * 20.0, 1.0);
+        }
         if (msg.partial) {
+          // replace content…
           transcript.textContent = msg.partial;
+          // …then scroll to bottom
           transcript.scrollTop = transcript.scrollHeight;
         }
       };
 
-      modelSelect.addEventListener("change", () => { updateModelInfo(); sendConfig(); });
+      modelSelect.addEventListener("change", () => {
+        updateModelInfo();
+        sendConfig();
+      });
       precisionSelect.addEventListener("change", sendConfig);
 
       const source = context.createMediaStreamSource(stream);