agenticreplay 0.1.0 → 0.1.2

package/node_modules/@agenticreplay/shell-shim/dist/runner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runner.js","sourceRoot":"","sources":["../src/runner.ts"],"names":[],"mappings":"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"}

package/node_modules/@agenticreplay/shell-shim/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@agenticreplay/shell-shim",
+  "version": "0.1.2",
+  "type": "module",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/askdkc/AgenticReplay.git",
+    "directory": "packages/shell-shim"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@agenticreplay/schema": "0.1.2",
+    "@agenticreplay/core": "0.1.2"
+  },
+  "engines": {
+    "node": ">=24.0.0"
+  }
+}

package/node_modules/@agenticreplay/viewer/dist/bundle.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Minifies the client runtime for inlining.
+ *
+ * esbuild is a repo-root build tool, not a dependency of this package: a published
+ * `@agenticreplay/viewer` ships `dist` only and must render without it. So the import is dynamic
+ * and guarded, and the readable source is a first-class fallback rather than an error path —
+ * `renderTraceHtml` stays synchronous and correct either way.
+ */
+/** The client runtime as a single minified IIFE with no imports. */
+export declare function bundleViewerScript(): Promise<string>;
+//# sourceMappingURL=bundle.d.ts.map

package/node_modules/@agenticreplay/viewer/dist/bundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle.d.ts","sourceRoot":"","sources":["../src/bundle.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,oEAAoE;AACpE,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,MAAM,CAAC,CAuB1D"}

package/node_modules/@agenticreplay/viewer/dist/bundle.js

@@ -0,0 +1,36 @@
+/**
+ * Minifies the client runtime for inlining.
+ *
+ * esbuild is a repo-root build tool, not a dependency of this package: a published
+ * `@agenticreplay/viewer` ships `dist` only and must render without it. So the import is dynamic
+ * and guarded, and the readable source is a first-class fallback rather than an error path —
+ * `renderTraceHtml` stays synchronous and correct either way.
+ */
+import { CLIENT_SOURCE } from './client/main.js';
+/** The client runtime as a single minified IIFE with no imports. */
+export async function bundleViewerScript() {
+    try {
+        const esbuild = await import('esbuild');
+        const result = await esbuild.build({
+            stdin: {
+                contents: CLIENT_SOURCE,
+                loader: 'js',
+                sourcefile: 'agenticreplay-viewer-client.js',
+            },
+            bundle: true,
+            format: 'iife',
+            target: 'es2019',
+            minify: true,
+            write: false,
+            legalComments: 'none',
+        });
+        const text = result.outputFiles?.[0]?.text;
+        return text ? text.trim() : CLIENT_SOURCE;
+    }
+    catch {
+        // No esbuild (published install, offline CI): ship the readable source. Same behaviour,
+        // a few kilobytes larger. Never a reason to fail an export.
+        return CLIENT_SOURCE;
+    }
+}
+//# sourceMappingURL=bundle.js.map

package/node_modules/@agenticreplay/viewer/dist/bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle.js","sourceRoot":"","sources":["../src/bundle.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,oEAAoE;AACpE,MAAM,CAAC,KAAK,UAAU,kBAAkB;IACtC,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC;YACjC,KAAK,EAAE;gBACL,QAAQ,EAAE,aAAa;gBACvB,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,gCAAgC;aAC7C;YACD,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,QAAQ;YAChB,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,KAAK;YACZ,aAAa,EAAE,MAAM;SACtB,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;QAC3C,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;IAC5C,CAAC;IAAC,MAAM,CAAC;QACP,wFAAwF;QACxF,4DAA4D;QAC5D,OAAO,aAAa,CAAC;IACvB,CAAC;AACH,CAAC"}

