diff --git a/Cargo.lock b/Cargo.lock
index 875b98f..ccf28ce 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -1105,6 +1105,7 @@ dependencies = [
  "wasm-bindgen",
  "wasm-bindgen-futures",
  "wasm-bindgen-test",
+ "web-sys",
 ]
 
 [[package]]
@@ -1837,9 +1838,9 @@ checksum = "13c2bddecc57b384dee18652358fb23172facb8a2c51ccc10d74c157bdea3292"
 
 [[package]]
 name = "syn"
-version = "2.0.118"
+version = "2.0.119"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1b9ae57f904213ebb649ce6895b8a66c66f0203b9319718f69a5612a065b1422"
+checksum = "872831b642d1a07999a962a351ed35b955ea2cfc8f3862091e2a240a84f17297"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -2185,6 +2186,16 @@ version = "0.2.126"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "c31d56021e873866c968588ed85ccdf56db5c426e44afdb4618c39895104b920"
 
+[[package]]
+name = "web-sys"
+version = "0.3.103"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8622dcb61c0bcc9fffa6938bed81210af2da9a7e4a1a834b2e37a59b6dfb6141"
+dependencies = [
+ "js-sys",
+ "wasm-bindgen",
+]
+
 [[package]]
 name = "web-time"
 version = "1.1.0"
diff --git a/example/server/src/main.rs b/example/server/src/main.rs
index 4ccd627..0cb82db 100644
--- a/example/server/src/main.rs
+++ b/example/server/src/main.rs
@@ -8,6 +8,7 @@ use mtp::type_map::TypeMap;
 use std::future::Future;
 use std::path::Path;
 use std::pin::Pin;
