Update webpage

examples/webpage/README.md

@@ -6,7 +6,8 @@ A self-contained browser client for the engine's product websocket
 ## Features
 
 - **Connect / Disconnect** to any `ws://` or `wss://` URL.
-- **Mic on/off toggle** — getUserMedia is requested with
+- **Microphone selector + mic on/off toggle** — available input devices
+  are listed with `enumerateDevices`, and getUserMedia is requested with
   `echoCancellation`, `noiseSuppression`, and `autoGainControl` so the
   browser handles AEC against the bot's voice.
 - **Text composer** — type a message and press <kbd>Enter</kbd> to send
@@ -17,6 +18,8 @@ A self-contained browser client for the engine's product websocket
   (assistant — deltas arrive ahead of the synthesized audio), and locally
   for text you submit (the engine doesn't echo text input back as a
   transcript).
+- **WebSocket log** panel for connection state and compact send/receive
+  events. Audio chunks are summarized so the UI does not flood.
 - **Gapless TTS playback** by scheduling each `response.audio.delta`
   chunk back-to-back on the AudioContext.
 - **Live VU meter** + mic and bot activity indicators.
@@ -56,8 +59,9 @@ examples/webpage/
 
 3. Open <http://localhost:8080> in Chrome, Edge, or Safari.
    - Click **Connect** (uses `ws://127.0.0.1:8001/ws-product` by default).
-   - Click **Enable mic** and start speaking. The browser will prompt
-     for microphone access on first use.
+   - Pick a microphone if needed, click **Enable mic**, and start
+     speaking. The browser will prompt for microphone access on first
+     use. Device names may appear only after permission is granted.
 
 > The browser's mic API requires a secure context. `http://localhost`
 > qualifies; if you serve from another host, use HTTPS and a `wss://`