package/node_modules/@agenticreplay/viewer/dist/client/main.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The viewer's entire client runtime, held as source text so that `renderTraceHtml` stays
+ * synchronous and the published package carries no build-time coupling to its own sources.
+ * `bundleViewerScript()` in `../bundle.ts` minifies this with esbuild when it is available.
+ *
+ * Two rules keep the XSS surface at exactly one function (`escapeHtml`, server side):
+ *   1. this script never turns a string into markup — no innerHTML, no insertAdjacentHTML;
+ *   2. no trace content is ever interpolated into it.
+ * Plain ES2019, no framework, no polyfills, no network.
+ */
+export declare const CLIENT_SOURCE = "\n(function () {\n  'use strict';\n\n  var root = document.documentElement;\n  var rows = [].slice.call(document.querySelectorAll('.row'));\n  var panes = [].slice.call(document.querySelectorAll('.pane'));\n  var filterBox = document.getElementById('agenticreplay-filter');\n  var countBox = document.getElementById('agenticreplay-count');\n  var themeBtn = document.getElementById('agenticreplay-theme');\n  var playBtn = document.getElementById('agenticreplay-play');\n  var speedBtn = document.getElementById('agenticreplay-speed');\n  var progressBar = document.getElementById('agenticreplay-progress');\n  var playhead = document.getElementById('agenticreplay-playhead');\n  // Guarded rather than assumed: this script is also evaluated outside a full browser global\n  // (its own test harness runs it against a DOM stub), and motion is the first thing that should\n  // degrade, never the navigation.\n  var mq = typeof window !== 'undefined' && window.matchMedia;\n  var reduced = mq ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\n  var SPEEDS = [1, 4, 16];\n  var speedIndex = 0;\n  var timer = null;\n  var playing = false;\n  var haystack = rows.map(function (row) { return (row.textContent || '').toLowerCase(); });\n  var selected = rows.length ? 0 : -1;\n\n  function shown() {\n    return rows.filter(function (row) { return !row.hidden; });\n  }\n\n  function select(index, moveFocus) {\n    if (index < 0 || index >= rows.length) return;\n    var back = selected >= 0 && index < selected;\n    for (var i = 0; i < rows.length; i++) {\n      var on = i === index;\n      rows[i].setAttribute('aria-selected', on ? 'true' : 'false');\n      rows[i].tabIndex = on ? 0 : -1;\n      if (panes[i]) panes[i].hidden = !on;\n    }\n    selected = index;\n    if (!reduced && panes[index]) {\n      // Restart the animation on every move: removing then forcing layout is the only reliable\n      // way to replay a CSS animation on an element that never left the DOM.\n      var pane = panes[index];\n      pane.removeAttribute('data-dir');\n      void pane.offsetWidth;\n      pane.setAttribute('data-dir', back ? 'up' : 'down');\n    }\n    if (moveFocus) rows[index].focus();\n    rows[index].scrollIntoView({ block: 'nearest' });\n    movePlayhead();\n    updateProgress();\n  }\n\n  function movePlayhead() {\n    if (!playhead || selected < 0) return;\n    var row = rows[selected];\n    playhead.style.height = row.offsetHeight + 'px';\n    playhead.style.transform = 'translateY(' + row.offsetTop + 'px)';\n    playhead.setAttribute('data-on', 'true');\n  }\n\n  function updateProgress() {\n    if (!progressBar || !rows.length) return;\n    var fraction = rows.length < 2 ? 1 : selected / (rows.length - 1);\n    progressBar.style.transform = 'scaleX(' + (selected < 0 ? 0 : fraction) + ')';\n  }\n\n  /**\n   * Hold on each row for as long as the recording says the gap was, compressed. A uniform tick\n   * would be simpler and would throw away the only thing playback adds over pressing j: the feel\n   * of where the run stalled and where it span.\n   */\n  function delayFor(index) {\n    var list = shown();\n    var at = list.indexOf(rows[index]);\n    if (at <= 0) return 0;\n    var previous = Number(list[at - 1].getAttribute('data-mono')) || 0;\n    var current = Number(list[at].getAttribute('data-mono')) || 0;\n    var gapMs = Math.max(0, (current - previous) / 1000);\n    var compressed = Math.sqrt(gapMs / SPEEDS[speedIndex]) * 24;\n    return Math.min(1000, Math.max(60, Math.round(compressed)));\n  }\n\n  function pulse(index) {\n    if (reduced || !rows[index]) return;\n    if (rows[index].getAttribute('data-tone') !== 'attention') return;\n    rows[index].removeAttribute('data-pulse');\n    void rows[index].offsetWidth;\n    rows[index].setAttribute('data-pulse', 'true');\n  }\n\n  function setPlaying(on, stepNow) {\n    playing = on;\n    if (playBtn) playBtn.setAttribute('aria-pressed', on ? 'true' : 'false');\n    if (!on && timer) { clearTimeout(timer); timer = null; }\n    if (!on) return;\n    // Stepping immediately is what makes pressing play feel responsive \u2014 except on a restart,\n    // where we have just moved to the first row and stepping now would skip straight past it.\n    if (stepNow === false) timer = setTimeout(tick, delayFor(selected));\n    else tick();\n  }\n\n  function tick() {\n    if (!playing) return;\n    var list = shown();\n    if (!list.length) { setPlaying(false); return; }\n    var at = selected < 0 ? -1 : list.indexOf(rows[selected]);\n    if (at >= list.length - 1) { setPlaying(false); return; }\n    var nextIndex = rows.indexOf(list[at + 1]);\n    select(nextIndex, false);\n    pulse(nextIndex);\n    timer = setTimeout(tick, delayFor(nextIndex));\n  }\n\n  function togglePlay() {\n    if (playing) { setPlaying(false); return; }\n    var list = shown();\n    if (!list.length) return;\n    // Reaching the end and pressing play again starts over, rather than doing nothing.\n    var atEnd = selected < 0 || list.indexOf(rows[selected]) >= list.length - 1;\n    if (atEnd) {\n      select(rows.indexOf(list[0]), false);\n      setPlaying(true, false);\n      return;\n    }\n    setPlaying(true);\n  }\n\n  /** Any manual navigation takes the wheel back. */\n  function interrupt() {\n    if (playing) setPlaying(false);\n  }\n\n  function step(delta) {\n    interrupt();\n    var list = shown();\n    if (!list.length) return;\n    var at = selected < 0 ? -1 : list.indexOf(rows[selected]);\n    var next = at < 0 ? 0 : Math.min(list.length - 1, Math.max(0, at + delta));\n    select(rows.indexOf(list[next]), true);\n  }\n\n  function jump(toEnd) {\n    interrupt();\n    var list = shown();\n    if (!list.length) return;\n    select(rows.indexOf(toEnd ? list[list.length - 1] : list[0]), true);\n  }\n\n  function applyFilter() {\n    var q = (filterBox ? filterBox.value : '').toLowerCase().trim();\n    var visible = 0;\n    for (var i = 0; i < rows.length; i++) {\n      var on = q === '' || haystack[i].indexOf(q) >= 0;\n      rows[i].hidden = !on;\n      if (on) visible++;\n    }\n    if (countBox) {\n      countBox.textContent = q === ''\n        ? rows.length + (rows.length === 1 ? ' event' : ' events')\n        : visible + ' of ' + rows.length;\n    }\n    if (visible && selected >= 0 && rows[selected].hidden) select(rows.indexOf(shown()[0]), false);\n    else movePlayhead();\n  }\n\n  for (var i = 0; i < rows.length; i++) {\n    (function (index) {\n      rows[index].addEventListener('click', function () { interrupt(); select(index, false); });\n    })(i);\n  }\n\n  if (filterBox) filterBox.addEventListener('input', function () { interrupt(); applyFilter(); });\n\n  document.addEventListener('keydown', function (e) {\n    if (e.ctrlKey || e.metaKey || e.altKey) return;\n    var tag = e.target && e.target.tagName;\n    if (tag === 'INPUT' || tag === 'TEXTAREA') {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        if (filterBox) { filterBox.value = ''; applyFilter(); filterBox.blur(); }\n        if (rows.length) select(selected < 0 ? 0 : selected, true);\n      } else if (e.key === 'Enter' || e.key === 'ArrowDown') {\n        e.preventDefault();\n        var list = shown();\n        if (list.length) select(rows.indexOf(list[0]), true);\n      }\n      return;\n    }\n    if (e.key === ' ' || e.key === 'Spacebar') { e.preventDefault(); togglePlay(); }\n    else if (e.key === '/') { e.preventDefault(); if (filterBox) filterBox.focus(); }\n    else if (e.key === 'j' || e.key === 'ArrowDown') { e.preventDefault(); step(1); }\n    else if (e.key === 'k' || e.key === 'ArrowUp') { e.preventDefault(); step(-1); }\n    else if (e.key === 'Home') { e.preventDefault(); jump(false); }\n    else if (e.key === 'End') { e.preventDefault(); jump(true); }\n  });\n\n  function readTheme() {\n    try { return localStorage.getItem('agenticreplay-theme'); } catch (err) { return null; }\n  }\n  function writeTheme(value) {\n    try {\n      if (value) localStorage.setItem('agenticreplay-theme', value);\n      else localStorage.removeItem('agenticreplay-theme');\n    } catch (err) { /* private mode, blocked storage: the page still works */ }\n  }\n  function applyTheme(value) {\n    if (value === 'dark' || value === 'light') root.setAttribute('data-theme', value);\n    else root.removeAttribute('data-theme');\n    if (themeBtn) themeBtn.textContent = value || 'auto';\n  }\n\n  applyTheme(readTheme());\n  if (themeBtn) {\n    themeBtn.addEventListener('click', function () {\n      var current = root.getAttribute('data-theme');\n      var next = current === 'dark' ? 'light' : current === 'light' ? null : 'dark';\n      applyTheme(next);\n      writeTheme(next);\n    });\n  }\n\n  if (playBtn) playBtn.addEventListener('click', togglePlay);\n  if (speedBtn) {\n    speedBtn.addEventListener('click', function () {\n      speedIndex = (speedIndex + 1) % SPEEDS.length;\n      speedBtn.textContent = SPEEDS[speedIndex] + '\u00D7';\n    });\n  }\n  if (typeof window !== 'undefined' && window.addEventListener) {\n    window.addEventListener('resize', movePlayhead);\n  }\n\n  applyFilter();\n  if (rows.length) { movePlayhead(); updateProgress(); }\n})();\n";
+//# sourceMappingURL=main.d.ts.map

