From acf23bd06f6abda2a9c20b0849b6c915c3f82290 Mon Sep 17 00:00:00 2001
From: Mattias Karlsson <matkar@wcom.se>
Date: Wed, 14 Oct 2026 16:59:20 +0200
Subject: [PATCH] feat: enrich inspect with request bodies, route JSON, and
 favicon

Show a two-column request/response exchange with decoded form bodies, syntax highlighting, Enable/Disable, a copyable Routes.json object (generated on 404), and the package favicon plus NuGet version link.
---
 ...AfterGetIncludesHitAndHeaders.verified.txt |  20 ++-
 .../InspectTests.cs                           |  70 ++++++++
 .../Devlead.Testing.MockHttp.Tool.csproj      |   1 +
 .../Hosting/MockHttpWebHost.Inspect.cs        |  15 ++
 .../Hosting/MockHttpWebHost.cs                |   4 +-
 .../Inspect/Models/ActivityEntry.cs           |   8 +-
 .../Inspect/inspect.html                      | 164 ++++++++++++++++--
 src/Devlead.Testing.MockHttp.Tool/README.md   |   2 +-
 .../Routing/RouteTable.Entry.cs               |   6 +-
 .../Routing/RouteTable.Headers.cs             |  86 ++++++++-
 .../Routing/RouteTable.Invoke.cs              |  16 +-
 .../Routing/RouteTable.cs                     |  15 +-
 12 files changed, 371 insertions(+), 36 deletions(-)

diff --git a/src/Devlead.Testing.MockHttp.Tool.Tests/InspectTests.InspectApiAfterGetIncludesHitAndHeaders.verified.txt b/src/Devlead.Testing.MockHttp.Tool.Tests/InspectTests.InspectApiAfterGetIncludesHitAndHeaders.verified.txt
index a5c1f61..2bc5f63 100644
--- a/src/Devlead.Testing.MockHttp.Tool.Tests/InspectTests.InspectApiAfterGetIncludesHitAndHeaders.verified.txt
+++ b/src/Devlead.Testing.MockHttp.Tool.Tests/InspectTests.InspectApiAfterGetIncludesHitAndHeaders.verified.txt
@@ -71,6 +71,7 @@
           localhost
         ]
       },
+      requestContentLength: 0,
       responseHeaders: {
         Content-Type: [
           text/plain
@@ -81,7 +82,24 @@
       },
       contentType: text/plain,
       contentLength: 13,
-      bodyPreview: Hello, World!
+      bodyPreview: Hello, World!,
+      route: {
+        Request: {
+          Methods: [
+            {
+              Method: GET
+            }
+          ],
+          AbsoluteUri: https://example.com/index.txt
+        },
+        Responses: [
+          {
+            ContentResource: Example.Index.txt,
+            ContentType: text/plain,
+            StatusCode: 200
+          }
+        ]
+      }
     }
   ]
 }
\ No newline at end of file
diff --git a/src/Devlead.Testing.MockHttp.Tool.Tests/InspectTests.cs b/src/Devlead.Testing.MockHttp.Tool.Tests/InspectTests.cs
index 3fbbd86..769417d 100644
--- a/src/Devlead.Testing.MockHttp.Tool.Tests/InspectTests.cs
+++ b/src/Devlead.Testing.MockHttp.Tool.Tests/InspectTests.cs
@@ -19,6 +19,62 @@ public async Task InspectPageReturnsHtml()
         Assert.That(html, Does.Contain("MockHttp inspect"));
         Assert.That(html, Does.Contain("Request headers"));
         Assert.That(html, Does.Contain("Response headers"));
