@alwaysmeticulous/debug-workspace 2.275.1 → 2.276.2

package/dist/generate-debug-workspace.js

@@ -1,5 +1,5 @@
 "use strict";
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="e13ec865-b015-5912-8934-fc90cab78689")}catch(e){}}();
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="3c3e6a18-3b50-54ba-a2e4-296e73c18524")}catch(e){}}();
 
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -13,11 +13,13 @@ const path_1 = require("path");
 const common_1 = require("@alwaysmeticulous/common");
 const chalk_1 = __importDefault(require("chalk"));
 const debug_constants_1 = require("./debug-constants");
+const extract_screenshot_dom_files_1 = require("./extract-screenshot-dom-files");
+const fetch_dom_diffs_1 = require("./fetch-dom-diffs");
 const generate_debug_derived_files_1 = require("./generate-debug-derived-files");
+const screenshot_identifier_1 = require("./screenshot-identifier");
 const TEMPLATES_DIR = (0, path_1.join)(__dirname, "templates");
-const generateDebugWorkspace = (options) => {
-    var _a;
-    const { debugContext, workspaceDir } = options;
+const generateDebugWorkspace = async (options) => {
+    const { client, debugContext, workspaceDir } = options;
     const claudeDir = (0, path_1.join)(workspaceDir, ".claude");
     (0, fs_1.mkdirSync)(claudeDir, { recursive: true });
     copyClaudeMd(workspaceDir, options.additionalTemplatesDir);
@@ -30,13 +32,20 @@ const generateDebugWorkspace = (options) => {
     generateTimelineSummaries(workspaceDir);
     generateSessionSummaries(debugContext, workspaceDir);
     prettifySnapshotAssets(workspaceDir);
+    (0, extract_screenshot_dom_files_1.extractScreenshotDomFiles)(workspaceDir);
+    const domDiffMap = await (0, fetch_dom_diffs_1.fetchDomDiffs)({
+        client,
+        debugContext,
+        workspaceDir,
+        maxConcurrency: options.maxConcurrency,
+    });
     (0, generate_debug_derived_files_1.generateDebugDerivedFiles)(workspaceDir);
     const screenshotMap = buildScreenshotMap(debugContext, workspaceDir);
     generateScreenshotContext(debugContext, workspaceDir, screenshotMap);
     const replayComparison = buildReplayComparison(debugContext, workspaceDir);
     const fileMetadata = collectFileMetadata(debugContext, workspaceDir);
-    const writeCtx = (_a = options.writeContextJson) !== null && _a !== void 0 ? _a : defaultWriteContextJson;
-    writeCtx(debugContext, workspaceDir, fileMetadata, options.projectRepoDir, screenshotMap, replayComparison);
+    const writeCtx = options.writeContextJson ?? defaultWriteContextJson;
+    writeCtx(debugContext, workspaceDir, fileMetadata, options.projectRepoDir, screenshotMap, replayComparison, domDiffMap);
     copyClaudeSubdir(workspaceDir, "rules", options.additionalTemplatesDir);
     copyClaudeSubdir(workspaceDir, "hooks", options.additionalTemplatesDir, {
         makeExecutable: true,
@@ -234,7 +243,6 @@ const generateLogDiffs = (debugContext, workspaceDir) => {
     }
 };
 const generateLogDiffPair = (basePath, headPath, workspaceDir, baseName) => {
-    var _a;
     const diffDir = (0, path_1.join)(workspaceDir, debug_constants_1.DEBUG_DATA_DIRECTORY, "log-diffs");
     (0, fs_1.mkdirSync)(diffDir, { recursive: true });
     let rawDiff;
@@ -245,7 +253,7 @@ const generateLogDiffPair = (basePath, headPath, workspaceDir, baseName) => {
         });
     }
     catch (error) {
-        rawDiff = (_a = error === null || error === void 0 ? void 0 : error.stdout) !== null && _a !== void 0 ? _a : "";
+        rawDiff = error?.stdout ?? "";
     }
     if (!rawDiff.trim()) {
         return;
@@ -278,12 +286,11 @@ const filterLogDiff = (rawDiff) => {
     return removeIdenticalHunks(filteredLines.join("\n"));
 };
 const removeIdenticalHunks = (diff) => {
-    var _a;
     const parts = diff.split(/^(@@[^@]*@@.*$)/m);
     const result = [parts[0]];
     for (let i = 1; i < parts.length; i += 2) {
         const hunkHeader = parts[i];
-        const hunkBody = (_a = parts[i + 1]) !== null && _a !== void 0 ? _a : "";
+        const hunkBody = parts[i + 1] ?? "";
         const addedLines = [];
         const removedLines = [];
         for (const line of hunkBody.split("\n")) {
@@ -330,7 +337,7 @@ const summarizeLogDiff = (rawDiff) => {
         `================`,
         ``,
         `Total changed lines: ${addedCount + removedCount} (+${addedCount} in head, -${removedCount} in base)`,
-        `First divergence at base log line: ${firstDivergenceLine !== null && firstDivergenceLine !== void 0 ? firstDivergenceLine : "unknown"}`,
+        `First divergence at base log line: ${firstDivergenceLine ?? "unknown"}`,
         ``,
         `Change categories (+ = extra in head, - = extra in base):`,
     ];
@@ -348,10 +355,9 @@ const summarizeLogDiff = (rawDiff) => {
     return parts.join("\n");
 };
 const categorizeLogLine = (line, categories, direction) => {
-    var _a;
     const content = line.slice(1);
     const category = classifyLogContent(content);
-    const entry = (_a = categories[category]) !== null && _a !== void 0 ? _a : { added: 0, removed: 0 };
+    const entry = categories[category] ?? { added: 0, removed: 0 };
     entry[direction]++;
     categories[category] = entry;
 };
@@ -380,7 +386,6 @@ const classifyLogContent = (content) => {
     return "other";
 };
 const generateDiffSummaries = (workspaceDir) => {
-    var _a, _b;
     const diffsDir = (0, path_1.join)(workspaceDir, debug_constants_1.DEBUG_DATA_DIRECTORY, "diffs");
     if (!(0, fs_1.existsSync)(diffsDir)) {
         return;
@@ -389,7 +394,7 @@ const generateDiffSummaries = (workspaceDir) => {
     const jsonFiles = (0, fs_1.readdirSync)(diffsDir).filter((f) => f.endsWith(".json") && !f.endsWith(".summary.json"));
     for (const file of jsonFiles) {
         const raw = JSON.parse((0, fs_1.readFileSync)((0, path_1.join)(diffsDir, file), "utf8"));
-        const results = (_b = (_a = raw === null || raw === void 0 ? void 0 : raw.data) === null || _a === void 0 ? void 0 : _a.screenshotDiffResults) !== null && _b !== void 0 ? _b : [];
+        const results = raw?.data?.screenshotDiffResults ?? [];
         if (results.length === 0) {
             continue;
         }
@@ -425,7 +430,6 @@ const generateDiffSummaries = (workspaceDir) => {
 // PR diff from project repo
 // ---------------------------------------------------------------------------
 const generatePrDiff = (debugContext, workspaceDir) => {
-    var _a;
     const projectRepoDir = (0, path_1.join)(workspaceDir, "project-repo");
     if (!(0, fs_1.existsSync)(projectRepoDir)) {
         return;
@@ -435,7 +439,7 @@ const generatePrDiff = (debugContext, workspaceDir) => {
     if (!headSha) {
         return;
     }
-    const effectiveBaseSha = baseSha !== null && baseSha !== void 0 ? baseSha : resolveBaseShaFromGit(projectRepoDir, headSha);
+    const effectiveBaseSha = baseSha ?? resolveBaseShaFromGit(projectRepoDir, headSha);
     if (!effectiveBaseSha) {
         return;
     }
@@ -444,7 +448,7 @@ const generatePrDiff = (debugContext, workspaceDir) => {
         diffOutput = (0, child_process_1.execFileSync)("git", ["diff", `${effectiveBaseSha}..${headSha}`], { cwd: projectRepoDir, encoding: "utf8", maxBuffer: 50 * 1024 * 1024 });
     }
     catch (error) {
-        diffOutput = (_a = error === null || error === void 0 ? void 0 : error.stdout) !== null && _a !== void 0 ? _a : "";
+        diffOutput = error?.stdout ?? "";
     }
     if (diffOutput.trim()) {
         (0, fs_1.writeFileSync)((0, path_1.join)(workspaceDir, debug_constants_1.DEBUG_DATA_DIRECTORY, "pr-diff.txt"), diffOutput);
@@ -469,7 +473,6 @@ const resolveBaseShaFromGit = (repoDir, headSha) => {
 // Params diffs
 // ---------------------------------------------------------------------------
 const generateParamsDiffs = (debugContext, workspaceDir) => {
-    var _a;
     const paramsFile = "launchBrowserAndReplayParams.json";
     const pairs = [];
     for (const diff of debugContext.replayDiffs) {
@@ -510,7 +513,7 @@ const generateParamsDiffs = (debugContext, workspaceDir) => {
                 });
             }
             catch (diffError) {
-                diffOutput = (_a = diffError === null || diffError === void 0 ? void 0 : diffError.stdout) !== null && _a !== void 0 ? _a : "";
+                diffOutput = diffError?.stdout ?? "";
             }
             finally {
                 safeUnlink(tmpA);
@@ -578,7 +581,6 @@ const generateAssetsDiff = (debugContext, workspaceDir) => {
     }
 };
 const compareAssetDirs = (baseDir, headDir) => {
-    var _a;
     const baseFiles = listAssetFiles(baseDir);
     const headFiles = listAssetFiles(headDir);
     if (baseFiles.size === 0 && headFiles.size === 0) {
@@ -593,7 +595,7 @@ const compareAssetDirs = (baseDir, headDir) => {
         const baseInfo = baseFiles.get(name);
         const headInfo = headFiles.get(name);
         if (!baseInfo) {
-            added.push(`  + ${name} (${(_a = headInfo === null || headInfo === void 0 ? void 0 : headInfo.size) !== null && _a !== void 0 ? _a : 0} bytes)`);
+            added.push(`  + ${name} (${headInfo?.size ?? 0} bytes)`);
         }
         else if (!headInfo) {
             removed.push(`  - ${name} (${baseInfo.size} bytes)`);
@@ -681,7 +683,6 @@ const generateTimelineSummaries = (workspaceDir) => {
     }
 };
 const summarizeTimeline = (timeline, replayId, role) => {
-    var _a, _b, _c, _d, _e, _f, _g;
     const eventKindCounts = {};
     const screenshotEntries = [];
     let navigationCount = 0;
@@ -693,7 +694,7 @@ const summarizeTimeline = (timeline, replayId, role) => {
     const flakinessWarnings = [];
     for (const entry of timeline) {
         const kind = entry.kind;
-        eventKindCounts[kind] = ((_a = eventKindCounts[kind]) !== null && _a !== void 0 ? _a : 0) + 1;
+        eventKindCounts[kind] = (eventKindCounts[kind] ?? 0) + 1;
         const vt = entry.virtualTimeStart;
         if (vt != null) {
             if (firstVirtualTime == null || vt < firstVirtualTime) {
@@ -706,17 +707,19 @@ const summarizeTimeline = (timeline, replayId, role) => {
         if (kind.startsWith("potentialFlakinessWarning")) {
             flakinessWarnings.push({
                 kind,
-                message: (_e = (_c = (_b = entry.data) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : (_d = entry.data) === null || _d === void 0 ? void 0 : _d.warning) !== null && _e !== void 0 ? _e : JSON.stringify((_f = entry.data) !== null && _f !== void 0 ? _f : {}),
+                message: entry.data?.message ??
+                    entry.data?.warning ??
+                    JSON.stringify(entry.data ?? {}),
                 virtualTime: vt,
             });
         }
         switch (kind) {
             case "screenshot": {
-                const filename = ((_g = entry.data) === null || _g === void 0 ? void 0 : _g.identifier)
-                    ? screenshotIdentifierToFilename(entry.data.identifier)
+                const filename = entry.data?.identifier
+                    ? (0, screenshot_identifier_1.screenshotIdentifierToFilename)(entry.data.identifier)
                     : undefined;
                 screenshotEntries.push({
-                    filename: filename !== null && filename !== void 0 ? filename : "unknown",
+                    filename: filename ?? "unknown",
                     virtualTime: vt,
                 });
                 break;
@@ -748,7 +751,7 @@ const summarizeTimeline = (timeline, replayId, role) => {
         "",
         `Total timeline entries: ${timeline.length}`,
         `Total virtual time: ${totalVirtualTimeMs != null ? `${totalVirtualTimeMs}ms` : "unknown"}`,
-        `Virtual time range: ${firstVirtualTime !== null && firstVirtualTime !== void 0 ? firstVirtualTime : "?"} - ${lastVirtualTime !== null && lastVirtualTime !== void 0 ? lastVirtualTime : "?"}`,
+        `Virtual time range: ${firstVirtualTime ?? "?"} - ${lastVirtualTime ?? "?"}`,
         "",
         "Key counts:",
         `  Screenshots: ${screenshotEntries.length}`,
@@ -878,7 +881,6 @@ const findAssetFilesRecursive = (baseDir, relativeTo) => {
 // ---------------------------------------------------------------------------
 const SCREENSHOT_LOG_CONTEXT_LINES = 30;
 const buildScreenshotMap = (debugContext, workspaceDir) => {
-    var _a, _b, _c, _d;
     const map = {};
     for (const subDir of ["head", "base", "other"]) {
         const subDirPath = (0, path_1.join)(workspaceDir, debug_constants_1.DEBUG_DATA_DIRECTORY, "replays", subDir);
@@ -894,22 +896,32 @@ const buildScreenshotMap = (debugContext, workspaceDir) => {
             if (!Array.isArray(timeline)) {
                 continue;
             }
+            const screenshotsDir = (0, path_1.join)(subDirPath, replayId, "screenshots");
             for (const entry of timeline) {
                 const e = entry;
-                if (e.kind !== "screenshot" || !((_a = e.data) === null || _a === void 0 ? void 0 : _a.identifier)) {
+                if (e.kind !== "screenshot" || !e.data?.identifier) {
                     continue;
                 }
-                const filename = screenshotIdentifierToFilename(e.data.identifier);
+                const filename = (0, screenshot_identifier_1.screenshotIdentifierToFilename)(e.data.identifier);
                 if (!filename) {
                     continue;
                 }
+                const baseName = filename.endsWith(".png")
+                    ? filename.slice(0, -".png".length)
+                    : filename;
+                const htmlFilename = `${baseName}.html`;
+                const afterHtmlFilename = `${baseName}.after.html`;
+                const htmlExists = (0, fs_1.existsSync)((0, path_1.join)(screenshotsDir, htmlFilename));
+                const afterHtmlExists = (0, fs_1.existsSync)((0, path_1.join)(screenshotsDir, afterHtmlFilename));
                 map[`${subDir}/${replayId}/${filename}`] = {
                     replayId,
                     replayRole: subDir,
                     filename,
-                    virtualTimeStart: (_b = e.virtualTimeStart) !== null && _b !== void 0 ? _b : null,
-                    virtualTimeEnd: (_c = e.virtualTimeEnd) !== null && _c !== void 0 ? _c : null,
-                    eventNumber: (_d = e.data.identifier.eventNumber) !== null && _d !== void 0 ? _d : null,
+                    virtualTimeStart: e.virtualTimeStart ?? null,
+                    virtualTimeEnd: e.virtualTimeEnd ?? null,
+                    eventNumber: e.data.identifier.eventNumber ?? null,
+                    htmlFilename: htmlExists ? htmlFilename : null,
+                    afterHtmlFilename: afterHtmlExists ? afterHtmlFilename : null,
                 };
             }
         }
@@ -919,23 +931,7 @@ const buildScreenshotMap = (debugContext, workspaceDir) => {
     }
     return map;
 };
-const screenshotIdentifierToFilename = (identifier) => {
-    const variantPortion = identifier.variant === "redacted" ? ".redacted" : "";
-    if (identifier.type === "end-state") {
-        return identifier.logicVersion == null
-            ? `final-state${variantPortion}.png`
-            : `final-state-v${identifier.logicVersion}${variantPortion}.png`;
-    }
-    if (identifier.type === "after-event" && identifier.eventNumber != null) {
-        const eventIndexStr = identifier.eventNumber.toString().padStart(5, "0");
-        return identifier.logicVersion == null
-            ? `screenshot-after-event-${eventIndexStr}${variantPortion}.png`
-            : `screenshot-after-event-${eventIndexStr}-v${identifier.logicVersion}${variantPortion}.png`;
-    }
-    return undefined;
-};
 const generateScreenshotContext = (debugContext, workspaceDir, screenshotMap) => {
-    var _a, _b, _c, _d;
     if (!debugContext.screenshot) {
         return;
     }
@@ -952,14 +948,14 @@ const generateScreenshotContext = (debugContext, workspaceDir, screenshotMap) =>
             "",
         ];
         if (headEntry) {
-            parts.push(`HEAD (${diff.headReplayId}) @ virtualTime ${(_a = headEntry.virtualTimeStart) !== null && _a !== void 0 ? _a : "?"}ms, event ${(_b = headEntry.eventNumber) !== null && _b !== void 0 ? _b : "?"}:`, "");
+            parts.push(`HEAD (${diff.headReplayId}) @ virtualTime ${headEntry.virtualTimeStart ?? "?"}ms, event ${headEntry.eventNumber ?? "?"}:`, "");
             const headContext = extractLogContext(headLogPath, headEntry);
-            parts.push(headContext !== null && headContext !== void 0 ? headContext : "  (could not extract log context)", "");
+            parts.push(headContext ?? "  (could not extract log context)", "");
         }
         if (baseEntry) {
-            parts.push(`BASE (${diff.baseReplayId}) @ virtualTime ${(_c = baseEntry.virtualTimeStart) !== null && _c !== void 0 ? _c : "?"}ms, event ${(_d = baseEntry.eventNumber) !== null && _d !== void 0 ? _d : "?"}:`, "");
+            parts.push(`BASE (${diff.baseReplayId}) @ virtualTime ${baseEntry.virtualTimeStart ?? "?"}ms, event ${baseEntry.eventNumber ?? "?"}:`, "");
             const baseContext = extractLogContext(baseLogPath, baseEntry);
-            parts.push(baseContext !== null && baseContext !== void 0 ? baseContext : "  (could not extract log context)", "");
+            parts.push(baseContext ?? "  (could not extract log context)", "");
         }
         if (headEntry || baseEntry) {
             const contextDir = (0, path_1.join)(workspaceDir, debug_constants_1.DEBUG_DATA_DIRECTORY, "screenshot-context");
@@ -1026,7 +1022,6 @@ const buildReplayComparison = (debugContext, workspaceDir) => {
     return entries;
 };
 const extractReplayStats = (replayDir) => {
-    var _a, _b, _c;
     const stats = {
         totalEvents: null,
         totalNetworkRequests: null,
@@ -1037,10 +1032,10 @@ const extractReplayStats = (replayDir) => {
     const timelineStatsPath = (0, path_1.join)(replayDir, "timeline-stats.json");
     if ((0, fs_1.existsSync)(timelineStatsPath)) {
         const timelineStats = JSON.parse((0, fs_1.readFileSync)(timelineStatsPath, "utf8"));
-        const counts = (_a = timelineStats.countByType) !== null && _a !== void 0 ? _a : {};
+        const counts = timelineStats.countByType ?? {};
         stats.totalEvents = Object.values(counts).reduce((sum, n) => sum + n, 0);
-        stats.totalNetworkRequests = (_b = counts["pollyReplay"]) !== null && _b !== void 0 ? _b : null;
-        stats.totalAnimationFrames = (_c = counts["jsReplay"]) !== null && _c !== void 0 ? _c : null;
+        stats.totalNetworkRequests = counts["pollyReplay"] ?? null;
+        stats.totalAnimationFrames = counts["jsReplay"] ?? null;
     }
     const timelinePath = (0, path_1.join)(replayDir, "timeline.json");
     if ((0, fs_1.existsSync)(timelinePath)) {
@@ -1155,22 +1150,21 @@ const generateSessionSummaries = (debugContext, workspaceDir) => {
     }
 };
 const summarizeSession = (data, sessionId) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
     const parts = [
         `Session Summary: ${sessionId}`,
         "=".repeat(20 + sessionId.length),
         "",
     ];
-    const win = (_a = data.userEvents) === null || _a === void 0 ? void 0 : _a.window;
-    parts.push(`Window: ${(_b = win === null || win === void 0 ? void 0 : win.startUrl) !== null && _b !== void 0 ? _b : "unknown"}`);
-    if ((win === null || win === void 0 ? void 0 : win.width) != null && (win === null || win === void 0 ? void 0 : win.height) != null) {
+    const win = data.userEvents?.window;
+    parts.push(`Window: ${win?.startUrl ?? "unknown"}`);
+    if (win?.width != null && win?.height != null) {
         parts.push(`Viewport: ${win.width} x ${win.height}`);
     }
-    parts.push(`Hostname: ${(_c = data.hostname) !== null && _c !== void 0 ? _c : "unknown"}`);
-    parts.push(`Recorded: ${(_d = data.datetime_first_payload) !== null && _d !== void 0 ? _d : "unknown"}`);
+    parts.push(`Hostname: ${data.hostname ?? "unknown"}`);
+    parts.push(`Recorded: ${data.datetime_first_payload ?? "unknown"}`);
     parts.push(`Abandoned: ${data.abandoned ? "yes" : "no"}`);
     parts.push("");
-    const history = (_e = data.urlHistory) !== null && _e !== void 0 ? _e : [];
+    const history = data.urlHistory ?? [];
     if (history.length > 0) {
         parts.push(`URL History (${history.length} pages):`);
         for (const entry of history) {
@@ -1178,16 +1172,16 @@ const summarizeSession = (data, sessionId) => {
             const pattern = entry.urlPattern
                 ? `  [pattern: ${entry.urlPattern}]`
                 : "";
-            parts.push(`  ${ts}  ${(_f = entry.url) !== null && _f !== void 0 ? _f : "unknown"}${pattern}`);
+            parts.push(`  ${ts}  ${entry.url ?? "unknown"}${pattern}`);
         }
         parts.push("");
     }
-    const events = (_h = (_g = data.userEvents) === null || _g === void 0 ? void 0 : _g.event_log) !== null && _h !== void 0 ? _h : [];
+    const events = data.userEvents?.event_log ?? [];
     if (events.length > 0) {
         const typeCounts = {};
         for (const event of events) {
-            typeCounts[(_j = event.type) !== null && _j !== void 0 ? _j : "unknown"] =
-                ((_l = typeCounts[(_k = event.type) !== null && _k !== void 0 ? _k : "unknown"]) !== null && _l !== void 0 ? _l : 0) + 1;
+            typeCounts[event.type ?? "unknown"] =
+                (typeCounts[event.type ?? "unknown"] ?? 0) + 1;
         }
         parts.push(`User Events: ${events.length} events`);
         for (const [type, count] of Object.entries(typeCounts).sort(([, a], [, b]) => b - a)) {
@@ -1195,15 +1189,15 @@ const summarizeSession = (data, sessionId) => {
         }
         parts.push("");
     }
-    const harContainer = (_m = data.pollyHAR) === null || _m === void 0 ? void 0 : _m.pollyHAR;
+    const harContainer = data.pollyHAR?.pollyHAR;
     if (harContainer) {
-        const allEntries = Object.values(harContainer).flatMap((r) => { var _a, _b; return (_b = (_a = r === null || r === void 0 ? void 0 : r.log) === null || _a === void 0 ? void 0 : _a.entries) !== null && _b !== void 0 ? _b : []; });
+        const allEntries = Object.values(harContainer).flatMap((r) => r?.log?.entries ?? []);
         if (allEntries.length > 0) {
             parts.push(`Network Requests: ${allEntries.length} total`);
             const methodCounts = {};
             for (const entry of allEntries) {
-                const method = (_p = (_o = entry.request) === null || _o === void 0 ? void 0 : _o.method) !== null && _p !== void 0 ? _p : "UNKNOWN";
-                methodCounts[method] = ((_q = methodCounts[method]) !== null && _q !== void 0 ? _q : 0) + 1;
+                const method = entry.request?.method ?? "UNKNOWN";
+                methodCounts[method] = (methodCounts[method] ?? 0) + 1;
             }
             parts.push(`  Methods: ${Object.entries(methodCounts)
                 .sort(([, a], [, b]) => b - a)
@@ -1212,19 +1206,19 @@ const summarizeSession = (data, sessionId) => {
             parts.push("");
         }
     }
-    const localStorage = (_u = (_t = (_s = (_r = data.randomEvents) === null || _r === void 0 ? void 0 : _r.localStorage) === null || _s === void 0 ? void 0 : _s.state) === null || _t === void 0 ? void 0 : _t.length) !== null && _u !== void 0 ? _u : 0;
-    const sessionStorage = (_y = (_x = (_w = (_v = data.randomEvents) === null || _v === void 0 ? void 0 : _v.sessionStorage) === null || _w === void 0 ? void 0 : _w.state) === null || _x === void 0 ? void 0 : _x.length) !== null && _y !== void 0 ? _y : 0;
-    const cookies = (_0 = (_z = data.cookies) === null || _z === void 0 ? void 0 : _z.length) !== null && _0 !== void 0 ? _0 : 0;
+    const localStorage = data.randomEvents?.localStorage?.state?.length ?? 0;
+    const sessionStorage = data.randomEvents?.sessionStorage?.state?.length ?? 0;
+    const cookies = data.cookies?.length ?? 0;
     parts.push("Storage:");
     parts.push(`  localStorage: ${localStorage} entries`);
     parts.push(`  sessionStorage: ${sessionStorage} entries`);
     parts.push(`  Cookies: ${cookies}`);
     parts.push("");
-    const connections = (_1 = data.webSocketData) !== null && _1 !== void 0 ? _1 : [];
+    const connections = data.webSocketData ?? [];
     if (connections.length > 0) {
         parts.push(`WebSocket Connections: ${connections.length}`);
         for (const conn of connections) {
-            parts.push(`  ${(_2 = conn.url) !== null && _2 !== void 0 ? _2 : "unknown"} (${(_4 = (_3 = conn.events) === null || _3 === void 0 ? void 0 : _3.length) !== null && _4 !== void 0 ? _4 : 0} events)`);
+            parts.push(`  ${conn.url ?? "unknown"} (${conn.events?.length ?? 0} events)`);
         }
         parts.push("");
     }
@@ -1234,21 +1228,21 @@ const summarizeSession = (data, sessionId) => {
         if (ctx.userId || ctx.userEmail) {
             parts.push(`  User: ${[ctx.userId, ctx.userEmail].filter(Boolean).join(" / ")}`);
         }
-        const flags = Object.entries((_5 = ctx.featureFlags) !== null && _5 !== void 0 ? _5 : {});
+        const flags = Object.entries(ctx.featureFlags ?? {});
         if (flags.length > 0) {
             parts.push(`  Feature flags: ${flags.map(([k, v]) => `${k}=${v}`).join(", ")}`);
         }
         parts.push("");
     }
     const appData = data.applicationSpecificData;
-    if (appData === null || appData === void 0 ? void 0 : appData.nextJs) {
+    if (appData?.nextJs) {
         parts.push("Framework: Next.js");
         if (appData.nextJs.page) {
             parts.push(`  Page: ${appData.nextJs.page}`);
         }
         parts.push("");
     }
-    else if (appData === null || appData === void 0 ? void 0 : appData.reactRouter) {
+    else if (appData?.reactRouter) {
         parts.push("Framework: React Router");
         parts.push("");
     }
@@ -1257,7 +1251,7 @@ const summarizeSession = (data, sessionId) => {
 // ---------------------------------------------------------------------------
 // Context JSON generation (default implementation)
 // ---------------------------------------------------------------------------
-const defaultWriteContextJson = (debugContext, workspaceDir, fileMetadata, projectRepoDir, screenshotMap, replayComparison) => {
+const defaultWriteContextJson = (debugContext, workspaceDir, fileMetadata, projectRepoDir, screenshotMap, replayComparison, domDiffMap) => {
     const headIds = new Set(debugContext.replayDiffs.map((d) => d.headReplayId));
     const baseIds = new Set(debugContext.replayDiffs.map((d) => d.baseReplayId));
     const headReplays = [];
@@ -1293,6 +1287,7 @@ const defaultWriteContextJson = (debugContext, workspaceDir, fileMetadata, proje
         sessions: debugContext.sessionIds,
         screenshotMap,
         replayComparison,
+        domDiffMap,
         paths: {
             replays: "replays/",
             sessions: "sessions/",
@@ -1304,6 +1299,8 @@ const defaultWriteContextJson = (debugContext, workspaceDir, fileMetadata, proje
             assetsDiffs: "assets-diffs/",
             timelineSummaries: "timeline-summaries/",
             screenshotContext: "screenshot-context/",
+            domDiffs: "dom-diffs/",
+            domDiffsSummary: "dom-diffs/*.summary.txt",
             prDiff: "pr-diff.txt",
             formattedAssets: "formatted-assets/",
             testRun: "test-run/",
@@ -1314,4 +1311,4 @@ const defaultWriteContextJson = (debugContext, workspaceDir, fileMetadata, proje
     (0, fs_1.writeFileSync)((0, path_1.join)(workspaceDir, debug_constants_1.DEBUG_DATA_DIRECTORY, "context.json"), JSON.stringify(context, null, 2));
 };
 //# sourceMappingURL=generate-debug-workspace.js.map
-//# debugId=e13ec865-b015-5912-8934-fc90cab78689
+//# debugId=3c3e6a18-3b50-54ba-a2e4-296e73c18524