package/node_modules/@agenticreplay/viewer/dist/client/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/client/main.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,8hSA6OzB,CAAC"}

package/node_modules/@agenticreplay/viewer/dist/client/main.js

@@ -0,0 +1,249 @@
+/**
+ * The viewer's entire client runtime, held as source text so that `renderTraceHtml` stays
+ * synchronous and the published package carries no build-time coupling to its own sources.
+ * `bundleViewerScript()` in `../bundle.ts` minifies this with esbuild when it is available.
+ *
+ * Two rules keep the XSS surface at exactly one function (`escapeHtml`, server side):
+ *   1. this script never turns a string into markup — no innerHTML, no insertAdjacentHTML;
+ *   2. no trace content is ever interpolated into it.
+ * Plain ES2019, no framework, no polyfills, no network.
+ */
+export const CLIENT_SOURCE = `
+(function () {
+  'use strict';
+
+  var root = document.documentElement;
+  var rows = [].slice.call(document.querySelectorAll('.row'));
+  var panes = [].slice.call(document.querySelectorAll('.pane'));
+  var filterBox = document.getElementById('agenticreplay-filter');
+  var countBox = document.getElementById('agenticreplay-count');
+  var themeBtn = document.getElementById('agenticreplay-theme');
+  var playBtn = document.getElementById('agenticreplay-play');
+  var speedBtn = document.getElementById('agenticreplay-speed');
+  var progressBar = document.getElementById('agenticreplay-progress');
+  var playhead = document.getElementById('agenticreplay-playhead');
+  // Guarded rather than assumed: this script is also evaluated outside a full browser global
+  // (its own test harness runs it against a DOM stub), and motion is the first thing that should
+  // degrade, never the navigation.
+  var mq = typeof window !== 'undefined' && window.matchMedia;
+  var reduced = mq ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;
+  var SPEEDS = [1, 4, 16];
+  var speedIndex = 0;
+  var timer = null;
+  var playing = false;
+  var haystack = rows.map(function (row) { return (row.textContent || '').toLowerCase(); });
+  var selected = rows.length ? 0 : -1;
+
+  function shown() {
+    return rows.filter(function (row) { return !row.hidden; });
+  }
+
+  function select(index, moveFocus) {
+    if (index < 0 || index >= rows.length) return;
+    var back = selected >= 0 && index < selected;
+    for (var i = 0; i < rows.length; i++) {
+      var on = i === index;
+      rows[i].setAttribute('aria-selected', on ? 'true' : 'false');
+      rows[i].tabIndex = on ? 0 : -1;
+      if (panes[i]) panes[i].hidden = !on;
+    }
+    selected = index;
+    if (!reduced && panes[index]) {
+      // Restart the animation on every move: removing then forcing layout is the only reliable
+      // way to replay a CSS animation on an element that never left the DOM.
+      var pane = panes[index];
+      pane.removeAttribute('data-dir');
+      void pane.offsetWidth;
+      pane.setAttribute('data-dir', back ? 'up' : 'down');
+    }
+    if (moveFocus) rows[index].focus();
+    rows[index].scrollIntoView({ block: 'nearest' });
+    movePlayhead();
+    updateProgress();
+  }
+
+  function movePlayhead() {
+    if (!playhead || selected < 0) return;
+    var row = rows[selected];
+    playhead.style.height = row.offsetHeight + 'px';
+    playhead.style.transform = 'translateY(' + row.offsetTop + 'px)';
+    playhead.setAttribute('data-on', 'true');
+  }
+
+  function updateProgress() {
+    if (!progressBar || !rows.length) return;
+    var fraction = rows.length < 2 ? 1 : selected / (rows.length - 1);
+    progressBar.style.transform = 'scaleX(' + (selected < 0 ? 0 : fraction) + ')';
+  }
+
+  /**
+   * Hold on each row for as long as the recording says the gap was, compressed. A uniform tick
+   * would be simpler and would throw away the only thing playback adds over pressing j: the feel
+   * of where the run stalled and where it span.
+   */
+  function delayFor(index) {
+    var list = shown();
+    var at = list.indexOf(rows[index]);
+    if (at <= 0) return 0;
+    var previous = Number(list[at - 1].getAttribute('data-mono')) || 0;
+    var current = Number(list[at].getAttribute('data-mono')) || 0;
+    var gapMs = Math.max(0, (current - previous) / 1000);
+    var compressed = Math.sqrt(gapMs / SPEEDS[speedIndex]) * 24;
+    return Math.min(1000, Math.max(60, Math.round(compressed)));
+  }
+
+  function pulse(index) {
+    if (reduced || !rows[index]) return;
+    if (rows[index].getAttribute('data-tone') !== 'attention') return;
+    rows[index].removeAttribute('data-pulse');
+    void rows[index].offsetWidth;
+    rows[index].setAttribute('data-pulse', 'true');
+  }
+
+  function setPlaying(on, stepNow) {
+    playing = on;
+    if (playBtn) playBtn.setAttribute('aria-pressed', on ? 'true' : 'false');
+    if (!on && timer) { clearTimeout(timer); timer = null; }
+    if (!on) return;
+    // Stepping immediately is what makes pressing play feel responsive — except on a restart,
+    // where we have just moved to the first row and stepping now would skip straight past it.
+    if (stepNow === false) timer = setTimeout(tick, delayFor(selected));
+    else tick();
+  }
+
+  function tick() {
+    if (!playing) return;
+    var list = shown();
+    if (!list.length) { setPlaying(false); return; }
+    var at = selected < 0 ? -1 : list.indexOf(rows[selected]);
+    if (at >= list.length - 1) { setPlaying(false); return; }
+    var nextIndex = rows.indexOf(list[at + 1]);
+    select(nextIndex, false);
+    pulse(nextIndex);
+    timer = setTimeout(tick, delayFor(nextIndex));
+  }
+
+  function togglePlay() {
+    if (playing) { setPlaying(false); return; }
+    var list = shown();
+    if (!list.length) return;
+    // Reaching the end and pressing play again starts over, rather than doing nothing.
+    var atEnd = selected < 0 || list.indexOf(rows[selected]) >= list.length - 1;
+    if (atEnd) {
+      select(rows.indexOf(list[0]), false);
+      setPlaying(true, false);
+      return;
+    }
+    setPlaying(true);
+  }
+
+  /** Any manual navigation takes the wheel back. */
+  function interrupt() {
+    if (playing) setPlaying(false);
+  }
+
+  function step(delta) {
+    interrupt();
+    var list = shown();
+    if (!list.length) return;
+    var at = selected < 0 ? -1 : list.indexOf(rows[selected]);
+    var next = at < 0 ? 0 : Math.min(list.length - 1, Math.max(0, at + delta));
+    select(rows.indexOf(list[next]), true);
+  }
+
+  function jump(toEnd) {
+    interrupt();
+    var list = shown();
+    if (!list.length) return;
+    select(rows.indexOf(toEnd ? list[list.length - 1] : list[0]), true);
+  }
+
+  function applyFilter() {
+    var q = (filterBox ? filterBox.value : '').toLowerCase().trim();
+    var visible = 0;
+    for (var i = 0; i < rows.length; i++) {
+      var on = q === '' || haystack[i].indexOf(q) >= 0;
+      rows[i].hidden = !on;
+      if (on) visible++;
+    }
+    if (countBox) {
+      countBox.textContent = q === ''
+        ? rows.length + (rows.length === 1 ? ' event' : ' events')
+        : visible + ' of ' + rows.length;
+    }
+    if (visible && selected >= 0 && rows[selected].hidden) select(rows.indexOf(shown()[0]), false);
+    else movePlayhead();
+  }
+
+  for (var i = 0; i < rows.length; i++) {
+    (function (index) {
+      rows[index].addEventListener('click', function () { interrupt(); select(index, false); });
+    })(i);
+  }
+
+  if (filterBox) filterBox.addEventListener('input', function () { interrupt(); applyFilter(); });
+
+  document.addEventListener('keydown', function (e) {
+    if (e.ctrlKey || e.metaKey || e.altKey) return;
+    var tag = e.target && e.target.tagName;
+    if (tag === 'INPUT' || tag === 'TEXTAREA') {
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        if (filterBox) { filterBox.value = ''; applyFilter(); filterBox.blur(); }
+        if (rows.length) select(selected < 0 ? 0 : selected, true);
+      } else if (e.key === 'Enter' || e.key === 'ArrowDown') {
+        e.preventDefault();
+        var list = shown();
+        if (list.length) select(rows.indexOf(list[0]), true);
+      }
+      return;
+    }
+    if (e.key === ' ' || e.key === 'Spacebar') { e.preventDefault(); togglePlay(); }
+    else if (e.key === '/') { e.preventDefault(); if (filterBox) filterBox.focus(); }
+    else if (e.key === 'j' || e.key === 'ArrowDown') { e.preventDefault(); step(1); }
+    else if (e.key === 'k' || e.key === 'ArrowUp') { e.preventDefault(); step(-1); }
+    else if (e.key === 'Home') { e.preventDefault(); jump(false); }
+    else if (e.key === 'End') { e.preventDefault(); jump(true); }
+  });
+
+  function readTheme() {
+    try { return localStorage.getItem('agenticreplay-theme'); } catch (err) { return null; }
+  }
+  function writeTheme(value) {
+    try {
+      if (value) localStorage.setItem('agenticreplay-theme', value);
+      else localStorage.removeItem('agenticreplay-theme');
+    } catch (err) { /* private mode, blocked storage: the page still works */ }
+  }
+  function applyTheme(value) {
+    if (value === 'dark' || value === 'light') root.setAttribute('data-theme', value);
+    else root.removeAttribute('data-theme');
+    if (themeBtn) themeBtn.textContent = value || 'auto';
+  }
+
+  applyTheme(readTheme());
+  if (themeBtn) {
+    themeBtn.addEventListener('click', function () {
+      var current = root.getAttribute('data-theme');
+      var next = current === 'dark' ? 'light' : current === 'light' ? null : 'dark';
+      applyTheme(next);
+      writeTheme(next);
+    });
+  }
+
+  if (playBtn) playBtn.addEventListener('click', togglePlay);
+  if (speedBtn) {
+    speedBtn.addEventListener('click', function () {
+      speedIndex = (speedIndex + 1) % SPEEDS.length;
+      speedBtn.textContent = SPEEDS[speedIndex] + '\u00d7';
+    });
+  }
+  if (typeof window !== 'undefined' && window.addEventListener) {
+    window.addEventListener('resize', movePlayhead);
+  }
+
+  applyFilter();
+  if (rows.length) { movePlayhead(); updateProgress(); }
+})();
+`;
+//# sourceMappingURL=main.js.map