+use std::sync::Arc;
 
 fn dev_cert_paths() -> (String, String) {
     let cert = std::env::var("MTP_DEV_CERT").unwrap_or_else(|_| {
@@ -41,13 +42,6 @@ async fn handle_pipe_loopback(
     let mut reader = req.accept().await?;
     println!("  [loopback] Pipe {pipe_id} accepted, reading data ...");
 
-    let mut buf = Vec::new();
-    tokio::io::AsyncReadExt::read_to_end(&mut reader, &mut buf).await?;
-    println!(
-        "  [loopback] Pipe {pipe_id} read {} bytes, creating return pipe ...",
-        buf.len()
-    );
-
     let handle = conn.create_pipe("loopback").await?;
     println!(
         "  [loopback] Return pipe created (id={}), waiting for client ...",
@@ -56,16 +50,19 @@ async fn handle_pipe_loopback(
 
     match handle.wait().await? {
         Some(mut writer) => {
-            println!(
-                "  [loopback] Client accepted return pipe, writing {} bytes ...",
-                buf.len()
-            );
-            tokio::io::AsyncWriteExt::write_all(&mut writer, &buf).await?;
+            println!("  [loopback] Client accepted return pipe, echoing incoming bytes ...");
+            let mut total = 0usize;
+            let mut buf = [0u8; 16 * 1024];
+            loop {
+                let n = tokio::io::AsyncReadExt::read(&mut reader, &mut buf).await?;
+                if n == 0 {
+                    break;
+                }
+                total += n;
+                tokio::io::AsyncWriteExt::write_all(&mut writer, &buf[..n]).await?;
+            }
             writer.finish().await?;
-            println!(
-                "  [loopback] Pipe {pipe_id} loopback complete ({} bytes)",
-                buf.len()
-            );
+            println!("  [loopback] Pipe {pipe_id} loopback complete ({} bytes)", total);
         }
         None => {
             eprintln!("  [loopback] Return pipe denied by client for pipe {pipe_id}");
@@ -86,8 +83,10 @@ async fn main() -> Result<(), Box<dyn std::error::Error>> {
     let (_host_id, host_keyring) = keys::load_or_generate_host_keys("host.mk")?;
     keys::export_host_public_keys(&host_keyring)?;
 
-    let decrypt_keyring = mtp::crypto::Keyring::from_bytes(&host_keyring.to_bytes())
-        .expect("re-load host keyring for decryption");
+    let decrypt_keyring = Arc::new(
+        mtp::crypto::Keyring::from_bytes(&host_keyring.to_bytes())
+            .expect("re-load host keyring for decryption"),
+    );
 
     let (clients, next_id) = clients::load_client_db("clients.json")?;
 
@@ -152,61 +151,64 @@ async fn main() -> Result<(), Box<dyn std::error::Error>> {
     println!("Server listening on {}", host.local_addr());
 
     while let Some(conn) = host.accept().await? {
-        let desc = conn.description.as_deref().unwrap_or("(no description)");
-        println!(
-            "\n--- New connection (version {}, description: {desc}) ---",
-            conn.version
-        );
-        println!("Client ID: {}", conn.client_id);
+        let decrypt_keyring = Arc::clone(&decrypt_keyring);
+        tokio::spawn(async move {
+            let desc = conn.description.as_deref().unwrap_or("(no description)");
+            println!(
+                "\n--- New connection (version {}, description: {desc}) ---",
+                conn.version
+            );
+            println!("Client ID: {}", conn.client_id);
 
-        let tm: &TypeMap = conn.codec.registry().get(&conn.version).unwrap();
+            let tm: &TypeMap = conn.codec.registry().get(&conn.version).unwrap();
 
-        println!("Waiting for messages / pipe requests ...");
-        loop {
-            tokio::select! {
-                biased;
+            println!("Waiting for messages / pipe requests ...");
+            loop {
+                tokio::select! {
+                    biased;
 
-                pipe_req = conn.receive_pipe() => {
-                    match pipe_req {
-                        Ok(req) => {
-                            println!("  Pipe request: id={} desc={:?}", req.id(), req.description());
-                            if let Err(e) = handle_pipe_loopback(&conn, req).await {
-                                eprintln!("  Pipe loopback error: {e}");
+                    pipe_req = conn.receive_pipe() => {
+                        match pipe_req {
+                            Ok(req) => {
+                                println!("  Pipe request: id={} desc={:?}", req.id(), req.description());
+                                if let Err(e) = handle_pipe_loopback(&conn, req).await {
+                                    eprintln!("  Pipe loopback error: {e}");
+                                }
                             }
-                        }
-                        Err(e) => {
-                            println!("Pipe channel closed: {e}");
-                            break;
-                        }
-                    }
-                }
-                msg = conn.receive() => {
-                    match msg {
-                        Ok(msg) => {
-                            println!("Received: {msg}");
-                            let response = handlers::process_and_respond(
-                                &msg,
-                                tm,
-                                conn.client_public_key.as_ref(),
-                                &decrypt_keyring,
-                            );
-                            println!("Sending: {response}");
-                            if let Err(e) = conn.sender.send(&response).await {
-                                eprintln!("Send error: {e}");
+                            Err(e) => {
+                                println!("Pipe channel closed: {e}");
                                 break;
                             }
                         }
-                        Err(e) => {
-                            println!("Connection ended: {e}");
-                            break;
+                    }
+                    msg = conn.receive() => {
+                        match msg {
+                            Ok(msg) => {
+                                println!("Received: {msg}");
+                                let response = handlers::process_and_respond(
+                                    &msg,
+                                    tm,
+                                    conn.client_public_key.as_ref(),
+                                    &decrypt_keyring,
+                                );
+                                println!("Sending: {response}");
+                                if let Err(e) = conn.sender.send(&response).await {
+                                    eprintln!("Send error: {e}");
+                                    break;
+                                }
+                            }
+                            Err(e) => {
+                                println!("Connection ended: {e}");
+                                break;
+                            }
                         }
                     }
                 }
             }
-        }
 
-        conn.sender.close();
-        println!("Connection closed\n");
+            conn.sender.close();
+            println!("Connection closed\n");
+        });
     }
 
     Ok(())
diff --git a/example/web-client/index.html b/example/web-client/index.html
index 941b59e..f2fadda 100644
--- a/example/web-client/index.html
+++ b/example/web-client/index.html
@@ -51,7 +51,7 @@
     <body>
         <h1>MTP WebTransport Client</h1>
         <label for="server-url">Server URL</label>
-        <input id="server-url" value="https://localhost:8080" />
+        <input id="server-url" value="https://127.0.0.1:8080" />
 
         <label for="host-public-key">Host public key bundle hex</label>
         <textarea
@@ -82,6 +82,11 @@
         </div>
         <div id="pipe-status"></div>
 
+        <hr />
+        <h2>Metrics</h2>
+        <div id="metrics"></div>
+
+        <hr />
         <div id="key-status">Initializing...</div>
         <div id="status"></div>
         <script type="module" src="/src/main.ts"></script>
diff --git a/example/web-client/src/main.ts b/example/web-client/src/main.ts
index 93d4224..e1979d0 100644
--- a/example/web-client/src/main.ts
+++ b/example/web-client/src/main.ts
@@ -3,6 +3,7 @@ import type {
   MTPCredentialStorage,
   MTPLogEvent,
   MTPPipeReader,
+  MTPPipeWriter,
   ParsedFrame,
 } from "mtp";
 
@@ -23,6 +24,7 @@ const CLEAR_KEYS = document.getElementById("clear-keys") as HTMLButtonElement;
 const STREAM_MIC = document.getElementById("stream-mic") as HTMLButtonElement;
 const STOP_MIC = document.getElementById("stop-mic") as HTMLButtonElement;
 const PIPE_STATUS = document.getElementById("pipe-status")!;
+const METRICS = document.getElementById("metrics")!;
 
 const CREDENTIALS_KEY = "mtp-web-client-credentials";
 const HOST_PUBLIC_KEY_KEY = "mtp-web-client-host-public-key";
@@ -41,8 +43,18 @@ let activeClient: ReturnType<typeof createClient> extends Promise<infer T>
   : never;
 let micStream: MediaStream | null = null;
 let mediaRecorder: MediaRecorder | null = null;
+let activePipeWriter: MTPPipeWriter | null = null;
 let pipeSendCount = 0;
 let pendingPipeReaders: MTPPipeReader[] = [];
+let audioContext: AudioContext | null = null;
+let micMonitorAudio: HTMLAudioElement | null = null;
+let currentPipePingMs: number | null = null;
+let lastPipeSendStartedAt = 0;
+let currentPipeId: number | null = null;
+let currentPipeDescription = "";
+let currentPipeState = "idle";
+let loopbackPlaybackCount = 0;
+let hasPipeRequestHandler = false;
 
 const credentialStorage: MTPCredentialStorage = {
   getItem: (key) => localStorage.getItem(key),
@@ -61,7 +73,126 @@ function pipeLog(msg: string, cls = "pipe") {
   const line = document.createElement("div");
   line.textContent = msg;
   if (cls) line.className = cls;
-  PIPE_STATUS.appendChild(line);
+  PIPE_STATUS.prepend(line);
+}
+
+function setMetric(name: string, value: string) {
+  const row = document.querySelector(`[data-metric="${name}"]`);
+  if (row) {
+    row.querySelector<HTMLElement>(".metric-value")!.textContent = value;
+    return;
+  }
+
+  const wrapper = document.createElement("div");
+  wrapper.dataset.metric = name;
+  wrapper.innerHTML = `<span class="metric-name"></span>: <span class="metric-value"></span>`;
+  wrapper.querySelector<HTMLElement>(".metric-name")!.textContent = name;
+  wrapper.querySelector<HTMLElement>(".metric-value")!.textContent = value;
+  METRICS.appendChild(wrapper);
+}
+
+function updateMetrics() {
+  setMetric(
+    "Current Pipe",
+    currentPipeId == null ? "none" : String(currentPipeId),
+  );
+  setMetric("Pipe State", currentPipeState);
+  setMetric("Pipe Description", currentPipeDescription || "n/a");
+  setMetric(
+    "Current Pipe Ping",
+    currentPipePingMs == null ? "n/a" : `${currentPipePingMs.toFixed(1)} ms`,
+  );
+  setMetric("Loopback Playback", String(loopbackPlaybackCount));
+  setMetric("Sent Chunks", String(pipeSendCount));
+}
+
+function setPipeState(
+  state: string,
+  details: Partial<{
+    pipeId: number | null;
+    description: string;
+    pingMs: number | null;
+  }>,
+) {
+  if ("pipeId" in details) currentPipeId = details.pipeId ?? null;
+  if ("description" in details)
+    currentPipeDescription = details.description ?? "";
+  if ("pingMs" in details)
+    currentPipePingMs = details.pingMs ?? currentPipePingMs;
+  currentPipeState = state;
+  updateMetrics();
+}
+
+function getPipeId(handle: unknown): number | null {
+  if (handle && typeof handle === "object") {
+    const candidate = handle as Record<string, unknown>;
+    const value =
+      candidate.pipeId ??
+      candidate.pipe_id ??
+      candidate["pipe-id"] ??
+      candidate.id;
+    if (typeof value === "number" && Number.isFinite(value)) {
+      return value;
+    }
+  }
+  return null;
+}
+
+function ensureAudioContext() {
+  if (!audioContext) {
+    audioContext = new AudioContext();
+  }
+  return audioContext;
+}
+
+async function playLoopbackAudio(chunks: BlobPart[], mimeType: string) {
+  if (chunks.length === 0) return;
+  const blob = new Blob(chunks, { type: mimeType });
+  const url = URL.createObjectURL(blob);
+  const audio = new Audio(url);
+  audio.autoplay = true;
+  audio.onended = () => URL.revokeObjectURL(url);
+  audio.onerror = () => URL.revokeObjectURL(url);
+  try {
+    await ensureAudioContext().resume();
+    await audio.play();
+    loopbackPlaybackCount += 1;
+    updateMetrics();
+    pipeLog(`Loopback playback started (${chunks.length} chunks).`);
+  } catch (e) {
+    URL.revokeObjectURL(url);
+    pipeLog(`Loopback playback failed: ${e}`, "error");
+  }
+}
+
+async function startMicPlayback(stream: MediaStream) {
+  if (micMonitorAudio) {
+    micMonitorAudio.pause();
+    micMonitorAudio.srcObject = null;
+    micMonitorAudio = null;
+  }
+
+  const audio = new Audio();
+  audio.autoplay = true;
+  audio.controls = false;
+  audio.muted = false;
+  audio.srcObject = stream;
+  micMonitorAudio = audio;
+
+  try {
+    await ensureAudioContext().resume();
+    await audio.play();
+    pipeLog("Microphone monitoring playback started.");
+  } catch (e) {
+    pipeLog(`Microphone monitoring playback failed: ${e}`, "error");
+  }
+}
+
+function stopMicPlayback() {
+  if (!micMonitorAudio) return;
+  micMonitorAudio.pause();
+  micMonitorAudio.srcObject = null;
+  micMonitorAudio = null;
 }
 
 function renderStructured(value: unknown): string {
@@ -297,6 +428,7 @@ async function connect() {
     log("\nClient running. Waiting for incoming messages...");
     STREAM_MIC.disabled = false;
     log("\nPipe demo ready. Click 'Stream Microphone' to start.", "pipe");
+    updateMetrics();
   } catch (error) {
     log(`[error] ${error}`, "error");
   }
@@ -317,35 +449,52 @@ async function startMicStreaming() {
 
   STREAM_MIC.disabled = true;
   STOP_MIC.disabled = false;
+  setPipeState("creating", { pipeId: null, description: "mic-audio" });
   pipeLog("Microphone acquired. Creating pipe ...");
+  await startMicPlayback(micStream);
+
+  if (!hasPipeRequestHandler) {
+    activeClient.setOnPipeRequest(async (request) => {
+      pipeLog(
+        `Incoming return pipe: id=${request.pipeId} desc=${request.description}`,
+      );
+      try {
+        const reader = await activeClient!.acceptPipe(request.pipeId);
+        pendingPipeReaders.push(reader);
+        pipeLog(
+          `Pipe accepted. Streaming return pipe (pipe id=${getPipeId(reader) ?? "unknown"}) ...`,
+        );
+        readLoopbackPipe(reader);
+      } catch (e) {
+        pipeLog(`Failed to accept return pipe: ${e}`, "error");
+      }
+    });
+    hasPipeRequestHandler = true;
+  }
 
   const handle = await activeClient.createPipe("mic-audio");
+  const pipeId = getPipeId(handle);
+  setPipeState("waiting-for-accept", { pipeId, description: "mic-audio" });
   pipeLog(
-    `Pipe created (id=${handle.pipeId}). Waiting for server to accept ...`,
+    `Pipe created (id=${pipeId ?? "unknown"}). Waiting for server to accept ...`,
   );
 
-  // Handle incoming pipe requests from the server (loopback return pipes)
-  activeClient.setOnPipeRequest(async (request) => {
-    pipeLog(
-      `Incoming return pipe: id=${request.pipeId} desc=${request.description}`,
-    );
-    try {
-      const reader = await activeClient!.acceptPipe(request.pipeId);
-      pendingPipeReaders.push(reader);
-      readLoopbackPipe(reader);
-    } catch (e) {
-      pipeLog(`Failed to accept return pipe: ${e}`, "error");
-    }
-  });
-
   const writer = await handle.wait();
   if (!writer) {
+    setPipeState("denied", { pipeId, description: "mic-audio" });
     pipeLog("Pipe denied by server.", "error");
     stopMicStreaming();
     return;
   }
+  activePipeWriter = writer;
 
-  pipeLog(`Pipe accepted. Streaming microphone (pipe id=${writer.pipeId}) ...`);
+  setPipeState("streaming", {
+    pipeId: getPipeId(writer) ?? pipeId,
+    description: "mic-audio",
+  });
+  pipeLog(
+    `Pipe accepted. Streaming microphone (pipe id=${getPipeId(writer) ?? pipeId ?? "unknown"}) ...`,
+  );
 
   // Stream microphone audio via MediaRecorder
   const mimeType = MediaRecorder.isTypeSupported("audio/webm;codecs=opus")
@@ -361,18 +510,19 @@ async function startMicStreaming() {
     const chunkNum = pipeSendCount;
 
     try {
+      lastPipeSendStartedAt = performance.now();
       const buffer = await event.data.arrayBuffer();
       const data = new Uint8Array(buffer);
       await writer.write(data);
-      pipeLog(
-        `  [chunk ${chunkNum}] sent ${data.length} bytes (${(performance.now() - startTime).toFixed(1)}ms write)`,
-      );
+      currentPipePingMs = performance.now() - lastPipeSendStartedAt;
+      updateMetrics();
     } catch (e) {
       pipeLog(`  [chunk ${chunkNum}] send error: ${e}`, "error");
     }
   };
 
   mediaRecorder.start(200); // emit data every 200ms
+  updateMetrics();
   pipeLog("Streaming started (200ms chunks).");
 }
 
@@ -380,6 +530,10 @@ async function readLoopbackPipe(reader: MTPPipeReader) {
   const startTime = performance.now();
   let totalBytes = 0;
   let chunkCount = 0;
+  const chunks: BlobPart[] = [];
+  const mimeType = MediaRecorder.isTypeSupported("audio/webm;codecs=opus")
+    ? "audio/webm;codecs=opus"
+    : "audio/webm";
 
   try {
     while (true) {
@@ -387,6 +541,7 @@ async function readLoopbackPipe(reader: MTPPipeReader) {
       if (data == null) break; // EOF
       totalBytes += data.length;
       chunkCount++;
+      chunks.push(data.slice().buffer);
     }
   } catch (e) {
     pipeLog(`  Return pipe read error: ${e}`, "error");
@@ -398,6 +553,8 @@ async function readLoopbackPipe(reader: MTPPipeReader) {
     `  Return pipe complete: ${chunkCount} chunks, ${totalBytes} bytes, ` +
       `delay=${elapsed.toFixed(1)}ms`,
   );
+  setPipeState("loopback-ready", { pingMs: elapsed });
+  await playLoopbackAudio(chunks, mimeType);
 
   // Clean up the reader from the pending list
   const idx = pendingPipeReaders.indexOf(reader);
@@ -410,13 +567,28 @@ async function stopMicStreaming() {
     mediaRecorder = null;
   }
 
+  if (activePipeWriter) {
+    try {
+      await activePipeWriter.close();
+    } catch (e) {
+      pipeLog(`Pipe close error: ${e}`, "error");
+    } finally {
+      activePipeWriter = null;
+    }
+  }
+
   if (micStream) {
     micStream.getTracks().forEach((track) => track.stop());
     micStream = null;
   }
+  stopMicPlayback();
 
   // Close pending pipe readers
   pendingPipeReaders = [];
+  setPipeState("stopped", {
+    pipeId: currentPipeId,
+    description: currentPipeDescription,
+  });
 
   STREAM_MIC.disabled = false;
   STOP_MIC.disabled = true;
@@ -480,3 +652,5 @@ initWasm()
     log(`Fatal error: ${e}`, "error");
     console.error(e);
   });
+
+updateMetrics();
diff --git a/host/src/lib.rs b/host/src/lib.rs
index 3f51b3d..5e2d541 100644
--- a/host/src/lib.rs
+++ b/host/src/lib.rs
@@ -169,9 +169,18 @@ async fn run_dispatcher(
     loop {
         match receiver.receive_event().await {
             Ok(mtp_transport::TransportEvent::Message(msg)) => {
+                println!(
+                    "Dispatcher message: type={} id={}",
+                    msg.get_type(),
+                    msg.get_id()
+                );
                 if msg.get_type() == pipe_req_type {
                     let pipe_id = msg.get_id();
                     let description = msg.get_str(DataType::Description).unwrap_or("").to_string();
+                    println!(
+                        "Dispatcher classified PipeRequest: id={} description={:?}",
+                        pipe_id, description
+                    );
                     let req = PipeRequest {
                         pipe_id,
                         description,
@@ -185,6 +194,10 @@ async fn run_dispatcher(
                 if msg.get_type() == pipe_resp_type {
                     let pipe_id = msg.get_id();
                     let accepted = msg.get_bool(DataType::Accepted).unwrap_or(false);
+                    println!(
+                        "Dispatcher classified PipeResponse: id={} accepted={}",
+                        pipe_id, accepted
+                    );
                     let mut pending = dispatcher.pending_creations.lock().await;
                     if let Some(tx) = pending.remove(&pipe_id) {
                         let _ = tx.send(Ok(accepted));
@@ -198,10 +211,28 @@ async fn run_dispatcher(
             }
             Ok(mtp_transport::TransportEvent::Pipe(reader)) => {
                 let pipe_id = reader.pipe_id();
+                println!(
+                    "Dispatcher pipe stream: id={} description={:?}",
+                    pipe_id,
+                    reader.description()
+                );
                 let mut pending = dispatcher.pending_pipes.lock().await;
                 if let Some(tx) = pending.remove(&pipe_id) {
                     let _ = tx.send(reader);
+                    continue;
                 }
+
+                // The WebTransport client opens the pipe request on a fresh stream.
+                // That stream arrives here as a pipe event, not a message event, so we
+                // reconstruct the host-side PipeRequest here and hand it to receive_pipe().
+                println!("Dispatcher treating pipe stream as PipeRequest: id={}", pipe_id);
+                let req = PipeRequest {
+                    pipe_id,
+                    description: reader.description().to_string(),
+                    sender: sender.clone(),
+                    dispatcher: dispatcher.clone(),
+                };
+                let _ = pipe_req_tx.send(req).await;
             }
             Err(e) => {
                 if app_tx.send(Err(e)).await.is_err() {
diff --git a/transport/src/host.rs b/transport/src/host.rs
index 2198770..ddc74ce 100644
--- a/transport/src/host.rs
+++ b/transport/src/host.rs
@@ -101,8 +101,7 @@ pub async fn host(
             };
 
             let incoming_tx = incoming_tx.clone();
-            let policy = policy.clone();
-            tokio::spawn(handle_connection(connection, incoming_tx, policy));
+            tokio::spawn(handle_connection(connection, incoming_tx, policy.clone()));
         }
     });
 
diff --git a/transport/tests/integration.rs b/transport/tests/integration.rs
index 326bcea..d9551d4 100644
--- a/transport/tests/integration.rs
+++ b/transport/tests/integration.rs
@@ -228,7 +228,7 @@ async fn test_receiver_backpressure_with_small_queue() {
     let mut h = start_test_host(cert_pem.clone(), key_pem).await;
     let url = format!("https://127.0.0.1:{}", h.local_addr().port());
     let policy = Policy::default().with_receiver_queue_capacity(1);
-    let (client_tx, client_rx) = connect(&url, Some(cert_pem), policy.clone()).await.unwrap();
+    let (client_tx, client_rx) = connect(&url, Some(cert_pem), policy).await.unwrap();
     let (_host_tx, host_rx) = h.next().await.unwrap();
 
     let tm = TypeMap::latest();
diff --git a/wasm/Cargo.toml b/wasm/Cargo.toml
index 081d308..5dc3c82 100644
--- a/wasm/Cargo.toml
+++ b/wasm/Cargo.toml
@@ -13,6 +13,7 @@ crate-type = ["cdylib"]
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 js-sys = "0.3"
+web-sys = { version = "0.3", features = ["console"] }
 futures-channel = "0.3"
 console_error_panic_hook = "0.1"
 
diff --git a/wasm/src/client.rs b/wasm/src/client.rs
index f186960..197e060 100644
--- a/wasm/src/client.rs
+++ b/wasm/src/client.rs
@@ -797,7 +797,18 @@ impl WasmClient {
         let request_bytes = request
             .to_bytes()
             .map_err(|e| js_error(&format!("encode failed: {}", e)))?;
+        web_sys::console::log_1(
+            &format!(
+                "[mtp wasm] create_pipe sending PipeRequest id={} description={description} bytes={}",
+                pipe_id,
+                request_bytes.len()
+            )
+            .into(),
+        );
         transport.send_frame(&request_bytes).await?;
+        web_sys::console::log_1(
+            &format!("[mtp wasm] create_pipe sent PipeRequest id={pipe_id}").into(),
+        );
 
         Ok(WasmPipeHandle {
             pipe_id,
@@ -824,7 +835,13 @@ impl WasmClient {
         let resp_bytes = resp
             .to_bytes()
             .map_err(|e| js_error(&format!("encode failed: {}", e)))?;
+        web_sys::console::log_1(
+            &format!("[mtp wasm] accept_pipe sending PipeResponse id={pipe_id} accepted=true bytes={}", resp_bytes.len()).into(),
+        );
         transport.send_frame(&resp_bytes).await?;
+        web_sys::console::log_1(
+            &format!("[mtp wasm] accept_pipe sent PipeResponse id={pipe_id}").into(),
+        );
 
         let (tx, rx) = oneshot::channel();
         self.pending_pipes.borrow_mut().insert(pipe_id, tx);
diff --git a/wasm/src/transport.rs b/wasm/src/transport.rs
index b0ff763..d068126 100644
--- a/wasm/src/transport.rs
+++ b/wasm/src/transport.rs
@@ -23,6 +23,12 @@ pub(crate) fn log_stream_error_code(error: &JsValue, context: &str) {
     let stream_error_code = js_sys::Reflect::get(error, &JsValue::from_str("streamErrorCode"))
         .ok()
         .and_then(|v| v.as_f64());
+    if matches!(stream_error_code, Some(0.0)) {
+        // WebTransport reports peer-driven stream shutdown as code 0 in this
+        // environment. For one-frame handshake streams, that is expected and
+        // should not be surfaced as a warning.
+        return;
+    }
     let message = error
         .as_string()
         .or_else(|| {
@@ -138,21 +144,24 @@ impl WasmTransport {
         if let Some(hashes) = cert_hashes {
             let wt_hashes = js_sys::Array::new();
             for h in hashes {
-                if let Some((algo, hex_val)) = h.split_once(':') {
-                    if let Ok(bytes) = hex::decode(hex_val) {
-                        let hash = js_sys::Object::new();
-                        js_sys::Reflect::set(
-                            &hash,
-                            &JsValue::from_str("algorithm"),
-                            &JsValue::from_str(algo),
-                        )?;
-                        js_sys::Reflect::set(
-                            &hash,
-                            &JsValue::from_str("value"),
-                            &js_sys::Uint8Array::from(&bytes[..]),
-                        )?;
-                        wt_hashes.push(&hash);
-                    }
+                let (algo, hex_val) = match h.split_once(':') {
+                    Some((algo, hex_val)) => (algo, hex_val),
+                    None => ("sha-256", h.as_str()),
+                };
+
+                if let Ok(bytes) = hex::decode(hex_val) {
+                    let hash = js_sys::Object::new();
+                    js_sys::Reflect::set(
+                        &hash,
+                        &JsValue::from_str("algorithm"),
+                        &JsValue::from_str(algo),
+                    )?;
+                    js_sys::Reflect::set(
+                        &hash,
+                        &JsValue::from_str("value"),
+                        &js_sys::Uint8Array::from(&bytes[..]),
+                    )?;
+                    wt_hashes.push(&hash);
                 }
             }
             if wt_hashes.length() > 0 {