The page reports its errors and playback timings, and its requests carry a trace (#190)

Nothing the page did in the browser reached the logs: a DeadAir playback
failure on the phone was a toast and nothing more. POST /api/client takes
page errors, unhandled rejections, hls.js and media errors, the time from
play to sound and the length of a stall, and logs them as ev lines under
ipx::client, inside the request's span. Only those kinds are taken, the
text cut to 500 characters, and the page sends each at most once a minute.

The page's API requests send traceparent, a new trace id for each tap or
key, and the server's request span takes it as its parent, so one action's
requests are one trace in Tempo, the report included. The stub DOM the
smoke and native-bridge tests run in gains crypto and performance, which
every browser the page runs in has.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

tests/dom-stub.js

@@ -47,7 +47,7 @@ function makeContext(html, script, { media = false } = {}) {
   };
 
   const ctx = {
-    document, console,
+    document, console, crypto: require("crypto").webcrypto, performance,
     window: { isSecureContext: false, addEventListener(){} },
     localStorage: { getItem: () => null, setItem(){}, removeItem(){} },
     navigator: { clipboard: undefined, sendBeacon(){}, mediaSession: undefined },

tests/ui/app.spec.js

@@ -1804,8 +1804,14 @@ test('DeadAir is off until turned on for a show, then plays it shortened, with y
 
   // Played through DeadAir's playlist (#181), by hls.js in Chromium, with the switch beside the
   // speed pressed. The element's own src is then hls.js's blob: address.
+  // How long it took to start goes to the server's log, under the trace of the tap (#190).
+  const started = page.waitForRequest(r => r.url().endsWith('/api/client') && r.postDataJSON()?.ev === 'play_start');
   await row.locator('[data-a=play]').click();
   await expect.poll(() => page.evaluate(() => player.src)).toMatch(/\/deadair\.m3u8$/);
+  const report = await started;
+  expect(report.postDataJSON()).toMatchObject({ deadair: true });
+  expect(report.postDataJSON().ms).toBeGreaterThan(0);
+  expect(report.headers().traceparent).toMatch(/^00-[0-9a-f]{32}-[0-9a-f]{16}-01$/);
   await expect.poll(() => page.evaluate(() => document.querySelector('#audio').currentTime), { timeout: 15_000 }).toBeGreaterThan(0.5);
   await expect(page.locator('#pdead')).toHaveAttribute('aria-pressed', 'true');
   // Off from the player: the original, from the same place.