+        Assert.That(html, Does.Contain("exchange"));
+        Assert.That(html, Does.Contain("highlightJson"));
+        Assert.That(html, Does.Contain("/favicon.ico"));
+        Assert.That(html, Does.Contain("https://www.nuget.org/packages/Devlead.Testing.MockHttp.Tool"));
+        Assert.That(html, Does.Contain("id=\"reqRoute\""));
+        Assert.That(html, Does.Contain("id=\"copyRoute\""));
+    }
+
+    [Test]
+    public async Task FaviconReturnsPng()
+    {
+        await using var host = await MockHttpTestHost.StartAsync();
+
+        var response = await host.Client.GetAsync("/favicon.ico");
+
+        Assert.That(response.StatusCode, Is.EqualTo(HttpStatusCode.OK));
+        Assert.That(response.Content.Headers.ContentType?.MediaType, Is.EqualTo("image/png"));
+        var bytes = await response.Content.ReadAsByteArrayAsync();
+        Assert.That(bytes[0], Is.EqualTo(0x89));
+        Assert.That(bytes[1], Is.EqualTo((byte)'P'));
+        Assert.That(bytes[2], Is.EqualTo((byte)'N'));
+        Assert.That(bytes[3], Is.EqualTo((byte)'G'));
+    }
+
+    [Test]
+    public async Task InspectApiAfterPostIncludesRequestBody()
+    {
+        await using var host = await MockHttpTestHost.StartAsync();
+        using var content = new StringContent(
+            """{"requestId":"dev-send","responses":[]}""",
+            System.Text.Encoding.UTF8,
+            "application/json");
+
+        await host.Client.PostAsync("/messaging/send", content);
+        var snapshot = await host.Client.GetFromJsonAsync<JsonElement>("/inspect/api");
+        var activity = snapshot.GetProperty("activity")[0];
+
+        Assert.That(activity.GetProperty("method").GetString(), Is.EqualTo("POST"));
+        Assert.That(activity.GetProperty("requestContentType").GetString(), Does.Contain("application/json"));
+        Assert.That(activity.GetProperty("requestBodyPreview").GetString(), Does.Contain("dev-send"));
+        Assert.That(activity.GetProperty("requestContentLength").GetInt32(), Is.GreaterThan(0));
+    }
+
+    [Test]
+    public async Task InspectApiAfterFormPostIncludesRequestBody()
+    {
+        await using var host = await MockHttpTestHost.StartAsync();
+        using var content = new StringContent("q=a+b", System.Text.Encoding.ASCII, "application/x-www-form-urlencoded");
+
+        await host.Client.PostAsync("/form", content);
+        var snapshot = await host.Client.GetFromJsonAsync<JsonElement>("/inspect/api");
+        var activity = snapshot.GetProperty("activity")[0];
+
+        Assert.That(activity.GetProperty("requestContentType").GetString(), Does.Contain("application/x-www-form-urlencoded"));
+        Assert.That(activity.GetProperty("requestBodyPreview").GetString(), Is.EqualTo("q=a+b"));
+        Assert.That(activity.GetProperty("requestContentLength").GetInt32(), Is.EqualTo(5));
     }
 
     [Test]
@@ -37,6 +93,20 @@ await VerifyJson(json)
             .ScrubMember("utc");
     }
 
