From ef879c72dfbadac2a8ffff32730930c2028d9694 Mon Sep 17 00:00:00 2001
From: gterzian <2792687+gterzian@users.noreply.github.com>
Date: Fri, 24 Apr 2026 13:59:12 +0700
Subject: [PATCH 1/4] setup pages

Signed-off-by: gterzian <2792687+gterzian@users.noreply.github.com>
---
 docs/COMMAND_LINE_ARGS.md                     |   7 --
 docs/HACKING_QUICKSTART.md                    |   5 -
 docs/ORGANIZATION.md                          |   6 -
 docs/STYLE_GUIDE.md                           |   6 -
 docs/components/style.md                      |   6 -
 docs/components/webxr.md                      |   6 -
 docs/debugging.md                             |   6 -
 docs/glossary.md                              |   6 -
 docs/index.html                               |  28 +++++
 docs/media/avplayback.md                      | 104 ------------------
 docs/media/images/modular-routing1.png        | Bin 3259 -> 0 bytes
 docs/media/images/webaudiopipeline.png        | Bin 7623 -> 0 bytes
 .../media/images/webaudiopipeline_decoder.png | Bin 10594 -> 0 bytes
 docs/media/overview.md                        |  12 --
 docs/media/webaudio.md                        |  87 ---------------
 15 files changed, 28 insertions(+), 251 deletions(-)
 delete mode 100644 docs/COMMAND_LINE_ARGS.md
 delete mode 100644 docs/HACKING_QUICKSTART.md
 delete mode 100644 docs/ORGANIZATION.md
 delete mode 100644 docs/STYLE_GUIDE.md
 delete mode 100644 docs/components/style.md
 delete mode 100644 docs/components/webxr.md
 delete mode 100644 docs/debugging.md
 delete mode 100644 docs/glossary.md
 create mode 100644 docs/index.html
 delete mode 100644 docs/media/avplayback.md
 delete mode 100644 docs/media/images/modular-routing1.png
 delete mode 100644 docs/media/images/webaudiopipeline.png
 delete mode 100644 docs/media/images/webaudiopipeline_decoder.png
 delete mode 100644 docs/media/overview.md
 delete mode 100644 docs/media/webaudio.md