package/node_modules/@agenticreplay/viewer/dist/client/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../src/client/main.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6O5B,CAAC"}

package/node_modules/@agenticreplay/viewer/dist/credit.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The credit line every artefact agenticreplay hands out carries.
+ *
+ * Two surfaces show it — the exported HTML page (`html.ts`) and the SVG cards the CLI renders
+ * (`cli/src/share-card.ts`) — and they have to agree, because a run someone forwards is often the
+ * first time anyone sees this project's name. It lived as a duplicated literal in both packages
+ * until they had to say something longer than the repo URL; one constant is what stops them
+ * drifting the next time it changes.
+ *
+ * Split into two halves because the media differ: the HTML footer is one line with no width to
+ * respect, while a 720px card sets the halves against opposite margins. Together they are 97
+ * characters, which is why the card sets them a size smaller than its other rows — at 11px they
+ * leave 24px between them, and a monospace fallback advancing 0.66em rather than the usual 0.6em
+ * overlaps them by 40px. At 10px the gap is 82px and no plausible fallback closes it.
+ */
+/** Who made the thing you are looking at. */
+export declare const CREDIT_MADE_BY = "Recorded with AgenticReplay";
+/** Where to go next. Deliberately the repository, not a product page. */
+export declare const CREDIT_REPO = "github.com/askdkc/AgenticReplay";
+/** Both halves, for a surface with room for one line. */
+export declare const CREDIT_LINE = "Recorded with AgenticReplay \u00B7 github.com/askdkc/AgenticReplay";
+//# sourceMappingURL=credit.d.ts.map