+    [Test]
+    public async Task InspectApiAfterNotFoundGeneratesRoute()
+    {
+        await using var host = await MockHttpTestHost.StartAsync();
+
+        await host.Client.GetAsync("/missing.txt");
+        var snapshot = await host.Client.GetFromJsonAsync<JsonElement>("/inspect/api");
+        var route = snapshot.GetProperty("activity")[0].GetProperty("route");
+
+        Assert.That(route.GetProperty("Request").GetProperty("Methods")[0].GetProperty("Method").GetString(), Is.EqualTo("GET"));
+        Assert.That(route.GetProperty("Request").GetProperty("AbsoluteUri").GetString(), Does.Contain("/missing.txt"));
+        Assert.That(route.GetProperty("Responses")[0].GetProperty("StatusCode").GetInt32(), Is.EqualTo(404));
+    }
+
     [Test]
     public async Task DisabledRouteGetDoesNotIncrementHits()
     {
diff --git a/src/Devlead.Testing.MockHttp.Tool/Devlead.Testing.MockHttp.Tool.csproj b/src/Devlead.Testing.MockHttp.Tool/Devlead.Testing.MockHttp.Tool.csproj
index fc899df..b1ac980 100644
--- a/src/Devlead.Testing.MockHttp.Tool/Devlead.Testing.MockHttp.Tool.csproj
+++ b/src/Devlead.Testing.MockHttp.Tool/Devlead.Testing.MockHttp.Tool.csproj
@@ -37,6 +37,7 @@
 
   <ItemGroup>
     <EmbeddedResource Include="Inspect\inspect.html" />
+    <EmbeddedResource Include="../../icon/devlead.testing.mockhttp.png" LogicalName="Devlead.Testing.MockHttp.Tool.Inspect.favicon.png" />
     <None Include="README.md" Pack="true" PackagePath="\" />
     <None Include="../../icon/LICENSE.md" Pack="true" PackagePath="icon/LICENSE.md" />
     <None Include="../../icon/devlead.testing.mockhttp.png" Pack="true" PackagePath="icon/devlead.testing.mockhttp.png" />
diff --git a/src/Devlead.Testing.MockHttp.Tool/Hosting/MockHttpWebHost.Inspect.cs b/src/Devlead.Testing.MockHttp.Tool/Hosting/MockHttpWebHost.Inspect.cs
index a2e5fee..7d06214 100644
--- a/src/Devlead.Testing.MockHttp.Tool/Hosting/MockHttpWebHost.Inspect.cs
+++ b/src/Devlead.Testing.MockHttp.Tool/Hosting/MockHttpWebHost.Inspect.cs
@@ -20,6 +20,12 @@ internal static partial class MockHttpWebHost
             ? informational.Split('+', 2)[0]
             : typeof(MockHttpWebHost).Assembly.GetName().Version?.ToString() ?? string.Empty;
 
+    private static readonly byte[] FaviconPng = LoadEmbedded(
+        "Devlead.Testing.MockHttp.Tool.Inspect.favicon.png",
+        "The favicon resource is missing.");
+
+    private static IResult Favicon() => Results.File(FaviconPng, "image/png");
+
     private static IResult InspectPage()
     {
         using var stream = typeof(MockHttpWebHost).Assembly
@@ -29,6 +35,15 @@ private static IResult InspectPage()
         return Results.Content(reader.ReadToEnd(), "text/html", Encoding.UTF8);
     }
 
+    private static byte[] LoadEmbedded(string name, string missing)
+    {
+        using var stream = typeof(MockHttpWebHost).Assembly.GetManifestResourceStream(name)
+            ?? throw new InvalidOperationException(missing);
+        using var memory = new MemoryStream();
+        stream.CopyTo(memory);
+        return memory.ToArray();
+    }
+
     private static IResult InspectState(RouteTable table, MockHttpListenUrl listen) =>
         Results.Json(table.Snapshot(listen.Value, ApplicationVersion), JsonOptions);
 
diff --git a/src/Devlead.Testing.MockHttp.Tool/Hosting/MockHttpWebHost.cs b/src/Devlead.Testing.MockHttp.Tool/Hosting/MockHttpWebHost.cs
index d0aa83d..ad6cd2e 100644
--- a/src/Devlead.Testing.MockHttp.Tool/Hosting/MockHttpWebHost.cs
+++ b/src/Devlead.Testing.MockHttp.Tool/Hosting/MockHttpWebHost.cs
@@ -26,6 +26,7 @@ public static WebApplicationBuilder CreateBuilder(RouteTable table, string liste
     /// <param name="app">The web application.</param>
     public static void Map(WebApplication app)
     {
+        app.MapGet("/favicon.ico", Favicon);
         app.MapGet("/inspect", InspectPage);
         app.MapGet("/inspect/api", InspectState);
         app.MapPost("/inspect/api/routes/toggle", InspectToggle);
@@ -33,7 +34,8 @@ public static void Map(WebApplication app)
 
         var table = app.Services.GetRequiredService<RouteTable>();
         app.UseWhen(
-            context => !context.Request.Path.StartsWithSegments("/inspect"),
+            context => !context.Request.Path.StartsWithSegments("/inspect")
+                       && !context.Request.Path.Equals("/favicon.ico", StringComparison.OrdinalIgnoreCase),
             branch => branch.Run(table.InvokeAsync));
     }
 }
diff --git a/src/Devlead.Testing.MockHttp.Tool/Inspect/Models/ActivityEntry.cs b/src/Devlead.Testing.MockHttp.Tool/Inspect/Models/ActivityEntry.cs
index da6dd0e..6332520 100644
--- a/src/Devlead.Testing.MockHttp.Tool/Inspect/Models/ActivityEntry.cs
+++ b/src/Devlead.Testing.MockHttp.Tool/Inspect/Models/ActivityEntry.cs
@@ -1,3 +1,5 @@
+using System.Text.Json;
+
 namespace Devlead.Testing.MockHttp.Tool.Inspect.Models;
 
 internal sealed record ActivityEntry(
@@ -10,7 +12,11 @@ internal sealed record ActivityEntry(
     string MatchedAbsoluteUri,
     bool EnableDisable,
     IReadOnlyDictionary<string, string[]> RequestHeaders,
+    string? RequestContentType,
+    int RequestContentLength,
+    string? RequestBodyPreview,
     IReadOnlyDictionary<string, string[]> ResponseHeaders,
     string? ContentType,
     int ContentLength,
-    string? BodyPreview);
+    string? BodyPreview,
+    JsonElement Route);
diff --git a/src/Devlead.Testing.MockHttp.Tool/Inspect/inspect.html b/src/Devlead.Testing.MockHttp.Tool/Inspect/inspect.html
index f6356c4..4ab9dda 100644
--- a/src/Devlead.Testing.MockHttp.Tool/Inspect/inspect.html
+++ b/src/Devlead.Testing.MockHttp.Tool/Inspect/inspect.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="utf-8" />
   <title>MockHttp inspect</title>
+  <link rel="icon" type="image/png" href="/favicon.ico" />
   <style>
     :root { color-scheme: dark; --bg: #111418; --panel: #1b2028; --line: #2c3440; --text: #e8edf4; --muted: #93a0b0; --accent: #6cb6ff; --ok: #6ee7b7; --bad: #fca5a5; }
     html, body { height: 100%; }
@@ -10,14 +11,17 @@
     header, footer { padding: 16px 20px; display: flex; gap: 16px; flex-wrap: wrap; align-items: center; flex: 0 0 auto; background: var(--bg); }
     header { border-bottom: 1px solid var(--line); }
     footer { border-top: 1px solid var(--line); }
-    #appVersion { margin-left: auto; }
+    #appVersion { margin-left: auto; color: var(--muted); text-decoration: none; }
+    #appVersion:hover { color: var(--accent); }
     h1 { font-size: 16px; margin: 0; }
     footer code { font: 13px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--accent); }
     main { display: flex; flex-direction: column; gap: 24px; padding: 16px 20px 32px; overflow: auto; flex: 1 1 auto; min-height: 0; }
     section { box-sizing: border-box; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 12px; min-width: 0; }
     .list-panel { display: flex; flex-direction: column; height: 42vh; max-height: 42vh; overflow: hidden; }
     .split-panel { display: grid; grid-template-columns: 2fr 1fr; gap: 0; }
+    .activity-split { grid-template-columns: 1fr 2fr; }
     .panel-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
+    .exchange-col .panel-head { margin-top: 8px; }
     h2 { margin: 0; font-size: 13px; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
     .table-scroll { flex: 1 1 auto; min-height: 0; overflow: auto; }
     table { width: 100%; border-collapse: collapse; }
@@ -34,15 +38,24 @@
     .meta div { display: grid; gap: 2px; }
     .meta dt { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
     .meta dd { margin: 0; word-break: break-all; }
-    pre { margin: 0; padding: 10px; overflow: auto; background: #0c0f13; border-radius: 6px; max-height: 180px; }
+    pre { margin: 0; padding: 10px; overflow: auto; background: #0c0f13; border-radius: 6px; max-height: 240px; white-space: pre-wrap; word-break: break-word; }
+    .exchange { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; min-width: 0; }
+    .exchange-col { min-width: 0; overflow: auto; }
+    .exchange-col + .exchange-col { padding-left: 16px; border-left: 1px solid var(--line); }
     .headers td:first-child { color: #9cdcfe; white-space: nowrap; }
+    pre.json .key { color: #9cdcfe; }
+    pre.json .str { color: #ce9178; }
+    pre.json .num { color: #b5cea8; }
+    pre.json .bool, pre.json .null { color: #569cd6; }
+    pre.xml .tag { color: #569cd6; }
+    pre.xml .attr { color: #9cdcfe; }
+    pre.xml .val { color: #ce9178; }
   </style>
 </head>
 <body>
   <header>
     <h1>MockHttp inspect</h1>
     <span id="meta" class="muted"></span>
-    <span id="appVersion" class="muted"></span>
   </header>
   <main>
     <section class="list-panel split-panel">
@@ -63,7 +76,7 @@ <h2>Routes</h2>
       <div id="routeDetail" class="detail">
         <div class="panel-head">
           <h2>Route</h2>
-          <button type="button" id="toggleRoute">Toggle</button>
+          <button type="button" id="toggleRoute">Enable</button>
         </div>
         <dl class="meta">
           <div><dt>Method</dt><dd id="routeMethod">Select a route.</dd></div>
@@ -73,7 +86,7 @@ <h2>Route</h2>
         </dl>
       </div>
     </section>
-    <section class="list-panel split-panel">
+    <section class="list-panel split-panel activity-split">
       <div class="list">
         <div class="panel-head">
           <h2>Activity</h2>
@@ -90,17 +103,30 @@ <h2>Activity</h2>
         </div>
       </div>
       <div id="activityDetail" class="detail">
-        <div class="panel-head"><h2>Headers</h2></div>
+        <div class="panel-head"><h2>Exchange</h2></div>
         <dl class="meta">
           <div><dt>General</dt><dd id="actGeneral">Select a request.</dd></div>
           <div><dt>Matched</dt><dd id="actMatched"></dd></div>
         </dl>
-        <h2>Request headers</h2>
-        <table class="headers" id="reqHeaders"><tbody></tbody></table>
-        <h2>Response headers</h2>
-        <table class="headers" id="resHeaders"><tbody></tbody></table>
-        <h2>Body preview</h2>
-        <pre id="bodyPreview"></pre>
+        <div class="exchange">
+          <div class="exchange-col">
+            <h2>Request headers</h2>
+            <table class="headers" id="reqHeaders"><tbody></tbody></table>
+            <h2>Body preview</h2>
+            <pre id="reqBody"></pre>
+            <div class="panel-head">
+              <h2>Route</h2>
+              <button type="button" id="copyRoute">Copy</button>
+            </div>
+            <pre id="reqRoute"></pre>
+          </div>
+          <div class="exchange-col">
+            <h2>Response headers</h2>
+            <table class="headers" id="resHeaders"><tbody></tbody></table>
+            <h2>Body preview</h2>
+            <pre id="resBody"></pre>
+          </div>
+        </div>
       </div>
     </section>
   </main>
@@ -110,6 +136,7 @@ <h2>Body preview</h2>
     <button type="button" id="copyListen">Copy</button>
     <span class="muted">Inspect</span>
     <code id="inspectUrl"></code>
+    <a id="appVersion" href="https://www.nuget.org/packages/Devlead.Testing.MockHttp.Tool" target="_blank" rel="noopener noreferrer"></a>
   </footer>
   <script>
     let state = null;
@@ -142,6 +169,93 @@ <h2>Body preview</h2>
         .join("");
     }
 
+    function isJsonType(contentType, text) {
+      return /json/i.test(contentType ?? "") || /^\s*[\[{]/.test(text ?? "");
+    }
+
+    function isXmlType(contentType, text) {
+      return /xml/i.test(contentType ?? "") || /^\s*</.test(text ?? "");
+    }
+
+    function isFormType(contentType) {
+      return /urlencoded/i.test(contentType ?? "");
+    }
+
+    function highlightForm(source) {
+      try {
+        const params = new URLSearchParams(source);
+        const lines = [];
+        for (const [name, value] of params.entries()) {
+          lines.push(`<span class="key">${esc(name)}</span>=<span class="str">${esc(value)}</span>`);
+        }
+        if (lines.length) return lines.join("\n");
+      } catch { /* invalid form text */ }
+      return "";
+    }
+
+    function highlightJson(source) {
+      return source.replace(
+        /("(?:\\u[a-fA-F0-9]{4}|\\[^u]|[^\\"])*"(?:\s*:)?|\b(?:true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/g,
+        (match) => {
+          let cls = "num";
+          if (match[0] === "\"") cls = /:$/.test(match) ? "key" : "str";
+          else if (match === "true" || match === "false") cls = "bool";
+          else if (match === "null") cls = "null";
+          return `<span class="${cls}">${esc(match)}</span>`;
+        }
+      );
+    }
+
+    function highlightXml(source) {
+      return esc(source).replace(
+        /(&lt;\/?[\w:.-]+)((?:\s+[\w:.-]+(?:\s*=\s*(?:&quot;.*?&quot;|'.*?'))?)*)(\s*\/?&gt;)/g,
+        (_, tag, attrs, end) => {
+          const highlightedAttrs = attrs.replace(
+            /([\w:.-]+)(\s*=\s*)(&quot;.*?&quot;|'.*?')/g,
+            `<span class="attr">$1</span>$2<span class="val">$3</span>`
+          );
+          return `<span class="tag">${tag}</span>${highlightedAttrs}<span class="tag">${end}</span>`;
+        }
+      );
+    }
+
+    function fallbackBody(preview, contentType, contentLength) {
+      if (preview) return preview;
+      if (contentLength) return `${contentType ?? "binary"} (${contentLength} bytes)`;
+      return "";
+    }
+
+    function renderBody(el, preview, contentType, contentLength) {
+      const text = fallbackBody(preview, contentType, contentLength);
+      el.className = "";
+      if (preview && isJsonType(contentType, preview)) {
+        try {
+          el.className = "json";
+          el.innerHTML = highlightJson(JSON.stringify(JSON.parse(preview), null, 2));
+          return;
+        } catch { /* truncated or invalid JSON */ }
+        if (/json/i.test(contentType ?? "")) {
+          el.className = "json";
+          el.innerHTML = highlightJson(preview);
+          return;
+        }
+      }
+      if (preview && isXmlType(contentType, preview) && /xml|html/i.test(contentType ?? "")) {
+        el.className = "xml";
+        el.innerHTML = highlightXml(preview);
+        return;
+      }
+      if (preview && isFormType(contentType)) {
+        const highlighted = highlightForm(preview);
+        if (highlighted) {
+          el.className = "json";
+          el.innerHTML = highlighted;
+          return;
+        }
+      }
+      el.textContent = text;
+    }
+
     function renderRoutes() {
       const sort = sorts.routes;
       const rows = [...(state?.routes ?? [])].sort((a, b) => compare(a, b, sort.key, sort.dir));
@@ -165,12 +279,14 @@ <h2>Body preview</h2>
         $("routeUri").textContent = "";
         $("routeEnabled").textContent = "";
         $("routeHits").textContent = "";
+        $("toggleRoute").textContent = "Enable";
         return;
       }
       $("routeMethod").textContent = route.method;
       $("routeUri").textContent = route.absoluteUri;
       $("routeEnabled").textContent = route.enabled ? "yes" : "no";
       $("routeHits").textContent = String(route.hits);
+      $("toggleRoute").textContent = route.enabled ? "Disable" : "Enable";
     }
 
     function renderActivity() {
@@ -196,18 +312,25 @@ <h2>Body preview</h2>
         $("actMatched").textContent = "";
         $("reqHeaders").tBodies[0].innerHTML = "";
         $("resHeaders").tBodies[0].innerHTML = "";
-        $("bodyPreview").textContent = "";
+        $("reqBody").textContent = "";
+        $("resBody").textContent = "";
+        $("reqRoute").textContent = "";
+        $("reqBody").className = "";
+        $("resBody").className = "";
+        $("reqRoute").className = "";
         return;
       }
       $("actGeneral").textContent = `${item.method} ${item.pathAndQuery} → ${item.status}`;
       $("actMatched").textContent = item.matchedAbsoluteUri;
       $("reqHeaders").tBodies[0].innerHTML = headerRows(item.requestHeaders);
       $("resHeaders").tBodies[0].innerHTML = headerRows(item.responseHeaders);
-      $("bodyPreview").textContent = item.bodyPreview
-        ? item.bodyPreview
-        : item.contentLength
-          ? `${item.contentType ?? "binary"} (${item.contentLength} bytes)`
-          : "";
+      renderBody($("reqBody"), item.requestBodyPreview, item.requestContentType, item.requestContentLength);
+      renderBody($("resBody"), item.bodyPreview, item.contentType, item.contentLength);
+      renderBody(
+        $("reqRoute"),
+        item.route ? JSON.stringify(item.route) : "",
+        "application/json",
+        item.route ? 1 : 0);
     }
 
     function renderMeta() {
@@ -269,6 +392,11 @@ <h2>Body preview</h2>
     $("copyListen").onclick = async () => {
       if (state?.listenUrl) await navigator.clipboard.writeText(state.listenUrl);
     };
+    $("copyRoute").onclick = async () => {
+      const item = state?.activity?.find((entry) => entry.id === selectedActivity);
+      if (!item?.route) return;
+      await navigator.clipboard.writeText(JSON.stringify(item.route, null, 2));
+    };
 
     refresh();
     setInterval(refresh, 1000);
diff --git a/src/Devlead.Testing.MockHttp.Tool/README.md b/src/Devlead.Testing.MockHttp.Tool/README.md
index ed74ef5..c9e2a87 100644
--- a/src/Devlead.Testing.MockHttp.Tool/README.md
+++ b/src/Devlead.Testing.MockHttp.Tool/README.md
@@ -39,7 +39,7 @@ curl -i -H "Authorization: Bearer AccessToken" http://127.0.0.1:5080/login/secre
 
 Those requests match `Routes.json` entries whose `AbsoluteUri` values are `https://example.com/index.txt` and `https://example.com/login/secret.json`.
 
-While the host is running, the console shows a live table of configured routes and recent requests. Open `http://127.0.0.1:5080/inspect` for the inspect page: route enable/disable, request activity, and DevTools-style request/response headers. `GET /inspect/api` returns the same snapshot as JSON.
+While the host is running, the console shows a live table of configured routes and recent requests. Open `http://127.0.0.1:5080/inspect` for the inspect page: route enable/disable, request activity, and DevTools-style request/response headers and bodies. `GET /inspect/api` returns the same snapshot as JSON.
 
 ## Routes.json and resources
 
diff --git a/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Entry.cs b/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Entry.cs
index 9a4f14b..26fb864 100644
--- a/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Entry.cs
+++ b/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Entry.cs
@@ -1,3 +1,5 @@
+using System.Text.Json;
+
 namespace Devlead.Testing.MockHttp.Tool.Routing;
 
 /// <inheritdoc />
@@ -5,16 +7,18 @@ internal sealed partial class RouteTable
 {
     private sealed class RouteEntry
     {
-        public RouteEntry(HttpMethod method, RouteDocument document)
+        public RouteEntry(HttpMethod method, RouteDocument document, JsonElement source)
         {
             Method = method;
             Document = document;
+            Source = source;
             AbsoluteUri = new Uri(document.Request.AbsoluteUri, UriKind.Absolute);
             PathAndQuery = AbsoluteUri.PathAndQuery;
         }
 
         public HttpMethod Method { get; }
         public RouteDocument Document { get; }
+        public JsonElement Source { get; }
         public Uri AbsoluteUri { get; }
         public string PathAndQuery { get; }
         public long Hits;
diff --git a/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Headers.cs b/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Headers.cs
index 5e9830e..2324eb3 100644
--- a/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Headers.cs
+++ b/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Headers.cs
@@ -1,4 +1,5 @@
 using System.Text;
+using System.Text.Json;
 
 namespace Devlead.Testing.MockHttp.Tool.Routing;
 
@@ -28,16 +29,89 @@ private static IReadOnlyDictionary<string, string[]> CaptureHeaders(IHeaderDicti
         return result;
     }
 
-    private static string? BodyPreview(byte[]? content, string? contentType)
+    private static bool IsPreviewable(string? contentType) =>
+        string.IsNullOrEmpty(contentType)
+        || contentType.Contains("json", StringComparison.OrdinalIgnoreCase)
+        || contentType.Contains("text", StringComparison.OrdinalIgnoreCase)
+        || contentType.Contains("xml", StringComparison.OrdinalIgnoreCase)
+        || contentType.Contains("javascript", StringComparison.OrdinalIgnoreCase)
+        || contentType.Contains("urlencoded", StringComparison.OrdinalIgnoreCase);
+
+    private static async Task<(byte[] Content, string? ContentType, int Length)> ReadRequestBodyAsync(HttpRequest request)
     {
-        if (content is not { Length: > 0 } || contentType is null)
+        var contentType = request.ContentType;
+        var declaredLength = request.ContentLength is { } length
+            ? (int)Math.Min(length, int.MaxValue)
+            : 0;
+
+        if (request.ContentLength is 0 || request.Body is not { CanRead: true })
         {
-            return null;
+            return ([], contentType, declaredLength);
+        }
+
+        request.EnableBuffering();
+        const int limit = 8192;
+        using var buffer = new MemoryStream();
+        var chunk = new byte[Math.Min(4096, limit)];
+        var remaining = limit;
+        while (remaining > 0)
+        {
+            var read = await request.Body.ReadAsync(chunk.AsMemory(0, Math.Min(chunk.Length, remaining))).ConfigureAwait(false);
+            if (read == 0)
+            {
+                break;
+            }
+
+            buffer.Write(chunk, 0, read);
+            remaining -= read;
+        }
+
+        if (request.Body.CanSeek)
+        {
+            request.Body.Position = 0;
         }
 
-        if (!contentType.Contains("json", StringComparison.OrdinalIgnoreCase)
-            && !contentType.Contains("text", StringComparison.OrdinalIgnoreCase)
-            && !contentType.Contains("xml", StringComparison.OrdinalIgnoreCase))
+        var content = buffer.ToArray();
+        return (content, contentType, declaredLength > 0 ? declaredLength : content.Length);
+    }
+
+    private static JsonElement GenerateRoute(HttpRequest request, int status, string? contentType)
+    {
+        var response = new Dictionary<string, object?>
+        {
+            ["RequestHeaders"] = new Dictionary<string, string[]>(),
+            ["ContentHeaders"] = new Dictionary<string, string[]>(),
+            ["StatusCode"] = status
+        };
+        if (!string.IsNullOrWhiteSpace(contentType))
+        {
+            response["ContentType"] = contentType;
+        }
+
+        var payload = new Dictionary<string, object?>
+        {
+            ["Request"] = new Dictionary<string, object>
+            {
+                ["Methods"] = new[] { new Dictionary<string, string> { ["Method"] = request.Method } },
+                ["AbsoluteUri"] = $"{request.Scheme}://{request.Host}{request.Path}{request.QueryString}"
+            },
+            ["Responses"] = new[] { response }
+        };
+
+        if (request.Headers.Authorization is { Count: > 0 } authorization)
+        {
+            payload["Authorization"] = new Dictionary<string, string[]>
+            {
+                ["Authorization"] = authorization.ToArray()!
+            };
+        }
+
+        return JsonSerializer.SerializeToElement(payload);
+    }
+
+    private static string? BodyPreview(byte[]? content, string? contentType)
+    {
+        if (content is not { Length: > 0 } || !IsPreviewable(contentType))
         {
             return null;
         }
diff --git a/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Invoke.cs b/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Invoke.cs
index 7eb1ea5..8affb1c 100644
--- a/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Invoke.cs
+++ b/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.Invoke.cs
@@ -8,6 +8,7 @@ internal sealed partial class RouteTable
     public async Task InvokeAsync(HttpContext context)
     {
         var requestHeaders = CaptureHeaders(context.Request.Headers);
+        var (requestContent, requestContentType, requestContentLength) = await ReadRequestBodyAsync(context.Request).ConfigureAwait(false);
         var method = new HttpMethod(context.Request.Method);
         var pathAndQuery = $"{context.Request.Path}{context.Request.QueryString}";
         var host = context.Request.Host.Value ?? string.Empty;
@@ -15,10 +16,11 @@ public async Task InvokeAsync(HttpContext context)
         var enableDisable = false;
         byte[]? content = null;
         string? contentType = null;
+        RouteEntry? entry = null;
 
         try
         {
-            var entry = FindEntry(method, pathAndQuery, context.Request.Host);
+            entry = FindEntry(method, pathAndQuery, context.Request.Host);
             if (entry is null)
             {
                 context.Response.StatusCode = StatusCodes.Status404NotFound;
@@ -104,6 +106,10 @@ public async Task InvokeAsync(HttpContext context)
         finally
         {
             contentType ??= context.Response.ContentType;
+            var status = context.Response.StatusCode;
+            var route = status == StatusCodes.Status404NotFound || entry is null
+                ? GenerateRoute(context.Request, status, contentType)
+                : entry.Source;
             _activity.Add(
                 new ActivityEntry(
                     Guid.NewGuid().ToString("n")[..12],
@@ -111,14 +117,18 @@ public async Task InvokeAsync(HttpContext context)
                     method.Method,
                     pathAndQuery,
                     host,
-                    context.Response.StatusCode,
+                    status,
                     matched,
                     enableDisable,
                     requestHeaders,
+                    requestContentType,
+                    requestContentLength,
+                    BodyPreview(requestContent, requestContentType),
                     CaptureHeaders(context.Response.Headers),
                     contentType,
                     content?.Length ?? 0,
-                    BodyPreview(content, contentType)));
+                    BodyPreview(content, contentType),
+                    route));
         }
     }
 }
diff --git a/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.cs b/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.cs
index 306f0c1..7b0cd50 100644
--- a/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.cs
+++ b/src/Devlead.Testing.MockHttp.Tool/Routing/RouteTable.cs
@@ -49,14 +49,21 @@ public static RouteTable Load(string resourcesDirectory, bool matchHost)
             throw new FileNotFoundException("Routes.json was not found in the resources directory.", routesPath);
         }
 
-        var documents = JsonSerializer.Deserialize<RouteDocument[]>(File.ReadAllText(routesPath), JsonOptions)
-            ?? throw new InvalidOperationException("Routes.json did not contain any routes.");
+        using var parsed = JsonDocument.Parse(File.ReadAllText(routesPath));
+        if (parsed.RootElement.ValueKind != JsonValueKind.Array)
+        {
+            throw new InvalidOperationException("Routes.json did not contain any routes.");
+        }
 
         var entries = new List<RouteEntry>();
         var byAbsoluteUri = new ConcurrentDictionary<(HttpMethod Method, string AbsoluteUri), RouteEntry>();
 
-        foreach (var document in documents)
+        foreach (var element in parsed.RootElement.EnumerateArray())
         {
+            var document = element.Deserialize<RouteDocument>(JsonOptions)
+                ?? throw new InvalidOperationException("Routes.json did not contain any routes.");
+            var source = element.Clone();
+
             foreach (var response in document.Responses)
             {
                 if (!string.IsNullOrWhiteSpace(response.ContentResource))
@@ -71,7 +78,7 @@ public static RouteTable Load(string resourcesDirectory, bool matchHost)
             foreach (var method in document.Request.Methods)
             {
                 var httpMethod = new HttpMethod(method.Method);
-                var entry = new RouteEntry(httpMethod, document);
+                var entry = new RouteEntry(httpMethod, document, source);
                 entries.Add(entry);
                 byAbsoluteUri.TryAdd((httpMethod, document.Request.AbsoluteUri), entry);
             }