@testrelic/playwright-analytics 1.2.1 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/fixture.cjs +1 -464
  2. package/dist/fixture.cjs.map +1 -1
  3. package/dist/fixture.js +1 -438
  4. package/dist/fixture.js.map +1 -1
  5. package/dist/index.cjs +1180 -1468
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.js +1180 -1440
  8. package/dist/index.js.map +1 -1
  9. package/dist/merge.cjs +1 -116
  10. package/dist/merge.cjs.map +1 -1
  11. package/dist/merge.js +1 -91
  12. package/dist/merge.js.map +1 -1
  13. package/package.json +13 -13
package/dist/index.cjs CHANGED
@@ -1,1024 +1,1016 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/index.ts
21
- var index_exports = {};
22
- __export(index_exports, {
23
- SCHEMA_VERSION: () => SCHEMA_VERSION,
24
- default: () => TestRelicReporter,
25
- recordNavigation: () => recordNavigation
26
- });
27
- module.exports = __toCommonJS(index_exports);
28
-
29
- // src/reporter.ts
30
- var import_node_crypto = require("crypto");
31
- var import_node_fs4 = require("fs");
32
- var import_node_path3 = require("path");
33
-
34
- // src/config.ts
35
- var import_core = require("@testrelic/core");
36
- var DEFAULT_REDACTION_PATTERNS = [
37
- /AKIA[A-Z0-9]{16}/g,
38
- /Bearer\s+[A-Za-z0-9\-._~+/]+=*/g,
39
- /-----BEGIN\s+(RSA\s+)?PRIVATE\sKEY-----[\s\S]*?-----END/g,
40
- /\/\/[^:]+:[^@]+@/g
41
- ];
42
- function resolveConfig(options) {
43
- if (options !== void 0 && !(0, import_core.isValidConfig)(options)) {
44
- throw (0, import_core.createError)(import_core.ErrorCode.CONFIG_INVALID, "Invalid reporter configuration");
45
- }
46
- const target = /* @__PURE__ */ Object.create(null);
47
- target.outputPath = options?.outputPath ?? "./test-results/analytics-timeline.json";
48
- target.includeStackTrace = options?.includeStackTrace ?? false;
49
- target.includeCodeSnippets = options?.includeCodeSnippets ?? true;
50
- target.codeContextLines = options?.codeContextLines ?? 3;
51
- target.includeNetworkStats = options?.includeNetworkStats ?? true;
52
- target.navigationTypes = options?.navigationTypes ?? null;
53
- target.redactPatterns = [
54
- ...DEFAULT_REDACTION_PATTERNS,
55
- ...options?.redactPatterns ?? []
56
- ];
57
- target.testRunId = options?.testRunId ?? null;
58
- target.metadata = options?.metadata ?? null;
59
- const outputPath = target.outputPath;
60
- target.openReport = options?.openReport ?? true;
61
- target.htmlReportPath = options?.htmlReportPath ?? outputPath.replace(/\.json$/, ".html");
62
- target.includeArtifacts = options?.includeArtifacts ?? true;
63
- return Object.freeze(target);
1
+ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var crypto=require('crypto'),fs=require('fs'),path=require('path'),core=require('@testrelic/core'),child_process=require('child_process');var at=[/AKIA[A-Z0-9]{16}/g,/Bearer\s+[A-Za-z0-9\-._~+/]+=*/g,/-----BEGIN\s+(RSA\s+)?PRIVATE\sKEY-----[\s\S]*?-----END/g,/\/\/[^:]+:[^@]+@/g];function A(e){if(e!==void 0&&!core.isValidConfig(e))throw core.createError(core.ErrorCode.CONFIG_INVALID,"Invalid reporter configuration");let t=Object.create(null);t.outputPath=e?.outputPath??"./test-results/analytics-timeline.json",t.includeStackTrace=e?.includeStackTrace??false,t.includeCodeSnippets=e?.includeCodeSnippets??true,t.codeContextLines=e?.codeContextLines??3,t.includeNetworkStats=e?.includeNetworkStats??true,t.navigationTypes=e?.navigationTypes??null,t.redactPatterns=[...at,...e?.redactPatterns??[]],t.testRunId=e?.testRunId??null,t.metadata=e?.metadata??null;let r=t.outputPath;return t.openReport=e?.openReport??true,t.htmlReportPath=e?.htmlReportPath??r.replace(/\.json$/,".html"),t.includeArtifacts=e?.includeArtifacts??true,Object.freeze(t)}var x="1.2.0";function I(e,t,r){try{let s=fs.readFileSync(e,"utf-8").split(`
2
+ `);if(t<1||t>s.length)return null;let i=Math.max(1,t-r),o=Math.min(s.length,t+r),d=[];for(let n=i;n<=o;n++){let c=n===t?">":" ",p=String(n).padStart(String(o).length," ");d.push(`${c} ${p} | ${s[n-1]}`);}return d.join(`
3
+ `)}catch{return null}}function F(e){return t=>{let r=t;for(let a of e)if(typeof a=="string"){let s=a.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");r=r.replace(new RegExp(s,"g"),"[REDACTED]");}else {let s=a.flags.includes("g")?a.flags:a.flags+"g",i=new RegExp(a.source,s);r=r.replace(i,"[REDACTED]");}return r}}function it(e){return e.GITHUB_ACTIONS!=="true"?null:{provider:"github-actions",buildId:e.GITHUB_RUN_ID??null,commitSha:e.GITHUB_SHA??null,branch:e.GITHUB_REF_NAME??null}}function nt(e){return e.GITLAB_CI!=="true"?null:{provider:"gitlab-ci",buildId:e.CI_PIPELINE_ID??null,commitSha:e.CI_COMMIT_SHA??null,branch:e.CI_COMMIT_BRANCH??e.CI_COMMIT_REF_NAME??null}}function ot(e){if(!e.JENKINS_URL)return null;let t=e.GIT_BRANCH??null;return t?.startsWith("origin/")&&(t=t.slice(7)),{provider:"jenkins",buildId:e.BUILD_ID??null,commitSha:e.GIT_COMMIT??null,branch:t}}function lt(e){return e.CIRCLECI!=="true"?null:{provider:"circleci",buildId:e.CIRCLE_BUILD_NUM??null,commitSha:e.CIRCLE_SHA1??null,branch:e.CIRCLE_BRANCH??null}}var dt=[it,nt,ot,lt];function E(e){let t=process.env;for(let r of dt){let a=r(t);if(a)return a}return null}var M=`
4
+ /* Theme Variables */
5
+ :root,[data-theme="dark"]{
6
+ --bg:#0f1117;--bg-1:#161b22;--bg-2:#1c2128;--bg-3:#21262d;--bg-code:#13111c;
7
+ --fg:#e6edf3;--fg-1:#8b949e;--fg-2:#484f58;--fg-code:#d4d4d4;--fg-err:#f8d7da;
8
+ --bd:rgba(255,255,255,0.06);--bd-s:rgba(255,255,255,0.04);--bd-m:rgba(255,255,255,0.08);--bd-l:rgba(255,255,255,0.1);--bd-xs:rgba(255,255,255,0.03);
9
+ --hvr:rgba(255,255,255,0.025);--hvr-s:rgba(255,255,255,0.02);
10
+ --overlay-bg:rgba(0,0,0,.55);--shadow-c:rgba(0,0,0,.35);
11
+ --lb-bg:rgba(0,0,0,.92);--lb-shadow:rgba(0,0,0,.6);--lb-btn:rgba(255,255,255,.1);--lb-btn-h:rgba(255,255,255,.2);
12
+ --scroll-thumb:#21262d;
13
+ }
14
+ [data-theme="light"]{
15
+ --bg:#ffffff;--bg-1:#f6f8fa;--bg-2:#eaeef2;--bg-3:#d0d7de;--bg-code:#f6f8fa;
16
+ --fg:#1f2328;--fg-1:#656d76;--fg-2:#8b949e;--fg-code:#24292e;--fg-err:#82071e;
17
+ --bd:rgba(0,0,0,0.08);--bd-s:rgba(0,0,0,0.04);--bd-m:rgba(0,0,0,0.12);--bd-l:rgba(0,0,0,0.15);--bd-xs:rgba(0,0,0,0.03);
18
+ --hvr:rgba(0,0,0,0.04);--hvr-s:rgba(0,0,0,0.03);
19
+ --overlay-bg:rgba(0,0,0,.3);--shadow-c:rgba(0,0,0,.1);
20
+ --lb-bg:rgba(0,0,0,.85);--lb-shadow:rgba(0,0,0,.3);--lb-btn:rgba(0,0,0,.12);--lb-btn-h:rgba(0,0,0,.2);
21
+ --scroll-thumb:#d0d7de;
64
22
  }
65
23
 
66
- // src/schema.ts
67
- var SCHEMA_VERSION = "1.2.0";
68
-
69
- // src/code-extractor.ts
70
- var import_node_fs = require("fs");
71
- function extractCodeSnippet(filePath, line, contextLines) {
72
- try {
73
- const content = (0, import_node_fs.readFileSync)(filePath, "utf-8");
74
- const lines = content.split("\n");
75
- if (line < 1 || line > lines.length) return null;
76
- const startLine = Math.max(1, line - contextLines);
77
- const endLine = Math.min(lines.length, line + contextLines);
78
- const snippetLines = [];
79
- for (let i = startLine; i <= endLine; i++) {
80
- const marker = i === line ? ">" : " ";
81
- const lineNum = String(i).padStart(String(endLine).length, " ");
82
- snippetLines.push(`${marker} ${lineNum} | ${lines[i - 1]}`);
83
- }
84
- return snippetLines.join("\n");
85
- } catch {
86
- return null;
87
- }
24
+ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
25
+ body{
26
+ font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
27
+ background:var(--bg);color:var(--fg);line-height:1.5;
28
+ -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
88
29
  }
89
30
 
90
- // src/redaction.ts
91
- function createRedactor(patterns) {
92
- return (text) => {
93
- let result = text;
94
- for (const pattern of patterns) {
95
- if (typeof pattern === "string") {
96
- const escaped = pattern.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
97
- result = result.replace(new RegExp(escaped, "g"), "[REDACTED]");
98
- } else {
99
- const flags = pattern.flags.includes("g") ? pattern.flags : pattern.flags + "g";
100
- const cloned = new RegExp(pattern.source, flags);
101
- result = result.replace(cloned, "[REDACTED]");
102
- }
103
- }
104
- return result;
105
- };
31
+ /* \u2500\u2500 Centered Container \u2500\u2500 */
32
+ .wrap{max-width:960px;margin:0 auto;padding:32px 24px 64px}
33
+
34
+ /* \u2500\u2500 Header \u2500\u2500 */
35
+ .top-bar{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}
36
+ .brand{display:flex;align-items:center;gap:10px}
37
+ .brand svg{flex-shrink:0}
38
+ .brand-text{display:flex;flex-direction:column}
39
+ .brand-title{font-size:17px;font-weight:700;color:var(--fg);line-height:1.2}
40
+ .brand-sub{font-size:10px;font-weight:600;color:#03b79c;letter-spacing:.06em;text-transform:uppercase;margin-top:1px}
41
+ .run-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:var(--fg-1);margin-left:auto}
42
+ .run-meta-item{display:flex;align-items:center;gap:4px}
43
+ .run-meta-label{font-weight:600}
44
+ .run-id-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;background:var(--bg-2);padding:1px 6px;border-radius:4px;color:var(--fg-1)}
45
+ .ci-tag{display:inline-flex;align-items:center;gap:4px;background:rgba(59,130,246,0.12);color:#60a5fa;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600}
46
+ .merged-tag{background:rgba(245,158,11,0.12);color:#fbbf24;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600}
47
+
48
+ /* \u2500\u2500 Theme Toggle \u2500\u2500 */
49
+ .theme-toggle{display:inline-flex;border:1px solid var(--bd-m);border-radius:8px;overflow:hidden;background:var(--bg);flex-shrink:0}
50
+ .theme-btn{padding:6px 10px;border:none;background:transparent;color:var(--fg-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit}
51
+ .theme-btn:not(:last-child){border-right:1px solid var(--bd-m)}
52
+ .theme-btn.active{background:var(--bg-3);color:var(--fg)}
53
+ .theme-btn:hover:not(.active){color:var(--fg-1);background:var(--hvr)}
54
+ .theme-btn svg{width:14px;height:14px}
55
+
56
+ /* \u2500\u2500 CTA Button \u2500\u2500 */
57
+ .cta-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:#e6edf3;background:linear-gradient(135deg,rgba(3,183,156,0.15),rgba(14,165,233,0.15));border:1px solid rgba(3,183,156,0.3);padding:6px 14px;border-radius:8px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all .2s ease;letter-spacing:.01em}
58
+ .cta-btn:hover{background:linear-gradient(135deg,rgba(3,183,156,0.25),rgba(14,165,233,0.25));border-color:rgba(3,183,156,0.5);box-shadow:0 0 16px rgba(3,183,156,0.15);color:#fff}
59
+ .cta-btn strong{font-weight:700;color:#2dd4a8}
60
+ .cta-btn:hover strong{color:#5eead4}
61
+ .cta-icon{width:13px;height:13px;color:#2dd4a8;flex-shrink:0}
62
+ .cta-sep{color:var(--fg-2);margin:0 1px}
63
+ .cta-arrow{width:11px;height:11px;color:#2dd4a8;flex-shrink:0;transition:transform .2s}
64
+ .cta-btn:hover .cta-arrow{transform:translateX(2px)}
65
+ [data-theme="light"] .cta-btn{color:#1f2328;background:linear-gradient(135deg,rgba(3,183,156,0.08),rgba(14,165,233,0.08));border-color:rgba(3,183,156,0.25)}
66
+ [data-theme="light"] .cta-btn:hover{background:linear-gradient(135deg,rgba(3,183,156,0.15),rgba(14,165,233,0.15));border-color:rgba(3,183,156,0.4);color:#0f172a}
67
+ [data-theme="light"] .cta-btn strong{color:#059669}
68
+ [data-theme="light"] .cta-icon,[data-theme="light"] .cta-arrow{color:#059669}
69
+
70
+ /* \u2500\u2500 Summary Strip \u2500\u2500 */
71
+ .summary-strip{display:flex;gap:8px;margin-bottom:20px}
72
+ .summary-chip{flex:1;text-align:center;padding:14px 4px;border-radius:10px;cursor:default;border:1px solid var(--bd-s)}
73
+ .summary-chip .s-count{font-size:22px;font-weight:800;line-height:1}
74
+ .summary-chip .s-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:4px;color:var(--fg-2)}
75
+ .s-total{background:rgba(99,102,241,0.06)}.s-total .s-count{color:#818cf8}
76
+ .s-passed{background:rgba(34,197,94,0.06)}.s-passed .s-count{color:#22c55e}
77
+ .s-failed{background:rgba(239,68,68,0.06)}.s-failed .s-count{color:#ef4444}
78
+ .s-flaky{background:rgba(245,158,11,0.06)}.s-flaky .s-count{color:#f59e0b}
79
+ .s-skipped{background:rgba(107,114,128,0.06)}.s-skipped .s-count{color:#6b7280}
80
+ .s-timedout{background:rgba(249,115,22,0.06)}.s-timedout .s-count{color:#f97316}
81
+
82
+ /* \u2500\u2500 Filter Bar \u2500\u2500 */
83
+ .filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}
84
+ .filter-chips{display:flex;gap:5px;flex-wrap:wrap}
85
+ .filter-chip{
86
+ font-size:12px;font-weight:500;padding:5px 14px;border-radius:9999px;
87
+ border:1px solid var(--bd-m);background:transparent;color:var(--fg-1);
88
+ cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap;
106
89
  }
90
+ .filter-chip:hover{border-color:#03b79c;color:var(--fg)}
91
+ .filter-chip.active{background:rgba(3,183,156,0.12);border-color:#03b79c;color:#2dd4a8}
92
+ .chip-count{font-weight:700;margin-left:3px}
93
+ .filter-chip--zero{opacity:.35;pointer-events:none}
94
+ .filter-chip--dimmed{opacity:.45}
95
+ .filter-clear{font-size:11px;font-weight:600;color:#03b79c;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit;transition:background .15s}
96
+ .filter-clear:hover{background:rgba(3,183,156,0.1)}
97
+ .filter-indicator{font-size:11px;color:var(--fg-2)}
107
98
 
108
- // src/ci-detector.ts
109
- function detectGitHubActions(env) {
110
- if (env.GITHUB_ACTIONS !== "true") return null;
111
- return {
112
- provider: "github-actions",
113
- buildId: env.GITHUB_RUN_ID ?? null,
114
- commitSha: env.GITHUB_SHA ?? null,
115
- branch: env.GITHUB_REF_NAME ?? null
116
- };
99
+ /* \u2500\u2500 Filter Icon Button \u2500\u2500 */
100
+ .filter-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--bd-m);background:transparent;color:var(--fg-2);cursor:pointer;transition:all .15s;flex-shrink:0;margin-left:auto}
101
+ .filter-icon-btn:hover{background:var(--hvr);color:var(--fg);border-color:var(--bd-l)}
102
+ .filter-icon-badge{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#03b79c}
103
+
104
+ /* \u2500\u2500 Filter Drawer \u2500\u2500 */
105
+ .filter-drawer-backdrop{position:fixed;inset:0;background:var(--overlay-bg);z-index:100;opacity:0;pointer-events:none;transition:opacity .25s ease}
106
+ .filter-drawer-backdrop.open{opacity:1;pointer-events:auto}
107
+ .filter-drawer{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:90vw;z-index:110;background:var(--bg-1);border-left:1px solid var(--bd);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:-4px 0 24px var(--shadow-c)}
108
+ .filter-drawer.open{transform:translateX(0)}
109
+ .filter-drawer-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--bd);background:linear-gradient(180deg,rgba(3,183,156,0.04) 0%,transparent 100%);flex-shrink:0}
110
+ .filter-drawer-title{font-size:12px;font-weight:600;color:var(--fg-1);text-transform:uppercase;letter-spacing:.06em}
111
+ .filter-drawer-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--bd-m);background:transparent;color:var(--fg-1);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
112
+ .filter-drawer-close:hover{background:var(--bd);color:var(--fg)}
113
+ .filter-drawer-body{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
114
+ .filter-drawer-body::-webkit-scrollbar{width:5px}
115
+ .filter-drawer-body::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}
116
+ .filter-drawer-section{margin-bottom:20px}
117
+ .filter-drawer-section-label{display:block;font-size:10px;font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
118
+ .filter-drawer-actions{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--bd)}
119
+ .search-box{position:relative;width:280px;flex-shrink:1;min-width:180px;margin-left:0}
120
+ .search-input{
121
+ width:100%;padding:6px 10px 6px 32px;
122
+ border:1px solid var(--bd-m);border-radius:8px;
123
+ background:var(--bg-1);color:var(--fg);font-size:12px;font-family:inherit;outline:none;transition:border-color .15s;
117
124
  }
118
- function detectGitLabCI(env) {
119
- if (env.GITLAB_CI !== "true") return null;
120
- return {
121
- provider: "gitlab-ci",
122
- buildId: env.CI_PIPELINE_ID ?? null,
123
- commitSha: env.CI_COMMIT_SHA ?? null,
124
- branch: env.CI_COMMIT_BRANCH ?? env.CI_COMMIT_REF_NAME ?? null
125
- };
125
+ .search-input::placeholder{color:var(--fg-2)}
126
+ .search-input:focus{border-color:#03b79c}
127
+ .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--fg-2);pointer-events:none}
128
+
129
+ /* \u2500\u2500 File Groups & Test Rows \u2500\u2500 */
130
+ .file-group{margin-bottom:16px}
131
+ .file-group-header{
132
+ font-size:11px;font-weight:600;
133
+ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
134
+ color:var(--fg-2);padding:0 4px 6px;
126
135
  }
127
- function detectJenkins(env) {
128
- if (!env.JENKINS_URL) return null;
129
- let branch = env.GIT_BRANCH ?? null;
130
- if (branch?.startsWith("origin/")) {
131
- branch = branch.slice("origin/".length);
132
- }
133
- return {
134
- provider: "jenkins",
135
- buildId: env.BUILD_ID ?? null,
136
- commitSha: env.GIT_COMMIT ?? null,
137
- branch
138
- };
136
+ .file-group-card{
137
+ border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:var(--bg-1);
139
138
  }
140
- function detectCircleCI(env) {
141
- if (env.CIRCLECI !== "true") return null;
142
- return {
143
- provider: "circleci",
144
- buildId: env.CIRCLE_BUILD_NUM ?? null,
145
- commitSha: env.CIRCLE_SHA1 ?? null,
146
- branch: env.CIRCLE_BRANCH ?? null
147
- };
139
+ .test-row{
140
+ display:flex;align-items:center;gap:12px;padding:12px 18px;cursor:pointer;
141
+ transition:background .1s;border-bottom:1px solid var(--bd-s);
148
142
  }
149
- var detectors = [
150
- detectGitHubActions,
151
- detectGitLabCI,
152
- detectJenkins,
153
- detectCircleCI
154
- ];
155
- function detectCI(env) {
156
- const envVars = env ?? process.env;
157
- for (const detect of detectors) {
158
- const result = detect(envVars);
159
- if (result) return result;
160
- }
161
- return null;
143
+ .test-row:last-child{border-bottom:none}
144
+ .test-row:hover{background:var(--hvr)}
145
+ .test-row.active{background:rgba(3,183,156,0.07)}
146
+
147
+ .status-indicator{
148
+ width:10px;height:10px;border-radius:50%;flex-shrink:0;
162
149
  }
150
+ .si-passed{background:#22c55e}.si-failed{background:#ef4444}
151
+ .si-flaky{background:#f59e0b}.si-skipped{background:#6b7280}.si-timedout{background:#f97316}
163
152
 
164
- // src/html-report.ts
165
- var import_node_fs2 = require("fs");
166
- var import_node_path = require("path");
153
+ .test-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
154
+ .test-row-title{font-size:14px;font-weight:500;color:var(--fg);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
155
+ .test-row-badges{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
156
+ .trb{font-size:10px;font-weight:600;padding:1px 7px;border-radius:4px}
157
+ .trb-type{background:rgba(139,92,246,0.12);color:#a78bfa}
158
+ .trb-tag{background:rgba(59,130,246,0.12);color:#60a5fa}
159
+ .trb-retry{background:rgba(245,158,11,0.12);color:#fbbf24}
160
+ .trb-flaky{background:rgba(245,158,11,0.12);color:#fbbf24}
161
+ .test-row-dur{font-size:13px;font-weight:700;color:var(--fg-1);flex-shrink:0;white-space:nowrap}
162
+ .test-row-arrow{color:var(--fg-2);flex-shrink:0;transition:color .15s}
163
+ .test-row:hover .test-row-arrow{color:var(--fg-1)}
167
164
 
168
- // src/html-logo.ts
169
- var LOGO_SVG = `<svg width="32" height="40" viewBox="0 0 196 247" fill="none" xmlns="http://www.w3.org/2000/svg">
170
- <path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 1.08009C2.034 2.66209 -0.130999 7.63009 0.610001 10.5821C0.969001 12.0121 3.021 15.2131 5.17 17.6971C14.375 28.3321 18 39.7791 18 58.2101V71.0001H12.434C1.16501 71.0001 0 73.4641 0 97.3051C0 106.858 0.298003 128.922 0.662003 146.337L1.323 178H33.606C65.786 178 65.897 178.007 68.544 180.284C72.228 183.453 72.244 189.21 68.579 192.877L65.957 195.5L33.479 195.801L1 196.103V204.551V213H24.577H48.154L51.077 215.923C55.007 219.853 55.007 224.147 51.077 228.077L48.154 231H26.469H4.783L5.41901 233.534C5.76901 234.927 7.143 238.527 8.472 241.534L10.89 247H40.945H71L71.006 241.75C71.017 230.748 76.027 221.606 84.697 216.767C97.854 209.424 114.086 213.895 121.323 226.857C123.659 231.041 124.418 233.833 124.789 239.607L125.263 247H155.187H185.11L187.528 241.534C188.857 238.527 190.231 234.927 190.581 233.534L191.217 231H169.531H147.846L144.923 228.077C142.928 226.082 142 224.152 142 222C142 219.848 142.928 217.918 144.923 215.923L147.846 213H171.423H195V204.551V196.103L162.521 195.801L130.043 195.5L127.421 192.877C123.991 189.445 123.835 183.869 127.074 180.421L129.349 178H162.013H194.677L195.338 146.337C195.702 128.922 196 106.858 196 97.3051C196 73.4641 194.835 71.0001 183.566 71.0001H178V58.2101C178 39.6501 181.397 28.7731 190.538 18.0651C195.631 12.0971 196.572 9.00809 194.511 5.02109C192.672 1.46509 190.197 9.12233e-05 186.028 9.12233e-05C179.761 9.12233e-05 168.713 14.8831 163.388 30.5001C160.975 37.5771 160.608 40.3751 160.213 54.7501L159.765 71.0001H150.732H141.7L142.286 53.2501C142.904 34.5511 144.727 24.3761 148.938 16.1211C151.823 10.4671 151.628 5.90109 148.364 2.63609C145 -0.726907 140.105 -0.887909 136.596 2.25009C133.481 5.03609 128.686 17.0811 126.507 27.5921C125.569 32.1191 124.617 43.0901 124.28 53.2501L123.69 71.0001H115.345H107V38.4231V5.84609L104.077 2.92309C102.082 0.928088 100.152 9.12233e-05 98 9.12233e-05C95.848 9.12233e-05 93.918 0.928088 91.923 2.92309L89 5.84609V38.4231V71.0001H80.655H72.31L71.72 53.2501C71.383 43.0901 70.431 32.1191 69.493 27.5921C67.314 17.0811 62.519 5.03609 59.404 2.25009C55.998 -0.795909 51.059 -0.710905 47.646 2.45209C44.221 5.62609 44.191 9.92109 47.539 17.4911C51.71 26.9241 53.007 34.4791 53.676 53.2501L54.31 71.0001H45.272H36.235L35.787 54.7501C35.392 40.3751 35.025 37.5771 32.612 30.5001C27.194 14.6091 16.228 -0.02891 9.787 0.03009C7.979 0.04709 5.712 0.519093 4.75 1.08009ZM42.687 108.974C33.431 112.591 20.036 125.024 18.408 131.512C17.476 135.223 20.677 140.453 28.253 147.599C37.495 156.319 44.191 159.471 53.5 159.485C59.317 159.494 61.645 158.953 67.274 156.289C77.634 151.385 88.987 139.161 88.996 132.9C89.004 127.304 76.787 114.707 66.745 109.956C59.16 106.368 50.285 106.006 42.687 108.974ZM129.255 109.904C119.151 114.768 106.996 127.33 107.004 132.9C107.013 139.108 118.562 151.475 128.939 156.389C134.338 158.945 136.744 159.496 142.521 159.498C152.526 159.501 160.369 155.502 169.771 145.605C180.444 134.368 180.278 130.975 168.486 119.388C160.043 111.094 152.727 107.595 143 107.201C136.364 106.933 134.78 107.244 129.255 109.904ZM48.5 125.922C46.3 126.969 43.152 128.945 41.505 130.314L38.511 132.802L40.504 135.005C41.601 136.216 44.434 138.342 46.8 139.728C52.577 143.114 57.36 142.466 64.009 137.395L68.978 133.606L66.756 131.24C60.944 125.054 54.357 123.135 48.5 125.922ZM138.386 125.063C136.674 125.571 133.375 127.677 131.057 129.743L126.841 133.5L131.901 137.343C138.65 142.468 143.407 143.124 149.2 139.728C151.566 138.342 154.351 136.269 155.389 135.122C157.684 132.587 156.742 131.097 150.58 127.511C145.438 124.519 142.329 123.895 138.386 125.063ZM91.923 162.923C89.043 165.804 89 166.008 89 176.973C89 184.805 89.435 188.941 90.47 190.941C92.356 194.589 96.918 196.273 101.03 194.84C105.82 193.17 107 189.638 107 176.973C107 166.008 106.957 165.804 104.077 162.923C102.082 160.928 100.152 160 98 160C95.848 160 93.918 160.928 91.923 162.923ZM94.5 232.155C91.026 234.055 90 236.229 90 241.691V247H98H106V242.082C106 235.732 105.37 234.242 101.928 232.463C98.591 230.737 97.197 230.679 94.5 232.155Z" fill="url(#paint0_linear_55_11)"/>
171
- <defs><linearGradient id="paint0_linear_55_11" x1="98" y1="0.000244141" x2="98" y2="247" gradientUnits="userSpaceOnUse">
172
- <stop stop-color="#03B79C"/><stop offset="0.504808" stop-color="#4EDAA4"/><stop offset="0.865285" stop-color="#84F3AA"/>
173
- </linearGradient></defs></svg>`;
174
-
175
- // src/html-css.ts
176
- var CSS = `
177
- :root{
178
- --bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f3f4f6;--bg-card:#ffffff;
179
- --bg-code:#171717;--bg-code-text:#d4d4d4;--bg-code-highlight:rgba(239,68,68,.2);
180
- --text-primary:#171717;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-strong:#374151;
181
- --border:#e5e7eb;--border-light:#f3f4f6;--border-hover:#d1d5db;
182
- --accent:#03b79c;--accent-hover:#028a75;--accent-ring:rgba(3,183,156,.2);
183
- --passed-bg:#d1fae5;--passed-text:#065f46;--passed-border:#bbf7d0;--passed-card-bg:#f0fdf4;--passed-count:#16a34a;
184
- --failed-bg:#fecaca;--failed-text:#991b1b;--failed-border:#fecaca;--failed-card-bg:#fef2f2;--failed-count:#dc2626;
185
- --flaky-bg:#fde68a;--flaky-text:#92400e;--flaky-border:#fde68a;--flaky-card-bg:#fffbeb;--flaky-count:#d97706;
186
- --skipped-bg:#f3f4f6;--skipped-text:#6b7280;--skipped-card-bg:#f9fafb;
187
- --timedout-bg:#ffedd5;--timedout-text:#9a3412;--timedout-card-bg:#fff7ed;--timedout-count:#ea580c;
188
- --total-border:#c7d2fe;--total-bg:#eef2ff;--total-count:#4f46e5;
189
- --ci-bg:#eff6ff;--ci-text:#1d4ed8;--merged-bg:#fef3c7;--merged-text:#92400e;
190
- --tag-bg:#eff6ff;--tag-text:#1d4ed8;--type-bg:#ede9fe;--type-text:#5b21b6;
191
- --net-2xx-bg:#d1fae5;--net-2xx-text:#065f46;--net-3xx-bg:#fef3c7;--net-3xx-text:#92400e;
192
- --net-4xx-bg:#fecaca;--net-4xx-text:#991b1b;--net-5xx-bg:#fecaca;--net-5xx-text:#7f1d1d;
193
- --net-0-bg:#f3f4f6;--net-0-text:#6b7280;
194
- --passed-left:#22c55e;--failed-left:#ef4444;
195
- --failure-msg-bg:#f8f8f8;
165
+ .no-tests{text-align:center;padding:48px 20px;color:var(--fg-2);font-size:14px}
166
+
167
+ /* \u2500\u2500 Drawer Overlay \u2500\u2500 */
168
+ .drawer-backdrop{
169
+ position:fixed;inset:0;background:var(--overlay-bg);z-index:100;
170
+ opacity:0;pointer-events:none;transition:opacity .25s ease;
171
+ }
172
+ .drawer-backdrop.open{opacity:1;pointer-events:auto}
173
+
174
+ /* \u2500\u2500 Drawer Panel \u2500\u2500 */
175
+ .drawer{
176
+ position:fixed;top:0;right:0;bottom:0;width:50vw;max-width:50vw;z-index:110;
177
+ background:var(--bg-1);border-left:1px solid var(--bd);
178
+ transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);
179
+ display:flex;flex-direction:column;overflow:hidden;
180
+ box-shadow:-8px 0 40px var(--shadow-c);
196
181
  }
197
- [data-theme="dark"]{
198
- --bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;
199
- --bg-code:#0f172a;--bg-code-text:#e2e8f0;--bg-code-highlight:rgba(239,68,68,.25);
200
- --text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-strong:#cbd5e1;
201
- --border:#334155;--border-light:#1e293b;--border-hover:#475569;
202
- --accent:#2dd4bf;--accent-hover:#5eead4;--accent-ring:rgba(45,212,191,.25);
203
- --passed-bg:#065f46;--passed-text:#6ee7b7;--passed-border:#064e3b;--passed-card-bg:#022c22;--passed-count:#34d399;
204
- --failed-bg:#7f1d1d;--failed-text:#fca5a5;--failed-border:#991b1b;--failed-card-bg:#450a0a;--failed-count:#f87171;
205
- --flaky-bg:#78350f;--flaky-text:#fde68a;--flaky-border:#92400e;--flaky-card-bg:#451a03;--flaky-count:#fbbf24;
206
- --skipped-bg:#334155;--skipped-text:#94a3b8;--skipped-card-bg:#1e293b;
207
- --timedout-bg:#7c2d12;--timedout-text:#fed7aa;--timedout-card-bg:#431407;--timedout-count:#fb923c;
208
- --total-border:#4338ca;--total-bg:#1e1b4b;--total-count:#a5b4fc;
209
- --ci-bg:#1e3a5f;--ci-text:#93c5fd;--merged-bg:#78350f;--merged-text:#fde68a;
210
- --tag-bg:#1e3a5f;--tag-text:#93c5fd;--type-bg:#2e1065;--type-text:#c4b5fd;
211
- --net-2xx-bg:#065f46;--net-2xx-text:#6ee7b7;--net-3xx-bg:#78350f;--net-3xx-text:#fde68a;
212
- --net-4xx-bg:#7f1d1d;--net-4xx-text:#fca5a5;--net-5xx-bg:#7f1d1d;--net-5xx-text:#fca5a5;
213
- --net-0-bg:#334155;--net-0-text:#94a3b8;
214
- --passed-left:#22c55e;--failed-left:#ef4444;
215
- --failure-msg-bg:#e2e8f0;
182
+ .drawer.open{transform:translateX(0)}
183
+ .drawer-bar{
184
+ display:flex;align-items:center;justify-content:space-between;
185
+ padding:14px 20px;border-bottom:1px solid var(--bd);
186
+ background:linear-gradient(180deg,rgba(3,183,156,0.04) 0%,transparent 100%);flex-shrink:0;
216
187
  }
217
- *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
218
- body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
219
- color:var(--text-primary);background:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;
220
- transition:background-color .15s ease,color .15s ease}
221
- .container{max-width:1100px;margin:0 auto;padding:24px 20px}
222
- /* Header */
223
- .header{display:flex;align-items:center;gap:12px;margin-bottom:8px}
224
- .header svg{flex-shrink:0}
225
- .header h1{font-size:22px;font-weight:700;color:var(--text-primary)}
226
- .meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--text-secondary);margin-bottom:20px}
227
- .meta-item{display:flex;align-items:center;gap:4px}
228
- .meta-label{font-weight:600;color:var(--text-strong)}
229
- .run-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;
230
- background:var(--bg-tertiary);padding:2px 8px;border-radius:4px}
231
- .ci-badge{display:inline-flex;align-items:center;gap:4px;background:var(--ci-bg);
232
- color:var(--ci-text);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}
233
- .merged-badge{background:var(--merged-bg);color:var(--merged-text);padding:2px 8px;border-radius:4px;
234
- font-size:12px;font-weight:500}
235
- /* Theme Toggle */
236
- .theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;
237
- border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);
238
- color:var(--text-secondary);cursor:pointer;margin-left:auto;flex-shrink:0;
239
- transition:background .15s,border-color .15s,color .15s}
240
- .theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-hover)}
241
- .theme-toggle svg{width:16px;height:16px}
242
- /* Summary Cards */
243
- .summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:28px}
244
- .summary-card{border-radius:10px;padding:16px;text-align:center;border:1px solid var(--border)}
245
- .summary-card .count{font-size:32px;font-weight:800;line-height:1.1}
246
- .summary-card .label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-top:2px}
247
- .card-passed{border-color:var(--passed-border);background:var(--passed-card-bg)}.card-passed .count{color:var(--passed-count)}
248
- .card-failed{border-color:var(--failed-border);background:var(--failed-card-bg)}.card-failed .count{color:var(--failed-count)}
249
- .card-flaky{border-color:var(--flaky-border);background:var(--flaky-card-bg)}.card-flaky .count{color:var(--flaky-count)}
250
- .card-skipped{border-color:var(--border);background:var(--skipped-card-bg)}.card-skipped .count{color:var(--skipped-text)}
251
- .card-total{border-color:var(--total-border);background:var(--total-bg)}.card-total .count{color:var(--total-count)}
252
- .card-timedout{border-color:var(--timedout-bg);background:var(--timedout-card-bg)}.card-timedout .count{color:var(--timedout-count)}
253
- /* Timeline */
254
- .timeline{display:flex;flex-direction:column;gap:8px}
255
- .timeline-entry{border:1px solid var(--border);border-radius:10px;overflow:hidden;
256
- border-left:4px solid var(--border);transition:border-color .15s}
257
- .timeline-entry:hover{border-color:var(--border-hover)}
258
- .timeline-entry--all-passed{border-left-color:var(--passed-left)}
259
- .timeline-entry--all-passed:hover{border-color:#86efac}
260
- .timeline-entry--has-failures{border-left-color:var(--failed-left)}
261
- .timeline-entry--has-failures:hover{border-color:#fca5a5}
262
- .timeline-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;
263
- user-select:none;background:var(--bg-secondary);transition:background .15s}
264
- .timeline-header:hover{background:var(--bg-tertiary)}
265
- .chevron{width:16px;height:16px;flex-shrink:0;transition:transform .2s;color:var(--text-muted)}
266
- .timeline-entry.expanded .chevron{transform:rotate(90deg)}
267
- .timeline-url{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;
268
- text-overflow:ellipsis;white-space:nowrap;max-width:500px;min-width:0}
269
- .nav-type-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:9999px;
270
- white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}
271
- .badge-goto{background:#dbeafe;color:#1e40af}
272
- .badge-navigation{background:#e0e7ff;color:#3730a3}
273
- .badge-page_load{background:#c7d2fe;color:#312e81}
274
- .badge-back{background:#cffafe;color:#155e75}
275
- .badge-forward{background:#a5f3fc;color:#164e63}
276
- .badge-spa_route{background:#ede9fe;color:#5b21b6}
277
- .badge-spa_replace{background:#ddd6fe;color:#4c1d95}
278
- .badge-hash_change{background:#fae8ff;color:#86198f}
279
- .badge-popstate{background:#f5d0fe;color:#701a75}
280
- .badge-link_click{background:#fce7f3;color:#9d174d}
281
- .badge-form_submit{background:#fbcfe8;color:#831843}
282
- .badge-redirect{background:#ffedd5;color:#9a3412}
283
- .badge-refresh{background:#e0f2fe;color:#075985}
284
- .badge-dummy{background:var(--bg-tertiary);color:var(--text-secondary)}
285
- .badge-fallback{background:var(--border);color:var(--text-strong)}
286
- .badge-manual_record{background:#fef9c3;color:#854d0e}
287
- .timeline-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);
288
- margin-left:auto;flex-shrink:0;white-space:nowrap}
289
- .spec-file{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;
290
- color:var(--text-secondary);background:var(--bg-tertiary);padding:1px 6px;border-radius:3px}
291
- .timeline-content{display:none;padding:0 16px 16px;border-top:1px solid var(--border-light)}
292
- .timeline-entry.expanded .timeline-content{display:block}
293
- /* Test Cards */
294
- .tests-section{margin-top:12px}
295
- .spec-summary{font-size:12px;color:var(--text-secondary);margin-bottom:8px;display:flex;gap:12px;flex-wrap:wrap}
296
- .spec-summary span{font-weight:600}
297
- .spec-passed{color:var(--passed-count)}.spec-failed{color:var(--failed-count)}.spec-flaky{color:var(--flaky-count)}
298
- .test-card{padding:8px 0;border-bottom:1px solid var(--border-light)}
299
- .test-card:last-child{border-bottom:none}
300
- .test-card-row{display:flex;align-items:flex-start;gap:8px}
301
- .status-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:9999px;
302
- flex-shrink:0;margin-top:2px;text-transform:uppercase;letter-spacing:.03em}
303
- .status-passed{background:var(--passed-bg);color:var(--passed-text)}
304
- .status-failed{background:var(--failed-bg);color:var(--failed-text)}
305
- .status-flaky{background:var(--flaky-bg);color:var(--flaky-text)}
306
- .status-skipped{background:var(--skipped-bg);color:var(--skipped-text)}
307
- .status-timedout{background:var(--timedout-bg);color:var(--timedout-text)}
308
- .type-badge{background:var(--type-bg);color:var(--type-text);padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600}
309
- .flaky-badge{background:var(--flaky-card-bg);color:var(--flaky-text);padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600}
310
- .file-path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--text-secondary)}
311
- .suite-name{font-size:11px;color:var(--text-muted)}
312
- .status-mismatch{font-size:10px;color:var(--failed-count);font-weight:600}
313
- .test-info{flex:1;min-width:0}
314
- .test-title{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
315
- .test-meta{display:flex;gap:8px;align-items:center;margin-top:2px;font-size:11px;color:var(--text-muted)}
316
- .retry-badge{background:var(--flaky-card-bg);color:var(--flaky-text);padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600}
317
- .tag-badge{background:var(--tag-bg);color:var(--tag-text);padding:1px 5px;border-radius:3px;font-size:10px}
318
- .meta-prefix{font-size:10px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
319
- .test-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;
320
- color:var(--text-secondary);background:var(--bg-tertiary);padding:1px 6px;border-radius:3px}
321
- .network-panel--has-failures{border-color:var(--failed-border)}
322
- .network-panel--has-failures .network-header{background:var(--failed-card-bg);color:var(--failed-text)}
323
- .failed-requests-banner{display:flex;align-items:center;gap:6px;padding:8px 12px;
324
- background:var(--failed-card-bg);color:var(--failed-text);font-size:12px;font-weight:600;border-top:1px solid var(--failed-border)}
325
- .failed-urls-list{padding:6px 12px;background:var(--failed-card-bg);border-top:1px solid var(--failed-border);font-size:11px;
326
- font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-height:200px;overflow-y:auto}
327
- .failed-url-item{padding:2px 0;color:var(--failed-text);word-break:break-all}
328
- .failed-url-status{font-weight:700;margin-right:4px}
329
- .test-duration{font-size:12px;color:var(--text-muted);flex-shrink:0;margin-top:2px}
330
- /* Tab Bar */
331
- .tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-top:8px}
332
- .tab-btn{padding:8px 16px;font-size:12px;font-weight:500;color:var(--text-secondary);background:none;
333
- border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;
334
- transition:color .15s,border-color .15s}
335
- .tab-btn:hover{color:var(--text-strong)}
336
- .tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
337
- .tab-panel{display:none;padding:12px 0}
338
- .tab-panel.active{display:block}
339
- .tab-empty-state{text-align:center;padding:24px 16px;color:var(--text-muted);font-size:13px;font-style:italic}
340
- /* Failure Details */
341
- .failure-toggle{font-size:12px;color:var(--accent);cursor:pointer;margin-top:4px;
342
- border:none;background:none;padding:0;text-decoration:underline;font-family:inherit}
343
- .failure-toggle:hover{color:var(--accent-hover)}
344
- .failure-details{display:none;margin-top:8px;border-radius:8px;overflow:hidden;
345
- border:1px solid var(--border)}
346
- .failure-details.show{display:block}
347
- .failure-message{padding:12px;background:var(--bg-code);color:var(--failure-msg-bg);font-size:12px;
348
- font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;
349
- word-break:break-word;line-height:1.5;overflow-x:auto}
350
- .code-snippet{background:var(--bg-code);padding:0;font-size:12px;
351
- font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}
352
- .code-line{display:flex;padding:0 12px;line-height:1.7}
353
- .code-line.highlight{background:var(--bg-code-highlight)}
354
- .line-num{color:var(--text-secondary);min-width:40px;text-align:right;padding-right:12px;
355
- user-select:none;flex-shrink:0}
356
- .line-code{color:var(--bg-code-text);white-space:pre;overflow-x:auto}
357
- .stack-toggle{font-size:11px;color:var(--text-secondary);cursor:pointer;padding:8px 12px;
358
- border:none;background:var(--bg-secondary);width:100%;text-align:left;font-family:inherit;
359
- border-top:1px solid var(--border)}
360
- .stack-toggle:hover{background:var(--bg-tertiary);color:var(--text-strong)}
361
- .stack-trace{display:none;padding:12px;background:var(--bg-secondary);font-size:11px;
362
- font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;
363
- word-break:break-word;color:var(--text-secondary);border-top:1px solid var(--border);max-height:300px;overflow-y:auto}
188
+ .drawer-bar-title{font-size:12px;font-weight:600;color:var(--fg-1);text-transform:uppercase;letter-spacing:.06em}
189
+ .drawer-close{
190
+ width:32px;height:32px;border-radius:8px;border:1px solid var(--bd-m);
191
+ background:transparent;color:var(--fg-1);font-size:18px;cursor:pointer;
192
+ display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;
193
+ }
194
+ .drawer-close:hover{background:var(--bd);color:var(--fg)}
195
+ .drawer-body{flex:1;overflow-y:auto;padding:24px 28px;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
196
+ .drawer-body::-webkit-scrollbar{width:5px}
197
+ .drawer-body::-webkit-scrollbar-track{background:transparent}
198
+ .drawer-body::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}
199
+
200
+ /* \u2500\u2500 Drawer Sections \u2500\u2500 */
201
+ .drawer-sections{display:flex;flex-direction:column;gap:24px}
202
+ .drawer-section{min-width:0}
203
+
204
+ /* \u2500\u2500 Segmented Control \u2500\u2500 */
205
+ .seg-ctrl{display:inline-flex;border:1px solid var(--bd-l);border-radius:8px;overflow:hidden;background:var(--bg);margin-bottom:12px}
206
+ .seg-btn{padding:7px 16px;font-size:11px;font-weight:600;color:var(--fg-2);background:transparent;border:none;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:5px}
207
+ .seg-btn:not(:last-child){border-right:1px solid var(--bd-l)}
208
+ .seg-btn.active{background:rgba(3,183,156,0.12);color:#2dd4a8}
209
+ .seg-btn:hover:not(.active){color:var(--fg-1);background:var(--bd-xs)}
210
+ .seg-pane{display:none}
211
+ .seg-pane.active{display:block;animation:trFadeIn .15s ease-out}
212
+
213
+ /* \u2500\u2500 Artifact Column \u2500\u2500 */
214
+ .artifact-col-img{max-width:100%;border-radius:8px;cursor:pointer;border:1px solid var(--bd);transition:border-color .15s,box-shadow .15s;object-fit:contain;display:block}
215
+ .artifact-col-img:hover{border-color:#03b79c;box-shadow:0 0 0 3px rgba(3,183,156,0.15)}
216
+ .artifact-col-caption{font-size:10px;color:var(--fg-2);margin-top:6px;display:flex;align-items:center;gap:4px}
217
+ .artifact-col-caption svg{opacity:.5}
218
+ .artifact-col-video{border-radius:8px;overflow:hidden;border:1px solid var(--bd);background:#000}
219
+ .artifact-col-video video{width:100%;display:block}
220
+ .artifact-empty{padding:24px 14px;text-align:center;font-size:12px;color:var(--fg-2);font-style:italic;border:1px dashed var(--bd-m);border-radius:10px}
221
+
222
+ /* \u2500\u2500 Network Overview \u2500\u2500 */
223
+ .net-overview{border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:var(--bg-2)}
224
+ .net-section-hd{padding:8px 12px;font-size:10px;font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em;border-top:1px solid var(--bd-s);display:flex;align-items:center;gap:6px}
225
+ .net-section-hd svg{opacity:.5}
226
+
227
+ /* \u2500\u2500 Resource Bar Chart \u2500\u2500 */
228
+ .net-bar-wrap{padding:10px 12px 4px}
229
+ .net-bar{display:flex;height:20px;border-radius:5px;overflow:hidden;background:var(--bg-3)}
230
+ .net-bar-seg{min-width:2px;position:relative;transition:opacity .15s}
231
+ .net-bar-seg:hover{opacity:.8}
232
+ .net-bar--mini{height:6px;border-radius:3px;margin-bottom:4px}
233
+ .net-bar--mini .net-bar-seg{min-width:1px}
234
+ .net-bar-legend{display:flex;flex-wrap:wrap;gap:4px 12px;padding:4px 12px 8px;font-size:10px}
235
+ .net-legend-item{display:flex;align-items:center;gap:4px;color:var(--fg-1)}
236
+ .net-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}
237
+ .net-legend-count{font-weight:700;color:var(--fg)}
238
+
239
+ /* \u2500\u2500 Network Step Cards \u2500\u2500 */
240
+ .net-steps-list{border-top:1px solid var(--bd-s)}
241
+ .net-step-card{padding:10px 12px;border-bottom:1px solid var(--bd-xs)}
242
+ .net-step-card:last-child{border-bottom:none}
243
+ .net-step-card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
244
+ .net-step-num{width:20px;height:20px;border-radius:50%;background:var(--bg-3);color:var(--fg-1);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
245
+ .net-step-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-1);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}
246
+ .net-step-stats{flex-shrink:0;color:var(--fg-2);font-size:10px;white-space:nowrap}
247
+ .net-step-timing{display:flex;gap:10px;font-size:9px;color:var(--fg-2);flex-wrap:wrap}
248
+ .net-step-timing span{display:flex;align-items:center;gap:3px}
249
+ .timing-label{font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:8px}
250
+ .timing-val{font-weight:600;color:var(--fg-1)}
251
+
252
+ /* \u2500\u2500 Failed URL badges \u2500\u2500 */
253
+ .fail-url-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px;margin-right:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
254
+ .fail-url-badge--4xx{background:rgba(245,158,11,0.12);color:#f59e0b}
255
+ .fail-url-badge--5xx{background:rgba(239,68,68,0.12);color:#ef4444}
256
+ .fail-url-badge--other{background:rgba(107,114,128,0.1);color:#6b7280}
257
+
258
+ /* \u2500\u2500 Drawer Content \u2014 Test Detail \u2500\u2500 */
259
+ .test-detail{animation:trFadeIn .2s ease-out}
260
+ @keyframes trFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
261
+
262
+ .test-detail-header{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--bd)}
263
+ .test-detail-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}
264
+ .detail-status-badge{
265
+ font-size:11px;font-weight:700;padding:4px 14px;border-radius:9999px;
266
+ text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-top:2px;
267
+ }
268
+ .dbg-passed{background:rgba(34,197,94,0.1);color:#22c55e;border:1px solid rgba(34,197,94,0.2)}
269
+ .dbg-failed{background:rgba(239,68,68,0.1);color:#ef4444;border:1px solid rgba(239,68,68,0.2)}
270
+ .dbg-flaky{background:rgba(245,158,11,0.1);color:#f59e0b;border:1px solid rgba(245,158,11,0.2)}
271
+ .dbg-skipped{background:rgba(107,114,128,0.1);color:#6b7280;border:1px solid rgba(107,114,128,0.2)}
272
+ .dbg-timedout{background:rgba(249,115,22,0.1);color:#f97316;border:1px solid rgba(249,115,22,0.2)}
273
+
274
+ .detail-title-section{flex:1;min-width:0}
275
+ .detail-title{font-size:16px;font-weight:700;color:var(--fg);line-height:1.35;margin-bottom:6px}
276
+ .detail-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
277
+ .dm-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px}
278
+ .dm-type{background:rgba(139,92,246,0.12);color:#a78bfa}
279
+ .dm-tag{background:rgba(59,130,246,0.12);color:#60a5fa}
280
+ .dm-retry{background:rgba(245,158,11,0.12);color:#fbbf24}
281
+ .dm-flaky{background:rgba(245,158,11,0.12);color:#fbbf24}
282
+ .detail-sub-meta{display:flex;gap:14px;font-size:11px;color:var(--fg-1);flex-wrap:wrap;margin-top:6px}
283
+ .meta-k{font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.04em;font-size:10px;margin-right:3px}
284
+ .detail-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;color:var(--fg-1);background:var(--bg-2);padding:1px 6px;border-radius:4px}
285
+ .detail-file{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--fg-1)}
286
+ .detail-suite{font-size:11px;color:var(--fg-1)}
287
+ .detail-duration{font-size:24px;font-weight:800;color:var(--fg);flex-shrink:0;white-space:nowrap}
288
+
289
+ /* \u2500\u2500 Failure Panel \u2500\u2500 */
290
+ .failure-panel{margin-bottom:20px;border:1px solid rgba(239,68,68,0.2);border-radius:10px;overflow:hidden;background:var(--bg-2)}
291
+ .failure-panel-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(239,68,68,0.08);font-size:12px;font-weight:600;color:#ef4444}
292
+ .failure-message{padding:12px 14px;background:var(--bg-code);color:var(--fg-err);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;line-height:1.6;overflow-x:auto}
293
+ .code-snippet{background:var(--bg-code);font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;border-top:1px solid var(--bd-s)}
294
+ .code-line{display:flex;padding:0 14px;line-height:1.8}
295
+ .code-line.highlight{background:rgba(239,68,68,0.12)}
296
+ .line-num{color:var(--fg-2);min-width:36px;text-align:right;padding-right:14px;user-select:none;flex-shrink:0}
297
+ .line-code{color:var(--fg-code);white-space:pre;overflow-x:auto}
298
+ .line-marker{padding:4px 14px;font-size:10px;color:var(--fg-2);background:var(--bg-2);border-top:1px solid var(--bd-s)}
299
+ .stack-toggle-btn{font-size:11px;color:var(--fg-1);cursor:pointer;padding:8px 14px;border:none;background:var(--bg-3);width:100%;text-align:left;font-family:inherit;border-top:1px solid var(--bd-s);transition:background .15s}
300
+ .stack-toggle-btn:hover{background:var(--bg-2);color:var(--fg)}
301
+ .stack-trace{display:none;padding:12px 14px;background:var(--bg-2);font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;color:var(--fg-2);border-top:1px solid var(--bd-s);max-height:260px;overflow-y:auto}
364
302
  .stack-trace.show{display:block}
365
- /* Network Panel */
366
- .network-panel{margin-top:16px;border:1px solid var(--border);border-radius:8px;overflow:hidden}
367
- .network-header{font-size:12px;font-weight:600;color:var(--text-strong);padding:10px 12px;
368
- background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}
369
- .network-summary{display:flex;gap:16px;padding:10px 12px;font-size:12px;flex-wrap:wrap}
370
- .net-stat{display:flex;flex-direction:column;align-items:center;gap:1px}
371
- .net-stat .val{font-weight:700;font-size:14px;color:var(--text-primary)}
372
- .net-stat .lbl{color:var(--text-muted);font-size:11px}
373
- .net-stat.has-failed .val{color:var(--failed-count)}
374
- .resource-breakdown{display:flex;gap:6px;padding:8px 12px;flex-wrap:wrap;border-top:1px solid var(--border-light)}
375
- .resource-type{display:flex;align-items:center;gap:4px;font-size:11px;padding:3px 8px;
376
- border-radius:4px;background:var(--bg-tertiary);color:var(--text-strong)}
377
- .resource-type .rt-count{font-weight:700}
378
- .resource-type--zero{opacity:.45}
379
- /* Empty State */
380
- .empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}
381
- .empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}
382
- .empty-state p{font-size:15px;font-weight:500}
383
- /* No-network */
384
- .no-network{font-size:12px;color:var(--text-muted);padding:10px 12px;font-style:italic}
385
- /* Section title */
386
- .section-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px;
387
- display:flex;align-items:center;gap:8px}
388
- .section-title::before{content:'';width:4px;height:18px;background:var(--accent);border-radius:2px}
389
- /* Artifacts Panel */
390
- .artifacts-panel{margin-top:10px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);
391
- border-radius:8px}
392
- .artifacts-panel-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;
393
- color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
394
- .artifacts-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
395
- /* Screenshot */
396
- .artifact-screenshot-wrap{display:flex;flex-direction:column;gap:4px;margin:8px 0}
397
- .artifact-thumbnail{width:100%;max-width:100%;height:auto;border-radius:8px;cursor:pointer;
398
- border:1px solid var(--border);transition:border-color .15s,box-shadow .15s;display:block}
399
- .artifact-thumbnail:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}
400
- .artifact-label{font-size:10px;color:var(--text-muted);text-align:center}
401
- /* Video */
402
- .artifact-video-inline{margin:8px 0}
403
- .artifact-video-player{display:block;width:100%;max-width:100%;height:auto;border-radius:8px;
404
- border:1px solid var(--border);background:#000}
405
- /* Lightbox */
406
- .lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:1000;
407
- display:flex;align-items:center;justify-content:center;cursor:zoom-out}
408
- .lightbox-overlay img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.4)}
409
- .lightbox-close{position:fixed;top:16px;right:16px;z-index:1001;width:36px;height:36px;
410
- border-radius:50%;border:none;background:rgba(255,255,255,.15);color:#fff;font-size:20px;
411
- cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
412
- .lightbox-close:hover{background:rgba(255,255,255,.3)}
413
- /* Detailed Network Logs */
414
- .network-log{margin-top:4px}
415
- .network-log-summary{display:flex;gap:12px;align-items:center;font-size:12px;margin-bottom:8px}
416
- .net-log-count{font-weight:600;color:var(--text-strong)}
417
- .net-log-failed{font-weight:600;color:var(--failed-count)}
418
- .network-entry{border-bottom:1px solid var(--border-light)}
419
- .network-entry:last-child{border-bottom:none}
420
- .network-entry--failed{border-left:3px solid var(--failed-count)}
421
- .network-entry-row{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;
422
- font-size:12px;transition:background .1s}
423
- .network-entry-row:hover{background:var(--bg-secondary)}
424
- .network-entry-row.expanded .net-chevron{transform:rotate(90deg)}
425
- .net-status-badge{font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;
426
- min-width:36px;text-align:center;flex-shrink:0}
427
- .net-status-2xx{background:var(--net-2xx-bg);color:var(--net-2xx-text)}
428
- .net-status-3xx{background:var(--net-3xx-bg);color:var(--net-3xx-text)}
429
- .net-status-4xx{background:var(--net-4xx-bg);color:var(--net-4xx-text)}
430
- .net-status-5xx{background:var(--net-5xx-bg);color:var(--net-5xx-text);font-weight:800}
431
- .net-status-0{background:var(--net-0-bg);color:var(--net-0-text)}
432
- .net-method{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;
433
- font-size:11px;color:var(--text-strong);flex-shrink:0;min-width:40px}
434
- .net-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;
435
- color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
436
- .net-time{font-size:11px;color:var(--text-muted);flex-shrink:0;text-align:right;min-width:48px}
437
- .net-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s}
438
- .network-entry-details{display:none;padding:8px 0 12px;border-top:1px solid var(--border-light)}
439
- .network-entry-details.show{display:block}
440
- .net-section-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;
441
- letter-spacing:.04em;margin:8px 0 4px;padding-top:4px}
442
- .net-section-title:first-child{margin-top:0}
443
- .net-headers-table{width:100%;font-size:11px;border-collapse:collapse}
444
- .net-headers-table td{padding:2px 8px;vertical-align:top;border-bottom:1px solid var(--border-light)}
445
- .net-header-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;
446
- color:var(--text-strong);white-space:nowrap;width:180px}
447
- .net-header-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-secondary);
448
- word-break:break-all}
449
- .net-truncated-note{font-size:10px;color:var(--flaky-count);font-style:italic;margin-top:2px}
450
- /* Code Editor */
451
- .code-editor{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:4px 0}
452
- .code-editor-toolbar{display:flex;align-items:center;justify-content:space-between;
453
- padding:4px 8px 4px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);min-height:28px}
454
- .code-editor-lang{font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
455
- color:var(--text-muted);text-transform:lowercase}
456
- .code-editor-copy{font-size:11px;font-family:inherit;padding:2px 10px;border-radius:4px;
457
- border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);
458
- cursor:pointer;transition:background .15s,color .15s,border-color .15s}
459
- .code-editor-copy:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
460
- .code-editor-copy.copied{background:var(--passed-bg);color:var(--passed-text);border-color:var(--passed-border)}
461
- .code-editor-body{display:flex;background:var(--bg-code);max-height:300px;overflow:auto}
462
- .code-editor-lines{display:flex;flex-direction:column;padding:8px 0;
463
- border-right:1px solid var(--border);flex-shrink:0;user-select:none;position:sticky;left:0;
464
- background:var(--bg-code);z-index:1}
465
- .code-editor-line-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;
466
- color:var(--text-muted);text-align:right;padding:0 10px 0 12px;line-height:1.6;min-width:40px}
467
- .code-editor-content{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;
468
- color:var(--bg-code-text);padding:8px 12px;margin:0;white-space:pre;line-height:1.6;flex:1;
469
- overflow-x:visible;tab-size:2}
470
- .net-binary-note{font-size:11px;color:var(--text-muted);font-style:italic;padding:4px 0}
471
- .net-empty-note{font-size:11px;color:var(--text-muted);font-style:italic;padding:2px 0}
472
- .net-error-msg{font-size:12px;color:var(--failed-count);font-weight:600;padding:4px 0;margin-bottom:4px}
473
- /* Filter Bar */
474
- .filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px;
475
- padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px}
476
- .filter-section{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
477
- .filter-section-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;
478
- letter-spacing:.04em;margin-right:2px}
479
- .filter-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;
480
- font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--bg-card);
481
- color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}
482
- .filter-chip:hover{border-color:var(--accent);color:var(--text-primary)}
483
- .filter-chip--active{background:var(--accent);color:#fff;border-color:var(--accent)}
484
- .filter-chip--active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
485
- .filter-chip--dimmed{opacity:.45}
486
- .filter-chip-count{font-size:11px;font-weight:600}
487
- .filter-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
488
- .filter-clear{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;
489
- border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);
490
- cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
491
- .filter-clear:hover{background:var(--failed-bg);color:var(--failed-text);border-color:var(--failed-border)}
492
- .filter-indicator{font-size:12px;color:var(--text-secondary);font-weight:500}
493
- .filter-indicator span{font-weight:700;color:var(--text-primary)}
494
- .filter-hidden{display:none!important}
495
- .filter-empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}
496
- .filter-empty-state p{font-size:14px;margin-bottom:12px}
497
- .filter-empty-state button{padding:6px 16px;border-radius:9999px;font-size:13px;font-weight:500;
498
- border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;
499
- font-family:inherit;transition:background .15s,color .15s}
500
- .filter-empty-state button:hover{background:var(--accent);color:#fff}
501
- /* Reduced Motion */
502
- @media(prefers-reduced-motion:reduce){
503
- *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}
303
+
304
+ /* \u2500\u2500 Section Label \u2500\u2500 */
305
+ .section-label{font-size:11px;font-weight:700;color:var(--fg-1);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;display:flex;align-items:center;gap:8px}
306
+ .section-label::before{content:'';width:3px;height:14px;background:#03b79c;border-radius:2px}
307
+
308
+ /* \u2500\u2500 Artifacts Panel \u2500\u2500 */
309
+ .artifacts-panel{margin-bottom:20px;border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:var(--bg-2)}
310
+ .artifacts-toolbar{display:flex;align-items:center;gap:0;padding:0;background:var(--bg-3);border-bottom:1px solid var(--bd-s)}
311
+ .artifacts-label{display:flex;align-items:center;gap:6px;padding:9px 14px;font-size:11px;font-weight:600;color:var(--fg-1);text-transform:uppercase;letter-spacing:.04em;border-right:1px solid var(--bd-s);flex-shrink:0}
312
+ .artifact-tab{padding:9px 16px;font-size:12px;font-weight:500;color:var(--fg-2);cursor:pointer;border:none;background:transparent;font-family:inherit;transition:color .15s,background .15s;position:relative;display:flex;align-items:center;gap:6px}
313
+ .artifact-tab:hover{color:var(--fg-1);background:var(--hvr-s)}
314
+ .artifact-tab.active{color:var(--fg);background:var(--bd-xs)}
315
+ .artifact-tab.active::after{content:'';position:absolute;bottom:0;left:8px;right:8px;height:2px;background:#03b79c;border-radius:1px}
316
+ .artifact-tab svg{flex-shrink:0;opacity:.6}
317
+ .artifact-tab.active svg{opacity:1}
318
+ .artifact-pane{display:none;padding:14px}
319
+ .artifact-pane.active{display:block;animation:trFadeIn .15s ease-out}
320
+ .screenshot-pane{display:flex;flex-direction:column;align-items:center;gap:8px}
321
+ .artifact-thumb{max-height:260px;max-width:100%;width:auto;border-radius:8px;cursor:pointer;border:1px solid var(--bd);transition:border-color .15s,box-shadow .15s,transform .15s;object-fit:contain;display:block}
322
+ .artifact-thumb:hover{border-color:#03b79c;box-shadow:0 0 0 3px rgba(3,183,156,0.15);transform:scale(1.01)}
323
+ .artifact-caption{font-size:11px;color:var(--fg-2);display:flex;align-items:center;gap:4px}
324
+ .artifact-caption svg{opacity:.5}
325
+ .video-pane{display:flex;flex-direction:column;gap:0}
326
+ .video-player{border-radius:8px;overflow:hidden;border:1px solid var(--bd);background:#000}
327
+ .video-player video{width:100%;max-height:340px;display:block}
328
+
329
+ /* \u2500\u2500 Navigation Timeline \u2500\u2500 */
330
+ .nav-timeline{position:relative;margin-bottom:20px}
331
+ .nav-step{display:flex;gap:12px;position:relative}
332
+ .step-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:28px}
333
+ .step-node{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;z-index:1;border:2px solid;transition:transform .15s}
334
+ .step-node:hover{transform:scale(1.1)}
335
+ .node-ok{background:rgba(3,183,156,0.1);border-color:rgba(3,183,156,0.35);color:#2dd4a8}
336
+ .node-warn{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.35);color:#f59e0b}
337
+ .step-line{width:2px;flex:1;min-height:10px;background:linear-gradient(to bottom,rgba(3,183,156,0.35),rgba(3,183,156,0.08))}
338
+ .nav-step:last-child .step-line{display:none}
339
+ .step-content{flex:1;min-width:0;padding-bottom:14px}
340
+ .nav-step:last-child .step-content{padding-bottom:0}
341
+ .step-header{display:flex;align-items:center;gap:7px;cursor:pointer;padding:4px 8px;border-radius:6px;margin:-4px -8px;transition:background .1s;flex-wrap:wrap}
342
+ .step-header:hover{background:var(--hvr-s)}
343
+ .step-url{font-size:12px;font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:0}
344
+ .nav-badge{font-size:9px;font-weight:600;padding:2px 7px;border-radius:9999px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;white-space:nowrap}
345
+ .nb-goto{background:rgba(59,130,246,0.12);color:#60a5fa}
346
+ .nb-navigation{background:rgba(99,102,241,0.12);color:#818cf8}
347
+ .nb-page_load{background:rgba(129,140,248,0.12);color:#a5b4fc}
348
+ .nb-back{background:rgba(34,211,238,0.12);color:#22d3ee}
349
+ .nb-forward{background:rgba(34,211,238,0.12);color:#67e8f9}
350
+ .nb-spa_route{background:rgba(139,92,246,0.12);color:#a78bfa}
351
+ .nb-spa_replace{background:rgba(167,139,250,0.12);color:#c4b5fd}
352
+ .nb-hash_change{background:rgba(236,72,153,0.12);color:#f472b6}
353
+ .nb-popstate{background:rgba(244,114,182,0.12);color:#f9a8d4}
354
+ .nb-link_click{background:rgba(251,113,133,0.12);color:#fb7185}
355
+ .nb-form_submit{background:rgba(244,63,94,0.12);color:#fb7185}
356
+ .nb-redirect{background:rgba(249,115,22,0.12);color:#fb923c}
357
+ .nb-refresh{background:rgba(56,189,248,0.12);color:#38bdf8}
358
+ .nb-dummy{background:rgba(107,114,128,0.06);color:var(--fg-2)}
359
+ .nb-fallback{background:rgba(107,114,128,0.06);color:var(--fg-2)}
360
+ .nb-manual_record{background:rgba(234,179,8,0.12);color:#facc15}
361
+ .step-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--fg-2);margin-left:auto;flex-shrink:0}
362
+
363
+ /* Step expandable detail */
364
+ .step-detail{display:none;margin-top:8px;border:1px solid var(--bd);border-radius:8px;overflow:hidden;background:var(--bg-2)}
365
+ .step-detail.show{display:block;animation:trSlideDown .2s ease-out}
366
+ @keyframes trSlideDown{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
367
+ .net-header{display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;color:var(--fg-1);background:var(--bg-3);border-bottom:1px solid var(--bd-s)}
368
+ .net-header.has-fails{color:#ef4444;background:rgba(239,68,68,0.08)}
369
+ .net-stats-row{display:flex;gap:8px;padding:8px 12px;flex-wrap:wrap}
370
+ .net-stat{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;border-radius:6px;background:var(--bg-3);min-width:50px}
371
+ .net-stat .nv{font-weight:700;font-size:14px;color:var(--fg);line-height:1}
372
+ .net-stat .nl{color:var(--fg-2);font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
373
+ .net-stat.net-fail{background:rgba(239,68,68,0.08)}.net-stat.net-fail .nv{color:#ef4444}
374
+ .resource-row{display:flex;gap:4px;padding:7px 12px;flex-wrap:wrap;border-top:1px solid var(--bd-xs)}
375
+ .res-type{display:flex;align-items:center;gap:3px;font-size:10px;padding:2px 7px;border-radius:4px;background:var(--bg-3);color:var(--fg-1);font-weight:500}
376
+ .res-type .rc{font-weight:700}
377
+ .res-type--zero{opacity:.25}
378
+ .fail-urls{padding:7px 12px;border-top:1px solid rgba(239,68,68,0.12);background:rgba(239,68,68,0.06);max-height:160px;overflow-y:auto}
379
+ .fail-url{font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#ef4444;padding:2px 0;word-break:break-all}
380
+ .fail-url-status{font-weight:700;margin-right:4px}
381
+
382
+ /* \u2500\u2500 Network DevTools Panel \u2500\u2500 */
383
+ .ndt{border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:var(--bg-1)}
384
+ .ndt-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-2);border-bottom:1px solid var(--bd);flex-wrap:wrap}
385
+ .ndt-filter{display:flex;gap:2px;flex-wrap:wrap}
386
+ .ndt-filter-btn{font-size:10px;padding:2px 8px;border-radius:4px;border:1px solid transparent;background:none;color:var(--fg-2);cursor:pointer;font-weight:500;transition:all .15s}
387
+ .ndt-filter-btn:hover{background:var(--hvr);color:var(--fg-1)}
388
+ .ndt-filter-btn.active{background:var(--bg-3);color:var(--fg);border-color:var(--bd-m);font-weight:600}
389
+ .ndt-search{flex:1;min-width:100px;max-width:220px;font-size:10px;padding:3px 8px;border-radius:4px;border:1px solid var(--bd);background:var(--bg);color:var(--fg);outline:none;font-family:inherit}
390
+ .ndt-search:focus{border-color:rgba(3,183,156,0.4)}
391
+ .ndt-count{font-size:10px;color:var(--fg-2);margin-left:auto;white-space:nowrap}
392
+ .ndt-list{max-height:600px;overflow-y:auto}
393
+ .ndt-list::-webkit-scrollbar{width:5px}.ndt-list::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}
394
+ .ndt-row{display:grid;grid-template-columns:42px 50px 1fr 52px 56px 56px;align-items:center;gap:4px;padding:5px 10px;border-bottom:1px solid var(--bd-xs);cursor:pointer;font-size:11px;transition:background .1s}
395
+ .ndt-row:hover{background:var(--hvr)}
396
+ .ndt-row.ndt-row--open{background:var(--bg-2)}
397
+ .ndt-row.ndt-row--fail{background:rgba(239,68,68,0.04)}
398
+ .ndt-row.ndt-row--fail:hover{background:rgba(239,68,68,0.08)}
399
+ .ndt-status{font-weight:700;font-size:10px;padding:1px 5px;border-radius:3px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
400
+ .ndt-status--2xx{background:rgba(34,197,94,0.12);color:#22c55e}
401
+ .ndt-status--3xx{background:rgba(59,130,246,0.12);color:#60a5fa}
402
+ .ndt-status--4xx{background:rgba(249,115,22,0.12);color:#fb923c}
403
+ .ndt-status--5xx{background:rgba(239,68,68,0.12);color:#ef4444}
404
+ .ndt-status--0{background:rgba(239,68,68,0.12);color:#ef4444}
405
+ .ndt-method{font-weight:600;font-size:10px;color:var(--fg-1);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase}
406
+ .ndt-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}
407
+ .ndt-type{font-size:9px;padding:1px 5px;border-radius:3px;background:var(--bg-3);color:var(--fg-2);text-align:center;font-weight:500}
408
+ .ndt-size{font-size:10px;color:var(--fg-2);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
409
+ .ndt-time{font-size:10px;color:var(--fg-2);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
410
+ .ndt-detail{display:none;border-bottom:1px solid var(--bd);background:var(--bg);animation:trSlideDown .15s ease-out}
411
+ .ndt-detail.show{display:block}
412
+ .ndt-detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--bd);background:var(--bg-2)}
413
+ .ndt-detail-tab{font-size:10px;padding:6px 14px;border:none;background:none;color:var(--fg-2);cursor:pointer;font-weight:500;border-bottom:2px solid transparent;transition:all .15s}
414
+ .ndt-detail-tab:hover{color:var(--fg-1);background:var(--hvr)}
415
+ .ndt-detail-tab.active{color:#03b79c;border-bottom-color:#03b79c;font-weight:600}
416
+ .ndt-detail-pane{display:none;padding:10px 14px;max-height:360px;overflow-y:auto}
417
+ .ndt-detail-pane::-webkit-scrollbar{width:5px}.ndt-detail-pane::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}
418
+ .ndt-detail-pane.active{display:block}
419
+ .ndt-general{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:11px}
420
+ .ndt-general-k{color:var(--fg-2);font-weight:600;white-space:nowrap}
421
+ .ndt-general-v{color:var(--fg);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}
422
+ .ndt-general-v.ndt-err{color:#ef4444}
423
+ .ndt-headers-tbl{width:100%;border-collapse:collapse;font-size:10px}
424
+ .ndt-headers-tbl th{text-align:left;padding:4px 8px;background:var(--bg-2);color:var(--fg-2);font-weight:600;border-bottom:1px solid var(--bd);font-size:9px;text-transform:uppercase;letter-spacing:.04em}
425
+ .ndt-headers-tbl td{padding:4px 8px;border-bottom:1px solid var(--bd-xs);vertical-align:top}
426
+ .ndt-headers-tbl td:first-child{color:var(--fg-1);font-weight:600;white-space:nowrap;width:180px}
427
+ .ndt-headers-tbl td:last-child{color:var(--fg);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
428
+ .ndt-body-wrap{position:relative}
429
+ .ndt-body-pre{margin:0;padding:10px;background:var(--bg-code);border-radius:6px;border:1px solid var(--bd);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--fg-code);white-space:pre-wrap;word-break:break-all;max-height:320px;overflow-y:auto;line-height:1.5;tab-size:2}
430
+ .ndt-body-pre::-webkit-scrollbar{width:5px}.ndt-body-pre::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}
431
+ .ndt-body-empty{padding:16px;text-align:center;font-size:11px;color:var(--fg-2);font-style:italic}
432
+ .ndt-body-truncated{display:inline-block;margin-top:6px;font-size:9px;padding:2px 8px;border-radius:4px;background:rgba(249,115,22,0.1);color:#fb923c;font-weight:500}
433
+ .ndt-hdr-section{margin-bottom:10px}
434
+ .ndt-hdr-label{font-size:10px;font-weight:600;color:var(--fg-1);margin-bottom:4px;display:flex;align-items:center;gap:5px}
435
+ .ndt-hdr-label svg{opacity:.5}
436
+
437
+ /* \u2500\u2500 Lightbox \u2500\u2500 */
438
+ .lightbox-overlay{position:fixed;inset:0;background:var(--lb-bg);z-index:1000;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:trFadeIn .15s}
439
+ .lightbox-overlay img{max-width:92vw;max-height:92vh;border-radius:8px;box-shadow:0 8px 40px var(--lb-shadow)}
440
+ .lightbox-close{position:fixed;top:16px;right:16px;z-index:1001;width:40px;height:40px;border-radius:50%;border:none;background:var(--lb-btn);color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;backdrop-filter:blur(8px)}
441
+ .lightbox-close:hover{background:var(--lb-btn-h)}
442
+
443
+ /* \u2500\u2500 Responsive \u2500\u2500 */
444
+ @media(max-width:1100px){
445
+ .drawer{width:60vw;max-width:60vw}
446
+ }
447
+ @media(max-width:800px){
448
+ .drawer{width:85vw;max-width:85vw}
504
449
  }
505
- `;
506
-
507
- // src/html-js-render.ts
508
- var JS_RENDER = `
509
- function esc(s){if(!s)return '';return s.replace(/&/g,'&amp;').replace(/</g,'&lt;')
510
- .replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;')}
511
- function stripAnsi(s){return s?s.replace(/\\u001b\\[[0-9;]*m/g,'').replace(/\\x1b\\[[0-9;]*m/g,''):''}
512
- function fmtDur(ms){if(ms<1000)return Math.round(ms)+'ms';
513
- if(ms<60000)return (ms/1000).toFixed(1)+'s';
514
- var m=Math.floor(ms/60000),s=Math.round((ms%60000)/1000);
515
- return s>0?m+'m '+s+'s':m+'m'}
516
- function fmtBytes(b){if(b===0)return '0 B';if(b<1024)return b+' B';
517
- if(b<1048576)return (b/1024).toFixed(1)+' KB';return (b/1048576).toFixed(1)+' MB'}
518
- function fmtTime(iso){try{return new Date(iso).toLocaleString()}catch(e){return iso}}
519
-
520
- function renderCodeSnippet(code,failLine){
521
- var lines=code.split('\\n');
522
- var out='<div class="code-snippet">';
523
- for(var k=0;k<lines.length;k++){
524
- var raw=lines[k];
525
- var numMatch=raw.match(/^\\s*(>?\\s*)(\\d+)\\s*\\|/);
526
- var lineNum=numMatch?numMatch[2]:'';
527
- var isHighlight=raw.trimStart().startsWith('>');
528
- var codePart=raw.replace(/^\\s*>?\\s*\\d+\\s*\\|/,'');
529
- out+='<div class="code-line'+(isHighlight?' highlight':'')+'">';
530
- out+='<span class="line-num">'+esc(lineNum)+'</span>';
531
- out+='<span class="line-code">'+esc(codePart)+'</span>';
532
- out+='</div>';
450
+ @media(max-width:640px){
451
+ .wrap{padding:16px 12px 48px}
452
+ .top-bar{flex-direction:column;align-items:flex-start;gap:8px}
453
+ .run-meta{margin-left:0}
454
+ .summary-strip{flex-wrap:wrap}
455
+ .summary-chip{min-width:70px}
456
+ .filter-bar{flex-direction:column;align-items:stretch}
457
+ .search-box{width:100%;margin-left:0}
458
+ .filter-icon-btn{margin-left:auto}
459
+ .filter-drawer{width:100%;max-width:100%}
460
+ .drawer{width:100%;max-width:100%}
461
+ .cta-btn{font-size:10px;padding:5px 10px;order:10}
462
+ .detail-title{font-size:14px}
463
+ .detail-duration{font-size:20px}
464
+ }
465
+
466
+ /* \u2500\u2500 Print \u2500\u2500 */
467
+ @media print{
468
+ body{background:#fff;color:#000}
469
+ .drawer-backdrop,.drawer,.filter-drawer-backdrop,.filter-drawer{display:none}
470
+ .lightbox-overlay,.lightbox-close{display:none}
471
+ .test-row-arrow{display:none}
472
+ .summary-chip,.filter-chip,.status-indicator,.detail-status-badge,.dm-badge,.nav-badge,.trb,.step-node{
473
+ print-color-adjust:exact;-webkit-print-color-adjust:exact;
533
474
  }
534
- out+='</div>';
535
- return out;
536
475
  }
476
+ `;var _=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196 247" fill="none">
477
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 1.08009C2.034 2.66209 -0.130999 7.63009 0.610001 10.5821C0.969001 12.0121 3.021 15.2131 5.17 17.6971C14.375 28.3321 18 39.7791 18 58.2101V71.0001H12.434C1.16501 71.0001 0 73.4641 0 97.3051C0 106.858 0.298003 128.922 0.662003 146.337L1.323 178H33.606C65.786 178 65.897 178.007 68.544 180.284C72.228 183.453 72.244 189.21 68.579 192.877L65.957 195.5L33.479 195.801L1 196.103V204.551V213H24.577H48.154L51.077 215.923C55.007 219.853 55.007 224.147 51.077 228.077L48.154 231H26.469H4.783L5.41901 233.534C5.76901 234.927 7.143 238.527 8.472 241.534L10.89 247H40.945H71L71.006 241.75C71.017 230.748 76.027 221.606 84.697 216.767C97.854 209.424 114.086 213.895 121.323 226.857C123.659 231.041 124.418 233.833 124.789 239.607L125.263 247H155.187H185.11L187.528 241.534C188.857 238.527 190.231 234.927 190.581 233.534L191.217 231H169.531H147.846L144.923 228.077C142.928 226.082 142 224.152 142 222C142 219.848 142.928 217.918 144.923 215.923L147.846 213H171.423H195V204.551V196.103L162.521 195.801L130.043 195.5L127.421 192.877C123.991 189.445 123.835 183.869 127.074 180.421L129.349 178H162.013H194.677L195.338 146.337C195.702 128.922 196 106.858 196 97.3051C196 73.4641 194.835 71.0001 183.566 71.0001H178V58.2101C178 39.6501 181.397 28.7731 190.538 18.0651C195.631 12.0971 196.572 9.00809 194.511 5.02109C192.672 1.46509 190.197 9.12233e-05 186.028 9.12233e-05C179.761 9.12233e-05 168.713 14.8831 163.388 30.5001C160.975 37.5771 160.608 40.3751 160.213 54.7501L159.765 71.0001H150.732H141.7L142.286 53.2501C142.904 34.5511 144.727 24.3761 148.938 16.1211C151.823 10.4671 151.628 5.90109 148.364 2.63609C145 -0.726907 140.105 -0.887909 136.596 2.25009C133.481 5.03609 128.686 17.0811 126.507 27.5921C125.569 32.1191 124.617 43.0901 124.28 53.2501L123.69 71.0001H115.345H107V38.4231V5.84609L104.077 2.92309C102.082 0.928088 100.152 9.12233e-05 98 9.12233e-05C95.848 9.12233e-05 93.918 0.928088 91.923 2.92309L89 5.84609V38.4231V71.0001H80.655H72.31L71.72 53.2501C71.383 43.0901 70.431 32.1191 69.493 27.5921C67.314 17.0811 62.519 5.03609 59.404 2.25009C55.998 -0.795909 51.059 -0.710905 47.646 2.45209C44.221 5.62609 44.191 9.92109 47.539 17.4911C51.71 26.9241 53.007 34.4791 53.676 53.2501L54.31 71.0001H45.272H36.235L35.787 54.7501C35.392 40.3751 35.025 37.5771 32.612 30.5001C27.194 14.6091 16.228 -0.02891 9.787 0.03009C7.979 0.04709 5.712 0.519093 4.75 1.08009ZM42.687 108.974C33.431 112.591 20.036 125.024 18.408 131.512C17.476 135.223 20.677 140.453 28.253 147.599C37.495 156.319 44.191 159.471 53.5 159.485C59.317 159.494 61.645 158.953 67.274 156.289C77.634 151.385 88.987 139.161 88.996 132.9C89.004 127.304 76.787 114.707 66.745 109.956C59.16 106.368 50.285 106.006 42.687 108.974ZM129.255 109.904C119.151 114.768 106.996 127.33 107.004 132.9C107.013 139.108 118.562 151.475 128.939 156.389C134.338 158.945 136.744 159.496 142.521 159.498C152.526 159.501 160.369 155.502 169.771 145.605C180.444 134.368 180.278 130.975 168.486 119.388C160.043 111.094 152.727 107.595 143 107.201C136.364 106.933 134.78 107.244 129.255 109.904ZM48.5 125.922C46.3 126.969 43.152 128.945 41.505 130.314L38.511 132.802L40.504 135.005C41.601 136.216 44.434 138.342 46.8 139.728C52.577 143.114 57.36 142.466 64.009 137.395L68.978 133.606L66.756 131.24C60.944 125.054 54.357 123.135 48.5 125.922ZM138.386 125.063C136.674 125.571 133.375 127.677 131.057 129.743L126.841 133.5L131.901 137.343C138.65 142.468 143.407 143.124 149.2 139.728C151.566 138.342 154.351 136.269 155.389 135.122C157.684 132.587 156.742 131.097 150.58 127.511C145.438 124.519 142.329 123.895 138.386 125.063ZM91.923 162.923C89.043 165.804 89 166.008 89 176.973C89 184.805 89.435 188.941 90.47 190.941C92.356 194.589 96.918 196.273 101.03 194.84C105.82 193.17 107 189.638 107 176.973C107 166.008 106.957 165.804 104.077 162.923C102.082 160.928 100.152 160 98 160C95.848 160 93.918 160.928 91.923 162.923ZM94.5 232.155C91.026 234.055 90 236.229 90 241.691V247H98H106V242.082C106 235.732 105.37 234.242 101.928 232.463C98.591 230.737 97.197 230.679 94.5 232.155Z" fill="url(#paint0_linear_55_11)"/>
478
+ <defs><linearGradient id="paint0_linear_55_11" x1="98" y1="0.000244141" x2="98" y2="247" gradientUnits="userSpaceOnUse">
479
+ <stop stop-color="#03B79C"/><stop offset="0.504808" stop-color="#4EDAA4"/><stop offset="0.865285" stop-color="#84F3AA"/>
480
+ </linearGradient></defs></svg>`,B=`<svg width="32" height="40" viewBox="0 0 196 247" fill="none" xmlns="http://www.w3.org/2000/svg">
481
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 1.08009C2.034 2.66209 -0.130999 7.63009 0.610001 10.5821C0.969001 12.0121 3.021 15.2131 5.17 17.6971C14.375 28.3321 18 39.7791 18 58.2101V71.0001H12.434C1.16501 71.0001 0 73.4641 0 97.3051C0 106.858 0.298003 128.922 0.662003 146.337L1.323 178H33.606C65.786 178 65.897 178.007 68.544 180.284C72.228 183.453 72.244 189.21 68.579 192.877L65.957 195.5L33.479 195.801L1 196.103V204.551V213H24.577H48.154L51.077 215.923C55.007 219.853 55.007 224.147 51.077 228.077L48.154 231H26.469H4.783L5.41901 233.534C5.76901 234.927 7.143 238.527 8.472 241.534L10.89 247H40.945H71L71.006 241.75C71.017 230.748 76.027 221.606 84.697 216.767C97.854 209.424 114.086 213.895 121.323 226.857C123.659 231.041 124.418 233.833 124.789 239.607L125.263 247H155.187H185.11L187.528 241.534C188.857 238.527 190.231 234.927 190.581 233.534L191.217 231H169.531H147.846L144.923 228.077C142.928 226.082 142 224.152 142 222C142 219.848 142.928 217.918 144.923 215.923L147.846 213H171.423H195V204.551V196.103L162.521 195.801L130.043 195.5L127.421 192.877C123.991 189.445 123.835 183.869 127.074 180.421L129.349 178H162.013H194.677L195.338 146.337C195.702 128.922 196 106.858 196 97.3051C196 73.4641 194.835 71.0001 183.566 71.0001H178V58.2101C178 39.6501 181.397 28.7731 190.538 18.0651C195.631 12.0971 196.572 9.00809 194.511 5.02109C192.672 1.46509 190.197 9.12233e-05 186.028 9.12233e-05C179.761 9.12233e-05 168.713 14.8831 163.388 30.5001C160.975 37.5771 160.608 40.3751 160.213 54.7501L159.765 71.0001H150.732H141.7L142.286 53.2501C142.904 34.5511 144.727 24.3761 148.938 16.1211C151.823 10.4671 151.628 5.90109 148.364 2.63609C145 -0.726907 140.105 -0.887909 136.596 2.25009C133.481 5.03609 128.686 17.0811 126.507 27.5921C125.569 32.1191 124.617 43.0901 124.28 53.2501L123.69 71.0001H115.345H107V38.4231V5.84609L104.077 2.92309C102.082 0.928088 100.152 9.12233e-05 98 9.12233e-05C95.848 9.12233e-05 93.918 0.928088 91.923 2.92309L89 5.84609V38.4231V71.0001H80.655H72.31L71.72 53.2501C71.383 43.0901 70.431 32.1191 69.493 27.5921C67.314 17.0811 62.519 5.03609 59.404 2.25009C55.998 -0.795909 51.059 -0.710905 47.646 2.45209C44.221 5.62609 44.191 9.92109 47.539 17.4911C51.71 26.9241 53.007 34.4791 53.676 53.2501L54.31 71.0001H45.272H36.235L35.787 54.7501C35.392 40.3751 35.025 37.5771 32.612 30.5001C27.194 14.6091 16.228 -0.02891 9.787 0.03009C7.979 0.04709 5.712 0.519093 4.75 1.08009ZM42.687 108.974C33.431 112.591 20.036 125.024 18.408 131.512C17.476 135.223 20.677 140.453 28.253 147.599C37.495 156.319 44.191 159.471 53.5 159.485C59.317 159.494 61.645 158.953 67.274 156.289C77.634 151.385 88.987 139.161 88.996 132.9C89.004 127.304 76.787 114.707 66.745 109.956C59.16 106.368 50.285 106.006 42.687 108.974ZM129.255 109.904C119.151 114.768 106.996 127.33 107.004 132.9C107.013 139.108 118.562 151.475 128.939 156.389C134.338 158.945 136.744 159.496 142.521 159.498C152.526 159.501 160.369 155.502 169.771 145.605C180.444 134.368 180.278 130.975 168.486 119.388C160.043 111.094 152.727 107.595 143 107.201C136.364 106.933 134.78 107.244 129.255 109.904ZM48.5 125.922C46.3 126.969 43.152 128.945 41.505 130.314L38.511 132.802L40.504 135.005C41.601 136.216 44.434 138.342 46.8 139.728C52.577 143.114 57.36 142.466 64.009 137.395L68.978 133.606L66.756 131.24C60.944 125.054 54.357 123.135 48.5 125.922ZM138.386 125.063C136.674 125.571 133.375 127.677 131.057 129.743L126.841 133.5L131.901 137.343C138.65 142.468 143.407 143.124 149.2 139.728C151.566 138.342 154.351 136.269 155.389 135.122C157.684 132.587 156.742 131.097 150.58 127.511C145.438 124.519 142.329 123.895 138.386 125.063ZM91.923 162.923C89.043 165.804 89 166.008 89 176.973C89 184.805 89.435 188.941 90.47 190.941C92.356 194.589 96.918 196.273 101.03 194.84C105.82 193.17 107 189.638 107 176.973C107 166.008 106.957 165.804 104.077 162.923C102.082 160.928 100.152 160 98 160C95.848 160 93.918 160.928 91.923 162.923ZM94.5 232.155C91.026 234.055 90 236.229 90 241.691V247H98H106V242.082C106 235.732 105.37 234.242 101.928 232.463C98.591 230.737 97.197 230.679 94.5 232.155Z" fill="url(#paint0_linear_55_11)"/>
482
+ <defs><linearGradient id="paint0_linear_55_11" x1="98" y1="0.000244141" x2="98" y2="247" gradientUnits="userSpaceOnUse">
483
+ <stop stop-color="#03B79C"/><stop offset="0.504808" stop-color="#4EDAA4"/><stop offset="0.865285" stop-color="#84F3AA"/>
484
+ </linearGradient></defs></svg>`;var N=`
485
+ /* \u2500\u2500 Utilities \u2500\u2500 */
486
+ function esc(s){if(!s)return '';return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;')}
487
+ function stripAnsi(s){return s?s.replace(/\\u001b\\[[0-9;]*m/g,'').replace(/\\x1b\\[[0-9;]*m/g,''):''}
488
+ function fmtDur(ms){if(ms<1000)return Math.round(ms)+'ms';if(ms<60000)return (ms/1000).toFixed(1)+'s';var m=Math.floor(ms/60000),s=Math.round((ms%60000)/1000);return s>0?m+'m '+s+'s':m+'m'}
489
+ function fmtBytes(b){if(b===0)return '0 B';if(b<1024)return b+' B';if(b<1048576)return (b/1024).toFixed(1)+' KB';return (b/1048576).toFixed(1)+' MB'}
490
+ function fmtDate(iso){try{return new Date(iso).toLocaleString()}catch(e){return iso}}
491
+ function shortTitle(t){var p=t.split(' > ');return p.length>1?p[p.length-1]:t}
537
492
 
538
- function renderNetwork(stats){
539
- if(!stats)return '<div class="no-network">No network data captured</div>';
540
- var hasFailedReqs=stats.failedRequests>0;
541
- var out='<div class="network-panel'+(hasFailedReqs?' network-panel--has-failures':'')+'">';
542
- out+='<div class="network-header"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>Network</div>';
543
- out+='<div class="network-summary">';
544
- out+='<div class="net-stat"><span class="val">'+stats.totalRequests+'</span><span class="lbl">Requests</span></div>';
545
- out+='<div class="net-stat'+(hasFailedReqs?' has-failed':'')+'"><span class="val">'+stats.failedRequests+'</span><span class="lbl">Failed</span></div>';
546
- out+='<div class="net-stat"><span class="val">'+fmtBytes(stats.totalBytes)+'</span><span class="lbl">Transferred</span></div>';
547
- out+='</div>';
548
- if(hasFailedReqs){out+='<div class="failed-requests-banner"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 9v2m0 4h.01M10.29 3.86l-8.58 14.6A2 2 0 003.44 21h17.12a2 2 0 001.73-2.54l-8.58-14.6a2 2 0 00-3.42 0z"/></svg>'+stats.failedRequests+' network request'+(stats.failedRequests>1?'s':'')+' failed</div>';
549
- if(stats.failedRequestUrls&&stats.failedRequestUrls.length>0){out+='<div class="failed-urls-list">';for(var fi=0;fi<stats.failedRequestUrls.length;fi++){var furl=stats.failedRequestUrls[fi];var spIdx=furl.indexOf(' ');var fStatus=spIdx>0?furl.substring(0,spIdx):'';var fPath=spIdx>0?furl.substring(spIdx+1):furl;out+='<div class="failed-url-item"><span class="failed-url-status">'+esc(fStatus)+'</span>'+esc(fPath)+'</div>';}out+='</div>';}
493
+ /* \u2500\u2500 Data Transformation \u2500\u2500 */
494
+ var testMap={};
495
+ for(var i=0;i<data.timeline.length;i++){
496
+ var entry=data.timeline[i];
497
+ for(var j=0;j<entry.tests.length;j++){
498
+ var t=entry.tests[j];
499
+ if(!testMap[t.testId]){
500
+ testMap[t.testId]={
501
+ testId:t.testId,title:t.title,status:t.status,duration:t.duration,
502
+ startedAt:t.startedAt,completedAt:t.completedAt,retryCount:t.retryCount,
503
+ tags:t.tags,failure:t.failure,filePath:t.filePath,suiteName:t.suiteName,
504
+ testType:t.testType,isFlaky:t.isFlaky,retryStatus:t.retryStatus,
505
+ expectedStatus:t.expectedStatus,actualStatus:t.actualStatus,
506
+ artifacts:t.artifacts,networkRequests:t.networkRequests||[],steps:[]
507
+ };
508
+ }
509
+ testMap[t.testId].steps.push({
510
+ url:entry.url,navigationType:entry.navigationType,
511
+ visitedAt:entry.visitedAt,duration:entry.duration,specFile:entry.specFile,
512
+ domContentLoadedAt:entry.domContentLoadedAt,networkIdleAt:entry.networkIdleAt,
513
+ networkStats:entry.networkStats
514
+ });
515
+ }
550
516
  }
551
- if(stats.byType){
552
- var types=[['XHR','xhr'],['Document','document'],['Script','script'],['Stylesheet','stylesheet'],['Image','image'],['Font','font'],['Other','other']];
553
- out+='<div class="resource-breakdown">';
554
- for(var ti=0;ti<types.length;ti++){
555
- var cnt=stats.byType[types[ti][1]]||0;
556
- out+='<div class="resource-type'+(cnt===0?' resource-type--zero':'')+'"><span class="rt-count">'+cnt+'</span> '+types[ti][0]+'</div>';
517
+ var tests=[];
518
+ for(var id in testMap){if(testMap.hasOwnProperty(id))tests.push(testMap[id])}
519
+ tests.sort(function(a,b){
520
+ if(a.filePath!==b.filePath)return a.filePath<b.filePath?-1:1;
521
+ return a.startedAt<b.startedAt?-1:1;
522
+ });
523
+
524
+ /* \u2500\u2500 State \u2500\u2500 */
525
+ var searchQuery='';
526
+
527
+ /* \u2500\u2500 DOM Refs \u2500\u2500 */
528
+ var runMetaEl=document.getElementById('run-meta');
529
+ var summaryEl=document.getElementById('summary-strip');
530
+ var filterEl=document.getElementById('filter-bar');
531
+ var testGridEl=document.getElementById('test-grid');
532
+ var drawerEl=document.getElementById('drawer');
533
+ var drawerBodyEl=document.getElementById('drawer-body');
534
+ var drawerBackdropEl=document.getElementById('drawer-backdrop');
535
+
536
+ /* \u2500\u2500 Render: Run Meta \u2500\u2500 */
537
+ function renderRunMeta(){
538
+ var h='';
539
+ h+='<div class="run-meta-item"><span class="run-meta-label">Run</span><span class="run-id-tag">'+esc(data.testRunId.substring(0,8))+'</span></div>';
540
+ h+='<div class="run-meta-item"><span class="run-meta-label">Duration</span>'+fmtDur(data.totalDuration)+'</div>';
541
+ h+='<div class="run-meta-item">'+fmtDate(data.startedAt)+'</div>';
542
+ if(data.ci){
543
+ h+='<div class="run-meta-item"><span class="ci-tag">'+esc(data.ci.provider)+'</span></div>';
544
+ if(data.ci.branch)h+='<div class="run-meta-item"><span class="run-meta-label">Branch</span>'+esc(data.ci.branch)+'</div>';
545
+ if(data.ci.commitSha)h+='<div class="run-meta-item"><span class="run-meta-label">Commit</span><span class="run-id-tag">'+esc(data.ci.commitSha.substring(0,8))+'</span></div>';
546
+ }
547
+ if(data.shardRunIds&&data.shardRunIds.length>0){
548
+ h+='<div class="run-meta-item"><span class="merged-tag">Merged ('+data.shardRunIds.length+' shards)</span></div>';
557
549
  }
558
- out+='</div>';
550
+ runMetaEl.innerHTML=h;
559
551
  }
560
- out+='</div>';
561
- return out;
562
- }
563
552
 
564
- (function(){
565
- var data=JSON.parse(document.getElementById('report-data').textContent);
566
- var app=document.getElementById('app');
567
- var _testIdx=0;
568
-
569
- // Header
570
- var h='<div class="header">__LOGO_SVG__<h1>TestRelic Report</h1>';
571
- h+='<button class="theme-toggle" onclick="toggleTheme()" title="Toggle theme" id="theme-toggle">';
572
- h+='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="theme-icon-light"><path d="M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z"/></svg>';
573
- h+='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="theme-icon-dark" style="display:none"><circle cx="12" cy="12" r="5"/><path d="M12 1v2m0 18v2M4.22 4.22l1.42 1.42m12.72 12.72l1.42 1.42M1 12h2m18 0h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>';
574
- h+='</button></div>';
575
- h+='<div class="meta">';
576
- h+='<div class="meta-item"><span class="meta-label">Run ID</span><span class="run-id">'+esc(data.testRunId)+'</span></div>';
577
- h+='<div class="meta-item"><span class="meta-label">Started</span>'+fmtTime(data.startedAt)+'</div>';
578
- h+='<div class="meta-item"><span class="meta-label">Completed</span>'+fmtTime(data.completedAt)+'</div>';
579
- h+='<div class="meta-item"><span class="meta-label">Duration</span>'+fmtDur(data.totalDuration)+'</div>';
580
- if(data.ci){
581
- h+='<div class="meta-item"><span class="ci-badge">'+esc(data.ci.provider)+'</span></div>';
582
- if(data.ci.branch)h+='<div class="meta-item"><span class="meta-label">Branch</span>'+esc(data.ci.branch)+'</div>';
583
- if(data.ci.commitSha)h+='<div class="meta-item"><span class="meta-label">Commit</span><span class="run-id">'+esc(data.ci.commitSha.substring(0,8))+'</span></div>';
584
- if(data.ci.buildId)h+='<div class="meta-item"><span class="meta-label">Build</span>'+esc(data.ci.buildId)+'</div>';
553
+ /* \u2500\u2500 Render: Summary \u2500\u2500 */
554
+ function renderSummary(){
555
+ var s=data.summary;var h='';
556
+ h+='<div class="summary-chip s-total"><div class="s-count">'+s.total+'</div><div class="s-label">Total</div></div>';
557
+ h+='<div class="summary-chip s-passed"><div class="s-count">'+s.passed+'</div><div class="s-label">Passed</div></div>';
558
+ h+='<div class="summary-chip s-failed"><div class="s-count">'+s.failed+'</div><div class="s-label">Failed</div></div>';
559
+ h+='<div class="summary-chip s-flaky"><div class="s-count">'+s.flaky+'</div><div class="s-label">Flaky</div></div>';
560
+ h+='<div class="summary-chip s-skipped"><div class="s-count">'+s.skipped+'</div><div class="s-label">Skipped</div></div>';
561
+ if(s.timedout!==undefined)h+='<div class="summary-chip s-timedout"><div class="s-count">'+s.timedout+'</div><div class="s-label">Timeout</div></div>';
562
+ summaryEl.innerHTML=h;
585
563
  }
586
- if(data.shardRunIds&&data.shardRunIds.length>0){
587
- h+='<div class="meta-item"><span class="merged-badge">Merged Report ('+data.shardRunIds.length+' shards)</span></div>';
564
+
565
+ /* \u2500\u2500 Render: Test Grid \u2500\u2500 */
566
+ function renderTestGrid(){
567
+ var filtered=getFilteredTests();
568
+ if(filtered.length===0){testGridEl.innerHTML='<div class="no-tests">No tests match your filters</div>';return;}
569
+ var h='';var lastFile='';
570
+ for(var i=0;i<filtered.length;i++){
571
+ var t=filtered[i];
572
+ if(t.filePath!==lastFile){
573
+ if(lastFile)h+='</div></div>';
574
+ h+='<div class="file-group"><div class="file-group-header">'+esc(t.filePath)+'</div><div class="file-group-card">';
575
+ lastFile=t.filePath;
576
+ }
577
+ h+='<div class="test-row" data-testid="'+esc(t.testId)+'">';
578
+ h+='<div class="status-indicator si-'+t.status+'"></div>';
579
+ h+='<div class="test-row-info">';
580
+ h+='<div class="test-row-title" title="'+esc(t.title)+'">'+esc(shortTitle(t.title))+'</div>';
581
+ var hasBadges=(t.testType&&t.testType!=='unknown')||t.isFlaky||(t.tags&&t.tags.length>0);
582
+ if(hasBadges){
583
+ h+='<div class="test-row-badges">';
584
+ if(t.testType&&t.testType!=='unknown')h+='<span class="trb trb-type">'+esc(t.testType)+'</span>';
585
+ if(t.isFlaky)h+='<span class="trb trb-flaky">flaky</span>';
586
+ if(t.retryCount>0)h+='<span class="trb trb-retry">'+t.retryCount+' retries</span>';
587
+ if(t.tags){for(var ti=0;ti<t.tags.length;ti++){if(t.tags[ti])h+='<span class="trb trb-tag">'+esc(t.tags[ti])+'</span>';}}
588
+ h+='</div>';
589
+ }
590
+ h+='</div>';
591
+ h+='<span class="test-row-dur">'+fmtDur(t.duration)+'</span>';
592
+ h+='<svg class="test-row-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>';
593
+ h+='</div>';
594
+ }
595
+ if(lastFile)h+='</div></div>';
596
+ testGridEl.innerHTML=h;
588
597
  }
589
- h+='</div>';
590
598
 
591
- // Summary
592
- var s=data.summary;
593
- h+='<div class="summary">';
594
- h+='<div class="summary-card card-total"><div class="count">'+s.total+'</div><div class="label">Total</div></div>';
595
- h+='<div class="summary-card card-passed"><div class="count">'+s.passed+'</div><div class="label">Passed</div></div>';
596
- h+='<div class="summary-card card-failed"><div class="count">'+s.failed+'</div><div class="label">Failed</div></div>';
597
- h+='<div class="summary-card card-flaky"><div class="count">'+s.flaky+'</div><div class="label">Flaky</div></div>';
598
- h+='<div class="summary-card card-skipped"><div class="count">'+s.skipped+'</div><div class="label">Skipped</div></div>';
599
- if(s.timedout!==undefined){h+='<div class="summary-card card-timedout"><div class="count">'+s.timedout+'</div><div class="label">Timed Out</div></div>';}
600
- h+='</div>';
599
+ /* \u2500\u2500 Render helpers (code, artifacts) \u2500\u2500 */
601
600
 
602
- // Filter bar
603
- h+=renderFilterBar(data);
601
+ function renderCodeSnippet(code){
602
+ var lines=code.split('\\n');var out='<div class="code-snippet">';
603
+ for(var k=0;k<lines.length;k++){var raw=lines[k];var numMatch=raw.match(/^\\s*(>?\\s*)(\\d+)\\s*\\|/);var lineNum=numMatch?numMatch[2]:'';var isHighlight=raw.trimStart().startsWith('>');var codePart=raw.replace(/^\\s*>?\\s*\\d+\\s*\\|/,'');out+='<div class="code-line'+(isHighlight?' highlight':'')+'"><span class="line-num">'+esc(lineNum)+'</span><span class="line-code">'+esc(codePart)+'</span></div>';}
604
+ out+='</div>';return out;
605
+ }
604
606
 
605
- // Timeline
606
- h+='<div class="section-title">Navigation Timeline</div>';
607
- h+='<div class="filter-empty-state" id="filter-empty" style="display:none"><p>No tests match the current filters</p><button onclick="clearAllFilters()">Clear all filters</button></div>';
608
- if(data.timeline.length===0){
609
- h+='<div class="empty-state">__LOGO_SVG__<p>No test data recorded</p></div>';
610
- }else{
611
- h+='<div class="timeline" id="timeline">';
612
- for(var i=0;i<data.timeline.length;i++){
613
- var e=data.timeline[i];
614
- var hasFail=e.tests.some(function(t){return t.status==='failed'});
615
- var allPassed=!hasFail&&e.tests.length>0&&e.tests.every(function(t){return t.status==='passed'||t.status==='flaky'});
616
- var cls='timeline-entry'+(hasFail?' timeline-entry--has-failures':'')+(allPassed?' timeline-entry--all-passed':'');
617
- var _ss={},_ts={},_sp={};e.tests.forEach(function(t){_ss[t.status]=1;_ts[t.testType||'unknown']=1;if(t.filePath)_sp[t.filePath]=1;else if(e.specFile)_sp[e.specFile]=1});
618
- h+='<div class="'+cls+'" data-idx="'+i+'" data-statuses="'+Object.keys(_ss).join(',')+'" data-types="'+Object.keys(_ts).join(',')+'" data-specs="'+esc(Object.keys(_sp).join(','))+'">';
619
- h+='<div class="timeline-header" onclick="toggleEntry(this)">';
620
- h+='<svg class="chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>';
621
- h+='<span class="timeline-url" title="'+esc(e.url)+'">'+esc(e.url)+'</span>';
622
- h+='<span class="nav-type-badge badge-'+e.navigationType+'">'+esc(e.navigationType.replace(/_/g,' '))+'</span>';
623
- h+='<div class="timeline-info">';
624
- h+='<span class="spec-file">'+esc(e.specFile)+'</span>';
625
- h+='<span>'+fmtTime(e.visitedAt)+'</span>';
626
- h+='<span>'+fmtDur(e.duration)+'</span>';
627
- h+='</div></div>';
628
- h+='<div class="timeline-content">';
629
- h+=renderTests(e.tests,e.networkStats);
630
- h+=renderNetwork(e.networkStats);
631
- h+='</div></div>';
607
+ function renderArtifactColumn(artifacts){
608
+ if(!artifacts)return '<div class="artifact-empty">No artifacts captured</div>';
609
+ var hasS=!!artifacts.screenshot,hasV=!!artifacts.video;
610
+ if(!hasS&&!hasV)return '<div class="artifact-empty">No artifacts captured</div>';
611
+ var h='';
612
+ if(hasS&&hasV){
613
+ h+='<div class="seg-ctrl" data-seg-group="artifacts">';
614
+ h+='<button class="seg-btn active" data-seg="screenshot"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>Screenshot</button>';
615
+ h+='<button class="seg-btn" data-seg="video"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21"/></svg>Video</button>';
616
+ h+='</div>';
632
617
  }
633
- h+='</div>';
618
+ if(hasS){h+='<div class="seg-pane active" data-seg-pane="screenshot"><img class="artifact-col-img" src="'+esc(artifacts.screenshot)+'" loading="lazy" alt="Screenshot"><div class="artifact-col-caption"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/></svg>Click to enlarge</div></div>';}
619
+ if(hasV){h+='<div class="seg-pane'+(hasS?'':' active')+'" data-seg-pane="video"><div class="artifact-col-video"><video controls preload="metadata" src="'+esc(artifacts.video)+'"></video></div></div>';}
620
+ return h;
634
621
  }
635
622
 
636
- app.innerHTML=h;
637
- if(typeof initTheme==='function')initTheme();
638
- if(typeof initFilters==='function')initFilters(data);
639
-
640
- function renderTests(tests,networkStats){
641
- if(!tests||tests.length===0)return '';
642
- var out='<div class="tests-section">';
643
- var pc=0,fc=0,fkc=0,sc=0,toc=0;
644
- tests.forEach(function(t){if(t.status==='passed')pc++;else if(t.status==='failed')fc++;else if(t.status==='flaky')fkc++;else if(t.status==='skipped')sc++;else if(t.status==='timedout')toc++});
645
- out+='<div class="spec-summary">';
646
- if(pc>0)out+='<span class="spec-passed">'+pc+' passed</span>';
647
- if(fc>0)out+='<span class="spec-failed">'+fc+' failed</span>';
648
- if(fkc>0)out+='<span class="spec-flaky">'+fkc+' flaky</span>';
649
- if(sc>0)out+='<span style="color:#6b7280;font-weight:600">'+sc+' skipped</span>';
650
- if(toc>0)out+='<span style="color:#ea580c;font-weight:600">'+toc+' timed out</span>';
651
- out+='</div>';
652
- for(var j=0;j<tests.length;j++){
653
- out+=renderTestCard(tests[j],_testIdx++,networkStats);
623
+ /* \u2500\u2500 Render: Drawer Content \u2500\u2500 */
624
+ function renderDrawer(testId){
625
+ var t=testMap[testId];
626
+ if(!t){drawerBodyEl.innerHTML='';return;}
627
+ var h='<div class="test-detail">';
628
+
629
+ /* \u2500\u2500 Top: Metadata \u2500\u2500 */
630
+ h+='<div class="test-detail-header"><div class="test-detail-top">';
631
+ h+='<span class="detail-status-badge dbg-'+t.status+'">'+t.status+'</span>';
632
+ h+='<div class="detail-title-section"><div class="detail-title">'+esc(t.title)+'</div><div class="detail-meta">';
633
+ if(t.testType&&t.testType!=='unknown')h+='<span class="dm-badge dm-type">'+esc(t.testType)+'</span>';
634
+ if(t.isFlaky)h+='<span class="dm-badge dm-flaky">Flaky</span>';
635
+ if(t.retryCount>0)h+='<span class="dm-badge dm-retry">'+t.retryCount+' retries</span>';
636
+ if(t.retryStatus)h+='<span class="dm-badge dm-retry">'+esc(t.retryStatus)+'</span>';
637
+ if(t.tags&&t.tags.length>0){for(var ti=0;ti<t.tags.length;ti++){if(t.tags[ti])h+='<span class="dm-badge dm-tag">'+esc(t.tags[ti])+'</span>';}}
638
+ if(t.expectedStatus&&t.actualStatus&&t.expectedStatus!==t.actualStatus)h+='<span class="dm-badge" style="background:rgba(239,68,68,0.12);color:#ef4444">expected: '+esc(t.expectedStatus)+' actual: '+esc(t.actualStatus)+'</span>';
639
+ h+='</div>';
640
+ if(t.testId||t.filePath||t.suiteName){h+='<div class="detail-sub-meta">';if(t.testId)h+='<span><span class="meta-k">ID</span><span class="detail-id" title="'+esc(t.testId)+'">'+esc(t.testId.substring(0,12))+'</span></span>';if(t.filePath)h+='<span><span class="meta-k">File</span><span class="detail-file">'+esc(t.filePath)+'</span></span>';if(t.suiteName)h+='<span><span class="meta-k">Suite</span><span class="detail-suite">'+esc(t.suiteName)+'</span></span>';h+='</div>';}
641
+ h+='</div><div class="detail-duration">'+fmtDur(t.duration)+'</div></div></div>';
642
+
643
+ /* \u2500\u2500 Failure panel (full width) \u2500\u2500 */
644
+ if((t.status==='failed'||t.status==='flaky')&&t.failure)h+=renderFailure(t.failure);
645
+ else if(t.status==='failed'&&!t.failure)h+='<div style="margin-bottom:20px;padding:14px;background:var(--bg-2);border:1px solid var(--bd);border-radius:10px;font-size:12px;color:var(--fg-2);font-style:italic">No diagnostic information available</div>';
646
+
647
+ /* \u2500\u2500 Stacked sections: 1) Artifacts 2) Timeline / Network \u2500\u2500 */
648
+ var hasArt=t.artifacts&&(t.artifacts.screenshot||t.artifacts.video);
649
+ var hasSteps=t.steps&&t.steps.length>0;
650
+ if(hasArt||hasSteps){
651
+ h+='<div class="drawer-sections">';
652
+ if(hasArt)h+='<div class="drawer-section">'+renderArtifactColumn(t.artifacts)+'</div>';
653
+ if(hasSteps)h+='<div class="drawer-section">'+renderTimelineColumn(t.steps,t.networkRequests)+'</div>';
654
+ h+='</div>';
654
655
  }
655
- out+='</div>';
656
- return out;
656
+
657
+ h+='</div>';
658
+ drawerBodyEl.innerHTML=h;
659
+ drawerBodyEl.scrollTop=0;
657
660
  }
658
661
 
659
- })();
660
- `;
661
-
662
- // src/html-js-tabs.ts
663
- var JS_TABS = `
664
- function renderTestCard(t,idx,networkStats){
665
- var id='test-'+idx;
666
- var out='<div class="test-card" id="'+id+'" data-status="'+t.status+'" data-type="'+(t.testType||'unknown')+'" data-spec="'+esc(t.filePath||'')+'">';
667
- out+='<div class="test-card-row">';
668
- out+='<span class="status-badge status-'+t.status+'">'+t.status+'</span>';
669
- out+='<div class="test-info">';
670
- out+='<div class="test-title" title="'+esc(t.title)+'">'+esc(t.title)+'</div>';
671
- out+='<div class="test-meta">';
672
- if(t.testType&&t.testType!=='unknown')out+='<span class="type-badge">'+esc(t.testType)+'</span>';
673
- if(t.isFlaky)out+='<span class="flaky-badge">flaky</span>';
674
- if(t.retryCount>0)out+='<span class="retry-badge">'+t.retryCount+' retries</span>';
675
- if(t.retryStatus)out+='<span class="retry-badge">'+esc(t.retryStatus)+'</span>';
676
- if(t.tags&&t.tags.length>0){out+='<span class="meta-prefix">Tags:</span>';t.tags.forEach(function(tag){if(tag)out+='<span class="tag-badge">'+esc(tag)+'</span>'});}
677
- if(t.expectedStatus&&t.actualStatus&&t.expectedStatus!==t.actualStatus)out+='<span class="status-mismatch">expected: '+esc(t.expectedStatus)+' actual: '+esc(t.actualStatus)+'</span>';
678
- out+='</div>';
679
- if(t.testId||t.filePath||t.suiteName){out+='<div class="test-meta">';
680
- if(t.testId)out+='<span class="meta-prefix">ID:</span><span class="test-id" title="Full ID: '+esc(t.testId)+'">'+esc(t.testId.substring(0,12))+'</span>';
681
- if(t.filePath)out+='<span class="meta-prefix">File:</span><span class="file-path">'+esc(t.filePath)+'</span>';
682
- if(t.suiteName)out+='<span class="meta-prefix">Suite:</span><span class="suite-name">'+esc(t.suiteName)+'</span>';
683
- out+='</div>';}
684
- out+='</div>';
685
- out+='<span class="test-duration">'+fmtDur(t.duration)+'</span>';
686
- out+='</div>';
687
-
688
- // Tab bar
689
- var hasScreenshot=t.artifacts&&t.artifacts.screenshot;
690
- var hasVideo=t.artifacts&&t.artifacts.video;
691
- var hasNetworkReqs=t.networkRequests&&t.networkRequests.length>0;
692
- var hasNetworkStats=!!networkStats;
693
-
694
- out+='<div class="tab-bar">';
695
- out+='<button class="tab-btn active" data-tab="details" onclick="switchTab(\\''+id+'\\',\\'details\\')">Test Details</button>';
696
- out+='<button class="tab-btn" data-tab="network" onclick="switchTab(\\''+id+'\\',\\'network\\')">Network Logs</button>';
697
- out+='<button class="tab-btn" data-tab="video" onclick="switchTab(\\''+id+'\\',\\'video\\')">Video</button>';
698
- out+='<button class="tab-btn" data-tab="screenshots" onclick="switchTab(\\''+id+'\\',\\'screenshots\\')">Screenshots</button>';
699
- out+='</div>';
700
-
701
- // Tab: Test Details
702
- out+='<div class="tab-panel active" id="'+id+'-details">';
703
- if((t.status==='failed'||t.status==='flaky')&&t.failure){
704
- out+='<div class="failure-details show">';
705
- out+='<div class="failure-message">'+esc(stripAnsi(t.failure.message))+'</div>';
706
- if(t.failure.code){
707
- out+=renderCodeSnippet(t.failure.code,t.failure.line);
708
- }
709
- if(t.failure.line!==null){
710
- out+='<div style="padding:4px 12px;font-size:11px;color:var(--text-muted);background:var(--bg-secondary)">Line '+t.failure.line+'</div>';
662
+ /* \u2500\u2500 Drawer open / close \u2500\u2500 */
663
+ function openDrawer(testId){
664
+ renderDrawer(testId);
665
+ drawerEl.classList.add('open');
666
+ drawerBackdropEl.classList.add('open');
667
+ document.body.style.overflow='hidden';
668
+ }
669
+ function closeDrawer(){
670
+ drawerEl.classList.remove('open');
671
+ drawerBackdropEl.classList.remove('open');
672
+ document.body.style.overflow='';
673
+ /* Pause any playing video */
674
+ var v=drawerBodyEl.querySelector('video');
675
+ if(v)v.pause();
676
+ }
677
+
678
+ /* \u2500\u2500 Search \u2500\u2500 */
679
+ function doSearch(q){searchQuery=q;applyFilters();}
680
+ `;var D=`
681
+ /* \u2500\u2500 Network Visualization Helpers \u2500\u2500 */
682
+ var RES_COLORS={xhr:'#60a5fa',document:'#818cf8',script:'#fbbf24',stylesheet:'#a78bfa',image:'#34d399',font:'#f472b6',other:'#6b7280'};
683
+ var RES_LABELS={xhr:'XHR',document:'Doc',script:'JS',stylesheet:'CSS',image:'Img',font:'Font',other:'Other'};
684
+ var RES_ORDER=['xhr','document','script','stylesheet','image','font','other'];
685
+
686
+ function renderResBar(byType,total,mini){
687
+ if(!byType||total===0)return '';
688
+ var h='<div class="net-bar'+(mini?' net-bar--mini':'')+'">';
689
+ for(var i=0;i<RES_ORDER.length;i++){var k=RES_ORDER[i];var cnt=byType[k]||0;if(cnt===0)continue;var pct=(cnt/total*100).toFixed(1);h+='<div class="net-bar-seg" style="width:'+pct+'%;background:'+RES_COLORS[k]+'" title="'+RES_LABELS[k]+': '+cnt+' ('+(cnt/total*100).toFixed(0)+'%)"></div>';}
690
+ h+='</div>';return h;
691
+ }
692
+
693
+ function renderResLegend(byType){
694
+ if(!byType)return '';
695
+ var h='<div class="net-bar-legend">';
696
+ for(var i=0;i<RES_ORDER.length;i++){var k=RES_ORDER[i];var cnt=byType[k]||0;if(cnt===0)continue;h+='<span class="net-legend-item"><span class="net-legend-dot" style="background:'+RES_COLORS[k]+'"></span>'+RES_LABELS[k]+' <span class="net-legend-count">'+cnt+'</span></span>';}
697
+ h+='</div>';return h;
698
+ }
699
+
700
+ function calcStepTiming(step){
701
+ var t={};
702
+ try{
703
+ if(step.visitedAt&&step.domContentLoadedAt){var dcl=new Date(step.domContentLoadedAt).getTime()-new Date(step.visitedAt).getTime();if(dcl>=0)t.dcl=dcl;}
704
+ if(step.visitedAt&&step.networkIdleAt){var idle=new Date(step.networkIdleAt).getTime()-new Date(step.visitedAt).getTime();if(idle>=0)t.idle=idle;}
705
+ }catch(e){}
706
+ return t;
707
+ }
708
+
709
+ function failStatusClass(code){var n=parseInt(code,10);if(n>=400&&n<500)return 'fail-url-badge--4xx';if(n>=500)return 'fail-url-badge--5xx';return 'fail-url-badge--other';}
710
+
711
+ function renderFailedUrls(failedUrls){
712
+ if(!failedUrls||failedUrls.length===0)return '';
713
+ var h='<div class="fail-urls">';
714
+ for(var fi=0;fi<failedUrls.length;fi++){
715
+ var furl=failedUrls[fi];var spIdx=furl.indexOf(' ');
716
+ var fStatus=spIdx>0?furl.substring(0,spIdx):'';var fPath=spIdx>0?furl.substring(spIdx+1):furl;
717
+ h+='<div class="fail-url"><span class="fail-url-badge '+failStatusClass(fStatus)+'">'+esc(fStatus)+'</span>'+esc(fPath)+'</div>';
711
718
  }
712
- if(t.failure.stack){
713
- var sid='stack-'+Math.random().toString(36).substr(2,9);
714
- out+='<button class="stack-toggle" onclick="toggleStack(\\''+sid+'\\')">Show stack trace</button>';
715
- out+='<div class="stack-trace" id="'+sid+'">'+esc(stripAnsi(t.failure.stack))+'</div>';
719
+ h+='</div>';return h;
720
+ }
721
+
722
+ function renderNetworkPanel(stats){
723
+ if(!stats)return '<div style="padding:7px 12px;font-size:11px;color:var(--fg-2);font-style:italic">No network data</div>';
724
+ var hasFail=stats.failedRequests>0;
725
+ var h='<div class="net-header'+(hasFail?' has-fails':'')+'"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>Network</div>';
726
+ h+='<div class="net-stats-row"><div class="net-stat"><span class="nv">'+stats.totalRequests+'</span><span class="nl">Requests</span></div><div class="net-stat'+(hasFail?' net-fail':'')+'"><span class="nv">'+stats.failedRequests+'</span><span class="nl">Failed</span></div><div class="net-stat"><span class="nv">'+fmtBytes(stats.totalBytes)+'</span><span class="nl">Transfer</span></div></div>';
727
+ if(stats.byType&&stats.totalRequests>0){h+='<div class="net-bar-wrap">'+renderResBar(stats.byType,stats.totalRequests,false)+'</div>';h+=renderResLegend(stats.byType);}
728
+ if(hasFail&&stats.failedRequestUrls&&stats.failedRequestUrls.length>0)h+=renderFailedUrls(stats.failedRequestUrls);
729
+ return h;
730
+ }
731
+
732
+ function renderNavTimeline(steps){
733
+ if(!steps||steps.length===0)return '';
734
+ var h='<div class="nav-timeline">';
735
+ for(var i=0;i<steps.length;i++){
736
+ var s=steps[i];var hasNetFail=s.networkStats&&s.networkStats.failedRequests>0;
737
+ h+='<div class="nav-step"><div class="step-connector"><div class="step-node '+(hasNetFail?'node-warn':'node-ok')+'">'+(i+1)+'</div>';
738
+ if(i<steps.length-1)h+='<div class="step-line"></div>';
739
+ h+='</div><div class="step-content"><div class="step-header" data-step="'+i+'"><span class="step-url" title="'+esc(s.url)+'">'+esc(s.url)+'</span><span class="nav-badge nb-'+s.navigationType+'">'+esc(s.navigationType.replace(/_/g,' '))+'</span><span class="step-meta"><span>'+fmtDur(s.duration)+'</span>';
740
+ if(s.networkStats)h+=' <span style="color:var(--fg-2)">'+s.networkStats.totalRequests+' req</span>';
741
+ h+='</span></div><div class="step-detail" id="step-detail-'+i+'">'+renderNetworkPanel(s.networkStats)+'</div></div></div>';
716
742
  }
717
- out+='</div>';
718
- } else if(t.status==='failed'&&!t.failure){
719
- out+='<div style="margin-top:4px;font-size:12px;color:#9ca3af;font-style:italic">No diagnostic information available</div>';
720
- } else {
721
- out+='<div class="tab-empty-state">Test passed \u2014 no diagnostic details</div>';
743
+ h+='</div>';return h;
722
744
  }
723
- out+='</div>';
724
-
725
- // Tab: Network Logs
726
- out+='<div class="tab-panel" id="'+id+'-network">';
727
- out+=renderNetworkLogs(t,networkStats);
728
- out+='</div>';
729
-
730
- // Tab: Video
731
- out+='<div class="tab-panel" id="'+id+'-video">';
732
- if(hasVideo){
733
- out+='<div class="artifact-video-inline">';
734
- out+='<video class="artifact-video-player" controls preload="metadata" src="'+esc(t.artifacts.video)+'"></video>';
735
- out+='</div>';
736
- } else {
737
- out+='<div class="tab-empty-state">No video captured</div>';
745
+
746
+ /* \u2500\u2500 Network DevTools Panel \u2500\u2500 */
747
+ function ndtStatusClass(code){var n=parseInt(code,10);if(n===0)return 'ndt-status--0';if(n<300)return 'ndt-status--2xx';if(n<400)return 'ndt-status--3xx';if(n<500)return 'ndt-status--4xx';return 'ndt-status--5xx';}
748
+ function urlPath(u){try{var p=new URL(u);return p.pathname+p.search;}catch(e){return u;}}
749
+ function prettyBody(body,ct){
750
+ if(!body)return null;
751
+ if(ct&&(ct.indexOf('json')>=0||ct.indexOf('javascript')>=0)){try{return JSON.stringify(JSON.parse(body),null,2);}catch(e){}}
752
+ return body;
738
753
  }
739
- out+='</div>';
740
-
741
- // Tab: Screenshots
742
- out+='<div class="tab-panel" id="'+id+'-screenshots">';
743
- if(hasScreenshot){
744
- out+='<div class="artifact-screenshot-wrap">';
745
- out+='<img class="artifact-thumbnail" src="'+esc(t.artifacts.screenshot)+'" loading="lazy" alt="Screenshot" onclick="openLightbox(this.src)">';
746
- out+='<span class="artifact-label">Click to enlarge</span>';
747
- out+='</div>';
748
- } else {
749
- out+='<div class="tab-empty-state">No screenshot captured</div>';
754
+
755
+ function renderNdtHeaders(headers,label){
756
+ if(!headers)return '<div class="ndt-body-empty">No '+label+' headers captured</div>';
757
+ var keys=[];for(var k in headers){if(headers.hasOwnProperty(k))keys.push(k);}
758
+ if(keys.length===0)return '<div class="ndt-body-empty">No '+label+' headers captured</div>';
759
+ keys.sort();
760
+ var h='<table class="ndt-headers-tbl"><thead><tr><th>Name</th><th>Value</th></tr></thead><tbody>';
761
+ for(var i=0;i<keys.length;i++){h+='<tr><td>'+esc(keys[i])+'</td><td>'+esc(headers[keys[i]])+'</td></tr>';}
762
+ h+='</tbody></table>';return h;
750
763
  }
751
- out+='</div>';
752
764
 
753
- out+='</div>';
754
- return out;
755
- }
756
- `;
757
-
758
- // src/html-js-network.ts
759
- var JS_NETWORK = `
760
- function fmtBodyForEditor(body,contentType){
761
- if(!body)return body;
762
- if(contentType&&(contentType.indexOf('json')>=0)){
763
- try{return JSON.stringify(JSON.parse(body),null,2)}catch(e){}
765
+ function renderNdtBody(body,truncated,isBinary,ct,emptyLabel){
766
+ if(isBinary)return '<div class="ndt-body-empty">Binary content \u2014 not displayed</div>';
767
+ if(!body)return '<div class="ndt-body-empty">'+emptyLabel+'</div>';
768
+ var pretty=prettyBody(body,ct);
769
+ var h='<div class="ndt-body-wrap"><pre class="ndt-body-pre">'+esc(pretty||body)+'</pre>';
770
+ if(truncated)h+='<span class="ndt-body-truncated">Response truncated (body exceeded capture limit)</span>';
771
+ h+='</div>';return h;
764
772
  }
765
- return body;
766
- }
767
- function renderCodeEditor(body,contentType,editorId){
768
- if(!body)return '';
769
- var formatted=fmtBodyForEditor(body,contentType);
770
- var lines=formatted.split('\\n');
771
- var out='<div class="code-editor" id="'+editorId+'">';
772
- out+='<div class="code-editor-toolbar">';
773
- out+='<span class="code-editor-lang">'+(contentType?esc(contentType.split(';')[0]):'text')+'</span>';
774
- out+='<button class="code-editor-copy" onclick="copyEditorContent(\\''+editorId+'\\')">Copy</button>';
775
- out+='</div>';
776
- out+='<div class="code-editor-body">';
777
- out+='<div class="code-editor-lines">';
778
- for(var i=0;i<lines.length;i++){
779
- out+='<div class="code-editor-line-num">'+(i+1)+'</div>';
773
+
774
+ function renderNdtDetail(req,idx){
775
+ var did='ndt-d-'+idx;
776
+ var h='<div class="ndt-detail" id="'+did+'">';
777
+ h+='<div class="ndt-detail-tabs">';
778
+ h+='<button class="ndt-detail-tab active" data-ndt-tab="general" data-ndt-target="'+did+'">General</button>';
779
+ h+='<button class="ndt-detail-tab" data-ndt-tab="req-headers" data-ndt-target="'+did+'">Request Headers</button>';
780
+ h+='<button class="ndt-detail-tab" data-ndt-tab="req-body" data-ndt-target="'+did+'">Payload</button>';
781
+ h+='<button class="ndt-detail-tab" data-ndt-tab="res-headers" data-ndt-target="'+did+'">Response Headers</button>';
782
+ h+='<button class="ndt-detail-tab" data-ndt-tab="res-body" data-ndt-target="'+did+'">Response</button>';
783
+ h+='</div>';
784
+
785
+ /* General tab */
786
+ h+='<div class="ndt-detail-pane active" data-ndt-pane="general">';
787
+ h+='<div class="ndt-general">';
788
+ h+='<span class="ndt-general-k">Request URL</span><span class="ndt-general-v">'+esc(req.url)+'</span>';
789
+ h+='<span class="ndt-general-k">Method</span><span class="ndt-general-v">'+esc(req.method)+'</span>';
790
+ h+='<span class="ndt-general-k">Status Code</span><span class="ndt-general-v'+(req.statusCode>=400||req.statusCode===0?' ndt-err':'')+'">'+req.statusCode+(req.error?' ('+esc(req.error)+')':'')+'</span>';
791
+ h+='<span class="ndt-general-k">Resource Type</span><span class="ndt-general-v">'+esc(req.resourceType)+'</span>';
792
+ if(req.contentType)h+='<span class="ndt-general-k">Content-Type</span><span class="ndt-general-v">'+esc(req.contentType)+'</span>';
793
+ h+='<span class="ndt-general-k">Response Size</span><span class="ndt-general-v">'+fmtBytes(req.responseSize||0)+'</span>';
794
+ h+='<span class="ndt-general-k">Response Time</span><span class="ndt-general-v">'+fmtDur(req.responseTimeMs)+'</span>';
795
+ if(req.startedAt)h+='<span class="ndt-general-k">Started At</span><span class="ndt-general-v">'+fmtDate(req.startedAt)+'</span>';
796
+ if(req.error)h+='<span class="ndt-general-k">Error</span><span class="ndt-general-v ndt-err">'+esc(req.error)+'</span>';
797
+ h+='</div></div>';
798
+
799
+ /* Request Headers tab */
800
+ h+='<div class="ndt-detail-pane" data-ndt-pane="req-headers">'+renderNdtHeaders(req.requestHeaders,'request')+'</div>';
801
+
802
+ /* Payload tab (request body) */
803
+ h+='<div class="ndt-detail-pane" data-ndt-pane="req-body">'+renderNdtBody(req.requestBody,req.requestBodyTruncated,false,req.contentType,'No request body')+'</div>';
804
+
805
+ /* Response Headers tab */
806
+ h+='<div class="ndt-detail-pane" data-ndt-pane="res-headers">'+renderNdtHeaders(req.responseHeaders,'response')+'</div>';
807
+
808
+ /* Response tab */
809
+ h+='<div class="ndt-detail-pane" data-ndt-pane="res-body">'+renderNdtBody(req.responseBody,req.responseBodyTruncated,req.isBinary,req.contentType,'No response body captured')+'</div>';
810
+
811
+ h+='</div>';return h;
780
812
  }
781
- out+='</div>';
782
- out+='<pre class="code-editor-content">'+esc(formatted)+'</pre>';
783
- out+='</div></div>';
784
- return out;
785
- }
786
- function renderNetworkLogs(t,networkStats){
787
- if(t.networkRequests&&t.networkRequests.length>0){
788
- var reqs=t.networkRequests;
789
- var failed=reqs.filter(function(r){return r.statusCode===0||r.statusCode>=400}).length;
790
- var out='<div class="network-log">';
791
- out+='<div class="network-log-summary">';
792
- out+='<span class="net-log-count">'+reqs.length+' request'+(reqs.length>1?'s':'')+'</span>';
793
- if(failed>0)out+='<span class="net-log-failed">'+failed+' failed</span>';
794
- out+='</div>';
813
+
814
+ function renderNetworkDevTools(reqs){
815
+ if(!reqs||reqs.length===0)return '<div class="artifact-empty">No network requests captured</div>';
816
+ var uid='ndt-'+Math.random().toString(36).substr(2,6);
817
+ var h='<div class="ndt" id="'+uid+'">';
818
+
819
+ /* Toolbar with type filters and search */
820
+ h+='<div class="ndt-toolbar">';
821
+ h+='<div class="ndt-filter">';
822
+ h+='<button class="ndt-filter-btn active" data-ndt-filter="all">All</button>';
823
+ var types=['xhr','document','script','stylesheet','image','font','other'];
824
+ var typeLabels={xhr:'XHR',document:'Doc',script:'JS',stylesheet:'CSS',image:'Img',font:'Font',other:'Other'};
825
+ for(var ti=0;ti<types.length;ti++){
826
+ var cnt=0;for(var ci=0;ci<reqs.length;ci++){if(reqs[ci].resourceType===types[ti])cnt++;}
827
+ if(cnt>0)h+='<button class="ndt-filter-btn" data-ndt-filter="'+types[ti]+'">'+typeLabels[types[ti]]+' <span style="opacity:.6">'+cnt+'</span></button>';
828
+ }
829
+ h+='</div>';
830
+ h+='<input class="ndt-search" placeholder="Filter URLs..." data-ndt-search="'+uid+'">';
831
+ h+='<span class="ndt-count" data-ndt-count="'+uid+'">'+reqs.length+' requests</span>';
832
+ h+='</div>';
833
+
834
+ /* Request list */
835
+ h+='<div class="ndt-list" data-ndt-list="'+uid+'">';
795
836
  for(var i=0;i<reqs.length;i++){
796
837
  var r=reqs[i];
797
- var nid='net-'+Math.random().toString(36).substr(2,9);
798
- var statusCls='net-status-'+Math.floor(r.statusCode/100)+'xx';
799
- if(r.statusCode===0)statusCls='net-status-0';
800
- var isFailed=r.statusCode===0||r.statusCode>=400;
801
- out+='<div class="network-entry'+(isFailed?' network-entry--failed':'')+'">';
802
- out+='<div class="network-entry-row" onclick="toggleNetworkEntry(\\''+nid+'\\')">';
803
- out+='<span class="net-status-badge '+statusCls+'">'+(r.statusCode||'ERR')+'</span>';
804
- out+='<span class="net-method">'+esc(r.method)+'</span>';
805
- out+='<span class="net-url" title="'+esc(r.url)+'">'+esc(r.url)+'</span>';
806
- out+='<span class="net-time">'+fmtDur(r.responseTimeMs)+'</span>';
807
- out+='<svg class="net-chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l6-6-6-6"/></svg>';
808
- out+='</div>';
809
- out+='<div class="network-entry-details" id="'+nid+'">';
810
- if(r.error){
811
- out+='<div class="net-error-msg">'+esc(r.error)+'</div>';
812
- }
813
- // Request Headers
814
- if(r.requestHeaders){
815
- out+='<div class="net-section-title">Request Headers</div>';
816
- out+='<table class="net-headers-table">';
817
- var rkeys=Object.keys(r.requestHeaders);
818
- for(var j=0;j<rkeys.length;j++){
819
- out+='<tr><td class="net-header-key">'+esc(rkeys[j])+'</td><td class="net-header-val">'+esc(r.requestHeaders[rkeys[j]])+'</td></tr>';
820
- }
821
- out+='</table>';
822
- }
823
- // Request Body
824
- out+='<div class="net-section-title">Request Body</div>';
825
- if(r.requestBody){
826
- var reqEdId='req-body-'+nid;
827
- var reqCt='text/plain';
828
- if(r.requestHeaders){var rctKey=Object.keys(r.requestHeaders).filter(function(k){return k.toLowerCase()==='content-type'})[0];if(rctKey)reqCt=r.requestHeaders[rctKey]}
829
- out+=renderCodeEditor(r.requestBody,reqCt,reqEdId);
830
- if(r.requestBodyTruncated)out+='<div class="net-truncated-note">Truncated \u2014 body exceeds 10 KB</div>';
831
- } else {
832
- out+='<div class="net-empty-note">No request body</div>';
833
- }
834
- // Response Headers
835
- if(r.responseHeaders){
836
- out+='<div class="net-section-title">Response Headers</div>';
837
- out+='<table class="net-headers-table">';
838
- var hkeys=Object.keys(r.responseHeaders);
839
- for(var j=0;j<hkeys.length;j++){
840
- out+='<tr><td class="net-header-key">'+esc(hkeys[j])+'</td><td class="net-header-val">'+esc(r.responseHeaders[hkeys[j]])+'</td></tr>';
841
- }
842
- out+='</table>';
843
- }
844
- // Response Body
845
- out+='<div class="net-section-title">Response Body</div>';
846
- if(r.isBinary){
847
- out+='<div class="net-binary-note">[Binary data'+(r.responseSize?' \u2014 '+fmtBytes(r.responseSize):'')+']</div>';
848
- } else if(r.responseBody){
849
- var respEdId='resp-body-'+nid;
850
- out+=renderCodeEditor(r.responseBody,r.contentType,respEdId);
851
- if(r.responseBodyTruncated)out+='<div class="net-truncated-note">Truncated \u2014 body exceeds 10 KB</div>';
852
- } else {
853
- out+='<div class="net-empty-note">No response body</div>';
854
- }
855
- out+='</div></div>';
838
+ var isFail=r.statusCode>=400||r.statusCode===0;
839
+ h+='<div class="ndt-row'+(isFail?' ndt-row--fail':'')+'" data-ndt-idx="'+i+'" data-ndt-type="'+esc(r.resourceType)+'" data-ndt-url="'+esc(r.url.toLowerCase())+'">';
840
+ h+='<span class="ndt-status '+ndtStatusClass(r.statusCode)+'">'+r.statusCode+'</span>';
841
+ h+='<span class="ndt-method">'+esc(r.method)+'</span>';
842
+ h+='<span class="ndt-url" title="'+esc(r.url)+'">'+esc(urlPath(r.url))+'</span>';
843
+ h+='<span class="ndt-type">'+esc(RES_LABELS[r.resourceType]||r.resourceType)+'</span>';
844
+ h+='<span class="ndt-size">'+fmtBytes(r.responseSize||0)+'</span>';
845
+ h+='<span class="ndt-time">'+fmtDur(r.responseTimeMs)+'</span>';
846
+ h+='</div>';
847
+ h+=renderNdtDetail(r,i);
856
848
  }
857
- out+='</div>';
858
- return out;
849
+ h+='</div></div>';return h;
859
850
  }
860
- if(networkStats){
861
- return renderNetwork(networkStats);
851
+
852
+ function renderTimelineColumn(steps,networkRequests){
853
+ if(!steps||steps.length===0)return '<div class="artifact-empty">No navigation data</div>';
854
+ var hasReqs=networkRequests&&networkRequests.length>0;
855
+ var h='<div class="seg-ctrl" data-seg-group="right-panel">';
856
+ h+='<button class="seg-btn active" data-seg="timeline"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>Timeline ('+steps.length+')</button>';
857
+ h+='<button class="seg-btn" data-seg="network"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>Network'+(hasReqs?' ('+networkRequests.length+')':'')+'</button>';
858
+ h+='</div>';
859
+ h+='<div class="seg-pane active" data-seg-pane="timeline">'+renderNavTimeline(steps)+'</div>';
860
+ h+='<div class="seg-pane" data-seg-pane="network">'+renderNetworkDevTools(networkRequests)+'</div>';
861
+ return h;
862
862
  }
863
- return '<div class="tab-empty-state">No network logs captured</div>';
864
- }
865
- `;
866
-
867
- // src/html-js-interactions.ts
868
- var JS_INTERACTIONS = `
869
- function toggleEntry(el){el.closest('.timeline-entry').classList.toggle('expanded')}
870
- function toggleFail(id){document.getElementById(id).classList.toggle('show')}
871
- function toggleStack(id){document.getElementById(id).classList.toggle('show')}
872
- function openLightbox(src){var o=document.createElement('div');o.className='lightbox-overlay';
873
- o.onclick=function(){closeLightbox()};o.innerHTML='<img src="'+src.replace(/"/g,'&quot;')+'" alt="Screenshot">';
874
- var b=document.createElement('button');b.className='lightbox-close';b.innerHTML='&times;';
875
- b.onclick=function(e){e.stopPropagation();closeLightbox()};
876
- document.body.appendChild(o);document.body.appendChild(b);
877
- document.addEventListener('keydown',lightboxEsc)}
878
- function closeLightbox(){var o=document.querySelector('.lightbox-overlay');if(o)o.remove();
879
- var b=document.querySelector('.lightbox-close');if(b)b.remove();
880
- document.removeEventListener('keydown',lightboxEsc)}
881
- function lightboxEsc(e){if(e.key==='Escape')closeLightbox()}
882
- function toggleVideo(id){var el=document.getElementById(id);if(!el)return;
883
- var isShown=el.classList.toggle('show');
884
- var btn=el.previousElementSibling;
885
- if(btn)btn.textContent=isShown?'Hide video':'Show video';
886
- if(!isShown){var v=el.querySelector('video');if(v)v.pause()}}
887
- function switchTab(testId,tabName){var card=document.getElementById(testId);if(!card)return;
888
- var panels=card.querySelectorAll('.tab-panel');for(var i=0;i<panels.length;i++)panels[i].classList.remove('active');
889
- var btns=card.querySelectorAll('.tab-btn');for(var i=0;i<btns.length;i++)btns[i].classList.remove('active');
890
- var target=document.getElementById(testId+'-'+tabName);if(target)target.classList.add('active');
891
- var clicked=card.querySelector('.tab-btn[data-tab="'+tabName+'"]');if(clicked)clicked.classList.add('active')}
892
- function toggleNetworkEntry(id){var el=document.getElementById(id);if(!el)return;
893
- el.classList.toggle('show');
894
- var row=el.previousElementSibling;
895
- if(row)row.classList.toggle('expanded')}
896
- function copyEditorContent(editorId){var el=document.getElementById(editorId);if(!el)return;
897
- var pre=el.querySelector('.code-editor-content');if(!pre)return;
898
- var text=pre.textContent||'';
899
- navigator.clipboard.writeText(text).then(function(){
900
- var btn=el.querySelector('.code-editor-copy');if(!btn)return;
901
- btn.textContent='Copied!';btn.classList.add('copied');
902
- setTimeout(function(){btn.textContent='Copy';btn.classList.remove('copied')},1500)
903
- }).catch(function(){})}
904
- function initTheme(){
905
- var stored=localStorage.getItem('testrelic-theme');
906
- var theme=stored||(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
907
- document.documentElement.setAttribute('data-theme',theme);
908
- updateThemeIcon(theme)}
909
- function toggleTheme(){
910
- var current=document.documentElement.getAttribute('data-theme')||'light';
911
- var next=current==='dark'?'light':'dark';
912
- document.documentElement.setAttribute('data-theme',next);
913
- localStorage.setItem('testrelic-theme',next);
914
- updateThemeIcon(next)}
915
- function updateThemeIcon(theme){
916
- var light=document.querySelector('.theme-icon-light');
917
- var dark=document.querySelector('.theme-icon-dark');
918
- if(light)light.style.display=theme==='dark'?'none':'block';
919
- if(dark)dark.style.display=theme==='dark'?'block':'none'}
920
- `;
921
-
922
- // src/html-js-filters.ts
923
- var JS_FILTERS = `
863
+
864
+ function renderFailure(failure){
865
+ if(!failure)return '';
866
+ var sid='s-'+Math.random().toString(36).substr(2,8);
867
+ var h='<div class="failure-panel"><div class="failure-panel-header"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M15 9l-6 6M9 9l6 6"/></svg>Failure Details</div>';
868
+ h+='<div class="failure-message">'+esc(stripAnsi(failure.message))+'</div>';
869
+ if(failure.code)h+=renderCodeSnippet(failure.code);
870
+ if(failure.line!==null&&failure.line!==undefined)h+='<div class="line-marker">Line '+failure.line+'</div>';
871
+ if(failure.stack){h+='<button class="stack-toggle-btn" data-stack="'+sid+'">Show stack trace</button><div class="stack-trace" id="'+sid+'">'+esc(stripAnsi(failure.stack))+'</div>';}
872
+ h+='</div>';return h;
873
+ }
874
+
875
+ /* \u2500\u2500 Network DevTools Filter Logic \u2500\u2500 */
876
+ function ndtApplyFilters(ndt,filterType,searchVal){
877
+ var list=ndt.querySelector('.ndt-list');if(!list)return;
878
+ var searchInput=ndt.querySelector('.ndt-search');
879
+ var q=(searchVal!==null&&searchVal!==undefined)?searchVal:(searchInput?searchInput.value:'');
880
+ q=q.toLowerCase();
881
+ var rows=list.querySelectorAll('.ndt-row');
882
+ var visible=0;
883
+ for(var i=0;i<rows.length;i++){
884
+ var row=rows[i];
885
+ var type=row.getAttribute('data-ndt-type');
886
+ var url=row.getAttribute('data-ndt-url')||'';
887
+ var show=true;
888
+ if(filterType&&filterType!=='all'&&type!==filterType)show=false;
889
+ if(show&&q&&url.indexOf(q)<0)show=false;
890
+ row.style.display=show?'':'none';
891
+ /* Also hide detail if row is hidden */
892
+ var det=row.nextElementSibling;
893
+ if(det&&det.classList.contains('ndt-detail')){if(!show){det.classList.remove('show');row.classList.remove('ndt-row--open');}}
894
+ if(show)visible++;
895
+ }
896
+ var countEl=ndt.querySelector('.ndt-count');
897
+ if(countEl)countEl.textContent=visible+' / '+rows.length+' requests';
898
+ }
899
+ `;var q=`
924
900
  var _filterState={status:{},type:{},specFile:{}};
925
901
  var _totalTests=0;
926
902
  var _originalSummary=null;
927
903
 
928
- function renderFilterBar(data){
929
- var statusCounts={},typeCounts={},specCounts={};
930
- data.timeline.forEach(function(entry){
931
- entry.tests.forEach(function(t){
932
- statusCounts[t.status]=(statusCounts[t.status]||0)+1;
933
- var tp=t.testType||'unknown';
934
- typeCounts[tp]=(typeCounts[tp]||0)+1;
935
- var fp=t.filePath||entry.specFile||'';
936
- if(fp)specCounts[fp]=(specCounts[fp]||0)+1;
937
- });
938
- });
939
- var out='<div class="filter-bar" id="filter-bar">';
904
+ function renderFilterBar(){
905
+ var filterEl=document.getElementById('filter-bar');
906
+ var drawerBodyEl=document.getElementById('filter-drawer-body');
907
+ var statusCounts={passed:0,failed:0,flaky:0,skipped:0,timedout:0};
908
+ var typeCounts={},specCounts={};
909
+ for(var i=0;i<tests.length;i++){
910
+ var t=tests[i];
911
+ if(statusCounts[t.status]!==undefined)statusCounts[t.status]++;
912
+ var tp=t.testType||'unknown';
913
+ typeCounts[tp]=(typeCounts[tp]||0)+1;
914
+ if(t.filePath)specCounts[t.filePath]=(specCounts[t.filePath]||0)+1;
915
+ }
916
+ var hasStatus=Object.keys(_filterState.status).length>0;
917
+ var hasType=Object.keys(_filterState.type).length>0;
918
+ var hasSpec=Object.keys(_filterState.specFile).length>0;
919
+ var hasAny=hasStatus||hasType||hasSpec||!!searchQuery;
920
+ var hasAdvanced=hasType||hasSpec;
921
+
922
+ /* \u2500\u2500 Filter Bar (search + status chips + filter icon) \u2500\u2500 */
923
+ var h='';
924
+
925
+ /* Search box (left-aligned, wider) */
926
+ h+='<div class="search-box"><svg class="search-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg><input class="search-input" id="search-input" type="text" placeholder="Search tests..." value="'+esc(searchQuery)+'"></div>';
940
927
 
941
- // Status chips
942
- out+='<div class="filter-section">';
943
- out+='<span class="filter-section-label">Status</span>';
928
+ /* Status chips (inline) */
929
+ h+='<div class="filter-chips">';
944
930
  var statuses=['passed','failed','flaky','skipped','timedout'];
945
931
  var statusLabels={passed:'Passed',failed:'Failed',flaky:'Flaky',skipped:'Skipped',timedout:'Timed Out'};
946
932
  for(var i=0;i<statuses.length;i++){
947
933
  var s=statuses[i];var cnt=statusCounts[s]||0;
948
- out+='<button class="filter-chip filter-chip--status'+(cnt===0?' filter-chip--dimmed':'')+'" data-dimension="status" data-value="'+s+'">';
949
- out+=statusLabels[s]+' <span class="filter-chip-count">('+cnt+')</span></button>';
934
+ var cls='filter-chip'+(!!_filterState.status[s]?' active':'')+(cnt===0?' filter-chip--dimmed':'');
935
+ h+='<button class="'+cls+'" data-dimension="status" data-value="'+s+'">'+statusLabels[s]+' <span class="chip-count">'+cnt+'</span></button>';
950
936
  }
951
- out+='</div>';
937
+ h+='</div>';
938
+
939
+ /* Filter icon button */
940
+ h+='<button class="filter-icon-btn" title="More filters">';
941
+ h+='<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z"/></svg>';
942
+ if(hasAdvanced)h+='<span class="filter-icon-badge"></span>';
943
+ h+='</button>';
944
+
945
+ if(filterEl)filterEl.innerHTML=h;
946
+
947
+ /* \u2500\u2500 Filter Drawer Body (type + file + actions) \u2500\u2500 */
948
+ var d='';
952
949
 
953
- // Type chips (only types present in data)
954
- var types=Object.keys(typeCounts);
950
+ /* Type section */
951
+ var types=Object.keys(typeCounts).sort();
955
952
  if(types.length>0){
956
- out+='<div class="filter-section">';
957
- out+='<span class="filter-section-label">Type</span>';
953
+ d+='<div class="filter-drawer-section"><span class="filter-drawer-section-label">Type</span>';
954
+ d+='<div class="filter-chips">';
958
955
  for(var i=0;i<types.length;i++){
959
- var t=types[i];var cnt=typeCounts[t]||0;
960
- out+='<button class="filter-chip filter-chip--type'+(cnt===0?' filter-chip--dimmed':'')+'" data-dimension="type" data-value="'+esc(t)+'">';
961
- out+=esc(t)+' <span class="filter-chip-count">('+cnt+')</span></button>';
956
+ var tp=types[i];var cnt=typeCounts[tp]||0;
957
+ var cls='filter-chip'+(!!_filterState.type[tp]?' active':'')+(cnt===0?' filter-chip--dimmed':'');
958
+ d+='<button class="'+cls+'" data-dimension="type" data-value="'+esc(tp)+'">'+esc(tp)+' <span class="chip-count">'+cnt+'</span></button>';
962
959
  }
963
- out+='</div>';
960
+ d+='</div></div>';
964
961
  }
965
962
 
966
- // Spec file chips (only if multiple files)
963
+ /* Spec file section */
967
964
  var specs=Object.keys(specCounts).sort();
968
965
  if(specs.length>1){
969
- out+='<div class="filter-section">';
970
- out+='<span class="filter-section-label">File</span>';
966
+ d+='<div class="filter-drawer-section"><span class="filter-drawer-section-label">File</span>';
967
+ d+='<div class="filter-chips">';
971
968
  for(var i=0;i<specs.length;i++){
972
969
  var sp=specs[i];var cnt=specCounts[sp]||0;
973
970
  var short=sp.split('/').pop()||sp;
974
- out+='<button class="filter-chip filter-chip--file'+(cnt===0?' filter-chip--dimmed':'')+'" data-dimension="specFile" data-value="'+esc(sp)+'" title="'+esc(sp)+'">';
975
- out+=esc(short)+' <span class="filter-chip-count">('+cnt+')</span></button>';
971
+ var cls='filter-chip'+(!!_filterState.specFile[sp]?' active':'')+(cnt===0?' filter-chip--dimmed':'');
972
+ d+='<button class="'+cls+'" data-dimension="specFile" data-value="'+esc(sp)+'" title="'+esc(sp)+'">'+esc(short)+' <span class="chip-count">'+cnt+'</span></button>';
976
973
  }
977
- out+='</div>';
974
+ d+='</div></div>';
978
975
  }
979
976
 
980
- // Actions row
981
- out+='<div class="filter-actions">';
982
- out+='<button class="filter-clear" id="filter-clear" onclick="clearAllFilters()" style="display:none">Clear all</button>';
983
- out+='<span class="filter-indicator" id="filter-indicator" style="display:none">';
984
- out+='Showing <span id="filter-shown">0</span> of <span id="filter-total">0</span> tests</span>';
985
- out+='</div>';
986
- out+='</div>';
987
- return out;
977
+ /* Actions (Clear all + indicator) */
978
+ d+='<div class="filter-drawer-actions">';
979
+ d+='<button class="filter-clear" id="filter-clear" style="display:'+(hasAny?'inline-block':'none')+'">Clear all</button>';
980
+ d+='<span class="filter-indicator" id="filter-indicator" style="display:'+(hasAny?'inline':'none')+'">';
981
+ d+='Showing <span id="filter-shown">0</span> of <span id="filter-total">'+_totalTests+'</span> tests</span>';
982
+ d+='</div>';
983
+
984
+ if(drawerBodyEl)drawerBodyEl.innerHTML=d;
988
985
  }
989
986
 
990
- function initFilters(data){
987
+ function initFilters(){
991
988
  _filterState={status:{},type:{},specFile:{}};
992
- // Count from actual test cards in DOM to match filter chip counts
993
- var cards=document.querySelectorAll('.test-card');
994
- var byStatus={passed:0,failed:0,flaky:0,skipped:0,timedout:0};
995
- for(var i=0;i<cards.length;i++){
996
- var st=cards[i].getAttribute('data-status')||'';
997
- if(byStatus[st]!==undefined)byStatus[st]++;
998
- }
999
- _totalTests=cards.length;
1000
- _originalSummary={total:cards.length,passed:byStatus.passed,
1001
- failed:byStatus.failed,flaky:byStatus.flaky,
1002
- skipped:byStatus.skipped,timedout:byStatus.timedout};
1003
- // Update summary cards to match actual test card counts
1004
- _updateCard('card-total',_originalSummary.total);
1005
- _updateCard('card-passed',_originalSummary.passed);
1006
- _updateCard('card-failed',_originalSummary.failed);
1007
- _updateCard('card-flaky',_originalSummary.flaky);
1008
- _updateCard('card-skipped',_originalSummary.skipped);
1009
- _updateCard('card-timedout',_originalSummary.timedout);
1010
- var el=document.getElementById('filter-total');
1011
- if(el)el.textContent=''+_totalTests;
1012
- var chips=document.querySelectorAll('.filter-chip');
1013
- for(var i=0;i<chips.length;i++){
1014
- (function(chip){
1015
- chip.addEventListener('click',function(){
1016
- var dim=chip.getAttribute('data-dimension');
1017
- var val=chip.getAttribute('data-value');
1018
- toggleFilter(dim,val);
1019
- });
1020
- })(chips[i]);
989
+ _totalTests=tests.length;
990
+ _originalSummary={total:data.summary.total,passed:data.summary.passed,
991
+ failed:data.summary.failed,flaky:data.summary.flaky,
992
+ skipped:data.summary.skipped,timedout:data.summary.timedout||0};
993
+ }
994
+
995
+ function getFilteredTests(){
996
+ var hasStatus=Object.keys(_filterState.status).length>0;
997
+ var hasType=Object.keys(_filterState.type).length>0;
998
+ var hasSpec=Object.keys(_filterState.specFile).length>0;
999
+ var out=[];
1000
+ for(var i=0;i<tests.length;i++){
1001
+ var t=tests[i];
1002
+ if(hasStatus&&!_filterState.status[t.status])continue;
1003
+ if(hasType&&!_filterState.type[t.testType||'unknown'])continue;
1004
+ if(hasSpec&&!_filterState.specFile[t.filePath])continue;
1005
+ if(searchQuery){
1006
+ var q=searchQuery.toLowerCase();
1007
+ var match=t.title.toLowerCase().indexOf(q)>=0||t.filePath.toLowerCase().indexOf(q)>=0||(t.suiteName&&t.suiteName.toLowerCase().indexOf(q)>=0);
1008
+ if(!match&&t.tags){for(var ti=0;ti<t.tags.length;ti++){if(t.tags[ti]&&t.tags[ti].toLowerCase().indexOf(q)>=0){match=true;break}}}
1009
+ if(!match)continue;
1010
+ }
1011
+ out.push(t);
1021
1012
  }
1013
+ return out;
1022
1014
  }
1023
1015
 
1024
1016
  function toggleFilter(dim,val){
@@ -1028,568 +1020,288 @@ function toggleFilter(dim,val){
1028
1020
  }else{
1029
1021
  _filterState[dim][val]=true;
1030
1022
  }
1031
- var chips=document.querySelectorAll('.filter-chip[data-dimension="'+dim+'"]');
1032
- for(var i=0;i<chips.length;i++){
1033
- var cv=chips[i].getAttribute('data-value');
1034
- if(cv===val)chips[i].classList.toggle('filter-chip--active');
1035
- }
1036
1023
  applyFilters();
1037
1024
  }
1038
1025
 
1039
1026
  function clearAllFilters(){
1040
1027
  _filterState={status:{},type:{},specFile:{}};
1041
- var active=document.querySelectorAll('.filter-chip--active');
1042
- for(var i=0;i<active.length;i++)active[i].classList.remove('filter-chip--active');
1028
+ searchQuery='';
1029
+ var si=document.getElementById('search-input');
1030
+ if(si)si.value='';
1043
1031
  applyFilters();
1044
1032
  }
1045
1033
 
1046
1034
  function applyFilters(){
1035
+ renderFilterBar();
1036
+ renderTestGrid();
1047
1037
  var hasStatus=Object.keys(_filterState.status).length>0;
1048
1038
  var hasType=Object.keys(_filterState.type).length>0;
1049
1039
  var hasSpec=Object.keys(_filterState.specFile).length>0;
1050
- var hasAny=hasStatus||hasType||hasSpec;
1051
-
1052
- var cards=document.querySelectorAll('.test-card');
1053
- var visibleCount=0;
1054
- var byStatus={passed:0,failed:0,flaky:0,skipped:0,timedout:0};
1055
-
1056
- for(var i=0;i<cards.length;i++){
1057
- var card=cards[i];
1058
- var st=card.getAttribute('data-status')||'';
1059
- var tp=card.getAttribute('data-type')||'';
1060
- var sp=card.getAttribute('data-spec')||'';
1061
- var match=true;
1062
- if(hasStatus&&!_filterState.status[st])match=false;
1063
- if(hasType&&!_filterState.type[tp])match=false;
1064
- if(hasSpec&&!_filterState.specFile[sp])match=false;
1065
- if(match){
1066
- card.classList.remove('filter-hidden');
1067
- visibleCount++;
1040
+ var hasAny=hasStatus||hasType||hasSpec||!!searchQuery;
1041
+ if(hasAny){
1042
+ var filtered=getFilteredTests();
1043
+ var byStatus={passed:0,failed:0,flaky:0,skipped:0,timedout:0};
1044
+ for(var i=0;i<filtered.length;i++){
1045
+ var st=filtered[i].status;
1068
1046
  if(byStatus[st]!==undefined)byStatus[st]++;
1069
- }else{
1070
- card.classList.add('filter-hidden');
1071
- }
1072
- }
1073
-
1074
- // Timeline entries: hide if no visible test cards inside
1075
- var entries=document.querySelectorAll('.timeline-entry');
1076
- for(var i=0;i<entries.length;i++){
1077
- var entry=entries[i];
1078
- var visCards=entry.querySelectorAll('.test-card:not(.filter-hidden)');
1079
- if(hasAny&&visCards.length===0){
1080
- entry.classList.add('filter-hidden');
1081
- }else{
1082
- entry.classList.remove('filter-hidden');
1083
1047
  }
1084
- }
1085
-
1086
- // Clear all button
1087
- var clearBtn=document.getElementById('filter-clear');
1088
- if(clearBtn)clearBtn.style.display=hasAny?'':'none';
1089
-
1090
- // Indicator
1091
- var indicator=document.getElementById('filter-indicator');
1092
- if(indicator)indicator.style.display=hasAny?'':'none';
1093
- var shown=document.getElementById('filter-shown');
1094
- if(shown)shown.textContent=''+visibleCount;
1095
-
1096
- // Summary card updates
1097
- if(hasAny){
1098
- _updateCard('card-total',visibleCount);
1099
- _updateCard('card-passed',byStatus.passed);
1100
- _updateCard('card-failed',byStatus.failed);
1101
- _updateCard('card-flaky',byStatus.flaky);
1102
- _updateCard('card-skipped',byStatus.skipped);
1103
- _updateCard('card-timedout',byStatus.timedout);
1048
+ _updateCard('s-total',filtered.length);
1049
+ _updateCard('s-passed',byStatus.passed);
1050
+ _updateCard('s-failed',byStatus.failed);
1051
+ _updateCard('s-flaky',byStatus.flaky);
1052
+ _updateCard('s-skipped',byStatus.skipped);
1053
+ _updateCard('s-timedout',byStatus.timedout);
1054
+ var shown=document.getElementById('filter-shown');
1055
+ if(shown)shown.textContent=''+filtered.length;
1104
1056
  }else if(_originalSummary){
1105
- _updateCard('card-total',_originalSummary.total);
1106
- _updateCard('card-passed',_originalSummary.passed);
1107
- _updateCard('card-failed',_originalSummary.failed);
1108
- _updateCard('card-flaky',_originalSummary.flaky);
1109
- _updateCard('card-skipped',_originalSummary.skipped);
1110
- _updateCard('card-timedout',_originalSummary.timedout);
1111
- }
1112
-
1113
- // Empty state
1114
- var emptyEl=document.getElementById('filter-empty');
1115
- var timeline=document.getElementById('timeline');
1116
- if(hasAny&&visibleCount===0){
1117
- if(emptyEl)emptyEl.style.display='';
1118
- if(timeline)timeline.style.display='none';
1119
- }else{
1120
- if(emptyEl)emptyEl.style.display='none';
1121
- if(timeline)timeline.style.display='';
1057
+ _updateCard('s-total',_originalSummary.total);
1058
+ _updateCard('s-passed',_originalSummary.passed);
1059
+ _updateCard('s-failed',_originalSummary.failed);
1060
+ _updateCard('s-flaky',_originalSummary.flaky);
1061
+ _updateCard('s-skipped',_originalSummary.skipped);
1062
+ _updateCard('s-timedout',_originalSummary.timedout);
1122
1063
  }
1123
1064
  }
1124
1065
 
1125
1066
  function _updateCard(cls,val){
1126
- var el=document.querySelector('.'+cls+' .count');
1067
+ var el=document.querySelector('.'+cls+' .s-count');
1127
1068
  if(el)el.textContent=''+val;
1128
1069
  }
1129
- `;
1070
+ `;var z=`
1071
+ /* \u2500\u2500 Event Delegation \u2500\u2500 */
1072
+ document.addEventListener('click',function(e){
1073
+ var target=e.target;
1130
1074
 
1131
- // src/html-template.ts
1132
- function renderHtmlDocument(reportJson) {
1133
- const jsWithLogo = JS_RENDER.replace(/__LOGO_SVG__/g, LOGO_SVG.replace(/'/g, "\\'").replace(/\n/g, ""));
1134
- const safeJson = reportJson.replace(/<\//g, "<\\/");
1135
- return `<!-- TestRelic Report \u2014 self-contained, no external dependencies -->
1136
- <!DOCTYPE html>
1137
- <html lang="en" data-theme="">
1138
- <head>
1139
- <meta charset="UTF-8">
1140
- <meta name="viewport" content="width=device-width,initial-scale=1">
1141
- <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'unsafe-inline'; img-src data: blob: 'self'; media-src blob: 'self';">
1142
- <title>TestRelic Report</title>
1143
- <style>${CSS}</style>
1144
- </head>
1145
- <body>
1146
- <script>!function(){var t=localStorage.getItem('testrelic-theme')||(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');document.documentElement.setAttribute('data-theme',t)}()</script>
1147
- <div class="container" id="app"></div>
1148
- <script id="report-data" type="application/json">${safeJson}</script>
1149
- <script>${jsWithLogo}
1150
- ${JS_TABS}
1151
- ${JS_NETWORK}
1152
- ${JS_FILTERS}
1153
- ${JS_INTERACTIONS}</script>
1154
- </body>
1155
- </html>`;
1156
- }
1075
+ /* Test row click \u2192 open drawer */
1076
+ var row=target.closest('.test-row');
1077
+ if(row){openDrawer(row.getAttribute('data-testid'));return;}
1157
1078
 
1158
- // src/browser-open.ts
1159
- var import_node_child_process = require("child_process");
1160
- function openInBrowser(filePath) {
1161
- try {
1162
- const platform = process.platform;
1163
- let command;
1164
- if (platform === "darwin") {
1165
- command = `open "${filePath}"`;
1166
- } else if (platform === "win32") {
1167
- command = `start "" "${filePath}"`;
1168
- } else {
1169
- command = `xdg-open "${filePath}"`;
1079
+ /* Filter chip (multi-dimensional) */
1080
+ var chip=target.closest('.filter-chip');
1081
+ if(chip){
1082
+ var dim=chip.getAttribute('data-dimension');
1083
+ var val=chip.getAttribute('data-value');
1084
+ if(dim&&val)toggleFilter(dim,val);
1085
+ return;
1170
1086
  }
1171
- (0, import_node_child_process.exec)(command, (err) => {
1172
- if (err) {
1173
- process.stderr.write(
1174
- `[testrelic] Failed to open browser: ${err.message}
1175
- `
1176
- );
1177
- }
1178
- });
1179
- } catch {
1180
- }
1181
- }
1182
1087
 
1183
- // src/html-report.ts
1184
- function generateHtmlReport(report) {
1185
- const reportJson = JSON.stringify(report);
1186
- return renderHtmlDocument(reportJson);
1187
- }
1188
- function writeHtmlReport(report, config) {
1189
- try {
1190
- const html = generateHtmlReport(report);
1191
- const outputPath = config.htmlReportPath;
1192
- const dir = (0, import_node_path.dirname)(outputPath);
1193
- (0, import_node_fs2.mkdirSync)(dir, { recursive: true });
1194
- const tmpPath = outputPath + ".tmp";
1195
- (0, import_node_fs2.writeFileSync)(tmpPath, html, "utf-8");
1196
- (0, import_node_fs2.renameSync)(tmpPath, outputPath);
1197
- if (config.openReport && report.ci === null) {
1198
- const absolutePath = (0, import_node_path.resolve)(outputPath);
1199
- openInBrowser(absolutePath);
1200
- }
1201
- } catch (err) {
1202
- process.stderr.write(
1203
- `[testrelic] Failed to write HTML report: ${err instanceof Error ? err.message : String(err)}
1204
- `
1205
- );
1206
- }
1207
- }
1088
+ /* Clear all filters */
1089
+ if(target.closest('.filter-clear')){clearAllFilters();return;}
1208
1090
 
1209
- // src/artifact-manager.ts
1210
- var import_node_fs3 = require("fs");
1211
- var import_node_path2 = require("path");
1212
- function sanitizeFolderName(title) {
1213
- let name = title.replace(/[^a-zA-Z0-9\-_ ]/g, "-").replace(/\s+/g, "-").replace(/-{2,}/g, "-").replace(/^-+|-+$/g, "");
1214
- if (name.length > 100) {
1215
- name = name.substring(0, 100).replace(/-+$/, "");
1216
- }
1217
- return name || "unnamed-test";
1218
- }
1219
- function copyArtifacts(attachments, testTitle, retryCount, outputDir) {
1220
- const screenshot = attachments.find(
1221
- (a) => a.name === "screenshot" && a.path
1222
- );
1223
- const video = attachments.find(
1224
- (a) => a.name === "video" && a.path
1225
- );
1226
- if (!screenshot && !video) {
1227
- return null;
1228
- }
1229
- let folderName = sanitizeFolderName(testTitle);
1230
- if (retryCount > 0) {
1231
- folderName += `--retry-${retryCount}`;
1232
- }
1233
- const artifactDir = (0, import_node_path2.join)(outputDir, "artifacts", folderName);
1234
- const result = {};
1235
- try {
1236
- (0, import_node_fs3.mkdirSync)(artifactDir, { recursive: true });
1237
- } catch {
1238
- return null;
1239
- }
1240
- if (screenshot?.path) {
1241
- try {
1242
- if ((0, import_node_fs3.existsSync)(screenshot.path)) {
1243
- const ext = (0, import_node_path2.extname)(screenshot.path) || ".png";
1244
- const destName = `screenshot${ext}`;
1245
- (0, import_node_fs3.copyFileSync)(screenshot.path, (0, import_node_path2.join)(artifactDir, destName));
1246
- result.screenshot = `artifacts/${folderName}/${destName}`;
1091
+ /* Filter icon \u2192 open filter drawer */
1092
+ if(target.closest('.filter-icon-btn')){openFilterDrawer();return;}
1093
+
1094
+ /* Filter drawer close */
1095
+ if(target.closest('#filter-drawer-close')){closeFilterDrawer();return;}
1096
+ if(target.closest('#filter-drawer-backdrop')){closeFilterDrawer();return;}
1097
+
1098
+ /* Step header \u2192 expand/collapse */
1099
+ var stepH=target.closest('[data-step]');
1100
+ if(stepH){var sd=document.getElementById('step-detail-'+stepH.getAttribute('data-step'));if(sd)sd.classList.toggle('show');return;}
1101
+
1102
+ /* Screenshot \u2192 lightbox */
1103
+ if(target.classList.contains('artifact-thumb')||target.classList.contains('artifact-col-img')){openLightbox(target.src);return;}
1104
+
1105
+ /* Segmented control switch */
1106
+ var segBtn=target.closest('.seg-btn');
1107
+ if(segBtn){
1108
+ var group=segBtn.parentElement;
1109
+ if(group&&group.classList.contains('seg-ctrl')){
1110
+ var col=group.parentElement;
1111
+ var btns=group.querySelectorAll('.seg-btn');
1112
+ for(var bi=0;bi<btns.length;bi++)btns[bi].classList.remove('active');
1113
+ segBtn.classList.add('active');
1114
+ var panes=col.querySelectorAll('.seg-pane');
1115
+ for(var pi=0;pi<panes.length;pi++){panes[pi].classList.remove('active');var vid=panes[pi].querySelector('video');if(vid)vid.pause();}
1116
+ var tp=col.querySelector('[data-seg-pane="'+segBtn.getAttribute('data-seg')+'"]');
1117
+ if(tp)tp.classList.add('active');
1247
1118
  }
1248
- } catch {
1119
+ return;
1249
1120
  }
1250
- }
1251
- if (video?.path) {
1252
- try {
1253
- if ((0, import_node_fs3.existsSync)(video.path)) {
1254
- const ext = (0, import_node_path2.extname)(video.path) || ".webm";
1255
- const destName = `video${ext}`;
1256
- (0, import_node_fs3.copyFileSync)(video.path, (0, import_node_path2.join)(artifactDir, destName));
1257
- result.video = `artifacts/${folderName}/${destName}`;
1121
+
1122
+ /* Network DevTools: request row \u2192 expand/collapse detail */
1123
+ var ndtRow=target.closest('.ndt-row');
1124
+ if(ndtRow){
1125
+ var idx=ndtRow.getAttribute('data-ndt-idx');
1126
+ var det=document.getElementById('ndt-d-'+idx);
1127
+ if(det){
1128
+ var isOpen=det.classList.toggle('show');
1129
+ ndtRow.classList.toggle('ndt-row--open',isOpen);
1130
+ /* Close other open details */
1131
+ var list=ndtRow.parentElement;
1132
+ if(list){var others=list.querySelectorAll('.ndt-detail.show');for(var oi=0;oi<others.length;oi++){if(others[oi]!==det){others[oi].classList.remove('show');var pr=others[oi].previousElementSibling;if(pr)pr.classList.remove('ndt-row--open');}}}
1258
1133
  }
1259
- } catch {
1134
+ return;
1260
1135
  }
1261
- }
1262
- if (!result.screenshot && !result.video) {
1263
- return null;
1264
- }
1265
- return result;
1266
- }
1267
1136
 
1268
- // src/reporter.ts
1269
- function mapPlaywrightStatus(status) {
1270
- switch (status) {
1271
- case "passed":
1272
- return "passed";
1273
- case "failed":
1274
- return "failed";
1275
- case "timedOut":
1276
- return "timedout";
1277
- case "skipped":
1278
- return "skipped";
1279
- case "interrupted":
1280
- return "failed";
1281
- default:
1282
- return "failed";
1283
- }
1284
- }
1285
- function generateTestId(filePath, suiteName, title) {
1286
- const input = `${filePath}::${suiteName}::${title}`;
1287
- return (0, import_node_crypto.createHash)("sha256").update(input).digest("hex").substring(0, 16);
1288
- }
1289
- function getSuiteName(titlePath) {
1290
- if (titlePath.length <= 4) return "";
1291
- return titlePath[titlePath.length - 2];
1292
- }
1293
- function getRetryStatus(results) {
1294
- const passedIndex = results.findIndex((r) => r.status === "passed");
1295
- return passedIndex > 0 ? `passed on retry ${passedIndex}` : null;
1296
- }
1297
- function getTestType(tags, filePath) {
1298
- const typeOrder = ["e2e", "api", "unit"];
1299
- for (const type of typeOrder) {
1300
- if (tags.some((tag) => tag === `@${type}` || tag === type)) {
1301
- return type;
1302
- }
1303
- }
1304
- for (const type of typeOrder) {
1305
- if (filePath.includes(`/${type}/`)) {
1306
- return type;
1307
- }
1308
- }
1309
- return "unknown";
1310
- }
1311
- var TestRelicReporter = class {
1312
- constructor(options) {
1313
- this.rootDir = "";
1314
- this.startedAt = "";
1315
- this.testRunId = "";
1316
- this.collectedTests = [];
1317
- this.config = resolveConfig(options);
1318
- }
1319
- onBegin(config, _suite) {
1320
- try {
1321
- this.rootDir = config.rootDir;
1322
- this.startedAt = (/* @__PURE__ */ new Date()).toISOString();
1323
- this.testRunId = this.config.testRunId ?? (0, import_node_crypto.randomUUID)();
1324
- } catch {
1325
- }
1326
- }
1327
- onTestEnd(test, result) {
1328
- try {
1329
- const lastResult = result;
1330
- const outcome = test.outcome();
1331
- let status;
1332
- if (outcome === "flaky") {
1333
- status = "flaky";
1334
- } else if (outcome === "skipped") {
1335
- status = "skipped";
1336
- } else {
1337
- status = mapPlaywrightStatus(lastResult.status);
1137
+ /* Network DevTools: detail tab switch */
1138
+ var ndtTab=target.closest('.ndt-detail-tab');
1139
+ if(ndtTab){
1140
+ var tgt=ndtTab.getAttribute('data-ndt-target');
1141
+ var pane=ndtTab.getAttribute('data-ndt-tab');
1142
+ var det=document.getElementById(tgt);
1143
+ if(det){
1144
+ var tabs=det.querySelectorAll('.ndt-detail-tab');
1145
+ for(var ti=0;ti<tabs.length;ti++)tabs[ti].classList.remove('active');
1146
+ ndtTab.classList.add('active');
1147
+ var panes=det.querySelectorAll('.ndt-detail-pane');
1148
+ for(var pi=0;pi<panes.length;pi++)panes[pi].classList.remove('active');
1149
+ var tp=det.querySelector('[data-ndt-pane="'+pane+'"]');
1150
+ if(tp)tp.classList.add('active');
1338
1151
  }
1339
- const startedAt = lastResult.startTime.toISOString();
1340
- const completedAt = new Date(lastResult.startTime.getTime() + lastResult.duration).toISOString();
1341
- const tags = test.tags ? [...test.tags] : test.annotations.filter((a) => a.type === "tag").map((a) => a.description ?? "");
1342
- const navigations = test.annotations.filter((a) => a.type === "lambdatest-navigation" && a.description).map((a) => {
1343
- try {
1344
- return JSON.parse(a.description);
1345
- } catch {
1346
- return null;
1347
- }
1348
- }).filter((n) => n !== null);
1349
- let networkRequests = null;
1350
- const networkReqAnnotation = test.annotations.find(
1351
- (a) => a.type === "__testrelic_network_requests" && a.description
1352
- );
1353
- if (networkReqAnnotation) {
1354
- try {
1355
- networkRequests = JSON.parse(networkReqAnnotation.description);
1356
- } catch {
1357
- }
1358
- }
1359
- let failure = null;
1360
- if (status === "failed" || status === "flaky") {
1361
- const errors = status === "flaky" ? test.results.find((r) => r.status !== "passed")?.errors ?? [] : lastResult.errors;
1362
- const firstError = errors[0];
1363
- if (firstError) {
1364
- const redact = createRedactor(this.config.redactPatterns);
1365
- const errorLine = firstError.location?.line ?? null;
1366
- let codeSnippet = null;
1367
- if (this.config.includeCodeSnippets && errorLine !== null && firstError.location?.file) {
1368
- codeSnippet = extractCodeSnippet(
1369
- firstError.location.file,
1370
- errorLine,
1371
- this.config.codeContextLines
1372
- );
1373
- if (codeSnippet) codeSnippet = redact(codeSnippet);
1374
- }
1375
- failure = {
1376
- message: redact(firstError.message ?? "Unknown error"),
1377
- line: errorLine,
1378
- code: codeSnippet,
1379
- stack: this.config.includeStackTrace ? firstError.stack ? redact(firstError.stack) : null : null
1380
- };
1381
- }
1382
- }
1383
- const titlePath = test.titlePath().filter(Boolean);
1384
- const specFile = (0, import_node_path3.relative)(this.rootDir || ".", test.location.file);
1385
- const suiteName = getSuiteName(titlePath);
1386
- const title = titlePath.join(" > ");
1387
- const filePath = specFile;
1388
- const testId = generateTestId(filePath, suiteName, title);
1389
- const testType = getTestType(tags, filePath);
1390
- const isFlaky = outcome === "flaky";
1391
- const retryStatus = getRetryStatus(test.results);
1392
- const expectedStatus = mapPlaywrightStatus(test.expectedStatus);
1393
- const actualStatus = mapPlaywrightStatus(lastResult.status);
1394
- let artifacts = null;
1395
- if (this.config.includeArtifacts && status !== "skipped" && lastResult.attachments) {
1396
- const outputDir = (0, import_node_path3.dirname)(this.config.outputPath);
1397
- const lastTitle = titlePath[titlePath.length - 1] ?? test.title;
1398
- artifacts = copyArtifacts(lastResult.attachments, lastTitle, lastResult.retry, outputDir);
1399
- }
1400
- this.collectedTests.push({
1401
- titlePath,
1402
- title,
1403
- status,
1404
- duration: lastResult.duration,
1405
- startedAt,
1406
- completedAt,
1407
- retryCount: test.results.length - 1,
1408
- tags,
1409
- failure,
1410
- specFile,
1411
- navigations,
1412
- testId,
1413
- filePath,
1414
- suiteName,
1415
- testType,
1416
- isFlaky,
1417
- retryStatus,
1418
- expectedStatus,
1419
- actualStatus,
1420
- artifacts,
1421
- networkRequests
1422
- });
1423
- } catch {
1152
+ return;
1424
1153
  }
1425
- }
1426
- onEnd(_result) {
1427
- try {
1428
- const completedAt = (/* @__PURE__ */ new Date()).toISOString();
1429
- const startedAtTime = new Date(this.startedAt).getTime();
1430
- const completedAtTime = new Date(completedAt).getTime();
1431
- const totalDuration = completedAtTime - startedAtTime;
1432
- const timeline = this.buildTimeline();
1433
- const summary = this.buildSummary();
1434
- const report = {
1435
- schemaVersion: SCHEMA_VERSION,
1436
- testRunId: this.testRunId,
1437
- startedAt: this.startedAt,
1438
- completedAt,
1439
- totalDuration,
1440
- summary,
1441
- ci: detectCI(),
1442
- metadata: this.config.metadata,
1443
- timeline,
1444
- shardRunIds: null
1445
- };
1446
- this.writeReport(report);
1447
- writeHtmlReport(report, this.config);
1448
- } catch {
1449
- }
1450
- }
1451
- printsToStdio() {
1452
- return false;
1453
- }
1454
- buildTimeline() {
1455
- const entries = [];
1456
- for (const test of this.collectedTests) {
1457
- if (test.navigations.length === 0) {
1458
- entries.push({
1459
- url: "about:blank",
1460
- navigationType: "dummy",
1461
- visitedAt: test.startedAt,
1462
- duration: test.duration,
1463
- specFile: test.specFile,
1464
- domContentLoadedAt: null,
1465
- networkIdleAt: null,
1466
- networkStats: null,
1467
- tests: [this.toTestResult(test)]
1468
- });
1469
- continue;
1470
- }
1471
- for (let i = 0; i < test.navigations.length; i++) {
1472
- const nav = test.navigations[i];
1473
- const nextNav = test.navigations[i + 1];
1474
- if (this.config.navigationTypes !== null && !this.config.navigationTypes.includes(nav.navigationType)) {
1475
- continue;
1476
- }
1477
- const navTime = new Date(nav.timestamp).getTime();
1478
- const nextTime = nextNav ? new Date(nextNav.timestamp).getTime() : new Date(test.completedAt).getTime();
1479
- const duration = nextTime - navTime;
1480
- entries.push({
1481
- url: nav.url,
1482
- navigationType: nav.navigationType,
1483
- visitedAt: nav.timestamp,
1484
- duration: Math.max(0, duration),
1485
- specFile: test.specFile,
1486
- domContentLoadedAt: nav.domContentLoadedAt ?? null,
1487
- networkIdleAt: nav.networkIdleAt ?? null,
1488
- networkStats: nav.networkStats ?? null,
1489
- tests: [this.toTestResult(test)]
1490
- });
1154
+
1155
+ /* Network DevTools: type filter */
1156
+ var ndtFilterBtn=target.closest('.ndt-filter-btn');
1157
+ if(ndtFilterBtn){
1158
+ var filterType=ndtFilterBtn.getAttribute('data-ndt-filter');
1159
+ var toolbar=ndtFilterBtn.closest('.ndt-toolbar');
1160
+ if(toolbar){
1161
+ var btns=toolbar.querySelectorAll('.ndt-filter-btn');
1162
+ for(var bi=0;bi<btns.length;bi++)btns[bi].classList.remove('active');
1163
+ ndtFilterBtn.classList.add('active');
1164
+ var ndt=toolbar.closest('.ndt');
1165
+ if(ndt){ndtApplyFilters(ndt,filterType,null);}
1491
1166
  }
1167
+ return;
1492
1168
  }
1493
- entries.sort((a, b) => new Date(a.visitedAt).getTime() - new Date(b.visitedAt).getTime());
1494
- return entries;
1495
- }
1496
- buildSummary() {
1497
- let passed = 0;
1498
- let failed = 0;
1499
- let flaky = 0;
1500
- let skipped = 0;
1501
- let timedout = 0;
1502
- for (const test of this.collectedTests) {
1503
- switch (test.status) {
1504
- case "passed":
1505
- passed++;
1506
- break;
1507
- case "failed":
1508
- failed++;
1509
- break;
1510
- case "flaky":
1511
- flaky++;
1512
- break;
1513
- case "skipped":
1514
- skipped++;
1515
- break;
1516
- case "timedout":
1517
- timedout++;
1518
- break;
1169
+
1170
+ /* Stack trace toggle */
1171
+ if(target.classList.contains('stack-toggle-btn')){var se=document.getElementById(target.getAttribute('data-stack'));if(se){var sv=se.classList.toggle('show');target.textContent=sv?'Hide stack trace':'Show stack trace';}return;}
1172
+
1173
+ /* Lightbox close */
1174
+ if(target.classList.contains('lightbox-overlay')||target.classList.contains('lightbox-close')){closeLightbox();return;}
1175
+
1176
+ /* Theme toggle */
1177
+ var themeBtn=target.closest('.theme-btn');
1178
+ if(themeBtn){setTheme(themeBtn.getAttribute('data-theme-val'));return;}
1179
+
1180
+ /* Drawer close */
1181
+ if(target.closest('#drawer-close')){closeDrawer();return;}
1182
+ if(target.closest('#drawer-backdrop')){closeDrawer();return;}
1183
+ });
1184
+
1185
+ /* Search input \u2014 main test search + network filter search */
1186
+ document.addEventListener('input',function(e){
1187
+ if(e.target.id==='search-input')doSearch(e.target.value);
1188
+ if(e.target.hasAttribute('data-ndt-search')){
1189
+ var ndt=e.target.closest('.ndt');
1190
+ if(ndt){
1191
+ var activeBtn=ndt.querySelector('.ndt-filter-btn.active');
1192
+ var filterType=activeBtn?activeBtn.getAttribute('data-ndt-filter'):'all';
1193
+ ndtApplyFilters(ndt,filterType,e.target.value);
1519
1194
  }
1520
1195
  }
1521
- return {
1522
- total: this.collectedTests.length,
1523
- passed,
1524
- failed,
1525
- flaky,
1526
- skipped,
1527
- timedout
1528
- };
1196
+ });
1197
+
1198
+ /* Keyboard */
1199
+ document.addEventListener('keydown',function(e){
1200
+ if(e.key==='Escape'){closeLightbox();closeDrawer();closeFilterDrawer();}
1201
+ });
1202
+
1203
+ /* \u2500\u2500 Theme Management \u2500\u2500 */
1204
+ function getThemePref(){return localStorage.getItem('tr-theme')||'system'}
1205
+ function resolveTheme(pref){return pref==='system'?(window.matchMedia('(prefers-color-scheme:light)').matches?'light':'dark'):pref}
1206
+ function applyTheme(){
1207
+ var pref=getThemePref();
1208
+ document.documentElement.setAttribute('data-theme',resolveTheme(pref));
1209
+ var btns=document.querySelectorAll('.theme-btn');
1210
+ for(var i=0;i<btns.length;i++){btns[i].classList.toggle('active',btns[i].getAttribute('data-theme-val')===pref);}
1529
1211
  }
1530
- toTestResult(test) {
1531
- return {
1532
- title: test.title,
1533
- status: test.status,
1534
- duration: test.duration,
1535
- startedAt: test.startedAt,
1536
- completedAt: test.completedAt,
1537
- retryCount: test.retryCount,
1538
- tags: test.tags,
1539
- failure: test.failure,
1540
- testId: test.testId,
1541
- filePath: test.filePath,
1542
- suiteName: test.suiteName,
1543
- testType: test.testType,
1544
- isFlaky: test.isFlaky,
1545
- retryStatus: test.retryStatus,
1546
- expectedStatus: test.expectedStatus,
1547
- actualStatus: test.actualStatus,
1548
- artifacts: test.artifacts,
1549
- networkRequests: test.networkRequests
1550
- };
1212
+ function setTheme(pref){localStorage.setItem('tr-theme',pref);applyTheme();}
1213
+ try{window.matchMedia('(prefers-color-scheme:light)').addEventListener('change',function(){if(getThemePref()==='system')applyTheme();});}catch(e){}
1214
+
1215
+ /* \u2500\u2500 Lightbox \u2500\u2500 */
1216
+ function openLightbox(src){
1217
+ var o=document.createElement('div');o.className='lightbox-overlay';
1218
+ o.innerHTML='<img src="'+src.replace(/"/g,'&quot;')+'" alt="Screenshot">';
1219
+ var b=document.createElement('button');b.className='lightbox-close';b.innerHTML='&times;';
1220
+ document.body.appendChild(o);document.body.appendChild(b);
1551
1221
  }
1552
- writeReport(report) {
1553
- try {
1554
- const json = JSON.stringify(report, null, 2);
1555
- const outputPath = this.config.outputPath;
1556
- const dir = (0, import_node_path3.dirname)(outputPath);
1557
- (0, import_node_fs4.mkdirSync)(dir, { recursive: true });
1558
- const tmpPath = outputPath + ".tmp";
1559
- (0, import_node_fs4.writeFileSync)(tmpPath, json, "utf-8");
1560
- (0, import_node_fs4.renameSync)(tmpPath, outputPath);
1561
- } catch (err) {
1562
- process.stderr.write(
1563
- `[testrelic] Failed to write report: ${err instanceof Error ? err.message : String(err)}
1564
- `
1565
- );
1566
- }
1222
+ function closeLightbox(){
1223
+ var o=document.querySelector('.lightbox-overlay');if(o)o.remove();
1224
+ var b=document.querySelector('.lightbox-close');if(b)b.remove();
1567
1225
  }
1568
- };
1569
-
1570
- // src/index.ts
1571
- var warned = false;
1572
- function recordNavigation(testInfo, url, navigationType = "manual_record") {
1573
- if (!testInfo || !testInfo.annotations) {
1574
- if (!warned) {
1575
- warned = true;
1576
- process.stderr.write("[testrelic] recordNavigation: reporter not active, navigation not recorded\n");
1577
- }
1578
- return;
1226
+
1227
+ /* \u2500\u2500 Filter Drawer \u2500\u2500 */
1228
+ function openFilterDrawer(){
1229
+ var d=document.getElementById('filter-drawer');if(d)d.classList.add('open');
1230
+ var b=document.getElementById('filter-drawer-backdrop');if(b)b.classList.add('open');
1579
1231
  }
1580
- const annotation = {
1581
- url,
1582
- navigationType,
1583
- timestamp: (/* @__PURE__ */ new Date()).toISOString()
1584
- };
1585
- testInfo.annotations.push({
1586
- type: "lambdatest-navigation",
1587
- description: JSON.stringify(annotation)
1588
- });
1589
- }
1590
- // Annotate the CommonJS export names for ESM import in node:
1591
- 0 && (module.exports = {
1592
- SCHEMA_VERSION,
1593
- recordNavigation
1594
- });
1232
+ function closeFilterDrawer(){
1233
+ var d=document.getElementById('filter-drawer');if(d)d.classList.remove('open');
1234
+ var b=document.getElementById('filter-drawer-backdrop');if(b)b.classList.remove('open');
1235
+ }
1236
+ `;var ct=`
1237
+ (function(){
1238
+ var data=JSON.parse(document.getElementById('report-data').textContent);
1239
+ ${N}
1240
+ ${D}
1241
+ ${q}
1242
+ ${z}
1243
+ applyTheme();
1244
+ renderRunMeta();
1245
+ renderSummary();
1246
+ initFilters();
1247
+ renderFilterBar();
1248
+ renderTestGrid();
1249
+ })();`;function H(e){let t=e.replace(/<\//g,"<\\/");return `<!-- TestRelic AI Analytics Report \u2014 self-contained, no external dependencies -->
1250
+ <!DOCTYPE html>
1251
+ <html lang="en" data-theme="">
1252
+ <head>
1253
+ <meta charset="UTF-8">
1254
+ <meta name="viewport" content="width=device-width,initial-scale=1">
1255
+ <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'unsafe-inline'; img-src data: blob: 'self'; media-src blob: 'self';">
1256
+ <title>TestRelic AI Analytics Report</title>
1257
+ <link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,${Buffer.from(_).toString("base64")}">
1258
+ <style>${M}</style>
1259
+ <script>(function(){var p=localStorage.getItem('tr-theme')||'system';var t=p==='system'?(window.matchMedia('(prefers-color-scheme:light)').matches?'light':'dark'):p;document.documentElement.setAttribute('data-theme',t);})()</script>
1260
+ </head>
1261
+ <body>
1262
+ <div class="wrap">
1263
+ <div class="top-bar">
1264
+ <div class="brand">
1265
+ ${B}
1266
+ <div class="brand-text">
1267
+ <span class="brand-title">TestRelic AI</span>
1268
+ <span class="brand-sub">Analytics Report</span>
1269
+ </div>
1270
+ </div>
1271
+ <div class="run-meta" id="run-meta"></div>
1272
+ <div class="theme-toggle" id="theme-toggle">
1273
+ <button class="theme-btn" data-theme-val="system" title="System"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg></button>
1274
+ <button class="theme-btn" data-theme-val="light" title="Light"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg></button>
1275
+ <button class="theme-btn" data-theme-val="dark" title="Dark"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg></button>
1276
+ </div>
1277
+ <a class="cta-btn" href="https://testrelic.ai" target="_blank" rel="noopener noreferrer"><svg class="cta-icon" viewBox="0 0 16 16" fill="none"><path d="M8 1l1.545 4.955L14.5 7.5l-4.955 1.545L8 14l-1.545-4.955L1.5 7.5l4.955-1.545L8 1z" fill="currentColor"/></svg>Advanced Insights with AI<span class="cta-sep">\u2013</span><strong>Get Started</strong><svg class="cta-arrow" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2.5 6h7M6.5 3l3 3-3 3"/></svg></a>
1278
+ </div>
1279
+ <div id="summary-strip" class="summary-strip"></div>
1280
+ <div id="filter-bar" class="filter-bar"></div>
1281
+ <div id="test-grid"></div>
1282
+ </div>
1283
+ <div class="drawer-backdrop" id="drawer-backdrop"></div>
1284
+ <aside class="drawer" id="drawer">
1285
+ <div class="drawer-bar">
1286
+ <span class="drawer-bar-title">Test Details</span>
1287
+ <button class="drawer-close" id="drawer-close">&times;</button>
1288
+ </div>
1289
+ <div class="drawer-body" id="drawer-body"></div>
1290
+ </aside>
1291
+ <div class="filter-drawer-backdrop" id="filter-drawer-backdrop"></div>
1292
+ <aside class="filter-drawer" id="filter-drawer">
1293
+ <div class="filter-drawer-bar">
1294
+ <span class="filter-drawer-title">Filters</span>
1295
+ <button class="filter-drawer-close" id="filter-drawer-close">&times;</button>
1296
+ </div>
1297
+ <div class="filter-drawer-body" id="filter-drawer-body"></div>
1298
+ </aside>
1299
+ <script id="report-data" type="application/json">${t}</script>
1300
+ <script>${ct}</script>
1301
+ </body>
1302
+ </html>`}function P(e){try{let t=process.platform,r;t==="darwin"?r=`open "${e}"`:t==="win32"?r=`start "" "${e}"`:r=`xdg-open "${e}"`,child_process.exec(r,a=>{a&&process.stderr.write(`[testrelic] Failed to open browser: ${a.message}
1303
+ `);});}catch{}}function vt(e){let t=JSON.stringify(e);return H(t)}function O(e,t){try{let r=vt(e),a=t.htmlReportPath,s=path.dirname(a);fs.mkdirSync(s,{recursive:!0});let i=a+".tmp";if(fs.writeFileSync(i,r,"utf-8"),fs.renameSync(i,a),t.openReport&&e.ci===null){let o=path.resolve(a);P(o);}}catch(r){process.stderr.write(`[testrelic] Failed to write HTML report: ${r instanceof Error?r.message:String(r)}
1304
+ `);}}function xt(e){let t=e.replace(/[^a-zA-Z0-9\-_ ]/g,"-").replace(/\s+/g,"-").replace(/-{2,}/g,"-").replace(/^-+|-+$/g,"");return t.length>100&&(t=t.substring(0,100).replace(/-+$/,"")),t||"unnamed-test"}function G(e,t,r,a){let s=e.find(c=>c.name==="screenshot"&&c.path),i=e.find(c=>c.name==="video"&&c.path);if(!s&&!i)return null;let o=xt(t);r>0&&(o+=`--retry-${r}`);let d=path.join(a,"artifacts",o),n={};try{fs.mkdirSync(d,{recursive:!0});}catch{return null}if(s?.path)try{if(fs.existsSync(s.path)){let p=`screenshot${path.extname(s.path)||".png"}`;fs.copyFileSync(s.path,path.join(d,p)),n.screenshot=`artifacts/${o}/${p}`;}}catch{}if(i?.path)try{if(fs.existsSync(i.path)){let p=`video${path.extname(i.path)||".webm"}`;fs.copyFileSync(i.path,path.join(d,p)),n.video=`artifacts/${o}/${p}`;}}catch{}return !n.screenshot&&!n.video?null:n}function w(e){switch(e){case "passed":return "passed";case "failed":return "failed";case "timedOut":return "timedout";case "skipped":return "skipped";case "interrupted":return "failed";default:return "failed"}}function Rt(e,t,r){let a=`${e}::${t}::${r}`;return crypto.createHash("sha256").update(a).digest("hex").substring(0,16)}function Lt(e){return e.length<=4?"":e[e.length-2]}function At(e){let t=e.findIndex(r=>r.status==="passed");return t>0?`passed on retry ${t}`:null}function It(e,t){let r=["e2e","api","unit"];for(let a of r)if(e.some(s=>s===`@${a}`||s===a))return a;for(let a of r)if(t.includes(`/${a}/`))return a;return "unknown"}var h=class{constructor(t){this.rootDir="";this.startedAt="";this.testRunId="";this.collectedTests=[];this.config=A(t);}onBegin(t,r){try{this.rootDir=t.rootDir,this.startedAt=new Date().toISOString(),this.testRunId=this.config.testRunId??crypto.randomUUID();}catch{}}onTestEnd(t,r){try{let a=r,s=t.outcome(),i;s==="flaky"?i="flaky":s==="skipped"?i="skipped":i=w(a.status);let o=a.startTime.toISOString(),d=new Date(a.startTime.getTime()+a.duration).toISOString(),n=t.tags?[...t.tags]:t.annotations.filter(l=>l.type==="tag").map(l=>l.description??""),c=t.annotations.filter(l=>l.type==="lambdatest-navigation"&&l.description).map(l=>{try{return JSON.parse(l.description)}catch{return null}}).filter(l=>l!==null),p=null,k=t.annotations.find(l=>l.type==="__testrelic_network_requests"&&l.description);if(k)try{p=JSON.parse(k.description);}catch{}let C=null;if(i==="failed"||i==="flaky"){let u=(i==="flaky"?t.results.find(f=>f.status!=="passed")?.errors??[]:a.errors)[0];if(u){let f=F(this.config.redactPatterns),m=u.location?.line??null,b=null;this.config.includeCodeSnippets&&m!==null&&u.location?.file&&(b=I(u.location.file,m,this.config.codeContextLines),b&&(b=f(b))),C={message:f(u.message??"Unknown error"),line:m,code:b,stack:this.config.includeStackTrace&&u.stack?f(u.stack):null};}}let g=t.titlePath().filter(Boolean),S=path.relative(this.rootDir||".",t.location.file),T=Lt(g),R=g.join(" > "),v=S,Z=Rt(v,T,R),K=It(n,v),Q=s==="flaky",X=At(t.results),W=w(t.expectedStatus),Y=w(a.status),L=null;if(this.config.includeArtifacts&&i!=="skipped"&&a.attachments){let l=path.dirname(this.config.outputPath),u=g[g.length-1]??t.title;L=G(a.attachments,u,a.retry,l);}this.collectedTests.push({titlePath:g,title:R,status:i,duration:a.duration,startedAt:o,completedAt:d,retryCount:t.results.length-1,tags:n,failure:C,specFile:S,navigations:c,testId:Z,filePath:v,suiteName:T,testType:K,isFlaky:Q,retryStatus:X,expectedStatus:W,actualStatus:Y,artifacts:L,networkRequests:p});}catch{}}onEnd(t){try{let r=new Date().toISOString(),a=new Date(this.startedAt).getTime(),i=new Date(r).getTime()-a,o=this.buildTimeline(),d=this.buildSummary(),n={schemaVersion:x,testRunId:this.testRunId,startedAt:this.startedAt,completedAt:r,totalDuration:i,summary:d,ci:E(),metadata:this.config.metadata,timeline:o,shardRunIds:null};this.writeReport(n),O(n,this.config);}catch{}}printsToStdio(){return false}buildTimeline(){let t=[];for(let r of this.collectedTests){if(r.navigations.length===0){t.push({url:"about:blank",navigationType:"dummy",visitedAt:r.startedAt,duration:r.duration,specFile:r.specFile,domContentLoadedAt:null,networkIdleAt:null,networkStats:null,tests:[this.toTestResult(r)]});continue}for(let a=0;a<r.navigations.length;a++){let s=r.navigations[a],i=r.navigations[a+1];if(this.config.navigationTypes!==null&&!this.config.navigationTypes.includes(s.navigationType))continue;let o=new Date(s.timestamp).getTime(),n=(i?new Date(i.timestamp).getTime():new Date(r.completedAt).getTime())-o;t.push({url:s.url,navigationType:s.navigationType,visitedAt:s.timestamp,duration:Math.max(0,n),specFile:r.specFile,domContentLoadedAt:s.domContentLoadedAt??null,networkIdleAt:s.networkIdleAt??null,networkStats:s.networkStats??null,tests:[this.toTestResult(r)]});}}return t.sort((r,a)=>new Date(r.visitedAt).getTime()-new Date(a.visitedAt).getTime()),t}buildSummary(){let t=0,r=0,a=0,s=0,i=0;for(let o of this.collectedTests)switch(o.status){case "passed":t++;break;case "failed":r++;break;case "flaky":a++;break;case "skipped":s++;break;case "timedout":i++;break}return {total:this.collectedTests.length,passed:t,failed:r,flaky:a,skipped:s,timedout:i}}toTestResult(t){return {title:t.title,status:t.status,duration:t.duration,startedAt:t.startedAt,completedAt:t.completedAt,retryCount:t.retryCount,tags:t.tags,failure:t.failure,testId:t.testId,filePath:t.filePath,suiteName:t.suiteName,testType:t.testType,isFlaky:t.isFlaky,retryStatus:t.retryStatus,expectedStatus:t.expectedStatus,actualStatus:t.actualStatus,artifacts:t.artifacts,networkRequests:t.networkRequests}}writeReport(t){try{let r=JSON.stringify(t,null,2),a=this.config.outputPath,s=path.dirname(a);fs.mkdirSync(s,{recursive:!0});let i=a+".tmp";fs.writeFileSync(i,r,"utf-8"),fs.renameSync(i,a);}catch(r){process.stderr.write(`[testrelic] Failed to write report: ${r instanceof Error?r.message:String(r)}
1305
+ `);}}};var J=false;function ve(e,t,r="manual_record"){if(!e||!e.annotations){J||(J=true,process.stderr.write(`[testrelic] recordNavigation: reporter not active, navigation not recorded
1306
+ `));return}let a={url:t,navigationType:r,timestamp:new Date().toISOString()};e.annotations.push({type:"lambdatest-navigation",description:JSON.stringify(a)});}exports.SCHEMA_VERSION=x;exports.default=h;exports.recordNavigation=ve;//# sourceMappingURL=index.cjs.map
1595
1307
  //# sourceMappingURL=index.cjs.map