Publish static trace explorer

app.js

@@ -0,0 +1,18 @@
+import { parseTrace, compareBranch } from "./replay-core.js";
+
+const $ = selector => document.querySelector(selector);
+let trace = null;
+function esc(value) { return String(value ?? "").replace(/[&<>'"]/g, c => ({"&":"&amp;","<":"&lt;",">":"&gt;","'":"&#39;",'"':"&quot;"}[c])); }
+function renderEvents(events, target) { target.innerHTML = events.map(event => `<article class="event"><span class="seq">${event.sequence ?? "·"}</span><strong>${esc(event.event_type)}</strong><span>${esc(event.actor)}</span><p>${esc(event.output_summary || event.input_summary || "")}</p></article>`).join("") || "<p class=muted>No events.</p>"; }
+function renderTrace() {
+  $("#title").textContent = trace.title;
+  $("#meta").textContent = `${trace.trace_id} · ${trace.source_type} · ${trace.original_trajectory.length} events`;
+  renderEvents(trace.original_trajectory, $("#original-events"));
+  const select = $("#branch"); select.innerHTML = trace.branches.map(branch => `<option value="${esc(branch.branch_id)}">${esc(branch.branch_id)}</option>`).join("");
+  renderComparison();
+}
+function renderComparison() { if (!trace || !trace.branches.length) return; const comparison = compareBranch(trace, $("#branch").value); renderEvents(comparison.alternate, $("#alternate-events")); $("#classification").textContent = comparison.classification; $("#outcomes").textContent = `Original: ${JSON.stringify(comparison.originalOutcome)} · Alternate: ${JSON.stringify(comparison.alternateOutcome)}`; }
+async function loadText(text) { try { trace = parseTrace(text); renderTrace(); $("#error").textContent = ""; } catch (error) { $("#error").textContent = error.message; } }
+$("#file").addEventListener("change", event => event.target.files[0]?.text().then(loadText));
+$("#branch").addEventListener("change", renderComparison);
+fetch("data/traces.jsonl").then(response => response.text()).then(text => loadText(text.split("\n").find(Boolean))).catch(() => { $("#error").textContent = "Load a local trace JSON file to begin."; });