package/node_modules/@agenticreplay/viewer/dist/credit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credit.d.ts","sourceRoot":"","sources":["../src/credit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,6CAA6C;AAC7C,eAAO,MAAM,cAAc,gCAAgC,CAAC;AAE5D,yEAAyE;AACzE,eAAO,MAAM,WAAW,oCAAoC,CAAC;AAE7D,yDAAyD;AACzD,eAAO,MAAM,WAAW,uEAAuC,CAAC"}

package/node_modules/@agenticreplay/viewer/dist/credit.js

@@ -0,0 +1,22 @@
+/**
+ * The credit line every artefact agenticreplay hands out carries.
+ *
+ * Two surfaces show it — the exported HTML page (`html.ts`) and the SVG cards the CLI renders
+ * (`cli/src/share-card.ts`) — and they have to agree, because a run someone forwards is often the
+ * first time anyone sees this project's name. It lived as a duplicated literal in both packages
+ * until they had to say something longer than the repo URL; one constant is what stops them
+ * drifting the next time it changes.
+ *
+ * Split into two halves because the media differ: the HTML footer is one line with no width to
+ * respect, while a 720px card sets the halves against opposite margins. Together they are 97
+ * characters, which is why the card sets them a size smaller than its other rows — at 11px they
+ * leave 24px between them, and a monospace fallback advancing 0.66em rather than the usual 0.6em
+ * overlaps them by 40px. At 10px the gap is 82px and no plausible fallback closes it.
+ */
+/** Who made the thing you are looking at. */
+export const CREDIT_MADE_BY = 'Recorded with AgenticReplay';
+/** Where to go next. Deliberately the repository, not a product page. */
+export const CREDIT_REPO = 'github.com/askdkc/AgenticReplay';
+/** Both halves, for a surface with room for one line. */
+export const CREDIT_LINE = `${CREDIT_MADE_BY} · ${CREDIT_REPO}`;
+//# sourceMappingURL=credit.js.map