diff --git a/docs/COMMAND_LINE_ARGS.md b/docs/COMMAND_LINE_ARGS.md
deleted file mode 100644
index 80626fdf5fa..00000000000
--- a/docs/COMMAND_LINE_ARGS.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# Command line arguments
-
-Moved to the Servo book:
-
-- [Running servoshell](https://book.servo.org/running-servoshell.html)
-- Hacking on Servo
-  - [Running servoshell](https://book.servo.org/hacking/running-servoshell.html)
diff --git a/docs/HACKING_QUICKSTART.md b/docs/HACKING_QUICKSTART.md
deleted file mode 100644
index 94a247b128b..00000000000
--- a/docs/HACKING_QUICKSTART.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# Hacking Servo - Quickstart
-
-Moved to the Servo book:
-
-- [Hacking on Servo](https://book.servo.org/hacking/mach.html)
diff --git a/docs/ORGANIZATION.md b/docs/ORGANIZATION.md
deleted file mode 100644
index 4f955b33c2a..00000000000
--- a/docs/ORGANIZATION.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# Servo’s directory structure
-
-Moved to the Servo book:
-
-- Servo’s architecture
-  - [Directory structure](https://book.servo.org/architecture/directory-structure.html)
diff --git a/docs/STYLE_GUIDE.md b/docs/STYLE_GUIDE.md
deleted file mode 100644
index 8f011f5a64f..00000000000
--- a/docs/STYLE_GUIDE.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# Style Guide
-
-Moved to the Servo book:
-
-- Pre-book docs
-  - [docs/STYLE_GUIDE.md](https://book.servo.org/old/STYLE_GUIDE.html)
diff --git a/docs/components/style.md b/docs/components/style.md
deleted file mode 100644
index 6b63b9a96ba..00000000000
--- a/docs/components/style.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# Servo's style system overview
-
-Moved to the Servo book:
-
-- Servo’s architecture
-  - [Style](https://book.servo.org/architecture/style.html)
diff --git a/docs/components/webxr.md b/docs/components/webxr.md
deleted file mode 100644
index 85faba5e5d9..00000000000
--- a/docs/components/webxr.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# How WebXR works in Servo
-
-Moved to the Servo book:
-
-- Servo’s architecture
-  - [WebXR](https://book.servo.org/architecture/webxr.html)
diff --git a/docs/debugging.md b/docs/debugging.md
deleted file mode 100644
index ed93c46cd2d..00000000000
--- a/docs/debugging.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# Servo debugging guide
-
-Moved to the Servo book:
-
-- Hacking on Servo
-  - [Debugging](https://book.servo.org/hacking/debugging.html)
diff --git a/docs/glossary.md b/docs/glossary.md
deleted file mode 100644
index b6bea10a1f9..00000000000
--- a/docs/glossary.md
+++ /dev/null
@@ -1,6 +0,0 @@
-# Glossary
-
-Moved to the Servo book:
-
-- Pre-book docs
-  - [docs/glossary.md](https://book.servo.org/old/glossary.html)
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 00000000000..c10a5c0cfb1
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <title>Servo WebNN Conformance Report</title>
+    <style>
+      body {
+        font-family: system-ui, sans-serif;
+        margin: 0;
+        padding: 20px;
+        background: #f5f5f5;
+      }
+      .wrap {
+        max-width: 1200px;
+        margin: 0 auto;
+        background: white;
+        padding: 20px;
+        border-radius: 8px;
+      }
+    </style>
+  </head>
+  <body>
+    <main class="wrap">
+      <p>No report generated yet. Run <code>python scratchpad/runwpt2.py</code> to generate results.</p>
+    </main>
+  </body>
+</html>
\ No newline at end of file
diff --git a/docs/media/avplayback.md b/docs/media/avplayback.md
deleted file mode 100644
index 90e5235e394..00000000000
--- a/docs/media/avplayback.md
+++ /dev/null
@@ -1,104 +0,0 @@
-# A/V Playback through HTMLMediaElement
-
-Media elements are used to present audio and/or video data to the user. The [HTMLMediaElement](https://html.spec.whatwg.org/multipage/media.html#htmlmediaelement) interface adds to [HTMLElement](https://html.spec.whatwg.org/multipage/dom.html#htmlelement) the properties and methods needed to support basic media-related capabilities that are common to audio and video. The [HTMLVideoElement](https://html.spec.whatwg.org/multipage/media.html#htmlvideoelement) (`<video>`) and [HTMLAudioElement](https://html.spec.whatwg.org/multipage/media.html#htmlaudioelement) (`<audio>`) elements both inherit this interface.
-
-
-`servo-media` exposes a Rust `Player` API that provides audio and video playback capabilities and it is used by Servo to [implement](https://github.com/servo/servo/blob/7bfa9179319d714656e7184e5159ea42595086e5/components/script/dom/htmlmediaelement.rs#L1) the HTMLMediaElement API.
-```rust
-/*
-  This is an example of a very basic Player playing media from a file.
-  NOTE: Some boilerplate has been removed for simplicity.
-  Please, visit the examples folder for a more complete version.
-*/
-
-// Create Player instance
-let (sender, receiver) = ipc::channel().unwrap();
-let player = servo_media.create_player(
-    &ClientContextId::build(1, 1),
-    StreamType::Seekable,
-    sender,
-    None,
-    None,
-    Box::new(PlayerContextDummy()),
-);
-
-// Open file and set input size.
-let file = match File::open(&path)?;
-if let Ok(metadata) = file.metadata() {
-    player
-        .lock()
-        .unwrap()
-        .set_input_size(metadata.len())
-        .unwrap();
-}
-
-// Read from file and push buffers to the player.
-let player_clone = Arc::clone(&player);
-thread::spawn(move || {
-    let player = &player_clone;
-    let mut buf_reader = BufReader::new(file);
-    let mut buffer = [0; 1024];
-    let mut read = |offset| {
-        match buf_reader.read(&mut buffer[..]) {
-            Ok(0) => {
-                println!("Finished pushing data");
-                break;
-            }
-            Ok(size) => player
-                .lock()
-                .unwrap()
-                .push_data(Vec::from(&buffer[0..size]))
-                .unwrap(),
-            Err(e) => {
-                eprintln!("Error: {}", e);
-                break;
-            }
-        }
-    };
-});
-
-// Start playing.
-player.lock().unwrap().play().unwrap();
-
-// Listen for Player events.
-while let Ok(event) = receiver.recv() {
-    match event {
-        PlayerEvent::EndOfStream => {
-            println!("\nEOF");
-            break;
-        }
-        PlayerEvent::Error(ref s) => {
-            println!("\nError {:?}", s);
-            break;
-        }
-        PlayerEvent::MetadataUpdated(ref m) => {
-            println!("\nMetadata updated! {:?}", m);
-        }
-        PlayerEvent::DurationChanged(d) => {
-            println!("\nDuration changed! {:?}", d);
-        },
-        PlayerEvent::StateChanged(ref s) => {
-            println!("\nPlayer state changed to {:?}", s);
-        }
-        PlayerEvent::VideoFrameUpdated => eprint!("."),
-        PlayerEvent::PositionChanged(p) => {}
-        PlayerEvent::SeekData(_, _) => {}
-        PlayerEvent::SeekDone(_) => {},
-        PlayerEvent::NeedData => println!("\nNeedData"),
-        PlayerEvent::EnoughData => println!("\nEnoughData"),
-    }
-}
-```
-
-## Implementation
-The entry point of the media player implementation is the [ServoMedia.create_player()](https://github.com/servo/media/blob/b64b86b727ade722eaf571e65ff678364b69fc08/servo-media/lib.rs#L34) method that, among others, takes as argument an `IpcSender<PlayerEvent>` to get events from the `Player` instance, and shared references to instances of [VideoFrameRenderer](https://github.com/servo/media/blob/main/player/video.rs#L71) and [AudioFrameRenderer](https://github.com/servo/media/blob/b64b86b727ade722eaf571e65ff678364b69fc08/player/audio.rs#L1) that will receive the video and audio frames respectively as they are produced by the media player.
-
-Backends are required to implement the [Player](https://github.com/servo/media/blob/main/player/lib.rs#L92) trait, which exposes a basic API to control a/v playback.
-
-The media player implementation does not deal with fetching the media data from any source. That task is left to the client. The `Player` trait exposes a [push_data()](https://github.com/servo/media/blob/b64b86b727ade722eaf571e65ff678364b69fc08/player/lib.rs#L101) method that gets a buffer of media data. The code that deals with fetching the media data in Servo lives within the [HTMLMediaElement implementation](https://github.com/servo/servo/blob/7bfa9179319d714656e7184e5159ea42595086e5/components/script/dom/htmlmediaelement.rs#L900). As Servo fetches data from the network or from a file, it [feeds](https://github.com/servo/servo/blob/7bfa9179319d714656e7184e5159ea42595086e5/components/script/dom/htmlmediaelement.rs#L2702) the media backend with media buffers. The media player decodes the given media data and builds the audio and/or video frames to be rendered by Servo. In the case of video frames, `servo-media` outputs frames either as raw images, by default, or as GL textures, if hardware acceleration is available. [WebRender](https://github.com/servo/webrender) is responsible for [rendering](https://github.com/servo/servo/blob/b41f5f97f26895f874514ce88cb359d65915738c/components/layout/display_list/builder.rs#L1883) the images that `servo-media` [outputs](https://github.com/servo/servo/blob/7bfa9179319d714656e7184e5159ea42595086e5/components/script/dom/htmlmediaelement.rs#L179).
-
-The [GStreamer](https://github.com/servo/media/blob/main/backends/gstreamer/player.rs#L776) implementation is mostly a wrapper around [GstPlayer](https://gstreamer.freedesktop.org/documentation/player/gstplayer.html?gi-language=c), which is a very convenient media playback API that hides many of the complex GStreamer details. It is built on top of the [playbin](https://gstreamer.freedesktop.org/documentation/playback/playbin3.html?gi-language=c) element, which provides a stand-alone everything-in-one abstraction for an audio and/or video player and that dynamically builds the appropriate decoding pipeline for the given media content.
-
-### Hardware acceleration
-TODO
-
diff --git a/docs/media/images/modular-routing1.png b/docs/media/images/modular-routing1.png
deleted file mode 100644
index f63746e9277ea0983b014f5827452148c9286ebc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3259
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

diff --git a/docs/media/images/webaudiopipeline.png b/docs/media/images/webaudiopipeline.png
deleted file mode 100644
index d345387521c497faebe7bbdc2579b13bcc4d58f0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7623
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

diff --git a/docs/media/images/webaudiopipeline_decoder.png b/docs/media/images/webaudiopipeline_decoder.png
deleted file mode 100644
index 4889063490994c563cff964f1defe63a5bc04f38..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10594
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
D@5~b_

diff --git a/docs/media/overview.md b/docs/media/overview.md
deleted file mode 100644
index eaaa69baeff..00000000000
--- a/docs/media/overview.md
+++ /dev/null
@@ -1,12 +0,0 @@
- # Servo Media - Overview
-
- The `servo-media` crate contains the backend implementation to support all [Servo](https://github.com/servo/servo) multimedia related functionality. This is:
-  - the [HTMLMediaElement](https://html.spec.whatwg.org/multipage/media.html#htmlmediaelement) and the `<audio>` and `<video>` elements.
-  - the [WebAudio API](https://webaudio.github.io/web-audio-api).
-  - the [WebRTC API](https://w3c.github.io/webrtc-pc/).
-  - the [Media Capture and Streams APIs](https://w3c.github.io/mediacapture-main/#dom-mediadeviceinfo-groupid).
-
-`servo-media` is supposed to run properly on Linux, macOS, Windows and Android. Check the [build](https://github.com/servo/media/tree/f96c33b7374d5b9915b8bae8623723b2d23ec457#build) instructions for each specific platform.
-
-`servo-media` is built modularly from different crates and it provides an abstraction that allows the implementation of multiple media backends. For now, the only functional backend is [GStreamer](https://github.com/servo/media/tree/f96c33b7374d5b9915b8bae8623723b2d23ec457/backends/gstreamer). New backend implementations are required to implement the [Backend](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/servo-media/lib.rs#L33) trait. This trait is the public API that `servo-media` exposes to clients through the [ServoMedia](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/servo-media/lib.rs#L90) entry point. Check the [examples](https://github.com/servo/media/tree/f96c33b7374d5b9915b8bae8623723b2d23ec457/examples) folder to get a sense of how to use it effectively. Alternatively, you can also check how `servo-media` is integrated and used in [Servo](https://github.com/servo/servo). 
-
diff --git a/docs/media/webaudio.md b/docs/media/webaudio.md
deleted file mode 100644
index cd6c78bd587..00000000000
--- a/docs/media/webaudio.md
+++ /dev/null
@@ -1,87 +0,0 @@
-# WebAudio
-
-The [WebAudio API](https://webaudio.github.io/web-audio-api/) is a high-level JavaScript API for processing and synthesizing audio in web applications.
-
-WebAudio uses a [Modular Routing](https://webaudio.github.io/web-audio-api/#ModularRouting) based model for processing audio, that allows connecting multiple different [AudioNode](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/audio/node.rs#L122) inputs and/or outputs and make the audio flow through these connected nodes. In this model, nodes can be `sources` (no inputs and a single output), `destinations` (one input and no output) or `filters` (one or multiple inputs and outputs). The simplest example is a single source routed directly to the output.
-
-![Modular Routing](images/modular-routing1.png)
-
-In WebAudio everything happens within an [AudioContext](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/audio/context.rs#L105) instance that manages and plays all sounds to its single [AudioDestinationNode](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/audio/destination_node.rs#L6). The audio can be rendered to hardware or to a buffer, for example, through [OfflineAudioContext](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/audio/context.rs#L94). 
-
-The `servo-media` Rust API for WebAudio is deliverately close to the actual WebAudio JavaScript API.
-
-```rust
-/*
-  This is an example of a very basic WebAudio pipeline with an OscillatorNode connected to a GainNode.
-  ------------------------------------------------------------
-  |  AudioContext                                            |
-  |      OscillatorNode -> GainNode -> AudioDestinationNode  |
-  ------------------------------------------------------------
-  NOTE: Some boilerplate has been removed for simplicity.
-  Please, visit the examples folder for a more complete version.
-*/
-
-// Context creation.
-let context =
-  servo_media.create_audio_context(&ClientContextId::build(1, 1), Default::default());
-
-// Create and configure nodes.
-let osc = context.create_node(
-  AudioNodeInit::OscillatorNode(Default::default()),
-  Default::default(),
-).expect("Failed to create oscillator node");
-let mut options = GainNodeOptions::default();
-options.gain = 0.5;
-let gain = context.create_node(AudioNodeInit::GainNode(options), Default::default())
-  .expect("Failed to create gain node");
-
-// Connect nodes.
-let dest = context.dest_node();
-context.connect_ports(osc.output(0), gain.input(0));
-context.connect_ports(gain.output(0), dest.input(0));
-
-// Start playing.
-context.message_node(
-  osc,
-  AudioNodeMessage::AudioScheduledSourceNode(AudioScheduledSourceNodeMessage::Start(0.)),
-);
-```
-
-## Implementation
-
-### Threading model
-
-Following the [WebAudio API specification](https://webaudio.github.io/web-audio-api/#control-thread-and-rendering-thread), `servo-media` implements the concepts of [control thread](https://webaudio.github.io/web-audio-api/#control-thread) and [rendering thread](https://webaudio.github.io/web-audio-api/#rendering-thread).
-
-The `control thread` is the thread from which the `AudioContext` is instantiated and from which authors manipulate the audio graph. In Servo's case, this is the [script](https://github.com/servo/servo/blob/594ea14d5bd7b76d09b679fd0454165259ffbe7a/components/script/script_thread.rs#L5) thread.
-
-The `rendering thread` is where the magic and the actual audio processing happens. This thread keeps an [event loop](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/audio/render_thread.rs#L250) that listens and handles control messages coming from the `control thread` and the audio backend and processes the audio coming from the audio graph in blocks of 128 samples-frames called [render quantums](https://webaudio.github.io/web-audio-api/#render-quantum). For each spin of the loop, the [AudioRenderThread.process](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/audio/render_thread.rs#L233) method is called. This method internally runs a [DFS](https://en.wikipedia.org/wiki/Depth-first_search) traversal on the internal graph calling the [process](https://github.com/servo/media/blob/main/audio/node.rs#L126) method for each node. The resulting chunk of audio data is [pushed](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/audio/render_thread.rs#L337) to the audio sink.
-
-### Audio Playback
-
-WebAudio allows clients to render the processed audio to hardware or to an audio buffer. To abstract this behavior, `servo-media` exposes the [AudioSink](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/audio/sink.rs#L16) trait.
-
-For offline rendering to an audio buffer, there is an [OfflineAudioSink](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/audio/offline_sink.rs#L38) implementation of the `AudioSink` trait.
-
-For hardware rendering, the `AudioSink` trait is expected to be implemented by the media backends. For `GStreamer` the [implementation](https://github.com/servo/media/blob/2610789d1abfbe4443579021113c822ba05f34dc/backends/gstreamer/audio_sink.rs#L73) creates a simple audio pipeline as the following:
-
-![WebAudio Playback Pipeline](images/webaudiopipeline.png)
-
-The core piece of the audio sink is the initial [appsrc](https://gstreamer.freedesktop.org/documentation/applib/gstappsrc.html?gi-language=c) element, that we use to insert the audio chunks into the GStreamer pipeline. We use the `appsrc` in push mode, where we repeatedly call the [push-buffer](https://gstreamer.freedesktop.org/documentation/applib/gstappsrc.html?gi-language=c#gst_app_src_push_buffer) method with a new buffer.
-To make audio playback nice and smooth and to continue processing control events coming from the `control thread`, we cannot use the appsrc's `block` property, that would essentially block the render thread when we fill the appsrc internal queue. Instead, we set the maximum amount of bytes that can be queued in the appsrc to 1 and use a combination of [get_current_level_bytes](https://gstreamer.freedesktop.org/documentation/applib/gstappsrc.html?gi-language=c#gst_app_src_get_current_level_bytes) and the [need-data](https://gstreamer.freedesktop.org/documentation/applib/gstappsrc.html?gi-language=c#GstAppSrc::need-data) signal to decide whether we should push the new audio buffer or not.
-
-### Audio Decoding
-
-WebAudio also supports decoding audio data.
-
-`servo-media` exposes a very simple [AudioDecoder](https://github.com/ferjm/media/blob/a95e063729324c359976236104d825244bb180e8/servo-media/src/audio/decoder.rs#L92) trait, that exposes a single `decode` method taking among other arguments the audio data to be decoded and an instance of [AudioDecoderCallbacks](https://github.com/ferjm/media/blob/a95e063729324c359976236104d825244bb180e8/servo-media/src/audio/decoder.rs#L1) containing the callbacks for the end-of-stream, error and progress events that are triggered during the decoding process.
-
-`servo-media` backends are required to implement this trait.
-
-The GStreamer backend implementation of the `AudioDecoder` trait creates a pipeline that has this form:
-
-![WebAudio Decoding Pipeline](images/webaudiopipeline_decoder.png)
-
-The `decodebin` element is the core element of this pipeline and it auto-magically constructs a decoding pipeline using available decoders and demuxers via auto-plugging.
-
-

From 20c8f7bbc97f018d73c2ef5feac34ed51a81fde3 Mon Sep 17 00:00:00 2001
From: gterzian <2792687+gterzian@users.noreply.github.com>
Date: Fri, 24 Apr 2026 14:56:07 +0700
Subject: [PATCH 2/4] add report

Signed-off-by: gterzian <2792687+gterzian@users.noreply.github.com>
---
 docs/index.html | 1167 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 1161 insertions(+), 6 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index c10a5c0cfb1..a549e74d0f9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -5,24 +5,1179 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Servo WebNN Conformance Report</title>
     <style>
+      :root {
+        --bg: #f4f7fb;
+        --panel: #ffffff;
+        --text: #102a43;
+        --muted: #627d98;
+        --ok: #1b7f4d;
+        --bad: #c23b23;
+        --line: #d9e2ec;
+      }
+      * { box-sizing: border-box; }
       body {
-        font-family: system-ui, sans-serif;
         margin: 0;
-        padding: 20px;
-        background: #f5f5f5;
+        font-family: "Avenir Next", "Segoe UI", sans-serif;
+        color: var(--text);
+        background: radial-gradient(circle at top right, #d9f5ec, transparent 35%),
+                    radial-gradient(circle at 20% 10%, #dbeafe, transparent 45%),
+                    var(--bg);
       }
       .wrap {
         max-width: 1200px;
         margin: 0 auto;
-        background: white;
+        padding: 24px 16px 40px;
+      }
+      .hero {
+        background: linear-gradient(130deg, #2a6a89, #4a97b0);
+        color: #fff;
+        border-radius: 14px;
+        padding: 24px;
+        box-shadow: 0 12px 30px rgba(16, 42, 67, 0.2);
+      }
+      .hero h1 { margin: 0 0 8px; font-size: 28px; }
+      .hero p { margin: 0 0 4px; opacity: 0.95; }
+      .hero-meta { margin-top: 4px; font-size: 13px; opacity: 0.85; }
+      .cards {
+        margin-top: 20px;
+        display: grid;
+        gap: 12px;
+        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+      }
+      .card {
+        background: var(--panel);
+        border: 1px solid var(--line);
+        border-radius: 12px;
+        padding: 16px;
+      }
+      .label { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
+      .value { margin-top: 8px; font-size: 32px; font-weight: 700; }
+      .ok { color: var(--ok); }
+      .bad { color: var(--bad); }
+      .sections {
+        margin-top: 28px;
+        display: grid;
+        gap: 24px;
+      }
+      .section {
+        background: var(--panel);
+        border: 1px solid var(--line);
+        border-radius: 12px;
         padding: 20px;
-        border-radius: 8px;
+      }
+      .section h2 {
+        margin: 0 0 16px;
+        font-size: 18px;
+        color: var(--text);
+      }
+      .section-meta {
+        font-size: 13px;
+        color: var(--muted);
+        margin-bottom: 12px;
+      }
+      table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: 13px;
+      }
+      th, td {
+        border: 1px solid var(--line);
+        text-align: left;
+        padding: 8px 10px;
+      }
+      th {
+        background: #f8fbff;
+        font-weight: 600;
+      }
+      tr:nth-child(even) {
+        background: #fafbfc;
       }
     </style>
   </head>
   <body>
     <main class="wrap">
-      <p>No report generated yet. Run <code>python scratchpad/runwpt2.py</code> to generate results.</p>
+      <section class="hero">
+        <h1>Servo WebNN Conformance</h1>
+        <p>Test Report</p>
+        <div class="hero-meta">Generated: 2026-04-24 07:53:17 UTC</div>
+      </section>
+
+      <section class="cards">
+        <article class="card">
+          <div class="label">Total Tests</div>
+          <div class="value">11244</div>
+        </article>
+        <article class="card">
+          <div class="label">Passed</div>
+          <div class="value ok">4998</div>
+        </article>
+        <article class="card">
+          <div class="label">Pass Rate</div>
+          <div class="value">44.5%</div>
+        </article>
+      </section>
+
+      <section class="sections">
+        <article class="section">
+          <h2>Conformance Tests</h2>
+          <div class="section-meta">
+            Total: 7512 | Passes: 2994 | 
+            Rate: 39.9%
+          </div>
+          <table>
+            <thead>
+              <tr>
+                <th>Test</th>
+                <th>Total</th>
+                <th>Passes</th>
+                <th>Pass Rate</th>
+              </tr>
+            </thead>
+            <tbody>
+    <tr>
+      <td>abs</td>
+      <td>57</td>
+      <td>24</td>
+      <td>42.1%</td>
+    </tr>
+    <tr>
+      <td>arg_min_max</td>
+      <td>108</td>
+      <td>54</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>averagePool2d</td>
+      <td>120</td>
+      <td>27</td>
+      <td>22.5%</td>
+    </tr>
+    <tr>
+      <td>batch_normalization</td>
+      <td>78</td>
+      <td>27</td>
+      <td>34.6%</td>
+    </tr>
+    <tr>
+      <td>batch_normalization_constant</td>
+      <td>12</td>
+      <td>6</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>byob_readtensor</td>
+      <td>12</td>
+      <td>0</td>
+      <td>0.0%</td>
+    </tr>
+    <tr>
+      <td>cast</td>
+      <td>90</td>
+      <td>27</td>
+      <td>30.0%</td>
+    </tr>
+    <tr>
+      <td>ceil</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>clamp</td>
+      <td>144</td>
+      <td>54</td>
+      <td>37.5%</td>
+    </tr>
+    <tr>
+      <td>concat</td>
+      <td>141</td>
+      <td>63</td>
+      <td>44.7%</td>
+    </tr>
+    <tr>
+      <td>constant-reshape-optimization</td>
+      <td>9</td>
+      <td>6</td>
+      <td>66.7%</td>
+    </tr>
+    <tr>
+      <td>conv2d</td>
+      <td>126</td>
+      <td>42</td>
+      <td>33.3%</td>
+    </tr>
+    <tr>
+      <td>conv_transpose2d</td>
+      <td>132</td>
+      <td>48</td>
+      <td>36.4%</td>
+    </tr>
+    <tr>
+      <td>cos</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>cumulative_sum</td>
+      <td>27</td>
+      <td>15</td>
+      <td>55.6%</td>
+    </tr>
+    <tr>
+      <td>dequantizeLinear</td>
+      <td>45</td>
+      <td>6</td>
+      <td>13.3%</td>
+    </tr>
+    <tr>
+      <td>div</td>
+      <td>66</td>
+      <td>36</td>
+      <td>54.5%</td>
+    </tr>
+    <tr>
+      <td>elu</td>
+      <td>66</td>
+      <td>30</td>
+      <td>45.5%</td>
+    </tr>
+    <tr>
+      <td>equal</td>
+      <td>72</td>
+      <td>36</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>erf</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>exp</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>expand</td>
+      <td>138</td>
+      <td>57</td>
+      <td>41.3%</td>
+    </tr>
+    <tr>
+      <td>floor</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>gather</td>
+      <td>120</td>
+      <td>54</td>
+      <td>45.0%</td>
+    </tr>
+    <tr>
+      <td>gatherElements</td>
+      <td>33</td>
+      <td>15</td>
+      <td>45.5%</td>
+    </tr>
+    <tr>
+      <td>gatherND</td>
+      <td>42</td>
+      <td>6</td>
+      <td>14.3%</td>
+    </tr>
+    <tr>
+      <td>gelu</td>
+      <td>45</td>
+      <td>6</td>
+      <td>13.3%</td>
+    </tr>
+    <tr>
+      <td>gemm</td>
+      <td>144</td>
+      <td>30</td>
+      <td>20.8%</td>
+    </tr>
+    <tr>
+      <td>graph_devices</td>
+      <td>6</td>
+      <td>3</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>greater</td>
+      <td>72</td>
+      <td>33</td>
+      <td>45.8%</td>
+    </tr>
+    <tr>
+      <td>greater_or_equal</td>
+      <td>72</td>
+      <td>36</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>gru</td>
+      <td>78</td>
+      <td>6</td>
+      <td>7.7%</td>
+    </tr>
+    <tr>
+      <td>gru_cell</td>
+      <td>30</td>
+      <td>6</td>
+      <td>20.0%</td>
+    </tr>
+    <tr>
+      <td>hard_sigmoid</td>
+      <td>96</td>
+      <td>48</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>hard_swish</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>identity</td>
+      <td>102</td>
+      <td>12</td>
+      <td>11.8%</td>
+    </tr>
+    <tr>
+      <td>inputs-are-not-modified</td>
+      <td>24</td>
+      <td>18</td>
+      <td>75.0%</td>
+    </tr>
+    <tr>
+      <td>inputs-with-special-names</td>
+      <td>30</td>
+      <td>9</td>
+      <td>30.0%</td>
+    </tr>
+    <tr>
+      <td>instance_normalization</td>
+      <td>48</td>
+      <td>15</td>
+      <td>31.2%</td>
+    </tr>
+    <tr>
+      <td>is_infinite</td>
+      <td>51</td>
+      <td>6</td>
+      <td>11.8%</td>
+    </tr>
+    <tr>
+      <td>is_nan</td>
+      <td>42</td>
+      <td>6</td>
+      <td>14.3%</td>
+    </tr>
+    <tr>
+      <td>l2Pool2d</td>
+      <td>90</td>
+      <td>6</td>
+      <td>6.7%</td>
+    </tr>
+    <tr>
+      <td>layer_normalization</td>
+      <td>81</td>
+      <td>24</td>
+      <td>29.6%</td>
+    </tr>
+    <tr>
+      <td>leaky_relu</td>
+      <td>66</td>
+      <td>33</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>lesser</td>
+      <td>72</td>
+      <td>33</td>
+      <td>45.8%</td>
+    </tr>
+    <tr>
+      <td>lesser_or_equal</td>
+      <td>72</td>
+      <td>33</td>
+      <td>45.8%</td>
+    </tr>
+    <tr>
+      <td>linear</td>
+      <td>84</td>
+      <td>42</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>log</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>logical_and</td>
+      <td>39</td>
+      <td>30</td>
+      <td>76.9%</td>
+    </tr>
+    <tr>
+      <td>logical_not</td>
+      <td>27</td>
+      <td>24</td>
+      <td>88.9%</td>
+    </tr>
+    <tr>
+      <td>logical_or</td>
+      <td>39</td>
+      <td>30</td>
+      <td>76.9%</td>
+    </tr>
+    <tr>
+      <td>logical_xor</td>
+      <td>39</td>
+      <td>30</td>
+      <td>76.9%</td>
+    </tr>
+    <tr>
+      <td>lstm</td>
+      <td>90</td>
+      <td>6</td>
+      <td>6.7%</td>
+    </tr>
+    <tr>
+      <td>lstm_cell</td>
+      <td>36</td>
+      <td>6</td>
+      <td>16.7%</td>
+    </tr>
+    <tr>
+      <td>matmul</td>
+      <td>72</td>
+      <td>42</td>
+      <td>58.3%</td>
+    </tr>
+    <tr>
+      <td>max</td>
+      <td>66</td>
+      <td>36</td>
+      <td>54.5%</td>
+    </tr>
+    <tr>
+      <td>maxPool2d</td>
+      <td>84</td>
+      <td>27</td>
+      <td>32.1%</td>
+    </tr>
+    <tr>
+      <td>min</td>
+      <td>66</td>
+      <td>36</td>
+      <td>54.5%</td>
+    </tr>
+    <tr>
+      <td>mlNumber</td>
+      <td>12</td>
+      <td>6</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>mul</td>
+      <td>66</td>
+      <td>36</td>
+      <td>54.5%</td>
+    </tr>
+    <tr>
+      <td>neg</td>
+      <td>57</td>
+      <td>24</td>
+      <td>42.1%</td>
+    </tr>
+    <tr>
+      <td>not_equal</td>
+      <td>72</td>
+      <td>33</td>
+      <td>45.8%</td>
+    </tr>
+    <tr>
+      <td>operations-with-special-names</td>
+      <td>18</td>
+      <td>18</td>
+      <td>100.0%</td>
+    </tr>
+    <tr>
+      <td>pad</td>
+      <td>75</td>
+      <td>6</td>
+      <td>8.0%</td>
+    </tr>
+    <tr>
+      <td>parallel-dispatch</td>
+      <td>66</td>
+      <td>36</td>
+      <td>54.5%</td>
+    </tr>
+    <tr>
+      <td>pow</td>
+      <td>60</td>
+      <td>27</td>
+      <td>45.0%</td>
+    </tr>
+    <tr>
+      <td>prelu</td>
+      <td>78</td>
+      <td>9</td>
+      <td>11.5%</td>
+    </tr>
+    <tr>
+      <td>qdq_subgraph</td>
+      <td>228</td>
+      <td>12</td>
+      <td>5.3%</td>
+    </tr>
+    <tr>
+      <td>quantizeLinear</td>
+      <td>48</td>
+      <td>6</td>
+      <td>12.5%</td>
+    </tr>
+    <tr>
+      <td>reciprocal</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>reduce_l1</td>
+      <td>138</td>
+      <td>63</td>
+      <td>45.7%</td>
+    </tr>
+    <tr>
+      <td>reduce_l2</td>
+      <td>135</td>
+      <td>63</td>
+      <td>46.7%</td>
+    </tr>
+    <tr>
+      <td>reduce_log_sum</td>
+      <td>123</td>
+      <td>57</td>
+      <td>46.3%</td>
+    </tr>
+    <tr>
+      <td>reduce_log_sum_exp</td>
+      <td>135</td>
+      <td>63</td>
+      <td>46.7%</td>
+    </tr>
+    <tr>
+      <td>reduce_max</td>
+      <td>117</td>
+      <td>54</td>
+      <td>46.2%</td>
+    </tr>
+    <tr>
+      <td>reduce_mean</td>
+      <td>135</td>
+      <td>63</td>
+      <td>46.7%</td>
+    </tr>
+    <tr>
+      <td>reduce_min</td>
+      <td>117</td>
+      <td>54</td>
+      <td>46.2%</td>
+    </tr>
+    <tr>
+      <td>reduce_product</td>
+      <td>117</td>
+      <td>54</td>
+      <td>46.2%</td>
+    </tr>
+    <tr>
+      <td>reduce_sum</td>
+      <td>135</td>
+      <td>63</td>
+      <td>46.7%</td>
+    </tr>
+    <tr>
+      <td>reduce_sum_square</td>
+      <td>138</td>
+      <td>63</td>
+      <td>45.7%</td>
+    </tr>
+    <tr>
+      <td>relu</td>
+      <td>51</td>
+      <td>24</td>
+      <td>47.1%</td>
+    </tr>
+    <tr>
+      <td>resample2d</td>
+      <td>45</td>
+      <td>6</td>
+      <td>13.3%</td>
+    </tr>
+    <tr>
+      <td>reshape</td>
+      <td>198</td>
+      <td>93</td>
+      <td>47.0%</td>
+    </tr>
+    <tr>
+      <td>reverse</td>
+      <td>30</td>
+      <td>18</td>
+      <td>60.0%</td>
+    </tr>
+    <tr>
+      <td>round_even</td>
+      <td>36</td>
+      <td>18</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>scalars</td>
+      <td>48</td>
+      <td>6</td>
+      <td>12.5%</td>
+    </tr>
+    <tr>
+      <td>scatterElements</td>
+      <td>30</td>
+      <td>6</td>
+      <td>20.0%</td>
+    </tr>
+    <tr>
+      <td>scatterND</td>
+      <td>18</td>
+      <td>6</td>
+      <td>33.3%</td>
+    </tr>
+    <tr>
+      <td>shared_arraybuffer_constant</td>
+      <td>15</td>
+      <td>6</td>
+      <td>40.0%</td>
+    </tr>
+    <tr>
+      <td>sigmoid</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>sign</td>
+      <td>21</td>
+      <td>18</td>
+      <td>85.7%</td>
+    </tr>
+    <tr>
+      <td>sin</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>slice</td>
+      <td>60</td>
+      <td>27</td>
+      <td>45.0%</td>
+    </tr>
+    <tr>
+      <td>softmax</td>
+      <td>33</td>
+      <td>21</td>
+      <td>63.6%</td>
+    </tr>
+    <tr>
+      <td>softplus</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>softsign</td>
+      <td>60</td>
+      <td>27</td>
+      <td>45.0%</td>
+    </tr>
+    <tr>
+      <td>split</td>
+      <td>3</td>
+      <td>0</td>
+      <td>0.0%</td>
+    </tr>
+    <tr>
+      <td>sqrt</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>sub</td>
+      <td>72</td>
+      <td>36</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>subgraph</td>
+      <td>306</td>
+      <td>174</td>
+      <td>56.9%</td>
+    </tr>
+    <tr>
+      <td>tan</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>tanh</td>
+      <td>42</td>
+      <td>24</td>
+      <td>57.1%</td>
+    </tr>
+    <tr>
+      <td>tensor</td>
+      <td>12</td>
+      <td>0</td>
+      <td>0.0%</td>
+    </tr>
+    <tr>
+      <td>tile</td>
+      <td>24</td>
+      <td>12</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>transpose</td>
+      <td>3</td>
+      <td>0</td>
+      <td>0.0%</td>
+    </tr>
+    <tr>
+      <td>triangular</td>
+      <td>102</td>
+      <td>39</td>
+      <td>38.2%</td>
+    </tr>
+    <tr>
+      <td>where</td>
+      <td>108</td>
+      <td>6</td>
+      <td>5.6%</td>
+    </tr>
+            </tbody>
+          </table>
+        </article>
+
+        <article class="section">
+          <h2>Validation Tests</h2>
+          <div class="section-meta">
+            Total: 3732 | Passes: 2004 | 
+            Rate: 53.7%
+          </div>
+          <table>
+            <thead>
+              <tr>
+                <th>Test</th>
+                <th>Total</th>
+                <th>Passes</th>
+                <th>Pass Rate</th>
+              </tr>
+            </thead>
+            <tbody>
+    <tr>
+      <td>argMinMax</td>
+      <td>54</td>
+      <td>30</td>
+      <td>55.6%</td>
+    </tr>
+    <tr>
+      <td>batchNormalization</td>
+      <td>72</td>
+      <td>72</td>
+      <td>100.0%</td>
+    </tr>
+    <tr>
+      <td>build-more-than-once</td>
+      <td>66</td>
+      <td>60</td>
+      <td>90.9%</td>
+    </tr>
+    <tr>
+      <td>cast</td>
+      <td>12</td>
+      <td>9</td>
+      <td>75.0%</td>
+    </tr>
+    <tr>
+      <td>clamp</td>
+      <td>33</td>
+      <td>15</td>
+      <td>45.5%</td>
+    </tr>
+    <tr>
+      <td>concat</td>
+      <td>45</td>
+      <td>24</td>
+      <td>53.3%</td>
+    </tr>
+    <tr>
+      <td>constant-changed-buffer</td>
+      <td>36</td>
+      <td>24</td>
+      <td>66.7%</td>
+    </tr>
+    <tr>
+      <td>constant</td>
+      <td>276</td>
+      <td>126</td>
+      <td>45.7%</td>
+    </tr>
+    <tr>
+      <td>conv2d</td>
+      <td>165</td>
+      <td>60</td>
+      <td>36.4%</td>
+    </tr>
+    <tr>
+      <td>convTranspose2d</td>
+      <td>162</td>
+      <td>48</td>
+      <td>29.6%</td>
+    </tr>
+    <tr>
+      <td>createContext</td>
+      <td>72</td>
+      <td>60</td>
+      <td>83.3%</td>
+    </tr>
+    <tr>
+      <td>cumulativeSum</td>
+      <td>30</td>
+      <td>24</td>
+      <td>80.0%</td>
+    </tr>
+    <tr>
+      <td>dequantizeLinear</td>
+      <td>51</td>
+      <td>27</td>
+      <td>52.9%</td>
+    </tr>
+    <tr>
+      <td>destroyContext</td>
+      <td>78</td>
+      <td>54</td>
+      <td>69.2%</td>
+    </tr>
+    <tr>
+      <td>destroyGraph</td>
+      <td>30</td>
+      <td>24</td>
+      <td>80.0%</td>
+    </tr>
+    <tr>
+      <td>elementwise-binary</td>
+      <td>252</td>
+      <td>147</td>
+      <td>58.3%</td>
+    </tr>
+    <tr>
+      <td>elementwise-logical</td>
+      <td>189</td>
+      <td>135</td>
+      <td>71.4%</td>
+    </tr>
+    <tr>
+      <td>elementwise-unary</td>
+      <td>141</td>
+      <td>51</td>
+      <td>36.2%</td>
+    </tr>
+    <tr>
+      <td>elu</td>
+      <td>24</td>
+      <td>18</td>
+      <td>75.0%</td>
+    </tr>
+    <tr>
+      <td>expand</td>
+      <td>39</td>
+      <td>24</td>
+      <td>61.5%</td>
+    </tr>
+    <tr>
+      <td>gather</td>
+      <td>39</td>
+      <td>24</td>
+      <td>61.5%</td>
+    </tr>
+    <tr>
+      <td>gatherElements</td>
+      <td>33</td>
+      <td>18</td>
+      <td>54.5%</td>
+    </tr>
+    <tr>
+      <td>gatherND</td>
+      <td>30</td>
+      <td>15</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>gelu</td>
+      <td>15</td>
+      <td>9</td>
+      <td>60.0%</td>
+    </tr>
+    <tr>
+      <td>gemm</td>
+      <td>63</td>
+      <td>30</td>
+      <td>47.6%</td>
+    </tr>
+    <tr>
+      <td>gru</td>
+      <td>78</td>
+      <td>24</td>
+      <td>30.8%</td>
+    </tr>
+    <tr>
+      <td>gruCell</td>
+      <td>93</td>
+      <td>24</td>
+      <td>25.8%</td>
+    </tr>
+    <tr>
+      <td>hardSigmoid</td>
+      <td>24</td>
+      <td>18</td>
+      <td>75.0%</td>
+    </tr>
+    <tr>
+      <td>hardSwish</td>
+      <td>15</td>
+      <td>9</td>
+      <td>60.0%</td>
+    </tr>
+    <tr>
+      <td>input</td>
+      <td>66</td>
+      <td>54</td>
+      <td>81.8%</td>
+    </tr>
+    <tr>
+      <td>instanceNormalization</td>
+      <td>60</td>
+      <td>30</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>invalid-rank</td>
+      <td>24</td>
+      <td>18</td>
+      <td>75.0%</td>
+    </tr>
+    <tr>
+      <td>layerNormalization</td>
+      <td>66</td>
+      <td>39</td>
+      <td>59.1%</td>
+    </tr>
+    <tr>
+      <td>leakyRelu</td>
+      <td>24</td>
+      <td>18</td>
+      <td>75.0%</td>
+    </tr>
+    <tr>
+      <td>linear</td>
+      <td>24</td>
+      <td>18</td>
+      <td>75.0%</td>
+    </tr>
+    <tr>
+      <td>lstm</td>
+      <td>78</td>
+      <td>30</td>
+      <td>38.5%</td>
+    </tr>
+    <tr>
+      <td>lstmCell</td>
+      <td>117</td>
+      <td>30</td>
+      <td>25.6%</td>
+    </tr>
+    <tr>
+      <td>matmul</td>
+      <td>48</td>
+      <td>27</td>
+      <td>56.2%</td>
+    </tr>
+    <tr>
+      <td>opSupportLimits</td>
+      <td>18</td>
+      <td>6</td>
+      <td>33.3%</td>
+    </tr>
+    <tr>
+      <td>pad</td>
+      <td>39</td>
+      <td>15</td>
+      <td>38.5%</td>
+    </tr>
+    <tr>
+      <td>pooling-and-reduction-keep-dims</td>
+      <td>30</td>
+      <td>24</td>
+      <td>80.0%</td>
+    </tr>
+    <tr>
+      <td>pooling</td>
+      <td>126</td>
+      <td>69</td>
+      <td>54.8%</td>
+    </tr>
+    <tr>
+      <td>prelu</td>
+      <td>33</td>
+      <td>12</td>
+      <td>36.4%</td>
+    </tr>
+    <tr>
+      <td>quantizeLinear</td>
+      <td>48</td>
+      <td>27</td>
+      <td>56.2%</td>
+    </tr>
+    <tr>
+      <td>reduction</td>
+      <td>186</td>
+      <td>102</td>
+      <td>54.8%</td>
+    </tr>
+    <tr>
+      <td>relu</td>
+      <td>15</td>
+      <td>9</td>
+      <td>60.0%</td>
+    </tr>
+    <tr>
+      <td>resample2d</td>
+      <td>87</td>
+      <td>36</td>
+      <td>41.4%</td>
+    </tr>
+    <tr>
+      <td>reshape</td>
+      <td>36</td>
+      <td>24</td>
+      <td>66.7%</td>
+    </tr>
+    <tr>
+      <td>reverse</td>
+      <td>21</td>
+      <td>15</td>
+      <td>71.4%</td>
+    </tr>
+    <tr>
+      <td>scatterElements</td>
+      <td>48</td>
+      <td>24</td>
+      <td>50.0%</td>
+    </tr>
+    <tr>
+      <td>scatterND</td>
+      <td>33</td>
+      <td>15</td>
+      <td>45.5%</td>
+    </tr>
+    <tr>
+      <td>sigmoid</td>
+      <td>15</td>
+      <td>9</td>
+      <td>60.0%</td>
+    </tr>
+    <tr>
+      <td>slice</td>
+      <td>39</td>
+      <td>15</td>
+      <td>38.5%</td>
+    </tr>
+    <tr>
+      <td>softmax</td>
+      <td>24</td>
+      <td>15</td>
+      <td>62.5%</td>
+    </tr>
+    <tr>
+      <td>softplus</td>
+      <td>15</td>
+      <td>9</td>
+      <td>60.0%</td>
+    </tr>
+    <tr>
+      <td>softsign</td>
+      <td>15</td>
+      <td>9</td>
+      <td>60.0%</td>
+    </tr>
+    <tr>
+      <td>split</td>
+      <td>36</td>
+      <td>15</td>
+      <td>41.7%</td>
+    </tr>
+    <tr>
+      <td>tanh</td>
+      <td>15</td>
+      <td>9</td>
+      <td>60.0%</td>
+    </tr>
+    <tr>
+      <td>tile</td>
+      <td>30</td>
+      <td>21</td>
+      <td>70.0%</td>
+    </tr>
+    <tr>
+      <td>transpose</td>
+      <td>27</td>
+      <td>18</td>
+      <td>66.7%</td>
+    </tr>
+    <tr>
+      <td>triangular</td>
+      <td>12</td>
+      <td>9</td>
+      <td>75.0%</td>
+    </tr>
+    <tr>
+      <td>unprintableNames</td>
+      <td>18</td>
+      <td>6</td>
+      <td>33.3%</td>
+    </tr>
+    <tr>
+      <td>where</td>
+      <td>42</td>
+      <td>24</td>
+      <td>57.1%</td>
+    </tr>
+            </tbody>
+          </table>
+        </article>
+      </section>
     </main>
   </body>
 </html>
\ No newline at end of file

From ec481e8c3a3c60a604b31d884aaab2ec678bfb83 Mon Sep 17 00:00:00 2001
From: gterzian <2792687+gterzian@users.noreply.github.com>
Date: Fri, 24 Apr 2026 15:05:40 +0700
Subject: [PATCH 3/4] add ml to title

Signed-off-by: gterzian <2792687+gterzian@users.noreply.github.com>
---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index a549e74d0f9..705275ec04f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Servo WebNN Conformance Report</title>
+    <title>Servo-ML WebNN Conformance Report</title>
     <style>
       :root {
         --bg: #f4f7fb;

From ef26f8a4d1752f4c8cb7e443cac456d28f60aefc Mon Sep 17 00:00:00 2001
From: gterzian <2792687+gterzian@users.noreply.github.com>
Date: Fri, 24 Apr 2026 15:35:17 +0700
Subject: [PATCH 4/4] add logo

Signed-off-by: gterzian <2792687+gterzian@users.noreply.github.com>
---
 docs/index.html | 34 +++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 705275ec04f..aa1380859fc 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -35,9 +35,23 @@
         padding: 24px;
         box-shadow: 0 12px 30px rgba(16, 42, 67, 0.2);
       }
+      .hero-inner {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 16px;
+      }
+      .hero-copy {
+        min-width: 0;
+      }
       .hero h1 { margin: 0 0 8px; font-size: 28px; }
       .hero p { margin: 0 0 4px; opacity: 0.95; }
       .hero-meta { margin-top: 4px; font-size: 13px; opacity: 0.85; }
+      .hero-logo {
+        width: 104px;
+        height: auto;
+        flex: 0 0 auto;
+      }
       .cards {
         margin-top: 20px;
         display: grid;
@@ -75,6 +89,15 @@
         color: var(--muted);
         margin-bottom: 12px;
       }
+      @media (max-width: 700px) {
+        .hero-inner {
+          align-items: flex-start;
+          flex-direction: column;
+        }
+        .hero-logo {
+          width: 88px;
+        }
+      }
       table {
         width: 100%;
         border-collapse: collapse;
@@ -97,9 +120,14 @@
   <body>
     <main class="wrap">
       <section class="hero">
-        <h1>Servo WebNN Conformance</h1>
-        <p>Test Report</p>
-        <div class="hero-meta">Generated: 2026-04-24 07:53:17 UTC</div>
+        <div class="hero-inner">
+          <div class="hero-copy">
+            <h1>Servo-ML WebNN Conformance</h1>
+            <p>Test Report</p>
+            <div class="hero-meta">Generated: 2026-04-24 07:53:17 UTC</div>
+          </div>
+          <img class="hero-logo" src="https://raw.githubusercontent.com/rustnn/rustnn/main/logo/rustnn.svg" alt="RustNN logo">
+        </div>
       </section>
 
       <section class="cards">