package/node_modules/@agenticreplay/viewer/dist/credit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"credit.js","sourceRoot":"","sources":["../src/credit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,6CAA6C;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,6BAA6B,CAAC;AAE5D,yEAAyE;AACzE,MAAM,CAAC,MAAM,WAAW,GAAG,iCAAiC,CAAC;AAE7D,yDAAyD;AACzD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,cAAc,MAAM,WAAW,EAAE,CAAC"}

package/node_modules/@agenticreplay/viewer/dist/css.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The whole stylesheet, inlined into every export. No webfonts, no imports, no URLs:
+ * an export has to open from file:// on a machine that has never heard of this project.
+ *
+ * Monochrome and counter-shaded — a dark plane above, light below. State is carried by
+ * FORM (fill, weight, hairline), never by hue: exports get screenshotted into issues,
+ * printed, pasted into dark-mode Slack, and read by people who do not separate red from
+ * green. Form survives all four.
+ */
+export declare const VIEWER_CSS = "\n:root {\n  --ground: #F3F5F5;\n  --paper: #FFFFFF;\n  --sunk: #EAEEEE;\n  --ink: #0A0C0D;\n  --ink-2: #555D60;\n  --ink-3: #868F92;\n  --rule: #DCE1E2;\n  --rule-2: #BFC7C8;\n  --band: #08090A;\n  --band-fg: #E8ECEC;\n  --band-2: #9AA4A7;\n  --band-dim: #6B7578;\n  --band-rule: #1F2426;\n  color-scheme: light;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    --ground: #111517;\n    --paper: #171B1D;\n    --sunk: #0C1011;\n    --ink: #E9EDED;\n    --ink-2: #98A2A5;\n    --ink-3: #6C7679;\n    --rule: #252C2E;\n    --rule-2: #374043;\n    --band: #08090A;\n    --band-fg: #E8ECEC;\n    --band-2: #9AA4A7;\n    --band-dim: #6B7578;\n    --band-rule: #1F2426;\n    color-scheme: dark;\n  }\n}\n\n:root[data-theme=\"dark\"] {\n  --ground: #111517;\n  --paper: #171B1D;\n  --sunk: #0C1011;\n  --ink: #E9EDED;\n  --ink-2: #98A2A5;\n  --ink-3: #6C7679;\n  --rule: #252C2E;\n  --rule-2: #374043;\n  --band: #08090A;\n  --band-fg: #E8ECEC;\n  --band-2: #9AA4A7;\n  --band-dim: #6B7578;\n  --band-rule: #1F2426;\n  color-scheme: dark;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n[hidden] { display: none !important; }\n\nbody {\n  margin: 0;\n  height: 100vh;\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--ground);\n  color: var(--ink);\n  font-family: system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif;\n  font-size: 14px;\n  line-height: 1.45;\n  -webkit-text-size-adjust: 100%;\n}\n\n.mono, .row, .seq, .chip, .stat dt, .stat dd, .kv dt, .kv dd, pre, code,\ninput, button, .pane-title, .sub, footer, .finding {\n  font-family: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n}\n\n:focus-visible { outline: 2px solid var(--ink); outline-offset: 1px; }\n\n/* ---- band: the dark plane above ---- */\n.band {\n  flex: none;\n  background: var(--band);\n  color: var(--band-fg);\n  border-bottom: 1px solid var(--band-rule);\n  padding: .6rem .9rem .55rem;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: .35rem 1.4rem;\n}\n.band :focus-visible { outline-color: var(--band-fg); }\n.band h1 {\n  margin: 0;\n  font-size: .8125rem;\n  font-weight: 600;\n  letter-spacing: .02em;\n  font-family: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n}\n.band .sub { color: var(--band-2); font-size: .6875rem; }\n.stats { display: flex; flex-wrap: wrap; gap: .1rem 1.1rem; margin: 0 0 0 auto; padding: 0; }\n.stat { display: flex; align-items: baseline; gap: .4rem; margin: 0; }\n.stat dt {\n  margin: 0;\n  font-size: .625rem;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: var(--band-dim);\n}\n.stat dd { margin: 0; font-size: .75rem; color: var(--band-fg); font-variant-numeric: tabular-nums; }\n.stat dd.flag { font-weight: 700; }\n#agenticreplay-theme {\n  background: transparent;\n  border: 1px solid var(--band-rule);\n  border-radius: 2px;\n  color: var(--band-2);\n  font-size: .625rem;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  padding: .15rem .4rem;\n  cursor: pointer;\n}\n#agenticreplay-theme:hover { color: var(--band-fg); border-color: var(--band-dim); }\n\n/* ---- findings strip ---- */\n.findings { flex: none; border-bottom: 1px solid var(--rule); background: var(--sunk); }\n.finding {\n  display: flex;\n  align-items: baseline;\n  gap: .5rem;\n  padding: .35rem .9rem;\n  font-size: .6875rem;\n  color: var(--ink-2);\n}\n.finding + .finding { border-top: 1px solid var(--rule); }\n\n/* ---- split ---- */\n/* minmax(0, 1fr) on the row and min-height: 0 on both items, for the same reason each time: a\n   grid item defaults to min-height auto and grows to its content, which silently unbounds the\n   scroll container inside it. The rows list then reports nothing to scroll and paints over into\n   the body's overflow:hidden, where it is clipped \u2014 so on any trace taller than the viewport,\n   every event past the fold becomes unreachable. Measured before this fix: the last row of a\n   42-event trace sat at y=1228 in a 900px viewport with no way to scroll to it. */\n.split {\n  flex: 1;\n  min-height: 0;\n  display: grid;\n  grid-template-columns: minmax(20rem, 38%) 1fr;\n  grid-template-rows: minmax(0, 1fr);\n}\n.list {\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  border-right: 1px solid var(--rule);\n}\n.pane-col { min-width: 0; min-height: 0; overflow: auto; background: var(--paper); }\n\n.filterbar {\n  flex: none;\n  display: flex;\n  align-items: center;\n  gap: .6rem;\n  padding: .45rem .75rem;\n  border-bottom: 1px solid var(--rule);\n}\n#agenticreplay-filter {\n  flex: 1;\n  min-width: 0;\n  background: var(--sunk);\n  border: 1px solid var(--rule-2);\n  border-radius: 2px;\n  color: var(--ink);\n  font-size: .75rem;\n  padding: .25rem .4rem;\n}\n#agenticreplay-filter::placeholder { color: var(--ink-3); }\n#agenticreplay-count { font-size: .625rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }\n\n.rows { flex: 1; min-height: 0; overflow: auto; }\n.row {\n  display: grid;\n  grid-template-columns: 3rem 4.5rem minmax(0, 1fr) auto;\n  align-items: baseline;\n  gap: .55rem;\n  width: 100%;\n  margin: 0;\n  padding: .32rem .75rem .32rem .5rem;\n  background: transparent;\n  border: 0;\n  border-left: 3px solid transparent;\n  border-bottom: 1px solid var(--rule);\n  color: var(--ink-2);\n  font-size: .75rem;\n  text-align: left;\n  cursor: pointer;\n}\n.row[data-turn-start=\"true\"] { border-top: 1px solid var(--rule-2); }\n.row:hover { background: var(--sunk); }\n.row[aria-selected=\"true\"] { background: var(--paper); border-left-color: var(--ink); color: var(--ink); }\n.row:focus-visible { outline: 2px solid var(--ink); outline-offset: -2px; }\n.seq { color: var(--ink-3); text-align: right; font-variant-numeric: tabular-nums; font-size: .6875rem; }\n.text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.label { color: var(--ink); }\n.row[data-tone=\"attention\"] .label { font-weight: 700; }\n.row[data-tone=\"quiet\"] .label { color: var(--ink-3); }\n.detail { color: var(--ink-3); }\n.meta { color: var(--ink-3); font-size: .6875rem; font-variant-numeric: tabular-nums; white-space: nowrap; }\n\n.chip {\n  display: inline-block;\n  padding: .05rem .3rem;\n  border-radius: 2px;\n  font-size: .625rem;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n.chip.attention { background: var(--ink); color: var(--ground); }\n.chip.normal { border: 1px solid var(--rule-2); color: var(--ink-2); }\n.chip.quiet { border: 1px solid var(--rule); color: var(--ink-3); }\n\n/* ---- detail pane ---- */\n.pane { padding: 1rem 1.25rem 3rem; max-width: 62rem; }\n.pane-title { display: flex; align-items: baseline; gap: .5rem; margin: 0 0 .9rem; font-size: .875rem; font-weight: 600; }\n.pane-title .name { min-width: 0; overflow-wrap: anywhere; }\n.pane h3 {\n  margin: 1.4rem 0 .5rem;\n  padding-bottom: .25rem;\n  border-bottom: 1px solid var(--rule);\n  font-family: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n  font-size: .625rem;\n  font-weight: 600;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: var(--ink-3);\n}\n.kv { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: .2rem .9rem; margin: 0; }\n.kv dt { margin: 0; font-size: .625rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }\n.kv dd { margin: 0; font-size: .75rem; overflow-wrap: anywhere; }\n.muted { color: var(--ink-3); font-size: .75rem; }\n.download { display: inline-block; margin-top: .45rem; color: var(--band-fg); font-size: .75rem; }\n.scroll { overflow-x: auto; margin: 0; }\npre {\n  margin: 0;\n  padding: .5rem 0 .5rem .75rem;\n  border-left: 2px solid var(--rule-2);\n  background: var(--sunk);\n  font-size: .75rem;\n  line-height: 1.5;\n}\n.diff span { display: block; }\n.diff .add { display: block; color: var(--ink); font-weight: 700; }\n.diff .del { display: block; color: var(--ink-3); }\n.diff .hunk { display: block; color: var(--ink-2); }\n.empty { padding: 2rem .75rem; color: var(--ink-3); font-size: .75rem; text-align: center; }\n\nfooter {\n  flex: none;\n  border-top: 1px solid var(--rule);\n  padding: .45rem .9rem;\n  background: var(--ground);\n  color: var(--ink-3);\n  font-size: .6875rem;\n  letter-spacing: .02em;\n}\n\n@media (max-width: 52rem) {\n  .split { grid-template-columns: 1fr; grid-template-rows: minmax(0, 45%) minmax(0, 55%); }\n  .list { border-right: 0; border-bottom: 1px solid var(--rule); }\n  .stats { margin-left: 0; }\n}\n\n\n/* \u2500\u2500 Motion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   A debugger is read mid-incident, so motion here is functional or absent.\n   Playback exists because this is a replay tool: the recorded gaps are the\n   only thing it adds over pressing j, so they are preserved and compressed.\n   The playhead slides to give that a physical position. Everything animates\n   transform/opacity only, so nothing reflows on a large trace. */\n\n.rows { position: relative; }\n\n.playhead {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 2px;\n  height: 0;\n  background: var(--ink);\n  transform: translateY(0);\n  transition: transform 160ms cubic-bezier(0.2, 0, 0, 1), height 160ms cubic-bezier(0.2, 0, 0, 1);\n  pointer-events: none;\n  opacity: 0;\n}\n.playhead[data-on='true'] { opacity: 1; }\n\n.progress {\n  height: 2px;\n  background: var(--rule);\n  overflow: hidden;\n}\n.progress > span {\n  display: block;\n  height: 100%;\n  background: var(--ink);\n  transform: scaleX(0);\n  transform-origin: left center;\n  transition: transform 160ms linear;\n}\n\n#agenticreplay-play .glyph {\n  display: block;\n  width: 0;\n  height: 0;\n  /* A play triangle and a pause bar from one element: no icon font, no SVG, no second asset. */\n  border-style: solid;\n  border-width: 5px 0 5px 8px;\n  border-color: transparent transparent transparent currentColor;\n  transition: border-width 120ms ease, border-color 120ms ease;\n}\n#agenticreplay-play[aria-pressed='true'] .glyph {\n  border-width: 5px 0 5px 8px;\n  border-color: transparent transparent transparent currentColor;\n  border-left-style: double;\n  border-left-width: 8px;\n}\n\n/* Direction of travel: forward enters from below, backward from above. Tells you which way you\n   moved without a label, which matters when playback is stepping for you. */\n@keyframes agenticreplay-enter-down {\n  from { opacity: 0; transform: translateY(4px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n@keyframes agenticreplay-enter-up {\n  from { opacity: 0; transform: translateY(-4px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n.pane[data-dir='down'] { animation: agenticreplay-enter-down 130ms cubic-bezier(0.2, 0, 0, 1); }\n.pane[data-dir='up'] { animation: agenticreplay-enter-up 130ms cubic-bezier(0.2, 0, 0, 1); }\n\n/* A row that needs attention is a band: the ground and the ink trade places. Keyed on data-tone,\n   which is what the row *is*, rather than on data-pulse, which only says playback happened to land\n   here \u2014 two failures otherwise render differently depending on how far someone pressed play.\n\n   Every state that the rest of the table carries in background has to be restated here, because a\n   band already owns that channel: selection moves to the rail, hover lifts the band rather than\n   replacing it, and the wash inverts. Leaving any of them out makes the row that matters most the\n   one you cannot tell anything about. */\n.row { position: relative; }\n.row[data-tone='attention'] { background: var(--ink); }\n.row[data-tone='attention'],\n.row[data-tone='attention'] .label,\n.row[data-tone='attention'] .detail,\n.row[data-tone='attention'] .meta,\n.row[data-tone='attention'] .seq { color: var(--ground); }\n/* The chip is already inverted against the paper, so on a band it inverts back. */\n.row[data-tone='attention'] .chip.attention { background: var(--ground); color: var(--ink); }\n.row[data-tone='attention'] .chip.normal,\n.row[data-tone='attention'] .chip.quiet { border-color: var(--ink-3); color: var(--ground); }\n\n/* Selection: the rail, not the ground. --ink on --ink is invisible. */\n.row[data-tone='attention'][aria-selected='true'] {\n  background: var(--ink);\n  border-left-color: var(--ground);\n  color: var(--ground);\n}\n/* Hover lifts the band instead of replacing it with --sunk, which would read as un-erroring it. */\n.row[data-tone='attention']:hover { background: var(--ink-2); }\n.row[data-tone='attention']:focus-visible { outline-color: var(--ground); }\n\n/* The playback wash, inverted so it reads on a band as it does on paper. No shadow \u2014 the design\n   system uses hairlines and weight, never depth \u2014 and no hue, since state here is carried by form.\n   An overlay whose opacity animates stays on the compositor and never repaints the row.\n\n   opacity:0 is the base and it is load-bearing: without it the element inherits the default of 1\n   and the only thing holding it invisible is an animation that has not finished, so the wash goes\n   solid the moment the animation ends and stays there, because data-pulse is never removed. */\n.row[data-pulse='true']::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: var(--ink);\n  opacity: 0;\n  pointer-events: none;\n  animation: agenticreplay-attention 420ms ease-out;\n}\n.row[data-tone='attention'][data-pulse='true']::after { background: var(--ground); }\n@keyframes agenticreplay-attention {\n  from { opacity: 0.14; }\n  to { opacity: 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }\n  /* Playback still works \u2014 it just steps instantly instead of gliding. */\n  .playhead, .progress > span { transition: none !important; }\n}\n";
+//# sourceMappingURL=css.d.ts.map

package/node_modules/@agenticreplay/viewer/dist/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,s6bA+YtB,CAAC"}